969470142 javizame1@gmail.com

sitio web responsive parte 7 index-segunda section

Código de la segunda sección

 

Index.html

 

<section class="telefono flex modificador">

                               <h2 class="titulo_telefono">Desde tu movil</h2>

                               <img src="images/cel.jpg" alt="" class="img_telefono">

                               <div class="descripcion">

                                               <h3 class="numero">1</h3>

                                               <p class="texto_tel">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita cupiditate harum, fugit minima atque delectus? Nihil consequatur, consequuntur vel. Repellendus vitae nostrum, enim possimus aliquam, aspernatur pariatur quo error atque.</p>

                               </div>

                               <div class="descripcion">

                                               <h3 class="numero">2</h3>

                                               <p class="texto_tel">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus perspiciatis repellat asperiores dolorum rerum quo minus quas, amet voluptatem voluptatum sapiente vero illum quod vel maxime, architecto tenetur, saepe. Recusandae!</p>

                               </div>

                               <div class="descripcion">

                                               <h3 class="numero">3</h3>

                                               <p class="texto_tel">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit qui vel iure, quam aspernatur sed dolorum tenetur ratione magnam fuga quasi ut maxime placeat consectetur architecto, dolores nemo debitis illum.</p>

                               </div>

                </section>

 

estilo.css

 

/*========COMPRAR===============*/

.titulo_telefono{

                font-size: 30px;

                margin-top: 20px;

                margin-bottom: 20px;

                text-align: center;

                color: #d30203;

}

.titulo_telefono:after{

                width: 150px;

                height: 2px;

                background: #d30203;

                margin: 0 auto;

                display: block;

                content: ;

                margin-top: 20px;

}

.img_telefono{

                width: 100%;

}

.descripcion{

                width: 100%;

                margin: 5px;

}

.numero{

                width: 80px;

                height: 80px;

                display: flex;

                justify-content: center;

                align-items: center;

                text-align: center;

                border: 2px solid #d30203;

                border-radius: 50%;

                margin: 0 auto;

}

.texto_tel{

                line-height: 25px;

                margin-top: 20px;

                margin-bottom: 20px;

}

/*========TERMINA COMPRAR===============*/

Sitio web responsive desde cero

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

Mas informacion

Accede