-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
65 lines (57 loc) · 3.59 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!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>GSAP Scroll Magic Animation</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="fullpage">
<div class="section" id="section1">
<div class="contain">
<div class="hero-text">
<div class="hero-title">
<span>BOOK NOW</span>
<h1>Winter Special</h1>
</div>
<div>
<span class="cat">JUST FOR YOU</span>
<h3>SCROLL DOWN FOR SOME MAGIC</h3>
</div>
</div>
</div>
</div>
<div class="section" id="section2">
<div class="contain">
<div class="description">
<span class="cat">About Us</span>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis dolores ducimus inventore architecto unde voluptates ipsam magni dicta illum aliquid quod necessitatibus, labore quibusdam odio. Sapiente ipsam ad dolorum odit animi officia maxime dolorem aliquid eveniet quidem a, quasi repudiandae consequuntur quod exercitationem voluptatem ducimus et tempore? Fugiat quod a magni totam esse voluptate quis optio, exercitationem nihil similique doloribus soluta tenetur. Facilis, labore doloremque explicabo culpa repudiandae neque temporibus exercitationem consectetur modi doloribus est dolorem, ullam laudantium voluptatem, dolores ducimus expedita sint accusamus voluptates consequatur in tempore optio! Alias ab officia corporis iure eveniet exercitationem delectus autem odit explicabo!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis dolores ducimus inventore architecto unde voluptates ipsam magni dicta illum aliquid quod necessitatibus, labore quibusdam odio. Sapiente ipsam ad dolorum odit animi officia maxime dolorem aliquid eveniet quidem a, quasi repudiandae consequuntur quod exercitationem voluptatem ducimus et tempore? Fugiat quod a magni totam esse voluptate quis optio, exercitationem nihil similique doloribus soluta tenetur. Facilis, labore doloremque explicabo culpa repudiandae neque temporibus exercitationem consectetur modi doloribus est dolorem, ullam laudantium voluptatem, dolores ducimus expedita sint accusamus voluptates consequatur in tempore optio! Alias ab officia corporis iure eveniet exercitationem delectus autem odit explicabo!
</p>
</div>
</div>
</div>
<div class="section" id="section3">
<div class="contain">
<span class="cat margin-bottom">Gallery</span>
<div class="image-one">
<img src="images/bg1.png" alt="">
</div>
</div>
</div>
<div id="bg">
<img src="images/bg3.png" alt="">
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/animation.gsap.js"></script>
<script src="main.js"></script>
</body>
</html>