-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (142 loc) · 5.04 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Miranda</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css"
/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="styleSheet" href="style.css" />
</head>
<body>
<div id="main">
<div id="page1">
<div id="nav">
<h5>Amsterdam, NL</h5>
<img
src="https://uploads-ssl.webflow.com/5f2429f172d117fcee10e819/5f7f87c8b81a6e7a214312f0_header.svg"
alt=""
/>
<i class="ri-menu-3-line"></i>
</div>
<div id="element">
<div id="elems1">
<div id="img-div">
<img
src="https://assets.website-files.com/5f9085a4041dd5427c5ac8ae/615d9672cc65f12c9ab25f21_thumbnail-small.jpeg?"
alt=""
/>
</div>
<h4>AVRO | KO <span>NEW</span></h4>
<p>
AvroKO is an award-winning global design firm, established itself
as a global leader in interior architecture for hospitality,
restaurant and bars.
</p>
</div>
<div id="elems2">
<h2>ALL WORK!</h2>
<h3>
A Featured Selection <br />
the latest work- <br />
of the last years.
</h3>
<h6>TIP! Drags side ways to navigate</h6>
</div>
<div id="elems3">
<div id="img-div">
<img
src="https://assets.website-files.com/5f9085a4041dd5427c5ac8ae/645b5439577bd35377de8c43_thumbnail-small.webp?"
alt=""
/>
</div>
<h4>THE ROGER HUB <span>NEW</span></h4>
<p>
The Roger Hub is an immersive web experience showcasing the
tennis-inspired 'On' sneakers, a collaboration born out of a
partnership with the legendary Roger Federer.
</p>
</div>
</div>
<h1>MIRANDA</h1>
</div>
<div id="page2">
<div id="page2-left">
<h2>Interactive <span>Artist!</span></h2>
<img
src="https://uploads-ssl.webflow.com/5f2429f172d117fcee10e819/605c6ce3bc0c7d1cd4ca847e_avatar-star.jpeg"
alt=""
/>
<p>
<span>L</span>orem ipsum dolor sit amet consectetur adipisicing
elit. Eveniet cumque dicta consectetur porro expedita, reiciendis
illo quo consequuntur fugiat velit provident inventore sit ducimus
voluptatem perferendis? Illo ex incidunt porro?
</p>
</div>
<div id="page2-right">
<img
src="https://uploads-ssl.webflow.com/5f2429f172d117fcee10e819/605c62f4c78c4ba46a1268be_avatar-1.jpeg"
alt=""
/>
<h1>
DIGITAL ART DIRECTOR INTERACTIVE DESIGNER CREATIVE DEVELOPER BASED
IN AMSTERDAM,NL
</h1>
</div>
</div>
<div id="page3">
<h1>WEBSITE</h1>
<img
src="https://uploads-ssl.webflow.com/5f2429f172d117fcee10e819/60474834660f934090d42877_stamp.png"
alt=""
/>
</div>
<div id="page4">
<div id="page4-left">
<img
src="https://uploads-ssl.webflow.com/5f2429f172d117fcee10e819/605c679f33f67d3dd00b04b4_avatar-3.jpeg"
alt=""
/>
</div>
<div id="page4-right">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Consequuntur pariatur, nemo eveniet vitae excepturi fuga vero
tempora quibusdam reprehenderit maiores!<br />
<br />Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga
id suscipit in minima accusamus ex, doloremque voluptas, beatae odio
sunt culpa quod rerum ea minus!
</p>
<div id="round-circle">
<img
src="https://uploads-ssl.webflow.com/5f2429f172d117fcee10e819/61001a3509319b6ae39e156b_arrow-long.svg"
alt=""
/>
<h1>All Work</h1>
</div>
</div>
</div>
<div id="page-5">
<h1>Lets Create Something Together <span>Email Me</span></h1>
<h1>Lets Create Something Together <span>Email Me</span></h1>
<h1>Lets Create Something Together <span>Email Me</span></h1>
</div>
<div id="page-6">
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.1/gsap.min.js"
integrity="sha512-qF6akR/fsZAB4Co1QDDnUXWnaQseLGXoniuSuSlPQK6+aWhlMZcHzkasCSlnWoe+TJuudlka1/IQ01Dnhgq95g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="script.js"></script>
</body>
</html>