<!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>