Task2_/index.html at main · Habibah371/Task2_ · 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nexus | Home</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <!--

        Navigation
        Hero
        About
        Service
        gallery
        Contact info (form, address, opening hours)
        Footer


    -->

    <header>

        <!-- Navigation -->
        <nav>
            <img class="logo" src="images/nexus-logo.jpeg" alt="">
            <ul>
                <li>Home</li>
                <li>About</li>
                <li>Service</li>
                <li>Contact</li>
            </ul>
        </nav>

        <!-- Hero -->
        <div class="hero">
            <h1>Welcome to<br><span>NEXUS</span><br>Space Kaduna</h1>
            <p>
                Tech Ecosystem | Workspace | Restaurants
            </p>
        </div>

    </header>

    <main>

        <!-- About -->
        <section class="section about">
            <div class="about-image"> <img src="images/n3.jpeg" alt="" style="border-radius: 10px;"></div>
            <p class="about-content">
                <span id="nexus-text">Nexus Hub</span> is a top-rated institute of technology and co-working space
                located at 08 Bida Road, off
                Yakubu Gowon Way. With a 4.8-star rating from over 60 reviews, it’s known for its professional
                atmosphere, qualified staff, and modern facilities. Open daily until 7 PM, Nexus Hubb offers the perfect
                environment for learning, collaboration, and innovation in the heart of the city. Whether you're a tech
                enthusiast, entrepreneur, or student, Nexus Hubb provides the tools and support you need to thrive.
                <br><br>
                <a href="about.html" class="about-button"> <button class="about-button">LEARN MORE</button>
                </a>

            </p>
        </section>

        <!-- Service -->
        <section class="section-services">
            <div class="">
                <div class="service">
                    <h3>Co-Working Spaces</h3>
                    <p>Flexible and well-equipped workspaces for individuals, startups, and teams. Ideal for
                        productivity, collaboration, and networking.</p>
                </div>

                <div class="service">
                    <h3>Tech Training Programs</h3>
                    <p>Hands-on courses and bootcamps in software development, data science, UI/UX, and other in-demand
                        tech
                        skills, led by industry experts.</p>
                </div>

                <div class="service">
                    <h3>Startup Incubation</h3>
                    <p>Flexible and well-equipped workspaces for individuals, startups, and teams. Ideal for
                        productivity, collaboration, and networking.</p>
                </div>


                <div class="service">
                    <h3>Event & Meeting Spaces</h3>
                    <p>Modern, fully equipped spaces for hosting workshops, seminars, meetups, and corporate events.</p>
                </div>


                <div class="service">
                    <h3>Internet & Power Backup</h3>
                    <p>Reliable high-speed internet and uninterrupted power supply to ensure smooth and continuous
                        operations.</p>
                </div>


                <div class="service">
                    <h3>Mentorship & Networking</h3>
                    <p>Access to experienced mentors and regular community events that foster knowledge sharing and
                        professional growth.</p>
                </div>

                <div class="service">
                    <h3> Innovation Labs</h3>
                    <p>Dedicated labs for experimenting with new technologies, building prototypes, and exploring
                        creative
                        solutions.</p>
                </div>

            </div>
        </section>

        <!-- gallery -->
        <section class="section gallery">
            <div class="images">
                <img src="images/n1.jpeg" alt="">
                <img src="images/n2.jpeg" alt="">
                <img src="images/n3.jpeg" alt="">
                <img src="images/n4.jpeg" alt="">
                <img src="images/n5.jpeg" alt="">
            </div>
        </section>

        <!--  Contact info (form, address, opening hours) -->
        <section class="section contact">
            <div class="">
                <form action="" class="contact-form">
                    <div>
                        <label for="fullname">Full name</label>
                        <input type="text" class="form-input" id="fullname">
                    </div>
                    <div>
                        <label for="email">Email</label>
                        <input type="email" class="form-input" id="email">
                    </div>
                    <div>
                        <label for="phone">Phone number</label>
                        <input type="tel" class="form-input" id="phone">
                    </div>
                    <div>
                        <label for="message">Your message</label>
                        <textarea class="form-input" id="message"></textarea>
                    </div>
                    <button class="form-button" type="submit">Send message</button>
                </form>

                <div>
                    <div class="contact-info">
                        <h4>Opening Hours</h4>
                        <p>
                            Monday -- 9am - 5pm
                            Tuesday -- 9am - 5pm
                            Wednesday -- 9am - 5pm
                            Thurday -- 9am - 5pm
                            Friday -- 9am - 5pm
                            Saturday -- 9am - 3pm
                            Sunday -- 12pm - 3pm
                        </p>
                    </div>

                    <div class="contact-info">
                        <p>The Nexus Hub, 08 Bida Road, off Yakubu Gowon Way Kaduna</p>
                    </div>
                </div>
            </div>
        </section>

        <footer>
            <p>&copy; 2025 Nexus Hub. All rights reserved.</p>
            <p>Follow us on social media:
                <a href="https://twitter.com/nexushub" target="_blank">Twitter</a> |
                <a href="https://facebook.com/nexushub" target="_blank">Facebook</a> |
                <a href="https://instagram.com/nexushub" target="_blank">Instagram</a>
            </p>
        </footer>

    </main>
</body>

</html>