html_css_project/index.html at main · Code-Abbey/html_css_project · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Social Media Week Lagos</title>
    <link href="https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav class="navbar" aria-label="Main Navigation">
            <a href="index.html" class="logo">
                <img src="assets/Logo 2.png" alt="SMW Logo">
            </a>
            <ul class="nav-links">
                <li><a href="index.html" class="active">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#gallery">Gallery</a></li>
                <li><a href="#">Resources</a></li>
                <li><a href="subPage/speakers.html">Speakers</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <section class="banner">
        <img src="assets/smwBanner2.png" alt="Event Banner">
    </section>

    <section id="about" class="about">
        <article>
            <h1>Creators, Innovators, and Leaders</h1>
            <h1>Welcome to Social Media Week Lagos 2024!</h1>
            <p>
                We are thrilled to have you join us for this year’s Social Media Week Lagos,
                where Africa’s brightest digital minds and creative voices come together
                to redefine the power of social media and technology.
            </p>
            <p>
                Social Media Week Lagos delves into the trends, challenges, and innovations
                shaping how we communicate, connect, and influence across Africa and the world.
                Our sessions, panels, and workshops are crafted to equip you with cutting-edge
                insights and practical tools for impactful storytelling, strategic brand growth,
                and digital excellence.
            </p>
            <p>
                Prepare for an unforgettable journey of discovery, connection, and growth.
                Let’s shape the future of social media together!
            </p>
        </article>
        <figure class="about-image">
            <img src="assets/Lagos Illustration - Designed by Me.png" alt="Lagos Illustration">
        </figure>
    </section>

    <section id="gallery" class="gallery">
        <h1>Gallery</h1>
        <div class="gallery-grid">
            <img src="assets/IMG_9671.jpg" alt="Event pic 1">
            <img src="assets/IMG_9449.jpg" alt="Event pic 2">
            <img src="assets/IMG_9463.jpg" alt="Event pic 3">
            <img src="assets/IMG_1091.jpg" alt="Event pic 4">
            <img src="assets/IMG_3478.jpg" alt="Event pic 5">
            <img src="assets/IMG_9358.jpg" alt="Event pic 6">
        </div>
    </section>

    <section id="sponsors" class="sponsors">
        <h1>Our Sponsors</h1>
        <div class="sponsors-slide">
            <img src="assets/fhstp 1.png" alt="FHSTP Logo">
            <img src="assets/Lagos Government Logo.png" alt="Lagos Government Logo">
            <img src="assets/Google Logo.png" alt="Google Logo">
            <img src="assets/X logo.png" alt="X Logo">
        </div>
    </section>

    <footer id="contact">
        <p>
            Social Media Week Lagos Landing Page is
            <a href="https://ecampus.fhstp.ac.at/user/profile.php?id=38275" target="_blank">
                Abiodun Michael Adefusi's
            </a>
            semester project for Creative Computing, WS2024, in the course Introduction to Web Technologies.
            Address:
            <a href="https://maps.app.goo.gl/KSktDDR7mE6zthen6" target="_blank">
                Campus Domus 40-42 Herzogenburger Str., 3100 St. Pölten.
            </a>Telephone:
            <a href="tel:+4368864451022">+43 688 6445 1022</a>
        </p>
        <div class="footer-icons">
            <a href="https://x.com/Code_Abbey" target="_blank" rel="noopener noreferrer">
                <img src="assets/twitter.png" alt="Twitter">
            </a>

            <a href="https://www.instagram.com/code_abbey/" target="_blank" rel="noopener noreferrer">
                <img src="assets/instagram.png" alt="Instagram">
            </a>

            <a href="https://www.linkedin.com/in/abiodun-adefusi/" target="_blank" rel="noopener noreferrer">
                <img src="assets/linkedin.png" alt="LinkedIn">
            </a>

        </div>
    </footer>
</body>
</html>