oyster.cafe
Website for a server building org
1<html>
2<head>
3 <title>Server builder</title>
4 <style>
5 body {
6 font-family: courier-new, monospace;
7 }
8 nav {
9 display: flex;
10 }
11 .nav-item {
12 margin-right: 8px;
13 }
14 .cart-cta {
15 margin-left: auto;
16 }
17 .product-list-item {
18 max-width: 600px;
19 cursor: pointer;
20 }
21 </style>
22</head>
23<body>
24 <nav>
25 <button class="nav-item"><a href="./index.html">Home</a></button>
26 <button class="nav-item"><a href="./products.html">Servers</a></button>
27 <button class="nav-item"><a href="./about-us.html">About Us</a></button>
28 <button class="nav-item"><a href="./donate.html">Donate</a></button>
29 <button class="cart-cta"><a>Go to shop</a></button>
30 </nav>
31 <h1>Servers</h1>
32 <p>Here are some of our featured servers. We have a separate site running Shopify to handle your cart, ordering, and payment.</p>
33 <br />
34 <div class="product-list-container">
35 <div class="product-list-item">
36 <h3>Server builder special no. 1</h3>
37 <img src="./images/server-builder-server-1.png" alt="Server builder server no. 1" style="width:100px">
38 <p>
39 This is a great example of our 2U server chassis at work.
40 <br />
41 Click to see more info in the shop page.
42 </p>
43 <h4>Spec overview</h4>
44 <ul>
45 <li>CPU: AMD EPYC 7302</li>
46 <li>Motherboard: ASRock ROMED8-2T/BCM</li>
47 <li>Chassis: In-house</li>
48 </ul>
49 </div>
50 </div>
51</body>
52</html>
53