added schule
This commit is contained in:
@@ -0,0 +1,120 @@
|
||||
<!--This is used for more detailed information-->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Details</title>
|
||||
<link rel=stylesheet href=css/style.css>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="wrap">
|
||||
|
||||
<div id="header">
|
||||
<a href="index.html">
|
||||
<img src=images/header.png alt="header">
|
||||
</a>
|
||||
</div>
|
||||
<div id="navigation">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="details.html">
|
||||
<p class="nav">
|
||||
details
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop.html">
|
||||
<p class="nav">
|
||||
shop
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="downloads.html">
|
||||
<p class="nav">
|
||||
downloads
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="content">
|
||||
<h1>Details</h1>
|
||||
<h2>Sizes</h2>
|
||||
<p>There are several sizes of keyboard, defined by the number of keys.</p>
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<h3>40%</h3>
|
||||
<p>A 40% Keyboard only has Keys for lettering, such as letters and a shift and backspace
|
||||
as well as a backspace and a Tab.</p>
|
||||
<img src="images/fourty.jpg" alt="a fourty percent keyboard"
|
||||
style="width:139px;height:45px;" align="center">
|
||||
<br>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<h3>60%</h3>
|
||||
<p>Probably the most common size in the custom keyboard Industry.
|
||||
Has the same keys as a 40% as well as numbers and certain others.</p>
|
||||
<img src="images/sixty.jpg" alt="a sixty percent keyboard"
|
||||
style="width:132px;height:51px;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<h3>65%</h3>
|
||||
<p>My favourite size, because of the extra arrow keys. It also has three additional keys.
|
||||
These are most commonly Delete, Page Up and Page Down.</p>
|
||||
<img src="images/keyboard.jpg" alt="a sixty percent keyboard"
|
||||
style="width:131px;height:44px;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<h3>75%/TKL</h3>
|
||||
<p>A "normal" keyboard, just without the numpad. TKL stands for TenKeyLess.</p>
|
||||
<img src="images/seventyfive.jpg" alt="a seventyfive percent keyboard"
|
||||
style="width:150px;height:58px;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<h3>95%/100%/full size</h3>
|
||||
<p>Has the keys of the keyboard you are probably using, if you have a mainstream Keyboard.</p>
|
||||
<img src="images/hundred.jpg" alt="a full size keyboard" style="width:128px;height:44px;">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<br>
|
||||
<h2>Lube</h2>
|
||||
<p>Lube is used to significantly silent switches. I've included some typing sounds under here.</p>
|
||||
<h4>Unlubed Cherry MX Red switches</h4>
|
||||
<!--Here is the audio tag as seen in index.html-->
|
||||
<audio controls>
|
||||
<source src="sounds/redunlubed.mp3" type="audio/mpeg">
|
||||
</audio>
|
||||
<h4>Lubed Cherry MX Red switches</h4>
|
||||
<audio controls>
|
||||
<source src="sounds/redlubed.mp3" type="audio/mpeg">
|
||||
</audio>
|
||||
<h4>Overlubed Gateron Black Ink Switches</h4>
|
||||
<audio controls>
|
||||
<source src="sounds/overlubed.mp3" type="audio/mpeg">
|
||||
</audio>
|
||||
</div>
|
||||
<div id="sidebar">
|
||||
</div>
|
||||
<div id="footer">
|
||||
<a href="contact.html" title="Contact">Contact</a>
|
||||
<a href="legal_notice.html" title="Legal Notice">Legal Notice</a>
|
||||
<a href="privacy_policy.html" title="Privacy Policy">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user