99 lines
2.4 KiB
HTML
99 lines
2.4 KiB
HTML
<!--This is the Store page for tghe Product shown in shop.html-->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>EPBT Samurai 75% Keycap set</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">
|
|
<!--The text would'nt align next to the picture, so i put it in the paragraph tag-->
|
|
<p style="float: left;"><img src=images/epbt/main.jpg style="width:275px;height:275px;" border="3px"></p>
|
|
<h2>EPBT Samurai 75% Keycap set</h2>
|
|
<p class="price">99,80€</p>
|
|
<p>This is one of my favourite Keycap sets</p>
|
|
<button>
|
|
Buy here
|
|
<a href="https://kbdfans.com/collections/keycaps/products/samurai?variant=34191898771595" target="_blank">
|
|
</button>
|
|
</a>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<h3>Specs</h3>
|
|
<!--A Table(Tabelle)-->
|
|
<table style="width:65%">
|
|
<tr>
|
|
<td>Reverse Dyesub</td>
|
|
</tr>
|
|
<tr>
|
|
<td>PBT Material</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Made in china</td>
|
|
</tr>
|
|
<tr>
|
|
<td>with chinese letters</td>
|
|
</tr>
|
|
<tr>
|
|
<td>includes iso Enter</td>
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<br>
|
|
<!--this is a gallery of images-->
|
|
<h3>Product Images</h3>
|
|
<img src="images/epbt/main2.jpg" style="width:200px;height:200px;" align="left">
|
|
<img src="images/epbt/side.jpg" style="width:200px;height:200px;" align="left">
|
|
<img src="images/epbt/close.jpg" style="width:200px;height:200px;" align="left">
|
|
<img src="images/epbt/front.jpg" style="width:200px;height:200px;" align="left">
|
|
</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> |