Skip to content

Instantly share code, notes, and snippets.

@jdbruxelles

jdbruxelles/Price card test using JdB.CSS.html

Last active March 28, 2023 23:01
Show Gist options
  • Save jdbruxelles/7324dc50609499505a74d7ff0cfeda42 to your computer and use it in GitHub Desktop.
Save jdbruxelles/7324dc50609499505a74d7ff0cfeda42 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Price card test using JdB.CSS.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<title>Card using JdB.CSS (1)</title>
<link rel="stylesheet" href="https://css.bruxelles.dev/jdb?v=1.1.0&c=all">
<style>
#card {
max-width:550px;
min-width: 370px;
}
</style>
</head>
<body class="jdb-padding-16">
<div class="jdb-responsive">
<div class="jdb-container jdb-margin-auto" id="card">
<div class="jdb-container jdb-round-lg jdb-blue">
<div class="jdb-container jdb-padding-32">
<div>
<span class="h1 jdb-bold">Pro</span>
<span class="jdb-tag jdb-uppercase jdb-border jdb-sm
jdb-round jdb-transparent jdb-right jdb-margin-top">Most picked</span>
</div>
<p class="jdb-opacity">Perfect for small to medium sized businesses with many projects.</p>
<hr/>
<div>
<span class="jdb-jumbo jdb-bold">€13</span>
<span class="jdb-opacity">/m</span>
</div>
</div>
<div class="jdb-padding jdb-white jdb-round-lg jdb-margin-bottom">
<ul class="jdb-ul">
<li><span class="jdb-text-green jdb-bold jdb-margin-right">✓</span>All benefits from Basic</li>
<li><span class="jdb-text-green jdb-bold jdb-margin-right">✓</span>10 servers</li>
<li><span class="jdb-text-green jdb-bold jdb-margin-right">✓</span>Domain aliases</li>
<li><span class="jdb-text-green jdb-bold jdb-margin-right">✓</span>Server monitoring</li>
<li><span class="jdb-text-green jdb-bold jdb-margin-right">✓</span>Automatic database backups</li>
<li><span class="jdb-text-green jdb-bold jdb-margin-right">✓</span>Zero downtime deployments</li>
</ul>
<div class="jdb-section">
<a class="jdb-btn-block jdb-round jdb-blue" href="#">
Start free trial
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment