Skip to content

Instantly share code, notes, and snippets.

@Kvaibhav01
Created June 22, 2018 08:05
Show Gist options
  • Save Kvaibhav01/7f8aabfbd4043091d849f31303a41bff to your computer and use it in GitHub Desktop.
Save Kvaibhav01/7f8aabfbd4043091d849f31303a41bff to your computer and use it in GitHub Desktop.
HTML file for landing page animation demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CRYPTS-landing page</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- home container id starts -->
<div id="home-container">
<!-- inner sub id starts -->
<div id="inner">
<img src="assets/logo.svg" alt="Crypts logo" id="logo">
<h1>Crypto + Chat = Crypts</h1>
<p class="subtitle">Slack meets real-time crypto-currency</p>
<a href="#" class="cta">Login or signup</a>
</div>
<!-- inner sub id ends -->
<!-- illustration sub id starts -->
<div id="illustration">
<img src="assets/dash.svg" alt="dash img" id="dash" class="crypto-icons">
<img src="assets/miota.svg" alt="iota img" id="iota" class="crypto-icons">
<img src="assets/eth.svg" alt="eth img" id="eth" class="crypto-icons">
<img src="assets/monitor.svg" alt="monitor img" id="monitor">
</div>
<!-- illustration sub id ends -->
</div>
<!-- home container id ends -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment