-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathttcblue.html
98 lines (98 loc) · 4.04 KB
/
ttcblue.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="productpage.css">
<link rel="icon" href="images/logo2.png">
<title>TTC BLUE CLICKY</title>
<script type="text/javascript" src="javascript.js"></script>
</head>
<body onload="checkBadge()">
<header class="topnav">
<div class="logo">
<a href="homepage.html"><img src="images/logo.png" alt="logo"></a>
</div>
<nav>
<ul class="left">
<li><a href="keyboard.html">Keyboards</a></li>
<li><a href="switches.html">Switches</a></li>
<li><a href="keycaps.html">Keycaps</a></li>
</ul>
<ul class='right'>
<li><a href="cart.html" id="cart">Cart</a><span class='badge'></span> </li>
</ul>
</nav>
</header>
<div class="main">
<div class="productgallery">
<div class="bigProduct">
<img id='mainProduct' src="images/ttcblue.png" alt="ttcblue">
</div>
<ul class='multipleProducts'>
<li> <img src="images/ttcblue.png" alt="ttcblue" onclick="showProduct(this)"> </li>
<li><img src="images/ttcblue2.png" alt="ttcblue2" onclick="showProduct(this)"> </li>
<li> <img src="images/ttcblue3.png" alt="ttcblue3" onclick="showProduct(this)"> </li>
</ul>
</div>
<div class="description">
<h4>TTC GOLDEN BLUE CLICKY SWITCHES</h4>
<p><span id='price'>$0.40</span>/Switch</p>
<p id='features'>Features</p>
<ul>
<li>3-Pin Switch</li>
<li>Clicky</li>
<li>Gold contacts</li>
</ul>
<button id='button' type="button" name="button" onclick="addCart()">Add to cart</button>
</div>
</div>
<br>
<div class="description2">
<h3>About</h3>
<p>With springs made from gold-plated stainless steel and contacts made from gold alloy, they’re both durable and responsive. They require 60 grams of force for actuation, putting them in the midrange for linear switch sensitivity. Each switch also has a substantial 2 millimeters of pretravel, so softer mishits won’t likely register. </p>
</div>
<div class="considered">
<p>Others also considered</p>
<a href="switches.html">Browse all switches →</a>
<div class="consider">
<ul class='card'>
<ul>
<li><a href="gateronyellow.html"><img src="images/gateronyellow.png" alt="gateronyellow"> </a> </li>
<li>TECSEE PURPLE PANDAS</li>
</ul>
<ul>
<li><a href="tecsee.html"><img src="images/tecsee.png" alt="tecsee"> </a> </li>
<li>TECSEE PURPLE PANDAS</li>
</ul>
<ul>
<li><a href="novelcream.html"><img src="images/novelcream.png" alt="novelcream"> </a> </li>
<li>NOVELKEYS X KAILH CREAM</li>
</ul>
</ul>
</div>
</div>
<footer>
<div class="footer">
<div class="socials">
<ul>
<li><a href="https://www.facebook.com/" target="_blank"><img src="images/facebooklogo.png" alt="facebook"> </a> </li>
<li><a href="https://www.instagram.com/" target="_blank"><img src="images/instagramlogo.png" alt="instagram"> </a> </li>
<li><a href="https://www.twitter.com/" target="_blank"><img src="images/twitterlogo.png" alt="twitter"> </a> </li>
</ul>
</div>
<div class="summary">
<ul>
<li><a href="keyboard.html">Keyboards</a> </li>
<li><a href="switches.html">Switches</a> </li>
<li><a href="keycaps.html">Keycaps</a> </li>
</ul>
<ul>
<li><a href="https://www.termsfeed.com/live/59ad481b-1194-435b-a391-e6f91ed8f6ed" target="_blank">Terms of use</a></li>
<li><a href="https://www.freeprivacypolicy.com/live/8e5b8faf-cad3-462d-9b82-a0a66e7875df" target="_blank">Privary Policy</a> </li>
</ul>
</div>
<p>© 2022 KeyboardBar</p>
</div>
</footer>
</body>
</html>