-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (88 loc) · 2.78 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>Ray-Ban Official Store India</title>
<link rel="stylesheet" href="https://unpkg.com/sheryjs/dist/Shery.css" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
</head>
<body>
<div class="main">
<div class="back">
<img src="images/IMG_7564.JPG" alt="" />
<img src="images/IMG_7565.JPG" alt="" />
<img src="images/IMG_7566.JPG" alt="" />
<img src="images/IMG_7567.JPG" alt="" />
<img src="images/IMG_7568.JPG" alt="" />
</div>
<div class="top">
<div class="workingArea">
<nav>
<div class="nLeft">
<img src="images/raybanlogo.png" alt="" />
<a href="">PRODUCTS</a>
<a href="">ABOUT</a>
</div>
<div class="nRight">
<a href="">LUXE</a>
<a href="">PRICING</a>
</div>
</nav>
<div class="hero">
<div class="hLeft">
<div class="elem">
<h1>DAVID CHANG</h1>
<h1>SUSAN JAMAL</h1>
<h1>OLIVIA STONE</h1>
<h1>DANIEL LEE</h1>
<h1>LIAM MILLE'S</h1>
</div>
<div class="elem">
<h1>GIVES ZERO</h1>
<h1>INDIFFERENCE IS</h1>
<h1>APATHY IS</h1>
<h1>FEELS</h1>
<h1>BOREDOM IS</h1>
</div>
<div class="elem">
<h1>FUNKS.</h1>
<h1>ABSOLUTE.</h1>
<h1>TOTAL.</h1>
<h1>NOTHING.</h1>
<h1>MAX.</h1>
</div>
<button>EXPLORE NOW</button>
</div>
<div class="hRight">
<p>Lorem ipsum dolor sit consectetur.</p>
<div class="imgdiv"></div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Aliquam, rem totam. Aliquam, nostrum beatae fuga nulla soluta
molestiae. Fugiat itaque veniam fugit nulla! Deserunt,
doloribus!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est,
quibusdam quae. Tenetur eveniet similique aspernatur sit tempora
ut sint nihil aperiam temporibus velit iure magnam, aut cum eos
sequi amet iusto. Inventore!
</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>