85 lines
2.2 KiB
HTML
85 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Pricing Table</title>
|
|
<link rel="stylesheet" href="/sass/main.scss">
|
|
</head>
|
|
|
|
<body>
|
|
<h1 class="page-title">Hosting Plans</h1>
|
|
<div class="container">
|
|
<div class="pricing-plans">
|
|
|
|
<div class="tier">
|
|
<h2 class="tier__title">Free</h2>
|
|
<ul class="tier__feature-list">
|
|
<li class="tier__list-item">
|
|
1 domain
|
|
</li>
|
|
<li class="tier__list-item">
|
|
5gb of bandwidth
|
|
</li>
|
|
<li class="tier__list-item">
|
|
1gb of diskspace
|
|
</li>
|
|
<li class="tier__list-item">
|
|
5,000 monthly uniques
|
|
</li>
|
|
</ul>
|
|
<p class="tier__price">$0<span>/month</span></p>
|
|
<button class="button">Get started</button>
|
|
</div>
|
|
|
|
<div class="tier inverted">
|
|
<h2 class="tier__title">Tiny</h2>
|
|
<ul class="tier__feature-list">
|
|
<li class="tier__list-item">
|
|
5 domain
|
|
</li>
|
|
<li class="tier__list-item">
|
|
250gb of bandwidth
|
|
</li>
|
|
<li class="tier__list-item">
|
|
5gb of diskspace
|
|
</li>
|
|
<li class="tier__list-item">
|
|
15,000 monthly uniques
|
|
</li>
|
|
</ul>
|
|
<p class="tier__price">$19<span>/month</span></p>
|
|
<button class="button">Get started</button>
|
|
</div>
|
|
|
|
<div class="tier">
|
|
<h2 class="tier__title">Large</h2>
|
|
<ul class="tier__feature-list">
|
|
<li class="tier__list-item">
|
|
15 domain
|
|
</li>
|
|
<li class="tier__list-item">
|
|
750gb of bandwidth
|
|
</li>
|
|
<li class="tier__list-item">
|
|
20gb of diskspace
|
|
</li>
|
|
<li class="tier__list-item">
|
|
50,000 monthly uniques
|
|
</li>
|
|
</ul>
|
|
<p class="tier__price">$49<span>/month</span></p>
|
|
<button class="button">Get started</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<script type="module" src="/main.js"></script>
|
|
</body>
|
|
|
|
</html>
|