-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (60 loc) · 3.16 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
<!DOCTYPE html>
<html lang="es">
<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">
<title>Parallax Scrolling</title>
<!-- Styles -->
<link rel="stylesheet" href="./css/style.css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Slackey&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rancho&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sarala&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Otomanopee+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sulphur+Point:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<body>
<header id="header">
<!-- <img class="logo" alt="logo" src="./images/logo.png"> -->
<div class="menu"></div>
<nav>
<ul class="menulist">
<li><a href="#" class="active">Start</a></li>
<li><a href="#">Works</a></li>
<li><a href="#">Proyects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<section>
<img src="./images/nube1.png" alt="nube1" id="nube1">
<img src="./images/fondo_transparente.png" alt="" id="transparente">
<img src="./images/nube2.png" alt="nube2" id="nube2">
<h3 id="slogan">Code & Fun!</h3>
<a href="#" id="btn">Enter</a>
<img src="./images/fondo.png" alt="fondo" id="fondo">
<img src="./images/viento.png" alt="viento" id="viento">
<img src="./images/persona.png" alt="persona" id="persona">
</section>
<div class="sec">
<h2>WebSite Parallax Scrolling</h2>
<h3>HTML CSS JS</h3>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus malesuada condimentum odio non condimentum.
Vestibulum hendrerit condimentum vehicula. Quisque facilisis magna ut nulla euismod, ac placerat augue
sollicitudin. Suspendisse rutrum ipsum nisi, luctus sollicitudin erat varius et. In luctus ut orci non
imperdiet. Vivamus vel molestie enim. Vestibulum iaculis, mauris quis tristique posuere, mi justo feugiat
elit, vitae tempor lectus velit in ante. Nam auctor condimentum odio, id tincidunt quam iaculis sit amet.
Cras placerat urna scelerisque est elementum venenatis. Nullam lorem enim, elementum ac mattis tincidunt,
convallis ut tellus. Suspendisse potenti. Morbi rhoncus, libero at suscipit facilisis, dui quam pellentesque
lacus, vel lacinia mi nunc et ipsum. Sed vulputate eu augue eu suscipit. Donec congue facilisis luctus. Ut
tempor in dolor egestas lobortis. Phasellus non dui ante.
</p>
</div>
<!-- Script -->
<script src="./js/script.js"></script>
</body>
</html>