forked from Migracode-Barcelona/htmlcss-portfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
106 lines (98 loc) · 3.72 KB
/
index.html
File metadata and controls
106 lines (98 loc) · 3.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Bag House</title>
<link href="//fonts.googleapis.com/css?family=Roboto:400,500,300" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<header>
<img src='/home/gio/Escritorio/HTML-CSS-Portfolio-Project/img/oie_171746141cjI90YW.jpg' alt="bag-house-logo"
id="logo">
<nav class="navbar">
<div class="container">
<ul>
<li>Inicio</li>
<li>¿Donde estamos?</li>
<li>Contáctanos</li>
<li class="btn">Registrate</li>
</ul>
</nav>
</header>
<main>
<center>
<section class="vertical-center">
<div class="container-principal">
<h1>Las 24 hrs</h1>
<div class="btn">Registrate</div>
</div>
</section>
<section class="our-services">
<div class="container-text-center">
<h2>Bag House Barcelona</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit rem pariatur aliquam harum cumque ab unde,
cupiditate, quibusdam sit explicabo corrupti corporis facilis distinctio repellendus officiis soluta
necessitatibus! Non, et!</p>
</div>
<div class="row">
<div class="col-12-md-4">
<img src="https://i.pinimg.com/564x/61/09/c6/6109c6b23613d32bc8a09c2c101697ab.jpg" id="icon">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi dolor voluptate, debitis facilis repellat
eos laborum minus necessitatibus, saepe quia provident voluptas molestias sapiente minima eveniet tenetur
repudiandae doloremque iste.</p>
</div>
<div class="col-12-md-4">
<img src="https://i.pinimg.com/564x/1a/ac/42/1aac4278a52f57f170aaf8329a4bc7be.jpg" id="icon">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus aut molestias nesciunt laborum, recusandae
ex aliquam, optio rerum distinctio nostrum nemo, pariatur voluptas ratione! Dicta autem impedit tempora ad
consequuntur!</p>
</div>
<div class="col-12-md-4">
<img src="https://i.pinimg.com/564x/61/09/c6/6109c6b23613d32bc8a09c2c101697ab.jpg" id="icon">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eum voluptate deleniti fuga sunt cupiditate,
cum quia ex itaque at, iure ea tempora consequuntur dolores doloribus voluptas error officiis fugit ipsam?
</p>
</div>
</div>
<div class="btn">Registrate</div>
</section>
</center>
</main>
<footer class="footer-area">
<div class="footer-content-area">
<div class="container">
<div class="row">
<div class="col-12-md-4">
<h2>Bag House</h2>
</div>
<div class="col-12-md-3">
<div class="columns">
<h3>Menu</h3>
<a>Inicio</a>
<a>¿Dónde Estamos?</a>
<a>Contáctanos</a>
</div>
</div>
<div class="col-12-md-3">
<div class="columns">
<h3>Lugares</h3>
<a>Barcelona</a>
<a>Madrid</a>
<a>Sevilla</a>
</div>
</div>
<div class="col-12-md-3">
<div class="columns">
<h3>Contacto</h3>
<p>Giomar Crespo Solano</p>
<p>[email protected]</p>
<p>662485###</p>
</div>
</div>
</div>
</footer>
</body>
</html>