mustard-ui
Version:
A starter CSS framework that actually looks good.
103 lines (86 loc) • 3.55 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mustard UI Examples</title>
<!-- Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
<!-- Normalize -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
<!-- Mustard UI -->
<link rel="stylesheet" href="/dist/css/mustard-ui.min.css">
</head>
<body>
<!-- Navigation -->
<nav>
<div class="nav-container">
<div class="nav-logo">
<a href="/">Examples</a>
</div>
<ul class="nav-links">
<li><a href="/index.html">Home</a></li>
</ul>
</div>
</nav>
<!-- Main Content -->
<main>
<section>
<div class="container">
<div class="pricing-table row">
<div class="col col-md-6 col-lg-4">
<div class="package">
<p class="package-name">Startup</p>
<hr>
<p class="price">$49</p>
<p class="disclaimer">per user</p>
<hr>
<ul class="features">
<li>Feature 1</li>
<li>Feature 2</li>
<li>Feature 3</li>
<li>Feature 4</li>
<li>Feature 5</li>
</ul>
<button class="button-primary">Get Started</button>
</div>
</div>
<div class="col col-md-6 col-lg-4">
<div class="package featured">
<p class="package-name">Small Business</p>
<hr>
<p class="price">$99</p>
<p class="disclaimer">per user</p>
<hr>
<ul class="features">
<li>Feature 1</li>
<li>Feature 2</li>
<li>Feature 3</li>
<li>Feature 4</li>
<li>Feature 5</li>
</ul>
<button class="button-primary">Get Started</button>
</div>
</div>
<div class="col col-md-12 col-lg-4">
<div class="package">
<p class="package-name">Enterprise</p>
<hr>
<p class="price">$249</p>
<p class="disclaimer">per user</p>
<hr>
<ul class="features">
<li>Feature 1</li>
<li>Feature 2</li>
<li>Feature 3</li>
<li>Feature 4</li>
<li>Feature 5</li>
</ul>
<button class="button-primary">Get Started</button>
</div>
</div>
</div>
</div>
</section>
</main>
</body>
</html>