-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (90 loc) · 4.5 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
89
90
91
92
93
94
<!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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet"
href="https://gistcdn.githack.com/mfd/09b70eb47474836f25a21660282ce0fd/raw/e06a670afcb2b861ed2ac4a1ef752d062ef6b46b/Gilroy.css">
<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="https://raw.githubusercontent.com/asynchronousJavascriptor/david-chang/main/IMG_7564.JPG"
alt="model 1">
<img src="https://raw.githubusercontent.com/asynchronousJavascriptor/david-chang/main/IMG_7565.JPG"
alt="model 2">
<img src="https://raw.githubusercontent.com/asynchronousJavascriptor/david-chang/main/IMG_7566.JPG"
alt="model 3">
<img src="https://raw.githubusercontent.com/asynchronousJavascriptor/david-chang/main/IMG_7567.JPG"
alt="model 4">
<img src="https://raw.githubusercontent.com/asynchronousJavascriptor/david-chang/main/IMG_7568.JPG"
alt="model 5">
</div>
<div id="top">
<div class="workingArea">
<nav>
<div class="n-left">
<img src="https://raw.githubusercontent.com/asynchronousJavascriptor/david-chang/main/raybanlogo.png"
alt="logo">
<a href="">Products</a>
<a href="">About</a>
</div>
<div class="n-right">
<a href="">Luxe</a>
<a href="">pricing</a>
</div>
</nav>
<main>
<div class="m-left">
<div class="elem">
<h1>david chang</h1>
<h1>susan's</h1>
<h1>olivia wilson's</h1>
<h1>vinia lee</h1>
<h1>liam miller's</h1>
</div>
<div class="elem">
<h1>gives zero</h1>
<h1>indefference 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><a href="">Explore Now</a></button>
</div>
<div class="m-right">
<p>Lorem ipsum dolor sit amet.</p>
<div class="img-div"></div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto cumque tempora iusto
aliquam amet nisi odit officia inventore omnis maiores repellat vel est ab neque aut, autem
porro aliquid accusamus voluptates temporibus facere quidem?</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sed tempora ab nemo ea repellat
voluptatem eaque impedit tempore possimus facere sapiente similique exercitationem,
obcaecati soluta.</p>
</div>
</main>
</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>