-
Notifications
You must be signed in to change notification settings - Fork 1
/
Hardware.html
301 lines (259 loc) · 20.2 KB
/
Hardware.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
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
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<html lang="en-au" xml:lang="en-au">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N9ZN3HL');</script>
<!-- End Google Tag Manager -->
<!-- Clarity tracking code for https://burrd.netlify.app/ -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "5q0czdmibo");
</script>
<title>
Hardware
</title>
<meta http-equiv="content-language" content="en-au">
<meta name="title" content="PC News and Info">
<meta name="description" content="This is a website made for a school project but also serves as a platform to download software.">
<meta name="keywords" content="software, hardware, computers, download">
<meta name="robots" content="noindex">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="language" content="English">
<meta name="author" content="Andrew Thomas">
<link rel="stylesheet" href="https://use.typekit.net/juj3moa.css"> <!-- Heading font -->
<link rel="icon" href="assets/images/favicon.ico" type="image/ico"> <!--Favicon-->
<style>* { cursor: url(assets/cursors/neo-cursor.cur), default; }</style> <!-- Cursor -->
<link rel="stylesheet" href="style.css"> <!-- CSS -->
<link rel="canonical" href="https://burrd.netlify.app/hardware" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-172627961-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-172627961-1');
</script>
</head>
<header>
<a href="index.html"><h1 style = "color:white; background-color:#8960e0" class = "Heading" id = "Heading" ><!-- Heading -->
PC News and Info
</h1></a>
<h2 style = "color:white; background-color:#ad60e0" id = "Subject"> Hardware </h2>
</header>
<body style = "text-align:center; background-color:#2e2e2e;">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N9ZN3HL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<table> <!-- Menu -->
<tr>
<td> <p style = "color:white; background-color:#00fc8b" id = "Navigate"> <b> Navigate </b> </p> </td>
</tr>
<tr>
<td> <a style = "color:white; background-color:#8960e0; font-size:30; text-decoration: none" id = "Home" href = "index.html">Home</a> <a style = "color:transparent; background-color:#ff457d; font-size:28" > </a> </td>
<td> <a style = "color:white; background-color:orange; font-size:30; text-decoration: none" id = "Software" href = "Software.html">Software</a> <a style = "color:transparent; background-color:#ff457d; font-size:28" > </a> </td>
<td> <a style = "color:white; background-color:#00fc8b; font-size:30; text-decoration: none" id = "FAQ" href = "FAQ.html">FAQ</a> <a style = "color:transparent; background-color:#ff457d; font-size:28" > </a> </td>
<td> <a style = "color:white; background-color:royalblue; font-size:30; text-decoration: none" id = "Info" href = "Info.html">Info</a> <a style = "color:transparent; background-color:#ff457d; font-size:28" > </a> </td>
</tr>
</table>
<p style="text-align:centre; font-family:arial; font-size:22; color:white" id ="TextBody"> Peripherals coming <s>soon!</s> never.</p> <!-- There would be ........... if it wasnt so tedious, the peripherals are a lie -->
<h2 style = "color:white; background-color:slateblue"> Home build </h2> <!-- Home Build-->
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="HomeBuild">This PC build is for home / general purpose use</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="HomeBuild1"> <img src="assets/images/HomeBuild.jpg" alt="Home Build" style="width:120;height:120"> Specs:</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="HomeBuild2">APU • AMD Ryzen 3 2200g | $270 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="HomeBuild3">Motherboard • ASRock B450M-HDV Micro ATX AM4 | $94</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="HomeBuild4">RAM • Crucial 8 GB (2 x 4 GB) DDR4-3200 Memory | $72 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="HomeBuild5">Storage • Silicon Power Silm S55 480 GB 2.5" Solid State Drive | $82 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="HomeBuild6">Case • Thermaltake Versa H15 MicroATX Mid Tower Case | $N/A </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="HomeBuild7">PSU • Corsair CXM (2015) 450 W 80+ Bronze Certified Semi-modular ATX Power Supply | $94 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="HomeBuild8">Total ~$625</p>
<h2 style = "color:white; background-color:#36306b"> Gaming builds </h2>
<h2 style = "color:white; background-color:slateblue"> ~$800 | Entry level </h2>
<img src="assets/images/Gaming800.jpg" alt="Entry Level" style="width:160;height:120">
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild1">CPU • Intel Core i3-9100F 3.6 GHz Quad-Core Processor | $130 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild2">Motherboard • MSI B365M PRO-VDH Micro ATX LGA1151 | $127</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild3">RAM • GeIL EVO POTENZA 16 GB (2 x 8 GB) DDR4-3200 Memory | $114</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild4">Storage • Silicon Power Silm S55 480 GB 2.5" Solid State Drive | $82</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild5">GPU • Asus Radeon RX 570 4 GB ROG STRIX Video Card | $200 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild6">Case • Cougar MX330-G ATX Mid Tower Case | $60 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild7">PSU • Corsair CXM (2015) 450 W 80+ Bronze Certified Semi-modular ATX Power Supply | $94 </p>
<h2 style = "color:white; background-color:slateblue"> ~$1700 | Very Capable </h2>
<img src="assets/images/Gaming1700.jpg" alt="Very Capable" style="width:120;height:120">
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild11">CPU • Intel Core i5-9600K 3.7 GHz 6-Core Processor | $348 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild12">CPU Cooler • be quiet! Pure Rock Slim 35.14 CFM | $49</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild13">Motherboard • Gigabyte Z390 D ATX LGA1151 | $188 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild14">RAM • GeIL EVO POTENZA 16 GB (2 x 8 GB) DDR4-3200 | $114 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild15">Storage • Crucial BX500 960 GB 2.5" Solid State Drive | $138 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild16">GPU • ASRock Radeon RX 5700 XT 8 GB CHALLENGER D OC | $629 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild17">Case • Corsair 275R Airflow ATX Mid Tower | $140 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild18">PSU • SeaSonic G 550 W 80+ Gold Certified Semi-modular ATX | $121</p>
<h2 style = "color:white; background-color:#292552"> Streaming builds </h2>
<h2 style = "color:white; background-color:#36306b"> ~$2400 | Amazing Streaming Build </h2>
<img src="assets/images/Gaming2400.jpg" alt="Amazing Streaming Build" style="width:130;height:140">
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild21">CPU • Intel Core i5-9600K 3.7 GHz 6-Core | $348 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild22">CPU Cooler • be quiet! Dark Rock Pro 4 50.5 CFM | $139 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild23">Motherboard • ASRock Z390 Pro4 ATX LGA1151 | $200 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild24">RAM • GeIL EVO POTENZA 16 GB (2 x 8 GB) DDR4-3200 | $114 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild25">Storage • Crucial P1 500 GB M.2-2280 NVME Solid State Drive | $104 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild26">GPU • Inno3D GeForce RTX 2080 SUPER 8 GB Twin X2 OC | $1144 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild27">Case • Fractal Design Meshify C ATX Mid Tower | $152 </p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild28">PSU • Silverstone Essential 750 W 80+ Gold Certified Semi-modular ATX | $160 </p>
<h2 style = "color:white; background-color:#36306b"> ~$5200 | Overkill </h2>
<img src="assets/images/Gaming5200.jpg" alt="Overkill" style="width:120;height:191">
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild31">CPU • AMD Ryzen 9 3950X 3.5 GHz 16-Core | $1270</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild32">CPU Cooler • Corsair H150i PRO 47.3 CFM Liquid | $251</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild33">Motherboard • Gigabyte X570 AORUS ELITE WIFI ATX AM4 | $430</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild34">RAM • G.Skill Ripjaws V 32 GB (2 x 16 GB) DDR4-3600 | $250</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild35">Storage • Gigabyte AORUS NVMe Gen4 2 TB M.2-2280 NVME Solid State Drive | $780</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild36">GPU • Gigabyte GeForce RTX 2080 SUPER 8 GB GAMING OC | $1346</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild37">Case • NZXT H510 ATX Mid Tower | $121</p>
<p style="text-align:left; font-family:arial; font-size:22; color:white" id="GamingBuild38">PSU • Corsair RM (2019) 650 W 80+ Gold Certified Fully Modular ATX | $180</p>
<footer>
<!-- Footer -->
<!--Theme--> <a onclick = "gfg_Light()" class="blackbutton" id="Light">Light Theme</a><a onclick = "gfg_Dark()" class="whitebutton" id="Dark">Dark Theme</a> <br> <br>
<a style = "color:white; background-color:#ff457d" href="assets/txt/ApacheLicense.txt" target="_blank" rel="noopener noreferrer">© Copyright 2021 Andrew Thomas </a></p>
<h2 style = "color:white; background-color:#ff457d" id = "Footer"> Contact </h2> <!-- Contact -->
<p style = "color:white; background-color:#ff457d">Email: <a style = "color:white; background-color:#ff457d" href="mailto:[email protected]">
<i> [email protected] </i> </a>.</p>
</footer>
<script src="assets/js/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
$("#Dark").hide();
});
</script>
<script>
$(document).ready(function(){
$("#Dark").click(function(){
$("#Dark").hide();
});
$("#Light").click(function(){
$("#Dark").show();
});
});
</script>
<script>
$(document).ready(function(){
$("#Light").click(function(){
$("#Light").hide();
});
$("#Dark").click(function(){
$("#Light").show();
});
});
</script>
<!--Dark Theme-->
<script>
var el_up = document.getElementById("GFG_UP");
function changeColor(color) {
document.body.style.background = color;
}
function gfg_Dark() {
changeColor('#2e2e2e');
document.getElementById("Heading").style.color="white"
document.getElementById("Subject").style.color="white"
document.getElementById("TextBody").style.color="white"
document.getElementById("HomeBuild").style.color="white"
document.getElementById("HomeBuild1").style.color="white"
document.getElementById("HomeBuild2").style.color="white"
document.getElementById("HomeBuild3").style.color="white"
document.getElementById("HomeBuild4").style.color="white"
document.getElementById("HomeBuild5").style.color="white"
document.getElementById("HomeBuild6").style.color="white"
document.getElementById("HomeBuild7").style.color="white"
document.getElementById("HomeBuild8").style.color="white"
document.getElementById("GamingBuild1").style.color="white"
document.getElementById("GamingBuild2").style.color="white"
document.getElementById("GamingBuild3").style.color="white"
document.getElementById("GamingBuild4").style.color="white"
document.getElementById("GamingBuild5").style.color="white"
document.getElementById("GamingBuild6").style.color="white"
document.getElementById("GamingBuild7").style.color="white"
document.getElementById("GamingBuild11").style.color="white"
document.getElementById("GamingBuild12").style.color="white"
document.getElementById("GamingBuild13").style.color="white"
document.getElementById("GamingBuild14").style.color="white"
document.getElementById("GamingBuild15").style.color="white"
document.getElementById("GamingBuild16").style.color="white"
document.getElementById("GamingBuild17").style.color="white"
document.getElementById("GamingBuild18").style.color="white"
document.getElementById("GamingBuild21").style.color="white"
document.getElementById("GamingBuild22").style.color="white"
document.getElementById("GamingBuild23").style.color="white"
document.getElementById("GamingBuild24").style.color="white"
document.getElementById("GamingBuild25").style.color="white"
document.getElementById("GamingBuild26").style.color="white"
document.getElementById("GamingBuild27").style.color="white"
document.getElementById("GamingBuild28").style.color="white"
document.getElementById("GamingBuild31").style.color="white"
document.getElementById("GamingBuild32").style.color="white"
document.getElementById("GamingBuild33").style.color="white"
document.getElementById("GamingBuild34").style.color="white"
document.getElementById("GamingBuild35").style.color="white"
document.getElementById("GamingBuild36").style.color="white"
document.getElementById("GamingBuild37").style.color="white"
document.getElementById("GamingBuild38").style.color="white"
}
</script>
<!--Light Theme-->
<script>
var el_up = document.getElementById("GFG_UP");
function changeColor(color) {
document.body.style.background = color;
}
function gfg_Light() {
changeColor('white');
document.getElementById("Heading").style.color="#2e2e2e"
document.getElementById("Subject").style.color="#2e2e2e"
document.getElementById("TextBody").style.color="#2e2e2e"
document.getElementById("HomeBuild").style.color="#2e2e2e"
document.getElementById("HomeBuild1").style.color="#2e2e2e"
document.getElementById("HomeBuild2").style.color="#2e2e2e"
document.getElementById("HomeBuild3").style.color="#2e2e2e"
document.getElementById("HomeBuild4").style.color="#2e2e2e"
document.getElementById("HomeBuild5").style.color="#2e2e2e"
document.getElementById("HomeBuild6").style.color="#2e2e2e"
document.getElementById("HomeBuild7").style.color="#2e2e2e"
document.getElementById("HomeBuild8").style.color="#2e2e2e"
document.getElementById("GamingBuild1").style.color="#2e2e2e"
document.getElementById("GamingBuild2").style.color="#2e2e2e"
document.getElementById("GamingBuild3").style.color="#2e2e2e"
document.getElementById("GamingBuild4").style.color="#2e2e2e"
document.getElementById("GamingBuild5").style.color="#2e2e2e"
document.getElementById("GamingBuild6").style.color="#2e2e2e"
document.getElementById("GamingBuild7").style.color="#2e2e2e"
document.getElementById("GamingBuild11").style.color="#2e2e2e"
document.getElementById("GamingBuild12").style.color="#2e2e2e"
document.getElementById("GamingBuild13").style.color="#2e2e2e"
document.getElementById("GamingBuild14").style.color="#2e2e2e"
document.getElementById("GamingBuild15").style.color="#2e2e2e"
document.getElementById("GamingBuild16").style.color="#2e2e2e"
document.getElementById("GamingBuild17").style.color="#2e2e2e"
document.getElementById("GamingBuild18").style.color="#2e2e2e"
document.getElementById("GamingBuild21").style.color="#2e2e2e"
document.getElementById("GamingBuild22").style.color="#2e2e2e"
document.getElementById("GamingBuild23").style.color="#2e2e2e"
document.getElementById("GamingBuild24").style.color="#2e2e2e"
document.getElementById("GamingBuild25").style.color="#2e2e2e"
document.getElementById("GamingBuild26").style.color="#2e2e2e"
document.getElementById("GamingBuild27").style.color="#2e2e2e"
document.getElementById("GamingBuild28").style.color="#2e2e2e"
document.getElementById("GamingBuild31").style.color="#2e2e2e"
document.getElementById("GamingBuild32").style.color="#2e2e2e"
document.getElementById("GamingBuild33").style.color="#2e2e2e"
document.getElementById("GamingBuild34").style.color="#2e2e2e"
document.getElementById("GamingBuild35").style.color="#2e2e2e"
document.getElementById("GamingBuild36").style.color="#2e2e2e"
document.getElementById("GamingBuild37").style.color="#2e2e2e"
document.getElementById("GamingBuild38").style.color="#2e2e2e"
}
</script>
</body>
</html>