Useful Functions

Back to Home

Choose an Useful Function You Prefer

Function 1: Big Sentence Function 2: The Snake Game Function 3: Random

Behind This Webpage


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
    <title>Useful Functions</title>
    <style>
        body {
            font-family: 'Inter', sans-serif;
        }
       .programming-window {
            background-color: #2d3748;
            color: #e2e8f0;
            padding: 1rem;
            border-radius: 0.5rem;
            margin-top: 1rem;
            overflow-x: auto;
        }
    </style>
</head>

<body class="bg-gray-100">
    <!-- Header section -->
    <header class="bg-blue-600 text-white p-6">
        <div class="flex flex-col">
            <h1 class="text-3xl font-bold">Useful Functions</h1>
            <a href="index.html" class="text-white hover:underline self-start mt-2">Back to Home</a>
        </div>
    </header>

    <!-- Main content section -->
    <main class="p-6">
        <div class="bg-white p-6 rounded shadow-md">
            <h2 class="text-2xl font-bold mb-4">Choose an Useful Function You Prefer</h2>
            <a href="#" class="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 block mb-4">Function 1: Big Sentence</a>
            <a href="thesnakegame.html" class="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 block mb-4">Function 2: The Snake Game</a>
            <a href="random.html" class="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 block">Function 3: Random</a>
        </div>
        <div class="bg-white p-6 rounded shadow-md mt-6">
            <h2 class="text-2xl font-bold mb-4">Behind This Webpage</h2>
            <div class="programming-window">
                <!-- HTML code of the page for reference -->
            </div>
        </div>
    </main>

    <!-- Footer section -->
    <footer class="bg-gray-800 text-white p-6 text-center">
        <p>© 2025 LowBattery's Elevator Photography. All rights reserved.</p>
    </footer>
</body>

</html>