-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
150 lines (145 loc) · 5.05 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
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Best Electronics Atari Resellers" />
<meta
name="keywords"
content="atari keyboards, consoles, cables and replacement parts"
/>
<meta
name="author"
content="Benjamin Jacob Reji, Vishan De Silva, Brenden Cyrus Monterio, Hitesh Manani, Pranav Pai"
/>
<title>Best Electronics | Welcome</title>
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/footer.css" />
<script src="./js/main.js"></script>
</head>
<body>
<header>
<div class="container">
<div id="branding">
<img
src="./img/headerlogoanimation.gif"
alt="bestelectronics-logo.png"
id="logo"
/>
<h1><span class="highlight">BEST</span> ELECTRONICS</h1>
<h4>Powered by <span class="highlight">ATARI</span></h4>
</div>
<nav class="topnav" id="myTopnav">
<a href="index.html">Home</a>
<a href="./html/about.html">About</a>
<a href="./html/store.php">Store</a>
<a href="./html/support.html">Support</a>
<a href="javascript:void(0);" class="icon" onclick="navFunction()">
<i class="fa"></i>
<img src="./img/icons/navbar.png" alt="navbar.png" />
</a>
</nav>
</div>
</header>
<div>
<section id="showcase">
<video autoplay muted loop>
<source src="./img/showcaseanimation.mp4" type="video/mp4" />
</video>
</section>
<section id="boxes">
<div class="box">
<a href="./html/store.php#consoles">
<img src="./img/icons/Consoles.png" style="width: 50%" alt="" />
<p>Atari Consoles and the iconic LYNX.</p>
</a>
</div>
<div class="box">
<a href="./html/store.php#keyboard">
<img src="./img/icons/Keyboards.png" style="width: 50%" alt="" />
<p>
Atari old school keyboards for people who want a classic typing
experience.
</p>
</a>
</div>
<div class="box">
<a href="./html/store.php#joystick">
<img src="./img/icons/Controller.png" style="width: 50%" alt="" />
<p>Replacement parts for a wide variety of Atari joysticks</p>
</a>
</div>
<div class="box">
<a href="./html/store.php#games">
<img src="./img/icons/Games.png" style="width: 50%" alt="" />
<p>Classic Games for Atari Consoles</p>
</a>
</div>
<div class="box">
<a href="./html/store.php#cables">
<img src="./img/icons/Accessories.png" style="width: 50%" alt="" />
<p>Orginal Atari Accessories for Atari Products</p>
</a>
</div>
<div class="box">
<a href="./html/support.html">
<img src="./img/icons/Support.png" style="width: 50%" alt="" />
<p>For any issues and help, please go to our Support.</p>
</a>
</div>
</section>
<footer class="footer-distributed">
<div class="container">
<div class="footer-left">
<h3><span> Best</span>Electronics</h3>
<p class="footer-links">
<a href="../index.html">Home</a>
·
<a href="./about.html">About</a>
·
<a href="./store.php">Store</a>
·
<a href="./support.html">Support</a>
</p>
<p class="footer-company-name">Best Electronics © 2019</p>
</div>
<div class="footer-center">
<div>
<i class="fa"
><img src="img/icons/map-marker.svg" alt="map-marker"
/></i>
<p><span>672 Commercial Street</span>San Jose, CA 95112-1406</p>
</div>
<div>
<i class="fa"><img src="img/icons/phone.svg" alt="phone" /></i>
<p>+1 (408) 278-1070</p>
</div>
<div>
<i class="fa"
><img src="img/icons/envelope.svg" alt="mail-envelope"
/></i>
<p>
<a href="mailto:[email protected]"
>
</p>
</div>
</div>
<div class="footer-right">
<p class="footer-company-about">
<span>About the Company</span>
We specialize in replacement parts and accessories for all
Consumer based Atari Game Systems and Computers.
<br />
If you can not find the exact Atari item you are looking for
Please E-Mail us at:
<a href="mailto:[email protected]"
>
</p>
</div>
</div>
</footer>
</div>
</body>
</html>