index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Find a Tutor</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="container">
            <h1>Find a Tutor</h1>
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Login</a></li>
                    <li><a href="#">Sign Up</a></li>
                </ul>
            </nav>
        </div>
    </header>
    <main>
        <div class="container">
            <h2>Search for a Tutor</h2>
            <form id="searchForm">
                <input type="text" id="subjectInput" placeholder="Enter subject...">
                <input type="text" id="locationInput" placeholder="Enter University...">
                <button type="submit">Search</button>
            </form>
            <div id="resultsContainer">
                <!-- Search results will be displayed here -->
            </div>
        </div>
    </main>
    <footer class="footer">
        <div class="container">
            <p>&copy; 2024 Find a Tutor. All rights reserved.</p>
            <div class="social-links">
                <a href="https://www.facebook.com"><img src="facebook_logo.png" alt="Facebook"></a>
                <a href="https://twitter.com"><img src="twitter_logo.png" alt="Twitter"></a>
                <a href="https://www.instagram.com"><img src="instagram_logo.png" alt="Instagram"></a>
            </div>
        </div>
    </footer>    
    <script src="script.js"></script>
</body>
</html>