969470142 javizame1@gmail.com

sitio web responsive parte 8 index-tercera section

Aquí el código de la tercera sección

 

Index.html

 

<section class="sucursales flex modificador">

                               <h2 class="titulo_sucursales">Nuestras Sucursales</h2>

                               <div class="tiendas">

                                               <img src="images/tienda.jpg" alt="" class="img_sucursal">

                                               <h3 class="titulo_tienda">Tienda 1</h3>

                                               <li class="lista icon-res2">Jaén</li>

                                               <li class="lista icon-res2">Bagua</li>

                                               <li class="lista icon-res2">Chota</li>

                               </div>

                               <div class="tiendas">

                                               <img src="images/tienda.jpg" alt="" class="img_sucursal">

                                               <h3 class="titulo_tienda">Tienda 2</h3>

                                               <li class="lista icon-res2">Jaén</li>

                                               <li class="lista icon-res2">Bagua</li>

                                               <li class="lista icon-res2">Chota</li>

                               </div>

                               <div class="tiendas">

                                               <img src="images/tienda.jpg" alt="" class="img_sucursal">

                                               <h3 class="titulo_tienda">Tienda 3</h3>

                                               <li class="lista icon-res2">Jaén</li>

                                               <li class="lista icon-res2">Bagua</li>

                                               <li class="lista icon-res2">Chota</li>

                               </div>

                               <div class="tiendas">

                                               <img src="images/tienda.jpg" alt="" class="img_sucursal">

                                               <h3 class="titulo_tienda">Tienda 4</h3>

                                               <li class="lista icon-res2">Jaén</li>

                                               <li class="lista icon-res2">Bagua</li>

                                               <li class="lista icon-res2">Chota</li>

                               </div>

                </section>

 

estilo.css

 

/*========TIENDAS===============*/

.tiendas{

                margin-bottom: 30px;

}

.titulo_sucursales{

                width: 100%;

                text-align: center;

                margin-top: 20PX;

                margin-bottom: 30PX;

                color: #d30203;

                font-size: 30px;

}

.titulo_sucursales:after{

                content: ';

                width: 250px;

                height: 2px;

                background: #d30203;

                display: block;

                margin: 0 auto;

                margin-top: 20px;

}

.img_sucursal{

                width: 100%;

}

.titulo_tienda{

                color: #d30203;

                font-size: 25px;

                margin-top: 20px;

                margin-bottom: 20px;

}

.lista{

                list-style: none;

                line-height: 30px;           

}

.tiendas [class*="icon-res2"]:before{

                margin:10px;

                position: relative;

                color: #d30203;

}

/*========TERMINA TIENDAS===============*/

 

 

Sitio web responsive desde cero

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

Mas informacion

Accede