969470142 javizame1@gmail.com

sitio web responsive parte 9 index-cuarta section

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

 

Index.html

 

<section class="clientes flex modificador">

                               <h2 class="titulo_clientes">Opiniones de nuestros clientes</h2>

                               <div class="testimonios">

                                               <p class="texto_clientes">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas minus consequuntur quos libero aperiam cum provident laboriosam magnam ex mollitia? Aut a minus odio neque, adipisci dicta error eum! Dicta!</p>

                                               <img src="images/persona.jpg" alt="" class="foto_cliente">

                                               <h3 class="nombre_cliente">Yessica Pirson</h3>

                               </div>

                               <div class="testimonios">

                                               <p class="texto_clientes">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet eius fugit maiores nemo consectetur nesciunt, quod distinctio nam dolore quos, atque minima sequi architecto vitae illo veritatis! Repellat, fugit. Natus.</p>

                                               <img src="images/persona.jpg" alt="" class="foto_cliente">

                                               <h3 class="nombre_cliente">Yessica Pirson</h3>

                               </div>

                               <div class="testimonios">

                                               <p class="texto_clientes">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora laboriosam, perferendis ipsam aliquid itaque modi optio facilis nulla soluta magni expedita nostrum, corporis quibusdam animi tempore deleniti esse laborum doloremque!</p>

                                               <img src="images/persona.jpg" alt="" class="foto_cliente">

                                               <h3 class="nombre_cliente">Yessica Pirson</h3>

                               </div>

                </section>

 

estilo.css

 

/*========CLIENTES===============*/

 

.clientes{

                width: 100%;

                background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(images/testimonios.jpg);

                background-size: cover;

                color: white;

}

.testimonios{

                margin-top: 20px;

                margin-bottom: 20px;

}

.titulo_clientes{

                width: 100%;

                text-align: center;

                font-weight: 100;

                margin-top: 20px;

                margin-bottom: 20px;

               

}

.titulo_clientes:after{

                content: ';

                display: block;

                width: 150px;

                height: 2px;

                background: white;

                margin: auto;

                margin-top: 20px;

}

 

.texto_clientes{

               

                line-height: 30px;

                margin: 10px;

}

.foto_cliente{

                width: 100px;

                height: 100px;

                margin: 10px;

                border: 2px solid white;

                border-radius: 50%;

}

.nombre_cliente{

               

                margin-top: -50px;

                margin-left: 150px;

}

/*========TERMINA CLIENTES===============*/

Sitio web responsive desde cero

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

Mas informacion

Accede