-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathHomepage.html
108 lines (82 loc) · 3.93 KB
/
Homepage.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
<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">
<script src="https://kit.fontawesome.com/0bf214ace1.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./styles/style_Homepage.css">
<link rel="icon" href="./Images/Icon/fish.png"> <!--Icon de pestaña-->
<title>Home Page - Wave</title>
<!--Fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
<script src="js/redireccion.js"> </script>
</head>
<header>
<section>
<div class="principalView layer1"></div>
</section>
<div class="contenedorLogo">
<img src="./Images/Logo.png" width="490px" class="logo" >
<h2 class="subtitlo">Entre todos podemos salvar</h2>
</div>
<nav class="moverNav">
<div onclick="rForms();" class="selection">Proponer idea</div>
<div onclick="rVote();" class="selection">Votar idea</div>
</nav>
</header>
<body>
<section class="contenedorInfoUs">
<!--Contenedor para Información-->
<div class="curve1">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path>
</svg>
</div>
<div class="fondoInfo">
<u class="subrayado"><h1>Wave</h1></u><br>
<h2>¿Quiénes somos?</h2>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iste quas tempore error, officia
voluptatum veritatis eligendi dignissimos quidem! Enim consequatur error quae optio minima
rem tempora repellendus? Earum, illo consequuntur!
</p>
</div>
</section>
<div class="contenedorMission">
<div class="InfoView layer2 "></div>
<div class="infoMission">
<u class="subrayado"><h2>Nuestra Misión</h2></u><br>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iste quas tempore error, officia
voluptatum veritatis eligendi dignissimos quidem! Enim consequatur error quae optio minima
rem tempora repellendus? Earum, illo consequuntur!
</p>
<hr class="separation">
</div>
</div>
<section class="contenedoresActividades espacio">
<div onclick="rForms();" class="contenedorA tarjeta ">
<div class="nombresServicios "> Rescatar</div>
<img src="./Images/Ship.png" alt="" width="170px" class=" barco">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor mollitia fuga
aliquid quaerat hic repudiandae, illum necessitatibus veniam sequi ad eaque laborum
ipsum magni quae reiciendis quam odio nulla deleniti sed!
</p>
</div>
<div onclick="rVote();" class="contenedorB tarjeta ">
<div class="nombresServicios "> Votar</div>
<img src="./Images/Vote.png" alt="" width="120px" class="votar">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor mollitia fuga
aliquid quaerat hic repudiandae, illum necessitatibus veniam sequi ad eaque laborum
ipsum magni quae reiciendis quam odio nulla deleniti sed!
</p>
</div>
</section>
<div >
</div>
</body>
</html>