-
Notifications
You must be signed in to change notification settings - Fork 0
/
ini.html
200 lines (191 loc) · 11.3 KB
/
ini.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Decide YT | Iniciativas</title>
<link rel="stylesheet" href="Styleini.css">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;700&display=swap" rel="stylesheet">
<link href='https://unpkg.com/boxicons@2.0.5/css/boxicons.min.css' rel='stylesheet'>
<script src='inipage.js'></script>
</head>
<body>
<header class="header">
<div class="grid">
<div class="textos-hero">
<h1 class="weidth-600">
Propongamos y trabajemos <span class="weidth-400">por una sociedad más justa.</span></h1>
<p class="parrafo">Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem dicta rem hic totam necessitatibus
tempora animi error perferendis. Vero corrupti porro quia! Ad saepe alias, officiis voluptatem sed, odio
dolores neque dolorem placeat nam quia numquam soluta ipsam nostrum consequuntur, a magnam non. Tenetur
repudiandae distinctio inventore voluptate fugit laborum?</p>
<a href="#live" class="cta">Ver Iniciativas</a>
</div>
<div class="img-hero">
<img src="Images/spotlight.svg" alt="" class="img">
</div>
</div>
<img src="Images/despegableh.svg" alt="" class="desplegable">
<nav class="menu">
<a class="mn_ini" href="Welcome.html"> Página Principal </a>
<a class="mn_asa" href="Asa.html"> Asambleas </a>
<a class="mn_contact" href="Welcome.html#contacto_d"> Contacto </a>
<a class="mn_account" href="Home.html"> Cerrar Sesión </a>
</nav>
</header>
<main>
<section class="service">
<section class="grid">
<div class="items">
<div class="item">
<i class='bx bxl-baidu' ></i>
<h3 class="titulo-service">Deja tu huella</h3>
<p>Comparte tus ideas y propuestas para mejorar nuestra institución</p>
</div>
<div class="item">
<i class='bx bx-search-alt'></i>
<h3 class="titulo-service">Sigue iniciativas</h3>
<p>Vota por las propuestas y da siguimiento a su respectivo cumplimiento</p>
</div>
<div class="item">
<i class='bx bxl-discourse' ></i>
<h3 class="titulo-service">Discute</h3>
<p>Comenta las iniciativas ayudandolas a mejorar </p>
</div>
</div>
</section>
</section>
<section class="about-us">
<div class="grid">
<div class="textos-about-us">
<h2 class="subtitulo">Estado actual</h2>
<p class="parrafo">Participación en Decide YT </p>
</div>
<div class="numbers">
<div class="number">
<p id='number_voters'>1231</p><br>
<p class="estadolive">Total de Participantes</p>
</div>
<div class="number">
<p id='number_approved'>5</p><br>
<p class="estadolive">Propuestas Aprobadas</p>
</div>
<div class="number">
<p id='number_total'>3</p><br>
<p class="estadolive">Propuestas Totales</p>
</div>
<div class="number">
<p id='number_open'>3</p><br>
<p class="estadolive">Propuestas Abiertas</p>
</div>
</div>
</div>
</section>
<section class="mission grid">
<div class="textos-mission">
<div class="texto-mission">
<h3>01 Startups</h3>
<p class="parrf">Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus doloremque debitis quos commodi odit nam, natus ratione. Illum placeat quos earum accusantium. Nam unde sapiente eligendi provident adipisci neque minima.</p>
</div>
<div class="texto-mission">
<h3>02 Startups</h3>
<p class="parrf">Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus doloremque debitis quos commodi odit nam, natus ratione. Illum placeat quos earum accusantium. Nam unde sapiente eligendi provident adipisci neque minima.</p>
</div>
<div class="texto-mission">
<h3>03 Startups</h3>
<p class="parrf">Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus doloremque debitis quos commodi odit nam, natus ratione. Illum placeat quos earum accusantium. Nam unde sapiente eligendi provident adipisci neque minima.</p>
</div>
<div class="texto-mission">
<h3>04 Startups</h3>
<p class="parrf">Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus doloremque debitis quos commodi odit nam, natus ratione. Illum placeat quos earum accusantium. Nam unde sapiente eligendi provident adipisci neque minima.</p>
</div>
</div>
<div class="imgmision">
<img src="Images/iniciative.svg" alt="">
</div>
</section>
<section class="about-form">
<div class="grid">
<div class="textos-about-us">
<h2 class="subtitulobtn">Llena el formulario y propon una iniciativa</h2>
<a href="formini.html" class="ctabtn">Formulario Iniciativas</a>
<p class="parrfbot">Recuerda que cualquier incumplimiento al código de conducta podria cancelar tu llamado.</p>
</div>
</div>
</section><br><br>
<section class="live" id="live">
<div class="blog-card">
<div class="meta">
<div class="photo" style="background-image: url('Images/great_idea.svg')"></div>
<ul class="details">
<li class="author" id="autor1">John Doe</li>
<li class="date" id="fecha1">Aug. 24, 2015</li>
<li class="goal" id="goal1">Objetivo</li>
<li class="tags" id ="id_ini1">ID</li>
<li class="status" id="status1">En curso</li>
</ul>
</div>
<br><br>
<div class="description">
<h1 id="tit1">Learning to Code</h1>
<h2 id="problema1">Opening a door to the future</h2>
<p id="descripcion1"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis numquam. Veritatis, sit.</p>
<p class="read-more">
<a class="clickeable" id="votar1">Votar</a>
</p>
</div>
</div>
<div class="blog-card alt">
<div class="meta">
<div class="photo" style="background-image: url('Images/great_idea.svg')"></div>
<ul class="details">
<li class="author" id="autor2">Name</li>
<li class="date" id="fecha2">Date</li>
<li class="goal" id="goal2">Objetivo</li>
<li class="tags" id="id_ini2">ID</li>
<li class="status" id="status2">En curso</li>
</ul>
</div>
<div class="description">
<h1 id="tit2">Mastering the Language</h1>
<h2 id="problema2">Java is not the same as JavaScript</h2>
<p id="descripcion2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi suscipit sapiente quae officia voluptate in distinctio, sit rem laborum laudantium, temporibus eveniet cupiditate sint fugit nulla at mollitia hic! Aut. Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium obcaecati mollitia, reiciendis nam vero optio saepe quisquam quidem cum tempore quos non consectetur aperiam deleniti nisi facilis voluptates repellendus deserunt. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ut tempore soluta atque nobis odio inventore minus hic sapiente, aspernatur aut explicabo, consequuntur aliquam ratione dicta accusamus in mollitia sequi molestiae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis numquam. Veritatis, sit.</p>
<p class="read-more">
<a class="clickeable" id=votar2>Votar</a>
</p>
</div>
</div>
</section>
<section class="boton">
<div class="grid">
<div class="textos-about-us">
<a id="abajo" class="down-media-icon">
<i class='bx bx-plus-circle' ></i>
</a>
</div>
</div>
</section><br>
</main>
<footer>
<div class="contenedor footer-content">
<div class="contact-us" id="contacto_redes">
<h2 class="brand">Decide YT</h2>
<p class="mediap">Juntos por una comunidad participativa y responsable</p>
</div>
<div class="social-media">
<a href="https://www.facebook.com/AEUYachayTech/" class="social-media-icon">
<i class='bx bxl-facebook' ></i>
</a>
<a href="https://twitter.com/UniYachayTech?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" class="social-media-icon">
<i class='bx bxl-twitter' ></i>
</a>
<a href="https://www.instagram.com/ciudadyachayec/?hl=es-la" class="social-media-icon">
<i class='bx bxl-instagram' ></i>
</a>
</div>
</div>
</footer>
<script src="menu.js"> </script>
</body>
</html>