-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
55 lines (49 loc) · 2.09 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles.css">
<!--favicon-->
<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="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5">
<title>Orpheus 3D</title>
</head>
<body>
<main class="description-1">
<h1>Orpheus</h1>
<h2>Ορφέας</h2>
<p>
In Greek mythology, Orpheus was a legendary musician, poet, and prophet who possessed a lyre, a musical
instrument resembling a small harp. According to the myth, his music was so enchanting that it could move
stones and trees, and even make the gods weep.
</p>
</main>
<main class="description-2">
<h1>Orpheus 3D</h1>
<h2>3D Art Studio</h2>
<p>
Orpheus 3D embraces the idea of creativity, artistic expression, and storytelling through the use of
technology. Surreal artworks possess the power to take the audience to other realities ,just like Orpheus'
music. Every artwork has a story to tell, a message to convey, and a feeling to evoke.</p>
</main>
<div class="enter-button">
<a href="./gallery.html">Enter</a>
</div>
<!-- svg background -->
<img src="./y1aeh9ng_transparent.png" alt="Orpheus 3D" class="bg-img">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<text x="0" y="50vh" class="bg-letter">O</text>
<text x="50" y="75vh" class="bg-name">Orpheus</text>
</svg>
<div class="page-overlay"></div>
<div class="notif">
Take mouse on either side of the screen to read both descriptions.
</div>
<script src="./script.js"></script>
</body>
</html>