-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (106 loc) · 5.5 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
<!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>
</head>
<body>
<script src="https://code.jquery.com/jquery.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="active 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><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>Building a PC!</h1>
<p class="lead">Have you ever wanted to build a pc, but realized that school never actually taught you how? Well youre in luck, because im here to teach you... so settle in because you are about to learn every compenent a pc requires!</p>
<a class="btn btn-large btn-success" href="#start">Lets Begin...</a>
</div>
<hr>
<div class="row-fluid marketing" id="start">
<div class="span12">
<h2 style="text-align: center;">A Few Considerations</h2>
<h3>Budget</h3>
<p>A big question when building a pc is money. How much are you willing to spend on your build. The average build price range can go from $300 to $2000</p>
<h3>Usage</h3>
<p>What will you use the pc for, and how much will you use it. We need to determine what parts will need to be better, and which worse. Just imagine its like youre making a character in a game and you have a limited amount of skill points.</p>
<h3>Looks</h3>
<p>How do you want youre pc to look. This might not be too important, but when it comes to proffesional settings, you need to have youre pc looking nice. Whether it be a gaming pc, or an office computer.</p>
</div>
</div>
<hr>
<div class="row-fluid marketing">
<div class="span12" style="text-align: center;">
<h2>Shopping</h2>
<h4>To build a pc, we need to have parts for the pc. Lets get shopping.</h4>
<br>
<a class="btn btn-large btn-primary" href="parts.html"><i class="icon-question-sign"></i> More Info On Parts</a>
</div>
</div>
<div class="row-fluid marketing">
<div class="span6">
<h4>Proccesor</h4>
<p>Core of youre comptuer... makes everything work</p>
<h4>Motherboard</h4>
<p>The "mother" of youre computer. Connects all its children together.</p>
<h4>Power Supply</h4>
<p>Thingy that makes electricity go brrrrr.</p>
<h4>Coolers</h4>
<p>Dont want the pc to explode do ya</p>
</div>
<div class="span6" style="text-align: right;">
<h4>RAM</h4>
<p>So you can run multiple things at once</p>
<h4>Storage Disk</h4>
<p>Gotta put those files somehwere ah?</p>
<h4>Graphics Card</h4>
<p>You will only need this if youre tired of playing pong</p>
<h4>PC Case</h4>
<p>Gotta give ur pc some pizzaz</p>
</div>
</div>
<div class="row-fluid marketing">
<div class="span6">
<h4>Popular Sites For Computer Parts</h4>
<ul>
<li><a class="storeLink" href="https://www.newegg.com/">Newegg</a></li>
<li><a class="storeLink" href="https://www.amazon.com/PC-Parts-Components/b?ie=UTF8&node=193870011">Amazon</a></li>
<li><a class="storeLink" href="https://www.microcenter.com/">Micro Center</a></li>
<li><a class="storeLink" href="https://www.tigerdirect.com/">Tiger Direct</a></li>
<li><a class="storeLink" href="https://www.crucial.com/">Crucial</a></li>
</ul>
</div>
<div class="span6" style="text-align: center; padding-top: 50px;">
<a class="btn btn-large" onclick="openRandomSite()"><i class="icon-shopping-cart"></i> Lets Go Shopping!</a>
<br>
<i style="text-align: center;">**This will take you to a random shopping website</i>
</div>
</div>
<hr>
<div class="footer">
<p>© Some Computer Company Thats Definitely Copyrighted 2021</p>
</div>
<script src="script/script.js"></script>
</div>
</body>
</html>