969470142 javizame1@gmail.com

sitio web responsive parte 10 footer

Con el footer ya queda completa la página index.html, en lkas siguientes líneas tendrás todo el código para copiar y pegar.

 

Index.html

 

<footer>

                <div class="pie flex modificador">

                               <div class="pie_item">

                                               <h2 class="titulo_pie">Somos</h2>

                                               <p class="texto_pie">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, porro reprehenderit? Natus voluptate at tempora quisquam sequi recusandae omnis eos, velit et voluptatum fugiat incidunt debitis amet repudiandae voluptatibus dolores.</p>

                               </div>

                               <div class="pie_item">

                                               <h2 class="titulo_pie">Asociados</h2>

                                               <li class="lista_pie"><a href="" class="link_pie">Restaurant</a></li>

                                               <li class="lista_pie"><a href="" class="link_pie">Restaurant</a></li>

                                               <li class="lista_pie"><a href="" class="link_pie">Restaurant</a></li>

                                              

                               </div>

                               <div class="pie_item">

                                               <h2 class="titulo_pie">Acceso Rapido</h2>

                                               <li class="lista_pie"><a href="" class="link_pie">Inicio</a></li>

                                               <li class="lista_pie"><a href="" class="link_pie">Inicio</a></li>

                                               <li class="lista_pie"><a href="" class="link_pie">Inicio</a></li>

                                              

                               </div>

                </div>

                <span class="derechos">Derechos Reservados</span>

</footer>

 

estilo.css

 

/*============FOOTER==============*/

 

footer{

                background: #17263c;

                padding: 10px;

                color: white;

               

}

.pie{

                width: 100%;

                margin-top: 20px;

}

.pie_item{

                width: 100%;

}

.titulo_pie{

               

                margin-bottom: 20px;

               

}

.texto_pie{

                line-height: 30px;

                margin-bottom: 20px;

}

.lista_pie{

                list-style: none;

}

.link_pie{

                text-decoration: none;

                color: white;

                display: block;

                margin: 20px;

}

.derechos{

                width: 100%;

                text-align: center;

                display: block;

                padding: 20px;

}

/*============TERMINA FOOTER==============*/

Sitio web responsive desde cero

Este curso tiene 2:50 horas de puro codigpo bien explicado

Mas informacion

Accede