Footer/index.html at master · CodigoMasters/Footer · 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
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>Footer CódigoMasters</title>
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/estilos.css">
</head>
<body>
	<div class="info-container">
		<div class="info-main">
			<h3>Contactenos</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit assumenda quibusdam enim minima nostrum, hic, vitae dolore commodi modi cum iste porro doloremque ullam eligendi soluta aspernatur voluptates distinctio quasi.</p>
			<a href="#">Mas Informacion</a>
		</div>
	</div>

	<footer>
		<div class="footer-container">
			<div class="footer-main">
				<div class="footer-columna">
					<h3>Suscríbete</h3>
					<input type="email" placeholder="Escriba su Correo">
					<input type="submit" value=" Suscribirse">
				</div>

				<div class="footer-columna">
					<h3>Dirección</h3>
					<span class="fa fa-map-marker"><p>244 Av. Los Incas - Peru</p></span>
					<span class="fa fa-phone"><p>(+51) 67 372373</p></span>
					<span class="fa fa-envelope"><p>info@codigomasters.com</p></span>
				</div>

				<div class="footer-columna">
					<h3>Sobre Nosotros</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur repellat autem, error iste odio atque eum assumenda rem aliquam, consequatur excepturi reiciendis corrupti velit aperiam?</p>
				</div>
			</div>
		</div>

		<div class="footer-copy-redes">
			<div class="main-copy-redes">
				<div class="footer-copy">
					&copy; 2018, Todos los derechos reservados - | CódigoMasters |.
				</div>
				<div class="footer-redes">
					<a href="#" class="fa fa-facebook"></a>
					<a href="#" class="fa fa-twitter"></a>
					<a href="#" class="fa fa-youtube-play"></a>
					<a href="#" class="fa fa-github"></a>
				</div>
			</div>
		</div>
	</footer>
</body>
</html>