Hackathon/index.html at main · BeenaAnam/Hackathon · 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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <link rel="shortcut icon" href="./images/favicon-32x32.png" type="image/x-icon">
    <title>Nexcent | Home</title>
    <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css' rel='stylesheet'
        integrity='sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN' crossorigin='anonymous'>
    <link rel="stylesheet" href="style.css">
    <script src='https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js'
    integrity='sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL' crossorigin='anonymous'
    defer></script>
</head>

<body>
    <div class="container-fluid">
        <nav class="navbar row navbar-main navbar-expand-lg bg-body-tertiary" data-bs-theme="dark">
            <div class="container content-wrapper">
                <a class="navbar-brand" href="#">
                    <div class="logo d-flex align-items-center">
                        <img src="./images/icon-white.svg" alt="logo" width="35" height="24">
                        <h1 class="logo-text">Nexcent</h1>
                    </div>
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

                <div class="collapse menu navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0 mx-auto">
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="#">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="#">Service</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="#">Fetures</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="#">community</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="#">Blog</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="#">Pricing</a>
                        </li>
                    </ul>
                    <div class="login-signup-btn d-flex">
                        <button class="btn btn-signup">Register Now →</button>
                    </div>
                </div>
            </div>
        </nav>


        <!-- hero-section-start-->
        <div class="row hero-section-main">
            <div class="hero-section content-wrapper d-flex">
                <div class="col-md-8 col-12 hero-text d-flex flex-column justify-content-center">
                    <div class="col-md-12 hero-text-heading mb-3">
                        <h1>Lessons and insights <br> <span class="primary"> from 8 years</span></h1>
                    </div>
                    <div class="col-md-12 hero-sub-heading mb-4">Where to grow your bussiness as a photographer: site or
                        social
                        media?
                    </div>
                    <div class="register-btn">
                        <button class="btn">Register</button>
                    </div>
                </div>
                <div class="col-md-4 hero-img d-flex justify-content-center">
                    <img class="img-fluid" src="./images/Illustration.svg" alt="hero-image">
                </div>
            </div>
        </div>
        <!-- hero-section end-->


        <div class="row">
            <!-- our clients start-->
            <div class="our-clients">
                <div class="col-md-12">
                    <h1 class="heading mt-5 text-center">Our Clients</h1>
                    <p class="sub-heading text-center">We have been working with some Fortune 500+ clients</p>
                    <div class="col-12 our-client-img mx-auto d-flex justify-content-center">
                        <img class="img-fluid" src="./images/clientslogos.svg" alt="clientslogos">
                    </div>
                </div>
            </div>
            <!-- our clients end-->
        </div>
        <!-- community-section-start-->
        <div class="row">
            <div class="row community-section content-wrapper justify-content-between">
                <div class="col-md-12 col-12 mt-5">
                    <h1 class="heading text-center">Manage your entire community <br> in a single system</h1>
                    <p class="sub-heading text-center">Who is Nextcent suitable for?</p>
                </div>
                <div class="col-md-4 col-12 card">
                    <div class="community-icon d-flex justify-content-center">
                        <img src="./images/mambershipicon.svg" alt="Membership Icon">
                    </div>
                    <h1 class="heading-community text-center">Membership <br> Organization</h1>
                    <p class="sub-heading-community text-center">Our membership management software provides full
                        automation of
                        membership
                        renewals and payments</p>
                </div>
                <div class="col-md-4 col-12 card">
                    <div class="community-icon d-flex justify-content-center">
                        <img src="./images/national-association.svg" alt="national-association">
                    </div>
                    <h1 class="heading-community text-center">National <br> Associations</h1>
                    <p class="sub-heading-community text-center">Our membership management software provides full
                        automation of
                        membership renewals and payments</p>
                </div>
                <div class="col-md-4 col-12 card">
                    <div class="community-icon d-flex justify-content-center">
                        <img src="./images/national-association.svg" alt="national-association">
                    </div>
                    <h1 class="heading-community text-center">Clubs and <br> Groups</h1>
                    <p class="sub-heading-community text-center">Our membership management software provides full
                        automation of
                        membership renewals and payments</p>
                </div>
            </div>
        </div>
        <!-- community-section-end-->
        <!-- unlock section start-->
        <div class="row mt-5 ">
            <div class="row p-5 unlock-section content-wrapper">
                <div class="col-md-5 col-12">
                    <div class="mobile-login d-flex justify-content-end">
                        <img class="img-fluid" src="./images/mobile-login.svg" alt="Mobile Login">
                    </div>
                </div>
                <div class="col-md-7 col-12">
                    <div class="unlock-section-content">
                        <h1 class="heading">The unseen of spending three <br> years at Pixelgrade</h1>
                        <p class="sub-heading mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit
                            amet
                            justo ipsum. Sed accumsan quam vitae est varius fringilla. Pellentesque placerat
                            vestibulum
                            lorem sed porta. Nullam mattis tristique iaculis. Nullam pulvinar sit amet risus pretium
                            auctor. Etiam quis massa pulvinar, aliquam quam vitae, tempus sem. Donec elementum
                            pulvinar
                            odio.</p>
                        <div class="register-btn mt-5">
                            <button class="btn">Learn More</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- unlock section end-->
        <!-- </div> -->
        <!-- achievement section start-->
        <div class="row achievement-section">
            <div class="row achievement-section-content content-wrapper">
                <div class="col-md-6 col-12 m-auto">
                    <h1 class="secondary">Helping a local <br> <span class="primary">business reinvent itself</span>
                    </h1>
                    <p>We reached here with our hard work and dedication</p>
                </div>
                <div class="col-md-6 col-12 row">
                    <div class="col-6 d-flex align-items-center justify-end">
                        <div class="icon">
                            <img src="./images/members-icon.png.png" alt="Members Icon" height="48" width="48">
                        </div>
                        <div class="icon-content">
                            <h1 class="heading ">2,245,341</h1>
                            <p class="sub-heading">Members</p>

                        </div>
                    </div>
                    <div class="col-6 d-flex align-items-center">
                        <div class="icon">
                            <img src="./images/club-icon.png" alt="Members Icon" height="48" width="48">
                        </div>
                        <div class="icon-content">
                            <h1 class="heading">46,328</h1>
                            <p class="sub-heading">Clubs</p>
                        </div>
                    </div>
                    <div class="col-6 d-flex justify-end">
                        <div class="icon">
                            <img src="./images/event-booking.png" alt="Members Icon" height="48" width="48">
                        </div>
                        <div class="icon-content ">
                            <h1 class="heading">828,867</h1>
                            <p class="sub-heading">Events Bookings</p>
                        </div>
                    </div>
                    <div class="col-6 d-flex">
                        <div class="icon">
                            <img src="./images/payment-icon.png" alt="Members Icon" height="48" width="48">
                        </div>
                        <div class="icon-content">
                            <h1 class="heading">1,926,436</h1>
                            <p class="sub-heading">Payments</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- community-section-end-->
        <!-- Get a Demo Section start-->
        <div class="row get-demo-section">
            <div class="get-demo-content content-wrapper">
                <h1 class="get-demo-heading text-center mt-5 mx-auto">Pellentesque suscipit
                    fringilla libero eu.</h1>
                <div class="register-btn my-4 d-flex justify-content-center">
                    <button class="btn">Get a Demo →</button>
                </div>
            </div>
        </div>

        <!-- Get a Demo Section end-->
        <!-- footer start-->
        <div class="row footer-main">
            <div class="row sm-text-center footer-content content-wrapper py-5">
                <div class="col-md-5 center col-12 d-flex flex-column justify-content-between">
                    <div class=" sm-mx-auto d-flex align-items-center">
                        <img class="pointor" src="./images/icon-white.svg" alt="logo" width="35" height="24">
                        <h1 class="sm-mx-auto logo-text ms-2 pointor">Nexcent</h1>
                    </div>
                    <div class="copyright">
                        <p>Copyright © 2020 Nexcent ltd.</p>
                        <p>All rights reserved</p>
                    </div>
                    <div class="sm-mx-auto social-links d-flex">
                        <img src="./images/instagram-icon.svg" alt="Instagram">
                        <img src="./images/internet-icon.svg" alt="Internet">
                        <img src="./images/twitter-icon.svg" alt="Twitter">
                        <img src="./images/youtube-icon.svg" alt="Youtube">
                    </div>
                </div>
                <div class="col-md-2 col-6 footer-nav">
                    <h5 class="mb-3 ">Company</h5>
                    <ul>
                        <li>About us</li>
                        <li>Blog</li>
                        <li>Contact us</li>
                        <li>Pricing</li>
                        <li>Testimonials</li>
                    </ul>
                </div>
                <div class="col-md-2 col-6 footer-nav">
                    <h5 class="mb-3">Support</h5>
                    <ul>
                        <li>Help Center</li>
                        <li>Terms of Service</li>
                        <li>Legal</li>
                        <li>Privacy Policy</li>
                        <li>Status</li>
                    </ul>
                </div>
                <div class="col-md-3 col-12 footer-nav">
                    <h5 class="mb-3 center">Stay up to date</h5>
                    <div class="input-box center sm-mx-auto">
                        <input class="center" type="text" name="subscribe" id="subscribe"
                            placeholder="Your email address">
                        <img src="./images/emailsend-icon.svg" alt="Email-send">
                    </div>
                </div>
            </div>
        </div>
        <!-- footer end -->
    </div>
</body>

</html>