index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="A website about saving money with deals as a gamecock student or faculty member.">
    <meta name="keywords" content="sdeals, gamecocks, university of south caorlina, campus life">
    <meta name="author" content="Sophia Foltz">
    <title>Home Page - Student Deals</title>
    <link rel="stylesheet" href="styles.css"> <!-- Link to the external CSS file -->
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SMWPBQXCVQ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-SMWPBQXCVQ');
</script>
</head>
<body>
    <header>
        <h1>Sophia Foltz</h1>
        <p>Date: 2024-11-05</p>
        <p>Assignment: Create and Validate HTML Website Assignment</p>
    </header>

    <nav>
        <h2>Welcome to Our University</h2>
        <img src="SCGamecock.png" alt="University Logo" width="70" height="50" style="margin-right: 20px;">
        <a href="index.html">HOME</a>
        <a href="about.html">ABOUT</a>
        <a href="deals.html">DEALS</a>
        <a href="contact.html">CONTACT</a>
    </nav>

    <main>
        <section class="image-grid">
        <div>
            <img src="shopping1.png" alt="Shopping" width="220" height="220">
            <img src="shopping2.png" alt="Shopping" width="220" height="220">
            <img src="shopping3.png" alt="Shopping" width="220" height="220">
        </div>
        <div class="social-media-images">
            <img src="twitter.png" alt="Twitter" width="70" height="50">
            <img src="facebook.png" alt="Facebook" width="100" height="70">
            <img src="instagram.png" alt="Instagram" width="50" height="40">
        </div>
        </section>

        <div>
            <p>THE BEST STUDENT DEALS AND DISCOUNTS</p>
        </div>
    </main>

    <footer>
        <a href="about.html">Go to About Page</a> | 
        <a href="contact.html">Go to Contact Page</a>
    </footer>
</body>
</html>