-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathparts.html
198 lines (180 loc) · 10.8 KB
/
parts.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="css/main.css" rel="stylesheet" media="screen">
<title>Building your own PC</title>
<style type="text/css">
.tg {
border-collapse: collapse;
border-spacing: 0;
}
.tg td {
border-color: black;
border-style: solid;
border-width: 1px;
font-size: 14px;
overflow: hidden;
padding: 10px 5px;
word-break: normal;
}
.tg th {
border-color: black;
border-style: solid;
border-width: 1px;
font-size: 14px;
font-weight: normal;
overflow: hidden;
padding: 10px 5px;
word-break: normal;
}
.tg .tg-0pky {
border-color: inherit;
text-align: left;
vertical-align: top
}
.tg .tg-0lax {
text-align: left;
vertical-align: top
}
img {
width: 190px;
height: 190px;
padding: 10px 0;
}
</style>
</head>
<body>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="script/script.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<div class="container-narrow">
<div class="masthead">
<ul class="nav nav-pills pull-right">
<li class="dropdown">
<a class="dropbtn" href="index.html">Home
<i class="fa fa-caret-down"></i>
</a>
<div class="dropdown-content">
<a href="parts.html">Parts</a>
<a href="https://www.youtube.com/watch?v=QtBDL8EiNZo">About</a>
<a href="contact.html">Contact</a>
</div>
</li>
<li class="active"><a href="parts.html">Parts</a></li>
<li><a href="https://www.youtube.com/watch?v=QtBDL8EiNZo">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<h3 class="muted" style="color: black;">Project Help Build PC</h3>
</div>
<hr>
<div class="jumbotron">
<h1>PC Parts</h1>
<p class="lead">Heres some legitimage in depth information on computer parts. Use this guide to determine what parts you should buy for you're machine</p>
</div>
<hr>
<div class="row-fluid marketing" id="start">
<div class="span12">
<table class="tg">
<colgroup>
<col style="width: 110px">
<col style="width: 200px">
<col style="width: 235px">
<col style="width: 150px">
<col style="width: 150px">
<col style="width: 150px">
</colgroup>
<thead>
<tr>
<th>Part Name</th>
<th>Part Picture</th>
<th>Part Description</th>
<th>Low End Part</th>
<th>Mid-Range Part</th>
<th>High End Part</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-0lax">Proccesor</td>
<td class="tg-0lax"><img src="images/proccesor.png"></td>
<td class="tg-0lax">A CPU, sometimes referred to as a computer's brain, is the workhorse of the machine. It performs the calculations needed by a system, and can vary in speed. The work that a CPU does generates heat, which is why your computer
has a fan inside. A more powerful CPU is necessary for intense computer work like editing high-definition video or programming complex software.</td>
<td class="tg-0lax">Intel Pentium Dual-Core<br><br>Price: ~$50</td>
<td class="tg-0lax">AMD Ryzen 3 3300X<br><br>Price: ~$200</td>
<td class="tg-0lax">Intel Core i9<br><br>Price: ~$600</td>
</tr>
<tr>
<td class="tg-0lax">Motherboard</td>
<td class="tg-0lax"><img src="images/motherboard.png"></td>
<td class="tg-0lax">The motherboard is basically a circuit board of a decent size, depending on the size of the computer we’re dealing with. It acts as a nexus of sorts because it facilitates the communication of the other components in the computer.
There are ports on the motherboard that face the outside of the computer, allowing you to plug in different components into your computer and also to charge it.</td>
<td class="tg-0lax">Gigabyte GA-Z77X-UD5H ATX Motherboard - LGA1155 Socket<br><br>Price: ~$15</td>
<td class="tg-0lax">Gigabyte Z390 UD LGA1151<br><br>Price: ~$150</td>
<td class="tg-0lax">MSI MEG Z490 GODLIKE with Intel Z490 Extended ATX Motherboard - LGA1200 Socket<br><br>Price: ~$700</td>
</tr>
<tr>
<td class="tg-0lax">Power Supply</td>
<td class="tg-0lax"><img src="images/power-supply.png"></td>
<td class="tg-0lax">True to its name, the power supply powers all other components of the machine. It usually plugs into the motherboard to power the other parts. The power supply connects to either an internal battery (on a laptop) or a plug
for an outlet (on a desktop).</td>
<td class="tg-0lax">EVGA 450 BR Power Supply<br><br>Price: ~$35</td>
<td class="tg-0lax">EVGA SuperNOVA 650 GA Power Supply<br><br>Price: ~$85</td>
<td class="tg-0lax">CORSAIR RMx Series 2018 Edition RM850x Power Supply<br><br>Price: ~$150</td>
</tr>
<tr>
<td class="tg-0lax">Cooling</td>
<td class="tg-0lax"><img src="images/cooling.png"></td>
<td class="tg-0lax">Anything that draws power also generates heat and the CPU generates lots of heat. This means it has to be cooled to be able to operate flawlessly. What do we need for cooling a CPU? A CPU-Cooler!</td>
<td class="tg-0lax">Cooler Master I30 CPU Cooler<br><br>Price: ~$10</td>
<td class="tg-0lax">Cooler Master Hyper 212<br><br>Price: ~$40</td>
<td class="tg-0lax">Corsair Hydro H100 X 240mm Liquid CPU Cooler<br><br>Price: ~$100</td>
</tr>
<tr>
<td class="tg-0lax">RAM</td>
<td class="tg-0lax"><img src="images/ram.png"></td>
<td class="tg-0lax">RAM is temporary memory. Whenever you open up a Microsoft Word window, your computer places it in RAM, and when you close the window, that RAM is freed. Since RAM is volatile, its contents are lost if the machine loses power.
This is why you lose a Word document when the power goes out if you didn't save it.</td>
<td class="tg-0lax">NEMIX RAM 4GB DDR3<br><br>Price: ~$10</td>
<td class="tg-0lax">Corsair Vengeance RGB PRO 16gb<br><br>Price: ~$100</td>
<td class="tg-0lax">G.SKILL Ripjaws V 64GB<br><br>Price: ~$300</td>
</tr>
<tr>
<td class="tg-0lax">Storage</td>
<td class="tg-0lax"><img src="images/storage.png"></td>
<td class="tg-0lax">Because RAM can’t store anything without power and we do want to be able to turn off our computer from time to time, we need a storage medium that retains its stored data, even when the power is off.</td>
<td class="tg-0lax">Seagate Desktop HDD 500 GB<br><br>Price: ~$20</td>
<td class="tg-0lax">Samsung 860 EVO 1 TB Internal SSD<br><br>Price: ~$110</td>
<td class="tg-0lax">Samsung 860 PRO 1 TB <br><br>Price: ~$180</td>
</tr>
<tr>
<td class="tg-0lax">Graphics</td>
<td class="tg-0lax"><img src="images/graphics-card.png"></td>
<td class="tg-0lax">A video card is a dedicated unit for handling the output of images to a display. Video cards have their own dedicated RAM for performing these functions. A high-end video card is required to process extremely intense visual
functions, such as computer drafting by engineers. Like many components, many types of video cards are available with varying power and prices.</td>
<td class="tg-0lax">MSI GeForce GT 710 2GD3<br><br>Price: ~$50</td>
<td class="tg-0lax">MSI GeForce GTX 1650 0 D6 VENTUS<br><br>Price: ~$280</td>
<td class="tg-0lax">NVIDIA GeForce RTX 3080<br><br>Price: ~$2,300 (impossible to buy)</td>
</tr>
<tr>
<td class="tg-0lax">Casing</td>
<td class="tg-0lax"><img src="images/pc-case.png"></td>
<td class="tg-0lax">The computer case is where everything comes together. Like a good power source, a nice case can last you multiple rebuilds over many years.</td>
<td class="tg-0lax">DIYPC Solo-T2-BK Black<br><br>Price: ~$30</td>
<td class="tg-0lax">CORSAIR 4000D AIRFLOW Tower<br><br>Price: ~$100</td>
<td class="tg-0lax">Thermaltake View 71 TG Tower<br><br>Price: ~$210</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr>
<div class="footer">
<p>© Some Computer Company Thats Definitely Copyrighted 2021</p>
</div>
</div>
</body>
</html>