-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (134 loc) · 4.71 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
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
<!doctype html>
<html>
<head>
<!-- Meta tags & title /-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="robots" content="all,index,follow" />
<title>Danigp</title>
<!-- Main stylesheet /-->
<link rel="stylesheet" type="text/css" href="css/style1.css" />
</head>
<body>
<!-- HOME -->
<section id="home">
<!-- TEXTO ANIMADO -->
<div class="titleWrapper">
<h1 class="first">La locura de ser uno mismo...</h1>
<h1 class="second">...no es una locura.</h1>
</div>
<!-- LOGO -->
<img src="./image/LogoDani.svg" alt="triangle with all three sides equal" width="300px" />
<!-- REDES SOCIALES -->
<div>
<ul>
<li class="redes">
<a href="https://github.com/danigpgo" target="_blank">
<img class="imageredes" src="./image/github.svg" alt="">
</a>
</li>
<li class="redes">
<a href="https://www.facebook.com/DanigpGO" target="_blank">
<img class="imageredes" src="./image/facebook.svg" alt="">
</a>
</li>
<li class="redes">
<a href="https://www.instagram.com/danigpgo/" target="_blank">
<img class="imageredes" src="./image/instagram.svg" alt="">
</a>
</li>
<li class="redes">
<a href="https://twitter.com/danigpGO" target="_blank">
<img class="imageredes" src="./image/twitter.svg" alt="">
</a>
</li>
<li class="redes">
<a href="https://www.linkedin.com/in/danielgonzalezperez/" target="_blank">
<img class="imageredes" src="./image/linkedin.svg" alt="">
</a>
</li>
</ul>
</div>
<!-- MENU -->
<nav>
<ul>
<li><a href="#home">Inicio</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#contact">Contacto</a></li>
</ul>
</nav>
<!-- DESCARGA CV -->
<div class="hvr-bubble-float-bottom" >
<a href="./image/cv-COMP.pdf" target="_blank">DESCARGAR CV</a>
</div>
</section>
<!-- BLOG -->
<section id="blog">
<!-- LOGO -->
<div class="blog">
<img src="./image/LogoDanib.svg" alt="triangle with all three sides equal" width="100px" />
</div>
<!-- CAJA EMPLEO -->
<div class="destacadamarron">
<a href="#">
<p>EMPLEO</p>
</a>
</div>
<!-- CAJA DEV -->
<div class="destacadaverde">
<a href="#">
<p>DESARROLLO WEB</p>
</a>
</div>
<!-- CAJA MKT -->
<div class="destacadaamarillo">
<a href="#">
<p>MARKETING</p>
</a>
</div>
<!-- CAJA COM -->
<div class="destacadared">
<a href="#">
<p>COMUNICACIÓN</p>
</a>
</div>
<!-- CAJA CINE -->
<div class="destacadacian">
<a href="cine.html">
<p>GUIÓN Y CINE</p>
</a>
</div>
<!-- CAJA OPINIÓN -->
<div class="destacadaazul">
<a href="#">
<p>OPINIÓN</p>
</a>
</div>
</section>
<!-- BLOQUE CONTACTO -->
<div id="contact">
<div id="contact">
<form action="mailto:danielENTJ@gmail.com" method="post" enctype="text/plain">
<!-- <input class="cuestionario" id="nameCuestionario" type="text" placeholder="Nombre" name="Nombre" />
<input class="cuestionario" id="adressCuestionario" type="text" placeholder="Email" name="Email" />
<textarea class="cuestionario" id="saySomethingCuestionario" type="text" placeholder="Mensaje" name="Mensaje" /></textarea> -->
<button class="cuestionario" id="buttonCuestionario" type="submit">Contacto</button>
</form>
</div>
</div>
<footer>
<img class="logofooter" src="./image/LogoDanib.svg" alt="triangle with all three sides equal" width="40px" />
<div class="footerredes">
<ul>
<li class="redes"><a href="https://github.com/danigpgo" target="_blank"><img class="imageredes" src="./image/github.svg" alt=""></a></li>
<li class="redes"><a href="https://www.facebook.com/DanigpGO" target="_blank"><img class="imageredes" src="./image/facebook.svg" alt=""></a></li>
<li class="redes"><a href="https://www.instagram.com/danigpgo/" target="_blank"><img class="imageredes" src="./image/instagram.svg" alt=""></a></li>
<li class="redes"><a href="https://twitter.com/danigpGO" target="_blank"><img class="imageredes" src="./image/twitter.svg" alt=""></a></li>
<li class="redes"><a href="https://www.linkedin.com/in/danielgonzalezperez/" target="_blank"><img class="imageredes" src="./image/linkedin.svg" alt=""></a></li>
</ul>
</div>
</footer>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="./main.js"></script>
</body>
</html>