JavaScript_DOM_Eventos_inicio/contacto.html at main · ncc001/JavaScript_DOM_Eventos_inicio · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>BlogDeCafé</title>
		<link rel="stylesheet" href="css/normalize.css" />
		<link
			href="https://fonts.googleapis.com/css2?family=Open+Sans&family=PT+Sans:wght@400;700&display=swap"
			rel="stylesheet"
		/>
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<header class="header">
			<div class="contenedor">
				<div class="barra">
					<a class="logo" href="index.html">
						<h1 class="logo__nombre no-margin centrar-texto">
							Blog<span class="logo__bold">DeCafé</span>
						</h1>
					</a>

					<nav class="navegacion">
						<a href="nosotros.html" class="navegacion__enlace">Nosotros</a>
						<a href="cursos.html" class="navegacion__enlace">Cursos</a>
						<a href="contacto.html" class="navegacion__enlace">Contacto</a>
					</nav>
				</div>
			</div>

			<div class="header__texto">
				<h2 id="heading" class="no-margin">
					Blog de café con consejos y cursos
				</h2>
				<p class="no-margin">
					Aprende de los expertos con las mejores recetas y consejos
				</p>
			</div>
		</header>

		<main class="contenedor">
			<h3 class="centrar-texto">Contacto</h3>

			<div class="contacto-bg"></div>

			<form class="formulario">
				<div class="campo">
					<label class="campo__label" for="nombre">Nombre</label>
					<input
						class="campo__field"
						type="text"
						placeholder="Tu Nombre"
						id="nombre"
						value="hola mundo"
					/>
				</div>
				<div class="campo">
					<label class="campo__label" for="email">E-mail</label>
					<input
						class="campo__field"
						type="email"
						placeholder="Tu E-mail"
						id="email"
					/>
				</div>
				<div class="campo">
					<label class="campo__label" for="mensaje">Mensaje</label>
					<textarea
						class="campo__field campo__field--textarea"
						id="mensaje"
					></textarea>
				</div>

				<div class="campo">
					<input type="submit" value="Enviar" class="boton boton--primario" />
				</div>
			</form>
		</main>

		<footer class="footer">
			<div class="contenedor">
				<div class="barra">
					<a class="logo" href="index.html">
						<h1 class="logo__nombre no-margin centrar-texto">
							Blog<span class="logo__bold">DeCafé</span>
						</h1>
					</a>

					<nav class="navegacion">
						<a href="nosotros.html" class="navegacion__enlace">Nosotros</a>
						<a href="cursos.html" class="navegacion__enlace">Cursos</a>
						<a href="contacto.html" class="navegacion__enlace">Contacto</a>
					</nav>
				</div>
			</div>
		</footer>
		<script src="js/modernizr.js"></script>
		<script src="js/scripts.js"></script>
	</body>
</html>