This repository was archived by the owner on Mar 30, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathApollo.html
More file actions
189 lines (188 loc) · 9.64 KB
/
Copy pathApollo.html
File metadata and controls
189 lines (188 loc) · 9.64 KB
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
<html><html>
<head>
<title>Hyperion Computer</title>
<!-- Individual product page
Filename: Apollo.html
Author: Tham Kai Heng 1828711
-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<!-- Local fallback, in case jQuery CDN is down-->
<script>window.jQuery || document.write('<script src="js/jquery-3.3.1.min.js"><\/script>')</script>
<link rel="shortcut icon" href="Images/Logo/favicon.ico">
<link rel="apple-touch-icon" href="Images/Logo/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="Images/Logo/android.png">
</head>
<body>
<header>
<article class="top">
<a href="index.html">
<img class="Logo" src="Images/Logo/Logo.png" alt="Hyperion Computer" title="Home">
</a>
<nav class="topnav" id="myTopnav">
<a href="#overview" class="hvr-underline-from-center">Overview</a>
<a href="#technology" class="hvr-underline-from-center">Technology</a>
<a href="#specifications" class="hvr-underline-from-center">Specifications</a>
<a href="#buy" class="hvr-underline-from-center"><button class="BuyNow">Buy Now</button></a>
<a href="javascript:void(0);" id="burger" class="icon" onclick="">☰</a>
</nav>
</article>
</header>
<!-- Start of content --><main>
<article class="Overview" id="overview">
<section class="Introduction">
<aside class="gridlayout">
<div class="secondarygrid">
<h2 class="desc">Slim & Powerful</h2>
<p>This is our slimest pc yet. With only 15cm in width, you don't have to worry about finding space for it.</p>
</div>
<img src="Images/Apollo/Apollo_1.png" alt="Apollo1" title="Slim & Powerful">
</aside>
<aside class="gridlayout">
<img src="Images/Apollo/Apollo_2.png" alt="Apollo2" title="Watercooling">
<div class="secondarygrid">
<h2 class="desc">Space for watercooling</h2>
<p>Despite it's small stature, it has space for custom liquid cooling, allowing for overclocking potential</p>
</div>
</aside>
<img class="computerPreview"src="Images/Apollo/Apollo_4.jpg" alt="Preview" title="Preview">
</section>
</article>
<article class="Technology" id="technology">
<section class="Tech">
<aside class="gridlayout2">
<img src="Images/Apollo/Apollo_5.jpg" alt="Roomy Interior" title="Full sized GPU">
<div class="secondarygrid2">
<h2 class="desc2">Full Size GPU</h2>
<p>It's interior can fit a full size GPU, so you don't have to sacrifice any performance for space savings.</p>
</div>
</aside>
<aside class="gridlayout2">
<div class="secondarygrid2">
<h2 class="desc2">Meshed Ventilation</h2>
<p>The top and bottom are meshed to allow for maximum airflow, allowing it to dissipate heat silently and effectively.</p>
</div>
<img src="Images/Apollo/Apollo_3.png" alt="Meshed" title="Ventilation holes">
</aside>
</section>
</article>
<article class="Specifications" id="specifications">
<section class="Spec">
<aside class="gridlayout3">
<img src="Images/Apollo/Apollo_Wireframe.jpg" alt="Sketch" title="Sketch of Apollo">
<div class="secondarygrid3">
<h2>Dimmensions and Weight:</h2>
<p>39.4cm Length x 15.2cm Width x 50.8cm Height ; Up to 13Kg</p><br>
<h2>Front Chassis Connectivity:</h2>
<p>2x USB 3.0 ; 1x Headphone/Microphone Port</p><br>
<h2>Storage Expandability:</h2>
<p>Up to 2x 3.5" HDDs ; Up to 3x 2.5" SSDs</p><br>
<h2>Memory Expandability:</h2>
<p>Up to 64GB DDR4 System Memory</p><br>
<h2>Wireless & Networking:</h2>
<p>Up to 1x LAN Ports ; Optional 802.11ac Wireless</p>
</div>
</aside>
</section>
</article><br><br>
<article class="Buy" id="buy">
<section class="buyprod">
<h2>Select your CPU</h2>
<hr>
<aside class="gridlayout4-2">
<div class="cpuselection">
<img class="pricing-techlogo"src="Images/ryzen-7.jpg" alt="Ryzen 7" title="Ryzen 7">
<h2>Starting at<br> $2100</h2>
<button class="configbutton" onclick="window.location.href='Apollo_Ryzen.html'"><span class="fas fa-cog"></span> Customise</button>
<div class="bar">
<br><br><br>
Gaming: <progress value="80" max="100"></progress><br><br>
Workstation: <progress value="65" max="100"></progress>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-cpu-v2.jpg" alt="CPU" title="CPU"><span>Up to 8 processor cores</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-memory-v2.jpg" alt="RAM" title="RAM"><span>Up to 32GB DDR4 RAM</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-gpu-v2.jpg" alt="GPU" title="GPU"><span>Up to 1 dedicated GPUs</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-ssd-v2.jpg" alt="SSD" title="SSD"><span>Up to 6TB of Solid State Storage</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-hdd-v2.jpg" alt="HDD" title="HDD"><span>Up to 12TB HDD Storage</span>
</div>
</div>
<div class="cpuselection">
<img class="pricing-techlogo"src="Images/intel-i9.jpg" alt="intel-i9" title="Intel i9">
<h2>Starting at<br> $2500</h2>
<button class="configbutton" onclick="window.location.href='Apollo_Corei9.html'"><span class="fas fa-cog"></span> Customise</button>
<div class="bar">
<br><br><br>
Gaming: <progress value="95" max="100"></progress><br><br>
Workstation: <progress value="65" max="100"></progress>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-cpu-v2.jpg" alt="CPU" title="CPU"><span>Up to 8 processor cores</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-memory-v2.jpg" alt="RAM" title="RAM"><span>Up to 32GB DDR4 RAM</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-gpu-v2.jpg" alt="GPU" title="GPU"><span>Up to 1 dedicated GPUs</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-ssd-v2.jpg" alt="SSD" title="SSD"><span>Up to 6TB of Solid State Storage</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-hdd-v2.jpg" alt="HDD" title="HDD"><span>Up to 12TB HDD Storage</span>
</div>
</div>
<div class="cpuselection">
<img class="pricing-techlogo"src="Images/intel-X.jpg" alt="intel-X" title="Intel Xtreme">
<h2>Starting at<br> $3500</h2>
<button class="configbutton" onclick="window.location.href='Apollo_CoreXtreme.html'"><span class="fas fa-cog"></span> Customise</button>
<div class="bar">
<br><br><br>
Gaming: <progress value="85" max="100"></progress><br><br>
Workstation: <progress value="85" max="100"></progress>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-cpu-v2.jpg" alt="CPU" title="CPU"><span>Up to 18 processor cores</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-memory-v2.jpg" alt="RAM" title="RAM"><span>Up to 64GB DDR4 RAM</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-gpu-v2.jpg" alt="GPU" title="GPU"><span>Up to 1 dedicated GPUs</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-ssd-v2.jpg" alt="SSD" title="SSD"><span>Up to 6TB of Solid State Storage</span>
</div>
<div class="options">
<img class="optionimg" src="Images/config-icon-hdd-v2.jpg" alt="HDD" title="HDD"><span>Up to 12TB HDD Storage</span>
</div>
</div>
</aside>
</section>
</article>
</main>
<aside class="backtotop">
<button class="backtotopbutton"><span></span>
</button>
</aside>
<footer>
<p class="trademark">Copyright © 2019 Hyperion <img src="Images/Logo/favicon.ico" alt="Hyperion Logo" style="padding-left: 5px;"> Computer. All Rights Reserved</p>
<p class="location">1 Technology Drive | Singapore 138572</p>
</footer>
<script src="js/javascript.js"></script>
<script src="js/mobilemenu.js"></script>
<script src="js/smoothscroll.js"></script>
</body>
</html>