-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (72 loc) · 2.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</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="IMG_7564.JPG" alt="">
<img src="IMG_7565.JPG" alt="">
<img src="IMG_7566.JPG" alt="">
<img src="IMG_7567.JPG" alt="">
<img src="IMG_7568.JPG" alt="">
</div>
<div id="top">
<div id="workingarea">
<div id="nav">
<div id="nleft">
<img src="raybanlogo.png" alt="">
<a href="https://www.google.co.in/" target=”_blank”>Products</a><a href="#">About</a>
</div>
<div id="nright">
<a href="#">LUXE</a><a href="#">Pricing</a>
</div>
</div>
<div id="hero">
<div id="heroleft">
<div class="elem">
<h1>david chang</h1>
<h1>Riley is</h1>
<h1>Alex does not </h1>
<h1>Jordan is</h1>
<h1>Sam’s </h1>
</div>
<div class="elem">
<h1>Gives Zero</h1>
<h1>totally </h1>
<h1>give a </h1>
<h1> completely</h1>
<h1>not bothered </h1>
</div>
<div class="elem">
<h1>Funks.</h1>
<h1>indifferent.</h1>
<h1>flip.</h1>
<h1> unphased.</h1>
<h1>at all.</h1>
</div>
<button>Explore Now</button>
</div>
<div id="heroright">
<p>Lorem ipsum dolor sit amet consectetur.</p>
<div id="imagediv"></div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem accusantium dolor quam eveniet commodi, quidem illo pariatur ullam officiis laboriosam dolores ratione! Laborum ipsam beatae facilis velit tempore vero placeat quisquam, saepe quis accusantium autem.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio, voluptas atque iste similique accusantium nemo? Rerum eius hic neque ad accusamus quasi ullam.</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>