Skip to content

Instantly share code, notes, and snippets.

@geektutor

geektutor/card.html

Created September 7, 2021 12:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save geektutor/37a18bc0660e210aecc23cfbe117e5b7 to your computer and use it in GitHub Desktop.
Save geektutor/37a18bc0660e210aecc23cfbe117e5b7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
card.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Card</title>
<link rel="stylesheet" href="card.css">
</head>
<body>
<div class="container">
<div class="card hero">
<div class="row row-one">
<h1 class="hero-title">
Get <span class="hero-highlight">insight</span> that help your business grow
</h1>
<p class="hero-text">
Discover the benefits of data analytics and make better decisions regarding revenue, customer
experience, and overall efficiency.
</p>
<div class="col">
<div class="col-one">
<h2 class="stat">10k+</h2>
<p class="stat-text">Companies</p>
</div>
<div class="col-one">
<h2 class="stat">314</h2>
<p class="stat-text">templates</p>
</div>
<div class="col-one">
<h2 class="stat">12M</h2>
<p class="stat-text">queries</p>
</div>
</div>
</div>
<div class="row row-two">
<img class="hero-img" src="images/image.jpeg"/>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment