50 lines
1.8 KiB
HTML
50 lines
1.8 KiB
HTML
{e18173b2b403f1b711ac29ce447fab7778a5ee5d true 1887 index.html 0xc001c68b60}
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<title>document</title>
|
|
<link rel="stylesheet" href="style.css"/>
|
|
<link href="https://fonts.googleapis.com/css?family=Oswald:700|Poppins"rel="stylesheet"/>
|
|
</head>
|
|
<body>
|
|
<section>
|
|
<nav>
|
|
<h3>Developer</h3>
|
|
<a class="button">Sign Up</a>
|
|
</nav>
|
|
<div class="container">
|
|
<h2 class="main-title">Explore.</h2>
|
|
<img src="imgs/bg.png" class="bg1" alt="bg"/>
|
|
<img src="imgs/girl.png" class="girl" alt="girl"/>
|
|
<img src="imgs/rock.png" class="rock" alt="rock"/>
|
|
</div>
|
|
<div class="content">
|
|
<div class="content-images">
|
|
<div>
|
|
<img src="imgs/left.png" alt="1"/>
|
|
<h4>lorem</h4>
|
|
<h3>Mountains of lorem</h3>
|
|
</div>
|
|
<div>
|
|
<img src="imgs/right.png" alt="2"/>
|
|
<h4>lorem</h4>
|
|
<h3>Mountains of lorem</h3>
|
|
</div>
|
|
</div>
|
|
<div class="text">
|
|
<p>
|
|
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facere neque
|
|
consequuntur a nisi, illo quia cupiditate fuga et eos minima
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js" integrity="sha512-cdV6j5t5o24hkSciVrb8Ki6FveC2SgwGfLE31+ZQRHAeSRxYhAQskLkq3dLm8ZcWe1N3vBOEYmmbhzf7NTtFFQ==" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.6/ScrollMagic.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.6/plugins/animation.gsap.js"></script>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|