/
home2
/
reumatologia
/
public_html
/
Upload File
HOME
<section class="section section-height-4 bg-light-5"> <div class="container"> <div class="row text-center"> <div class="col"> <div class="overflow-hidden"> <span class="top-sub-title text-color-primary d-block appear-animation" data-appear-animation="maskUp">LOREM IPSUM DOLOR SIT</span> </div> <div class="overflow-hidden mb-3"> <h2 class="font-weight-bold mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="200">Selected Projects</h2> </div> <div class="overflow-hidden mb-5"> <p class="lead mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="300">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa<br> enim. Nullam id varius nunc id varius nunc.</p> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-10 col-sm-8 col-md-12 mx-auto d-flex overflow-hidden p-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-duration="700ms"> <div class="owl-carousel carousel-center-active-items carousel-center-active-items-style-3" data-plugin-carousel data-plugin-options="{'autoplay': false, 'dots': false, 'nav': true, 'loop': true, 'margin': 40, 'responsive': { '0': {'items': 1}, '576': {'items': 1}, '768': {'items': 3}, '992': {'items': 3}, '1200': {'items': 5}}}"> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/generic/project-1-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">EZ Card</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> brands</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/photos/project-2-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">Fashion Model</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> design</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/generic/project-3-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">Style Bag</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> web</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/photos/project-3-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">Shoes EZ</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> web</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/generic/project-4-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">Sport Watch</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> ads</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/photos/project-6-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">Tattoo Show</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> design</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/photos/project-12-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">Mobile Tech</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> ads</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/generic/project-6-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">EZ Book</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> design</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/generic/project-7-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">Laptop Concept</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> web</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/photos/project-5-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">Pink Ad</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> brands</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/generic/project-8-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">Shirt Box</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> ads</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> <div class="appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"> <article class="card rounded bg-light border-0 p-0"> <a href="portfolio-detail-1.html"><img src="img/projects/photos/project-7-wide.jpg" class="card-img-top hover-effect-2" alt=""></a> <div class="card-body"> <h3 class="font-weight-bold text-4 mb-1"><a href="portfolio-detail-1.html" class="link-color-dark">Montaing Woman</a></h3> <span class="text-color-dark mb-3"><i class="fas fa-tag text-color-primary"></i> web</span> <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p> </div> </article> </div> </div> </div> </div> </div> <div class="container"> <div class="row mt-4"> <div class="col d-flex justify-content-center"> <a href="portfolio-grid-4-columns.html" class="btn btn-primary btn-rounded btn-h-5 btn-v-3 font-weight-semibold">VIEW ALL</a> </div> </div> </div> </section>