-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (75 loc) · 3.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RayBan</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="navleft">
<img src="./raybanlogo.png" alt="">
<a href="#">Products</a>
<a href="#">About</a>
</div>
<div id="navright">
<a href="#">LUXE</a>
<a href="#">PRICING</a>
</div>
</div>
<div id="hero">
<div id="heroleft">
<div class="elem">
<h1>David Chang</h1>
<h1>Susan Bing</h1>
<h1>anastasia</h1>
<h1>Rachel</h1>
<h1>tijs</h1>
</div>
<div class="elem">
<h1>GIVES ZERO</h1>
<h1>makes it</h1>
<h1>likes it</h1>
<h1>is looking</h1>
<h1>is making</h1>
</div>
<div class="elem">
<h1>FUNKS.</h1>
<h1>look cool.</h1>
<h1>red.</h1>
<h1>dope</h1>
<h1>the scene</h1>
</div>
<button>Explore Now</button>
</div>
<div id="heroright">
<p>Lorem ipsum dolor sit amet.</p>
<div id="imagediv">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem sit labore non veritatis suscipit! Magnam dolorum pariatur quia, fugiat autem ullam explicabo. Ducimus, error est! Fugiat sequi, architecto iure dolorum eligendi debitis unde incidunt!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse veritatis ullam iure quis tempore exercitationem cum? Dolorum nostrum veritatis quod expedita eum nam.</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>