-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (111 loc) · 4.73 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="util.css">
<title>Erwin-Smith-Ammunition</title>
</head>
<body>
<div id="container">
<header>
<nav id="navbar" class="flex jc-space-between">
<div id="logo"><img src="img/esa-high-resolution.png" alt=""></div>
<ul class="lst-none flex">
<li>Home</li>
<li>TOP</li>
<li>Contact</li>
<li>Service</li>
<li>
<button>Buy Now</button>
</li>
</ul>
</nav>
<div id="cls"><img onclick="closeSidebar()" src="img/red-x-10354.svg" alt="cross">
</div>
<div id="opn"><img onclick="openSidebar()" src="img/icons8-menu-100.svg" alt="menu">
</div>
<nav id="sidebar" class="ta-center">
<div id="sidebarLogo"><img src="img/esa-high-resolution.png" alt=""></div>
<ul class="lst-none">
<li>Home</li>
<li>TOP</li>
<li>Contact</li>
<li>Service</li>
<li>
<button>Buy Now</button>
</li>
</ul>
</nav>
</header>
<main>
<section id="section1">
<div id="intro">
<span id="introLine1">We have </span>
<span id="Americas">Americas</span>
<div id="introLine2">Greatest
<br id="break">
<span id="weapons">Weapons</span>
</div>
</div>
</section>
<section id="section2" class="flex jc-center ai-center">
<div id="countriesName">
<div id="slogan">We provide service around the world</div>
<ul id="countriesList">
<li>South America</li>
<li>North America</li>
<li>Asia</li>
<li>Oceania</li>
<li>Africa</li>
<li>Antarctica</li>
<li>Europe</li>
</ul>
</div>
<div id="worldMap">
<!-- <img src="/Weapon-Landing-Page/img/red_tetragun_world_map.png" alt="red_tetragun_world_map"> -->
<object type="image/svg+xml" data="img/AnimatedscifiWorldMap.svg">
<img src="img/AnimatedscifiWorldMap.svg">
</object>
</div>
</section>
<section id="section3" class="flex jc-center ai-center f-flow">
<div id="screenBox" class="crt">
<div id="M4Info">
<ul id="features">
<li>M4A1</li>
<li>weight: 6/9 lb</li>
<li>length: 33 inches (stock extended)</li>
<li>barrel length: 14.5 inches</li>
<li>rate of fire : 700-950 rpm</li>
<li>muzzle velocity : 2,900 f/s</li>
<li>caliber : 5.56mm x 45mm</li>
<li>magazine : 30 round / STANAG</li>
</ul>
</div>
<div id="M4Image"></div>
</div>
</section>
<section id="section4" class="flex jc-center ai-center f-flow">
<div id="pricingBox" class="flex jc-center f-flow-column ta-center">
<div id="pricingHeader">PRICING</div>
<div id="pricingTitle">Buy <span>M4A1</span> Only In</div>
<div id="pricingPrice">$2399.00/-</div>
<div id="btnAndcheckBox" class="flex jc-center ai-center f-flow-column">
<button id="pricingBtn">Buy Now</button>
<br>
<div id="checkBoxAndLabel" class="flex jc-center ai-center">
<input type="checkbox" name="pricingCheckBox" id="pricingCheckBox">
<label for="pricingCheckBox">terms & condition apply</label>
</div>
</div>
</div>
</section>
</main>
<footer></footer>
</div>
<script src="script.js"></script>
</body>
</html>