-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
265 lines (251 loc) · 8.54 KB
/
index.html
File metadata and controls
265 lines (251 loc) · 8.54 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NERV</title>
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<div class="nav-bar">
<div class="logo">
<a href="index.html">
<img src="assets/nerv 1.svg" alt="NERV Logo" />
</a>
</div>
<!-- Add burger menu button -->
<button class="burger-menu" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<div class="nav-wrapper">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="wikis.html">Wikis</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="bar-cart">
<img src="assets/img-search.svg" alt="Search Bar" />
<img src="assets/img-cart.svg" alt="Shopping Cart" />
</div>
<div class="sign-in">
<button>SIGN IN</button>
</div>
</div>
</div>
<div class="welcome">
<h1>Discover how technology came so far with us</h1>
<p>Make your life more easy with our cyberware implants</p>
<div class="button-dl">
<button class="prpl-bt">DISCOVER NOW</button>
<button class="wht-bt">LEARN MORE</button>
</div>
</div>
</header>
<section class="social-pad-wrap">
<p>Our design partners include the world's leading companies</p>
<div class="socials-wrp">
<div class="img-box-pt">
<img src="assets/logo-fb.svg" alt="Company Logo 1" />
</div>
<div class="img-box-pt">
<img src="assets/logo-gg.svg" alt="Company Logo 2" />
</div>
<div class="img-box-pt">
<img src="assets/logo-apl.svg" alt="Company Logo 3" />
</div>
<div class="img-box-pt">
<img src="assets/logo-pp.svg" alt="Company Logo 4" />
</div>
<div class="img-box-pt">
<img src="assets/logo-rndm.svg" alt="Company Logo 5" />
</div>
<div class="img-box-pt">
<img src="assets/logo-amz.svg" alt="Company Logo 6" />
</div>
</div>
</section>
<section class="implant-pad-wrap">
<p>OUR NEW IMPLANTS</p>
<div class="implant-crd-wrp">
<div class="impl-card">
<img
src="assets/impl-karanzikov.svg"
alt="karanzikov"
style="margin-bottom: 49px"
/>
<h3>KARENZIKOV</h3>
<p>
This cyberware implant will allow you to aim and shoot while dodging
enemy attacks.
</p>
</div>
<div class="impl-card">
<img src="assets/impl-mantis blades.svg" alt="mantis blades" />
<h3>MANTIS BLADES</h3>
<p>
Perfect for those who put personal safety first, not to mention
discreet too.
</p>
</div>
<div class="impl-card">
<img
src="assets/impl-optical camo.svg"
alt="optical camo"
style="margin-bottom: 74px"
/>
<h3>OPTICAL CAMO</h3>
<p>
The Optical Camo is a piece of Integumentary System Cyberware
implant
</p>
</div>
</div>
</section>
<section class="poplr-implants-wrap">
<p>OUR MOST POPULAR IMPLANTS</p>
<div class="most-pop-wrper">
<span class="arrow-left">
<img src="assets/vector-left.png" alt="Left Arrow" />
</span>
<div class="pop-card-wrp">
<img src="assets/kiroshi.svg" alt="Kiroshi" />
<h3>KIROSHI OPTICS</h3>
<p>
The Kiroshi Optics allow scanning of the environment, as well as
display information about citizens of Nigt city
</p>
</div>
<div class="pop-card-wrp">
<img src="assets/biomonitor.svg" alt="biomonitor" />
<h3>BIOMONITOR</h3>
<p>
The Biomonitor is a piece of circulatory System Cyberware implant
</p>
</div>
<div class="pop-card-wrp">
<img src="assets/heal-kill.svg" alt="heal-kill" />
<h3>HEAL - ON - KILL</h3>
<p>The Heal-On-Kill is a Frontal Cortex Cyberware implant</p>
</div>
<span class="arrow-right">
<img src="assets/vector-right.png" alt="Right Arrow" />
</span>
</div>
<span class="dots">
<img src="assets/dot-white.png" alt="dot white" />
<img src="assets/dot-grey.png" alt="dot grey" />
</span>
</section>
<section class="we-are-who">
<h3>WHO ARE WE ?</h3>
<div class="wmn-glasses-wrp">
<div class="glasses-col">
<p>
We are the inventors of innovative tools, We strive to always be one
step ahead in the future to take care of your comfort and make your
life as comfortable as possible.
</p>
<button>LEARN MORE</button>
</div>
</div>
</section>
<section class="memb-wrapper">
<h3>OUR GROUP MEMBERS</h3>
<div class="group-wrp">
<div class="mem-part1">
<div class="member-card">
<img src="assets/mem-eren.png" alt="Eren Yeager" />
<h4>OUR LEADER</h4>
<p>Eren Yager</p>
</div>
<div class="member-card">
<img src="assets/mem-mikasa.png" alt="Mikasa Ackerman" />
<h4>OUR CEO</h4>
<p>Mikasa Ackerman</p>
</div>
</div>
<div class="mem-part2">
<div class="member-card">
<img src="assets/mem-annie.png" alt="Annie" />
<h4>OUR DESIGNER</h4>
<p>Annie Leonhart</p>
</div>
<div class="member-card">
<img src="assets/mem-levi.png" alt="Levi Ackerman" />
<h4>OUR DEVELOPER</h4>
<p>Levi Ackerman</p>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-pt">
<div class="foot-logo-text">
<img src="assets/nerv 1.svg" alt="NERV Logo" />
<p>
We are the inventors of innovative tools, We strive to always be one
step ahead in the future to take care of your comfort and make your
life as comfortable as possible.
</p>
<div class="socials">
<img src="assets/facebook.svg" alt="Facebook Logo" />
<img src="assets/instagram.svg" alt="Instagram Logo" />
<img src="assets/twitter.svg" alt="Twitter Logo" />
</div>
</div>
<div class="foot-column-wrap">
<div class="nav-col">
<h3>Navigate</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#company">Company</a></li>
<li><a href="#support">Support</a></li>
<li><a href="#pricing">Pricing</a></li>
</ul>
</div>
<div class="sup-col">
<h3>Support Us</h3>
<ul>
<li><a href="#faq">FAQ</a></li>
<li><a href="#contact-us">Contact us</a></li>
<li><a href="#support-center">Support Center</a></li>
<li><a href="#security">Security</a></li>
</ul>
</div>
<div class="part-col">
<h3>Partner</h3>
<ul>
<li><a href="#our-partner">Our Partner</a></li>
<li><a href="#subscribe">Subscribe</a></li>
</ul>
</div>
</div>
</div>
<div class="foot-footer">
<p>Xborg 2022 All Rights Reserved</p>
<nav>
<ul>
<li><a href="#terms-conditions">Terms & Conditions</a></li>
<li><a href="#privacy-policy">Privacy Policy</a></li>
<li><a href="#sitemap">Sitemap</a></li>
</ul>
</nav>
</div>
</footer>
<script src="app.js" defer></script>
</body>
</html>