forked from edinsoncs/Portfoliovm
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
221 lines (188 loc) · 6.23 KB
/
Copy pathindex.html
File metadata and controls
221 lines (188 loc) · 6.23 KB
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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<?php
include ('header.php');
?>
<body>
<section id="oscuroweb">
<section id="movie">
<h2>Creamos tecnologia para el presente y futuro</h2>
<p><iframe width="560" height="315" src="//www.youtube.com/embed/MxriE6g3G9c" frameborder="0" allowfullscreen></iframe></p>
<button class="close" onclick="borrar()">CERRAR</button>
</section>
</section>
<section id="oscuroweb">
<section id="movie">
<h2>Desarrollamos experiencias de usuarios UX/UI</h2>
<p><iframe width="560" height="315" src="//www.youtube.com/embed/mwgDklH0UdA" frameborder="0" allowfullscreen></iframe></p>
<button class="close" onclick="borrar()">CERRAR</button>
</section>
</section>
<section id="inovationweb">
<section id="movie">
<h2>Innovación Drones - Arduino - BitCoins</h2>
<p><iframe width="560" height="315" src="//www.youtube.com/embed/6ZdSMAG90Rs" frameborder="0" allowfullscreen></iframe></p>
<button class="close" onclick="borrar()">CERRAR</button>
</section>
</section>
<header id="mediav">
<nav class="mediamenu">
<figure class="grupoimg">
<img src="img/logo.png" alt="">
</figure>
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Nosotros</a></li>
<li><a href="#">Publishers</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Adversiting</a></li>
<li><a href="#">Planes</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
<h1 class="principal">Haga su inicio un Rocketship</h1>
<p class="menor">Aprender de los empresarios de éxito cada semana acerca de la estrategia , el crecimiento , y mucho más</p>
<article id="edinson">
<figure class="ceoavatar">
<img src="img/avatar.png" alt="">
</figure>
<article class="descripccion">
<figcaption class="ceo">CEO EDINSONCS</figcaption>
<p class="profesional">Experto Desarrollador Web & <br /> Experto Growth Hacker
</p>
<button class="proyectos">PROYECTOS</button>
<a class="ver" href="#">Tienes un proyecto?</a>
</article>
</article>
</header>
<section id="contenido">
<article class="nosotros">
<h1 class="n">Nosotros</h1>
<p class="p">Viainti fundado en el año 2011 para ayudar a solucionar problemas de comunicación, información y entrenimiento <br />Actualmente somos una compañia que tiene presencia en diferentes paises del mundo.</p>
<article class="servicios">
<li onclick="movie('oscuroweb')">
<a class="icon-video movie" name="movie"></a>
<strong class="mediaviainti">Movie</strong>
</li>
<li onclick="experienciaUser('oscuroweb')">
<a class="icon-user ux" name="ux"></a>
<strong class="mediaviainti">Ui/UX</strong>
</li>
<li onclick="inovation()">
<a class="icon-bulb innovation" name="innovation"></a>
<strong class="mediaviainti">Innovation</strong>
</li>
<li>
<a class="icon-pen inspiration" href="#"></a>
<strong class="mediaviainti">Inspiration</strong>
</li>
</article>
<article class="servicios-pro">
<li>
<a class="icon-banknote money" href="#"></a>
<strong class="mediaviaintipro">Money</strong>
</li>
<li>
<a class="icon-music music" href="#"></a>
<strong class="mediaviaintipro">Enternamient</strong>
</li>
<li>
<a class="icon-shop market" href="#"></a>
<strong class="mediaviaintipro">Adversinting</strong>
</li>
<li>
<a class="icon-world universo" href="#"></a>
<strong class="mediaviaintipro">World</strong>
</li>
</article>
</article>
</section>
<section class="work">
<article class="derecha">
<h2 class="publish">Publica tus anuncios con nosotros</h2>
<p class="publish-descripccion">Oportunidad de promocionar su marca , contenido y cliente en nuestra enorme red.</p>
<strong class="publish-tips">Bajo costo, alta eficiencia</strong>
<strong class="publish-tips">Sistema de Calidad de la web</strong>
<strong class="publish-tips">La red de publicidad efectiva</strong>
<strong class="publish-tips">
Asesoramiento profesional y el equipo de atención al cliente
</strong>
<strong class="publish-tips">
La posibilidad de mostrar anuncios en el sistema operativo móvil
</strong>
<strong class="publish-tips">
Capacidad para mostrar publicidad en el canal de destino
</strong>
</article>
<article class="izquierda">
<figure class="work-iz">
<img src="img/work.jpg" alt="">
</figure>
</article>
<section class="ventas">
<article class="ventas-mini">
<h1>Incrementa tus ventas</h1>
<p>Asesoria en linea, consultanos cualquier inquietud</p>
<video width="100%" height="auto" loop autoplay preload="auto">
<source src="http://www.techtic.com/wp-content/themes/techtic/videos/girl1080.mp4" type="video/mp4">
</video>
</article>
</section>
</section>
<!-- <section class="imagenpro">
<figure class="imgpro">
</figure>
</section> -->
<section class="contacto">
<h1>Contacto</h1>
<fieldset class="formulario">
<input type="text" placeholder="Tu nombre">
<input type="email" placeholder="Tu email">
<br />
<input type="telephone" placeholder="Tu teléfono">
<select name="" id="">
<option value="0">Monto en publicidad</option>
<option value="1">$500</option>
<option value="1">$1000</option>
<option value="1">$2000</option>
<option value="1">$5000</option>
<option value="1">$10 000</option>
<option value="1">$50 000</option>
<option value="1">$100 000</option>
</select>
<br />
<textarea name="" id="" cols="120" rows="10" placeholder="Tu mensaje"></textarea>
<button class="enviar">Enviar Mensaje</button>
</fieldset>
</section>
<footer class="footersito">
<ul class="social">
<h5>Navegación</h5>
<li>Nuevos Proyectos</li>
<li>Laboratio Web</li>
<li>Una Idea</li>
<li>Aplicaciones</li>
</ul>
<ul class="social">
<h5>Categorias</h5>
<li>Musica</li>
<li>Noticias</li>
<li>Juegos</li>
<li>Social Network</li>
</ul>
<ul class="social">
<h5>Publicidad</h5>
<li>Argentina</li>
<li>Estados Unidos</li>
<li>España</li>
<li>Perú</li>
</ul>
<ul class="social">
<h5>Sociales</h5>
<li>Facebook</li>
<li>Twitter</li>
<li>Viainti</li>
<li>Email</li>
</ul>
<strong class="derechos"></strong>
</footer>
</body>
</html>