Skip to content

Commit e10560d

Browse files
gilgerokgilgerok
committed
Cambios en header y footer de pÃaginas de servicios. Solo resta terminar de maquetar el contenido de las paginas de servicios
1 parent 7090153 commit e10560d

File tree

3 files changed

+159
-92
lines changed

3 files changed

+159
-92
lines changed

‎pages/servicios/servicioDiseno.html‎

Lines changed: 53 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -40,13 +40,21 @@
4040
</div>
4141
</nav>
4242
<header class="header">
43-
<div class="header__titulo">
44-
<h1><span>Diseñamos todo</span> lo que tu cliente ve</h1>
45-
</div>
46-
<div class="header__descripcion">
47-
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur pariatur eum voluptas deleniti
48-
sit
49-
saepe ex eaque accusamus reprehenderit corporis.</p>
43+
<div class="container-md">
44+
<div class="row justify-content-center">
45+
<div class="col-lg-6 header__animacion">
46+
<div class="header__titulo text-center text-xl-start">
47+
<h1>Diseñamos todo<span> lo que tu cliente ve</span></h1>
48+
</div>
49+
</div>
50+
<div class="col-lg-6">
51+
<div class="header__descripcion">
52+
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur pariatur eum voluptas
53+
deleniti
54+
sit saepe ex eaque accusamus reprehenderit corporis.</p>
55+
</div>
56+
</div>
57+
</div>
5058
</div>
5159
</header>
5260
<main class="main">
@@ -133,34 +141,47 @@ <h2 class="callToAction__contacto__titulo">Lorem ipsum dolor sit amet.</h2>
133141
</aside>
134142
</main>
135143
<footer class="footer">
136-
<div class="footer__widget">
137-
<h4 class="footer__widget__titulo">Contacto</h4>
138-
<ul class="footer__widget__lista">
139-
<li>E-mail: <a href="mailto:astornautaok@gmail.com">astornautaok@gmail.com</a></li>
140-
<li>Teléfono: <a href="tel:+5492613613518">+54 9 (261) 361-3518</a></li>
141-
</ul>
142-
</div>
143-
<div class="footer__widget__img">
144-
<img src="../../assets/images/logoAstorFooter.png" alt="Logo Astornauta footer">
145-
</div>
146-
<div class="footer__widget">
147-
<h4 class="footer__widget__titulo">We are social</h4>
148-
<ul class="footer__widget__lista--redes">
149-
<li><a href="https://facebook.com/astornautaok"><img src="../../assets/images/facebook.png"
150-
alt="Logo Facebook"></a></li>
151-
<li><a href="https://instagram.com/astornautaok"><img src="../../assets/images/instagram.png"
152-
alt="Logo Instagram"></a></li>
153-
<li><a href="https://linkedin.com/company/astornautaok"><img src="../../assets/images/linkedin.png"
154-
alt="Logo Linkedin"></a></li>
155-
<li><a href="https://twitter.com/astornautaok"><img src="../../assets/images/twitter.png"
156-
alt="Logo Twitter"></a></li>
157-
</ul>
144+
<div class="container-md">
145+
<div class="row">
146+
<div
147+
class="col-6 col-lg-4 footer__widget order-2 order-lg-1 d-flex justify-content-start align-items-center flex-column">
148+
<h4 class="footer__widget__titulo">Contacto</h4>
149+
<ul class="footer__widget__lista">
150+
<li>E-mail:<br /><a href="mailto:astornautaok@gmail.com">astornautaok@gmail.com</a></li>
151+
<li>Teléfono:<br /><a href="tel:+5492613613518">+54 9 (261) 361-3518</a></li>
152+
</ul>
153+
</div>
154+
<div
155+
class="col-12 col-lg-4 footer__widget__img order-1 order-lg-2 d-flex justify-content-center mb-4 mb-lg-0">
156+
<img src="../../assets/images/logoAstorFooter.png" alt="Logo Astornauta footer">
157+
</div>
158+
<div
159+
class="col-6 col-lg-4 footer__widget order-3 order-lg-3 d-flex justify-content-start align-items-center flex-column">
160+
<h4 class="footer__widget__titulo">We are social</h4>
161+
<ul class="footer__widget__lista--redes">
162+
<li><a href="https://facebook.com/astornautaok"><img src="../../assets/images/facebook.png"
163+
alt="Logo Facebook"></a></li>
164+
<li><a href="https://instagram.com/astornautaok"><img src="../../assets/images/instagram.png"
165+
alt="Logo Instagram"></a></li>
166+
<li><a href="https://linkedin.com/company/astornautaok"><img src="../../assets/images/linkedin.png"
167+
alt="Logo Linkedin"></a></li>
168+
<li><a href="https://twitter.com/astornautaok"><img src="../../assets/images/twitter.png"
169+
alt="Logo Twitter"></a></li>
170+
</ul>
171+
</div>
172+
</div>
158173
</div>
159174
</footer>
160175
<div class="copyright">
161-
<p>Sitio desarrollado por <a href="https://linkedin.com/in/gilgerok">Gerardo Gil</a> para Coderhouse en
162-
2022.
163-
</p>
176+
<div class="container-md">
177+
<div class="row">
178+
<div class="col">
179+
<p>Sitio desarrollado por <a href="https://linkedin.com/in/gilgerok">Gerardo Gil</a> para
180+
Coderhouse
181+
en 2022.</p>
182+
</div>
183+
</div>
184+
</div>
164185
</div>
165186

166187
<!-- SCRIPTS -->

‎pages/servicios/servicioRedes.html‎

Lines changed: 53 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -40,12 +40,21 @@
4040
</div>
4141
</nav>
4242
<header class="header">
43-
<div class="header__titulo">
44-
<h1>Piloteamos tu <span>marketing y publicidad</span></h1>
45-
</div>
46-
<div class="header__descripcion">
47-
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur pariatur eum voluptas deleniti
48-
sit saepe ex eaque accusamus reprehenderit corporis.</p>
43+
<div class="container-md">
44+
<div class="row justify-content-center">
45+
<div class="col-lg-6 header__animacion">
46+
<div class="header__titulo text-center text-xl-start">
47+
<h1>Piloteamos tu <span>marketing y publicidad</span></h1>
48+
</div>
49+
</div>
50+
<div class="col-lg-6">
51+
<div class="header__descripcion">
52+
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur pariatur eum voluptas
53+
deleniti
54+
sit saepe ex eaque accusamus reprehenderit corporis.</p>
55+
</div>
56+
</div>
57+
</div>
4958
</div>
5059
</header>
5160
<main class="main">
@@ -107,33 +116,47 @@ <h2 class="callToAction__contacto__titulo">Lorem ipsum dolor sit amet.</h2>
107116
</aside>
108117
</main>
109118
<footer class="footer">
110-
<div class="footer__widget">
111-
<h4 class="footer__widget__titulo">Contacto</h4>
112-
<ul class="footer__widget__lista">
113-
<li>E-mail: <a href="mailto:astornautaok@gmail.com">astornautaok@gmail.com</a></li>
114-
<li>Teléfono: <a href="tel:+5492613613518">+54 9 (261) 361-3518</a></li>
115-
</ul>
116-
</div>
117-
<div class="footer__widget__img">
118-
<img src="../../assets/images/logoAstorFooter.png" alt="Logo Astornauta footer">
119-
</div>
120-
<div class="footer__widget">
121-
<h4 class="footer__widget__titulo">We are social</h4>
122-
<ul class="footer__widget__lista--redes">
123-
<li><a href="https://facebook.com/astornautaok"><img src="../../assets/images/facebook.png"
124-
alt="Logo Facebook"></a></li>
125-
<li><a href="https://instagram.com/astornautaok"><img src="../../assets/images/instagram.png"
126-
alt="Logo Instagram"></a></li>
127-
<li><a href="https://linkedin.com/company/astornautaok"><img src="../../assets/images/linkedin.png"
128-
alt="Logo Linkedin"></a></li>
129-
<li><a href="https://twitter.com/astornautaok"><img src="../../assets/images/twitter.png"
130-
alt="Logo Twitter"></a></li>
131-
</ul>
119+
<div class="container-md">
120+
<div class="row">
121+
<div
122+
class="col-6 col-lg-4 footer__widget order-2 order-lg-1 d-flex justify-content-start align-items-center flex-column">
123+
<h4 class="footer__widget__titulo">Contacto</h4>
124+
<ul class="footer__widget__lista">
125+
<li>E-mail:<br /><a href="mailto:astornautaok@gmail.com">astornautaok@gmail.com</a></li>
126+
<li>Teléfono:<br /><a href="tel:+5492613613518">+54 9 (261) 361-3518</a></li>
127+
</ul>
128+
</div>
129+
<div
130+
class="col-12 col-lg-4 footer__widget__img order-1 order-lg-2 d-flex justify-content-center mb-4 mb-lg-0">
131+
<img src="../../assets/images/logoAstorFooter.png" alt="Logo Astornauta footer">
132+
</div>
133+
<div
134+
class="col-6 col-lg-4 footer__widget order-3 order-lg-3 d-flex justify-content-start align-items-center flex-column">
135+
<h4 class="footer__widget__titulo">We are social</h4>
136+
<ul class="footer__widget__lista--redes">
137+
<li><a href="https://facebook.com/astornautaok"><img src="../../assets/images/facebook.png"
138+
alt="Logo Facebook"></a></li>
139+
<li><a href="https://instagram.com/astornautaok"><img src="../../assets/images/instagram.png"
140+
alt="Logo Instagram"></a></li>
141+
<li><a href="https://linkedin.com/company/astornautaok"><img src="../../assets/images/linkedin.png"
142+
alt="Logo Linkedin"></a></li>
143+
<li><a href="https://twitter.com/astornautaok"><img src="../../assets/images/twitter.png"
144+
alt="Logo Twitter"></a></li>
145+
</ul>
146+
</div>
147+
</div>
132148
</div>
133149
</footer>
134150
<div class="copyright">
135-
<p>Sitio desarrollado por <a href="https://linkedin.com/in/gilgerok">Gerardo Gil</a> para Coderhouse en
136-
2022.</p>
151+
<div class="container-md">
152+
<div class="row">
153+
<div class="col">
154+
<p>Sitio desarrollado por <a href="https://linkedin.com/in/gilgerok">Gerardo Gil</a> para
155+
Coderhouse
156+
en 2022.</p>
157+
</div>
158+
</div>
159+
</div>
137160
</div>
138161

139162
<!-- SCRIPTS -->

‎pages/servicios/servicioWeb.html‎

Lines changed: 53 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -40,12 +40,21 @@
4040
</div>
4141
</nav>
4242
<header class="header">
43-
<div class="header__titulo">
44-
<h1>Hoy en día <span>¡todo es web!</span></h1>
45-
</div>
46-
<div class="header__descripcion">
47-
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur pariatur eum voluptas deleniti
48-
sit saepe ex eaque accusamus reprehenderit corporis.</p>
43+
<div class="container-md">
44+
<div class="row justify-content-center">
45+
<div class="col-lg-6 header__animacion">
46+
<div class="header__titulo text-center text-xl-start">
47+
<h1>Hoy en día <span>¡todo es web!</span></h1>
48+
</div>
49+
</div>
50+
<div class="col-lg-6">
51+
<div class="header__descripcion">
52+
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur pariatur eum voluptas
53+
deleniti
54+
sit saepe ex eaque accusamus reprehenderit corporis.</p>
55+
</div>
56+
</div>
57+
</div>
4958
</div>
5059
</header>
5160
<main class="main">
@@ -122,33 +131,47 @@ <h2 class="callToAction__contacto__titulo">Lorem ipsum dolor sit amet.</h2>
122131
</aside>
123132
</main>
124133
<footer class="footer">
125-
<div class="footer__widget">
126-
<h4 class="footer__widget__titulo">Contacto</h4>
127-
<ul class="footer__widget__lista">
128-
<li>E-mail: <a href="mailto:astornautaok@gmail.com">astornautaok@gmail.com</a></li>
129-
<li>Teléfono: <a href="tel:+5492613613518">+54 9 (261) 361-3518</a></li>
130-
</ul>
131-
</div>
132-
<div class="footer__widget__img">
133-
<img src="../../assets/images/logoAstorFooter.png" alt="Logo Astornauta footer">
134-
</div>
135-
<div class="footer__widget">
136-
<h4 class="footer__widget__titulo">We are social</h4>
137-
<ul class="footer__widget__lista--redes">
138-
<li><a href="https://facebook.com/astornautaok"><img src="../../assets/images/facebook.png"
139-
alt="Logo Facebook"></a></li>
140-
<li><a href="https://instagram.com/astornautaok"><img src="../../assets/images/instagram.png"
141-
alt="Logo Instagram"></a></li>
142-
<li><a href="https://linkedin.com/company/astornautaok"><img src="../../assets/images/linkedin.png"
143-
alt="Logo Linkedin"></a></li>
144-
<li><a href="https://twitter.com/astornautaok"><img src="../../assets/images/twitter.png"
145-
alt="Logo Twitter"></a></li>
146-
</ul>
134+
<div class="container-md">
135+
<div class="row">
136+
<div
137+
class="col-6 col-lg-4 footer__widget order-2 order-lg-1 d-flex justify-content-start align-items-center flex-column">
138+
<h4 class="footer__widget__titulo">Contacto</h4>
139+
<ul class="footer__widget__lista">
140+
<li>E-mail:<br /><a href="mailto:astornautaok@gmail.com">astornautaok@gmail.com</a></li>
141+
<li>Teléfono:<br /><a href="tel:+5492613613518">+54 9 (261) 361-3518</a></li>
142+
</ul>
143+
</div>
144+
<div
145+
class="col-12 col-lg-4 footer__widget__img order-1 order-lg-2 d-flex justify-content-center mb-4 mb-lg-0">
146+
<img src="../../assets/images/logoAstorFooter.png" alt="Logo Astornauta footer">
147+
</div>
148+
<div
149+
class="col-6 col-lg-4 footer__widget order-3 order-lg-3 d-flex justify-content-start align-items-center flex-column">
150+
<h4 class="footer__widget__titulo">We are social</h4>
151+
<ul class="footer__widget__lista--redes">
152+
<li><a href="https://facebook.com/astornautaok"><img src="../../assets/images/facebook.png"
153+
alt="Logo Facebook"></a></li>
154+
<li><a href="https://instagram.com/astornautaok"><img src="../../assets/images/instagram.png"
155+
alt="Logo Instagram"></a></li>
156+
<li><a href="https://linkedin.com/company/astornautaok"><img src="../../assets/images/linkedin.png"
157+
alt="Logo Linkedin"></a></li>
158+
<li><a href="https://twitter.com/astornautaok"><img src="../../assets/images/twitter.png"
159+
alt="Logo Twitter"></a></li>
160+
</ul>
161+
</div>
162+
</div>
147163
</div>
148164
</footer>
149165
<div class="copyright">
150-
<p>Sitio desarrollado por <a href="https://linkedin.com/in/gilgerok">Gerardo Gil</a> para Coderhouse en
151-
2022.</p>
166+
<div class="container-md">
167+
<div class="row">
168+
<div class="col">
169+
<p>Sitio desarrollado por <a href="https://linkedin.com/in/gilgerok">Gerardo Gil</a> para
170+
Coderhouse
171+
en 2022.</p>
172+
</div>
173+
</div>
174+
</div>
152175
</div>
153176

154177
<!-- SCRIPTS -->

0 commit comments

Comments
 (0)