Skip to content

Instantly share code, notes, and snippets.

@wpflames

wpflames/index.html

Created August 31, 2020 15:10
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save wpflames/273d5ad24640f7f12ea4c8d8aead13d8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save wpflames/273d5ad24640f7f12ea4c8d8aead13d8 to your computer and use it in GitHub Desktop.
Download ZIP
Landing Page with CSS Animations Karate HTML
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Karate Landing Page</title>
<link rel="stylesheet" href="assets/css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lexend+Peta&display=swap" rel="stylesheet">
</head>
<body>
<section>
<div class="content">
<div>
<h2>Karate <span>Cobra-Kai</span></h2>
<h3>Strike Hard <br> No Mercy</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis enim ipsa neque perferendis dolorem veniam sequi, temporibus porro facere harum ipsam. Magnam molestias libero possimus sequi aliquid tempora et voluptatibus.</p>
<a class="cta" href="">Read More</a>
</div>
</div>
<div class="imgBx">
<img class="cover" src="images/karate.png" alt="karate">
</div>
<ul class="nav">
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Training</a></li>
<li><a href="#">Schedule</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="social">
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Instagram</a></li>
</ul>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment