-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (87 loc) · 3.25 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Best Landing Page</title>
<link rel="stylesheet" href="https://unpkg.com/sheryjs/dist/Shery.css" />
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<div id="main">
<div id="back">
<img src="/assets/imagekakashi.webp" alt="" />
<img src="/assets/imagegirl.webp" alt="" />
<img src="/assets/imageace.webp" alt="" />
<img src="/assets/imageonepiece.webp" alt="" />
<img src="/assets/imageluffy.webp" alt="" />
</div>
<div id="top">
<div id="workingarea">
<div id="nav">
<div id="Lnav">
<img src="/assets/raybanlogo.webp" alt="LOGO" />
<a href="#">Products</a>
<a href="#">About</a>
</div>
<div id="Rnav">
<a href="#">Login</a>
<a href="#">Cart</a>
</div>
</div>
<div id="content">
<div id="Leftcontent">
<div class="elem">
<h1>Anime</h1>
<h1>It's Beauty lies</h1>
<h1>It encompasses a</h1>
<h1>Artistic</h1>
<h1>I don't want to</h1>
</div>
<div class="elem">
<h1>It's a masterpiece</h1>
<h1>Every Single Frame</h1>
<h1>wide range of genres,</h1>
<h1>Fantasy</h1>
<h1>conquer anything.</h1>
</div>
<div class="elem">
<h1>Know more</h1>
<h1>And Animation</h1>
<h1>Every genres</h1>
<h1>Sci-fi</h1>
<h1>Monkey.D.Luffy</h1>
</div>
<button type="button">ExPLORE NOW</button>
</div>
<div id="Rcontent">
<p>Lorem, ipsum dolor sit</p>
<div id="imge"></div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam
rem accusamus earum, unde illo amet? A quae modi, dolorem
praesentium provident voluptates id cum omnis architecto? Quae
ullam optio quis?
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor
odit dolores suscipit tenetur maxime, accusamus at. Reiciendis
explicabo ducimus, quas magni laudantium deserunt voluptates
sint, accusamus, iste velit totam voluptate impedit? !
</p>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.155.0/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/automat/controlkit.js@master/bin/controlKit.min.js"></script>
<script
type="text/javascript"
src="https://unpkg.com/sheryjs/dist/Shery.js"
></script>
<script src="/script.js"></script>
</body>
</html>