<!--This is my index Page. I listed some interesting information about custom keyboards here.
This is actually my second website made for this course, the first one being about my favorite anime.
I wasn't happy with the results, so i made this one. It is inspired by n-o-d-e.net.
This was written in englsih because when I write code I am in English mode, because the words
in the code are in english(background, title etc.)-->
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<title>Custom Keyboards</title>
<linkrel=stylesheethref=css/style.css>
<style>
body {
background: #000000 url(images/background.jpg) no-repeat fixed center center;
}
<!--The Background image-->
</style>
</head>
<body>
<divid="wrap">
<divid="header">
<ahref="index.html">
<imgsrc=images/header.png>
</a>
</div>
<divid="navigation">
<ul>
<li>
<ahref="details.html">
<pclass="nav">
details
</p>
</a>
</li>
<li>
<ahref="shop.html">
<pclass="nav">
shop
</p>
</a>
</li>
<li>
<ahref="downloads.html">
<pclass="nav">
downloads
</p>
</a>
</li>
</ul>
</div>
<divid="content">
<h1>Custom Keyboards</h1>
<p>The hobby of building a custom keyboard is massively gaining popularity at the moment.
<br>
To Build a Custom Keyboard you need 5 parts.
</p>
<ol>
<li>
<h3>Case</h3>
<p>The Case is basically just the Housing of the Keyboard.
All the Parts get screwed into it, so that they get held in place.</p>
</li>
<li>
<h3>PCB</h3>
<p>The PCB is basically just the Motherboard of the Keyboard.
You can either solder or just place the switches in,
depending of which type of PCB you have.</p>
</li>
<li>
<h3>Switches</h3>
<p>The switches are the actuators of the typing. They send a signal through
the PCB, which sends it over the Cable to the PC.</p>
</li>
<li>
<h3>Plate</h3>
<p>The Plate is inbetween the Switches and the PCB. The Stabilisers,
which stabilize the longer keycaps are also mounted on the Plate.</p>
</li>
<li>
<h3>Keycaps</h3>
<p>The Keycaps are placed on the switches, so you can actually type.
They come in different colors and sizes.
There are also Printed Keycaps and blank ones.</p>
</li>
</ol>
<imgclass="dotted"src="images/keyboard.jpg">
<h3>Here you can see a Keyboard Timelapse Build</h3>
<!--Here I embedded a Youtube Video with the code Youtube gave me. It also has Privacy Mode enabled, because i know IT people care about their privacy.-->