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===============*/}

Articulos Polulares