-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
130 lines (111 loc) · 5.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title >Joss Dev</title>
<link rel="shortcut icon" href="/Imagenes/images.jpg">
<link rel="stylesheet" href="/style.css">
</head>
<header id="Inicio">Backend Developer</header>
<body>
<img class = img src="/Imagenes/banner.jpg" alt="un banner" width="100%" height="200">
<div>
<nav>
<a href="/Sobremi/Sobre_mi.html">Sobre mi</a>
<a href="https://github.com/jose-amezcuar" target="_blank">Portafolio</a>
<a href="#Contacto">Contacto</a>
</nav>
</div>
<main>
<h2>¡Bienvenido!</h2>
<p>Esta es mi página web de presentación.</p>
<p>
Estos son las tecnologías que manejo
</p>
<ul class="skills">
<li>
<h2>Javascript</h2>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-code" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ff4500" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<polyline points="7 8 3 12 7 16" />
<polyline points="17 8 21 12 17 16" />
<line x1="14" y1="4" x2="10" y2="20" />
</svg>
<p>Jquery</p>
<p>React</p>
<p>node.js</p>
</li>
<li>
<h2>HTML</h2>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-html5" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ff4500" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z" />
<path d="M15.5 8h-7l.5 4h6l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5" />
</svg>
<p>Páginas web</p>
<p>CSS</p>
</li>
<li>
<h2>Bases de datos</h2>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-database" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ff4500" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<ellipse cx="12" cy="6" rx="8" ry="3"></ellipse>
<path d="M4 6v6a8 3 0 0 0 16 0v-6" />
<path d="M4 12v6a8 3 0 0 0 16 0v-6" />
</svg>
<p>SQL</p>
<p>Proximamente oracle</p>
</li>
<li>
<h2>Control</h2>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ff4500" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
</svg>
<p>Git</p>
<p>Github</p>
</li>
<li>
<h2>Cloud</h2>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ff4500" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" />
</svg>
<p>Azure</p>
</li>
</ul>
<br><br><br><br>
<h2>Contacto</h2>
<form id="Contacto">
<label for="nombreyapellido">Nombre y apellido</label>
<input type="text" id="nombreyapellido" required>
<label for="correo">Correo electronico</label>
<input type="correo" id="correo" required placeholder="[email protected]">
<label for="Telefono">Teléfono</label>
<input type="tel" id="Cel" required placeholder="+52 (xxx) xxx xxxx">
<label for="Mensaje">Mensaje</label>
<textarea cols="70" rows="10" class="input-padron" placeholder="Escribe tu mensaje " id="Mensaje"></textarea>
<div>
<p>Como le gustaría que lo contactemos</p>
<label for="radio-email">Email</label>
<input type="radio" name="Contacto" value="email" id="radio-email">
<label for="Telefono">Telefono</label>
<input type="radio" name="Contacto" value="tel" id="Telefono">
<label for="WhatsApp">WhatsApp</label>
<input type="radio" name="Contacto" value="whatsApp" id="WhatsApp">
</div>
<p>En que horario</p>
<select name="Horario" id="opcion">
<option value="Mañana">Mañana</option>
<option value="Tarde">Tarde</option>
<option value="Noche" id="Noche">Noche</option>
</select>
<label class="checkbox"><input type="checkbox" checked name="" id="check">¿Gusta recibir mi cv en pdf?</label>
<input type="submit" value="Enviar formulario" class="Enviar">
</form>
</main>
<footer><a href="#Inicio">Inicio</a></footer>
</body>
</html>