Old-Website/index.html at main · GreeleyRobotics/Old-Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Horace Greeley Robotics Club</title>
    <link rel="stylesheet" href="styles.css">
    <style>
        /* Center-align text and adjust font size */
        #home {
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-align: left;
            margin-right: 10%;
        }

        #home h1 {
            font-size: 24px;
        }

        #home img {
            max-width: 50%;
            height: auto;
            margin-left: 15%;
        }
    </style>
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="meetings.html">Meetings</a></li>
                <li><a href="photos.html">Photos</a></li>
                <li><a href="departments.html">Departments</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>
    </header>

    <section id="home">
        <img src="images/greeleyrobotics.png" alt="Horace Greeley Robotics Club Logo">
        <div>
            <h1>Welcome to Horace Greeley Robotics Club</h1>
            <p>Join us in exploring the exciting world of robotics!</p>
            <a href="https://docs.google.com/forms/d/1nrebuMTEb-L6Vgb2UsjQLaVcJdu0SFAw-dkNXYRfh5w/" class="cta-button">Join Us</a>
        </div>
    </section>

    <!-- Rest of the homepage content -->

    <!-- Add the following code to the footer section of each HTML page -->
<footer>
    <div class="social-icons">
        <a href="https://www.instagram.com/greeleyrobotics" target="_blank">
            <img src="images/instagram.png" alt="Instagram">
        </a>
        <a href="https://www.github.com/greeleyrobotics" target="_blank">
            <img src="images/github.png" alt="Github">
        </a>
        <!-- Add more social icons and links if needed -->
    </div>
    <p>&copy; 2023 Horace Greeley Robotics Club, Ryan Zhang</p>
</footer>

</body>
</html>