-
Notifications
You must be signed in to change notification settings - Fork 2
/
gear.html
113 lines (91 loc) · 4.97 KB
/
gear.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
<!DOCTYPE html>
<html>
<title>Otto's Gear</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karma">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Karma", sans-serif}
.w3-bar-block .w3-bar-item {padding:20px}
</style>
<body>
<div class="w3-top">
<div class="w3-white w3-xlarge" style="max-width:1200px;margin:auto">
<a href="https://ottomus-prime.github.io/">Home</a>
<div class="w3-center w3-padding-16">Otto's Gear</div>
</div>
</div>
<div class="w3-main w3-content w3-padding" style="max-width:1200px;margin-top:100px">
<!-- First Photo Grid-->
<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="/images/cpu.jpg" alt="CPU" style="width:100%">
<h3>CPU</h3>
<p><a href="https://www.amazon.com/AMD-Ryzen-3-6GHz-Cache-Desktop/dp/B081TL8XTM/ref=sr_1_3?dchild=1&keywords=AMD+Ryzen+5+3600&qid=1617671616&sr=8-3" target="_blank">AMD Ryzen 5 3600</a></p>
</div>
<div class="w3-quarter">
<img src="/images/motherboard.jpg" alt="Motherboard" style="width:100%">
<h3>Motherboard</h3>
<p><a href="https://www.amazon.com/ASUS-TUF-X570-Plus-Motherboard-Lighting/dp/B07SXF8GY3/ref=sr_1_2?dchild=1&keywords=ASUS+TUF-Gaming+X570-Plus&qid=1617672263&sr=8-2" target="_blank">ASUS TUF-Gaming X570-Plus</a></p>
</div>
<div class="w3-quarter">
<img src="/images/ram.jpg" alt="RAM" style="width:100%">
<h3>RAM</h3>
<p><a href="https://www.amazon.com/G-Skill-RipJaws-PC4-28800-CL18-22-22-42-F4-3600C18D-16GVK/dp/B07XJLDHW4/ref=sr_1_1?dchild=1&keywords=G.Skill+Ripjaw+DDR4+3600+2x8GB&qid=1617672463&sr=8-1" target="_blank">G.Skill Ripjaws DDR4 3600 2x8GB</a></p>
</div>
<div class="w3-quarter">
<img src="/images/gpu.jpg" alt="GPU" style="width:100%">
<h3>GPU</h3>
<p><a href="https://www.amazon.com/GeForce-Graphics-Tracing-Architecture-DisplayPort/dp/B08QJPBYC4/ref=sr_1_1?dchild=1&keywords=MSI+GeFORCE+RTX+3070+8GB&qid=1617673754&sr=8-1" target="_blank">MSI GeFORCE RTX 3070 8GB</a></p>
</div>
</div>
<!-- Second Photo Grid-->
<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="/images/tower.jpg" alt="Tower" style="width:100%">
<h3>Tower</h3>
<p><a href="https://www.amazon.com/Thermaltake-Motherboard-Addressable-Pre-Installed-CA-1Q5-00M1WN-00/dp/B084RSCFD4/ref=sr_1_1?dchild=1&keywords=Thermaltake+V250+TG+ARGB&qid=1617674165&sr=8-1" target="_blank">Thermaltake V250 TG ARGB</a></p>
</div>
<div class="w3-quarter">
<img src="/images/psu.jpg" alt="PSU" style="width:100%">
<h3>PSU</h3>
<p><a href="https://www.amazon.com/EVGA-SuperNOVA-Modular-Warranty-120-GP-0650-X1/dp/B0797CDK7J/ref=sr_1_2?dchild=1&keywords=EVGA+650+Gold%2B&qid=1617674302&sr=8-2" target="_blank">EVGA 650 Gold+</a></p>
</div>
<div class="w3-quarter">
<img src="/images/mic.jpg" alt="Mic" style="width:100%">
<h3>Mic</h3>
<p><a href="https://www.amazon.com/Rode-NT1-A-Large-diaphragm-Condenser-Microphone/dp/B07HY8NG5J/ref=sr_1_4?dchild=1&keywords=RODE+NT1-A&qid=1617674534&sr=8-4" target="_blank">RODE NT1-A</a></p>
</div>
<div class="w3-quarter">
<img src="/images/interface.jpg" alt="Audio Interface" style="width:100%">
<h3>Audio Interface</h3>
<p><a href="https://www.amazon.com/Steinberg-Interface-Phantom-Balanced-Windscreen/dp/B08B468K1P/ref=sr_1_6?dchild=1&keywords=Steinberg+UR12&qid=1617674665&sr=8-6" target="_blank">Steinberg UR12</a></p>
</div>
</div>
<!-- Third Photo Grid -->
<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<img src="/images/headphones.jpg" alt="Headphones" style="width:100%">
<h3>Headphones</h3>
<p><a href="https://www.amazon.com/Audio-Technica-ATHM40x-Professional-Monitor-Headphones/dp/B00HVLUR54/ref=sr_1_3?dchild=1&keywords=Audio-Technica+ATH-M40x&qid=1617674863&sr=8-3" target="_blank">Audio-Technica ATH-M40x</a></p>
</div>
<div class="w3-quarter">
<img src="" alt="" style="width:100%">
<h3></h3>
<p><a href="" target="_blank"></a></p>
</div>
<div class="w3-quarter">
<img src="" alt="" style="width:100%">
<h3></h3>
<p><a href="" target="_blank"></a></p>
</div>
<div class="w3-quarter">
<img src="" alt="" style="width:100%">
<h3></h3>
<p><a href="" target="_blank"></a></p>
</div>
</div>
</div>
</body>
</html>