jackdev

 HTML     <!-- NOSSA EQUIPE     -->     < section >         < div class = "row" >             < div class = "d-flex flex-column justify-content-center mt-5" >                 < div class = " section-title text-start" >                     < h2 class = "mb-0 pb-0 text-center" style = " font-size: 25px" >                         < strong > Nossa Equipe </ strong >                     </ h2 >                 </ div >             </ div >             < div class = "our-team-container" >               ...

HTML <!-- Pills nav -->             < ul class = "nav nav-pills nav-justified mb-3" id = "ex1" role = "tablist" >                 < li class = "nav-item" role = "presentation" >                     < img src = ../../../images/secretaria-missao-logo.png >                     < a                         class = "nav-link active border border-primary"                         id = "ex3-tab-1"                         data-mdb-toggle = "pill"                         href = "#ex3-pills-1"                     ...

(com caixa de texto informativo alterando conforme opções são selecionadas, feito em JS)   @extends('layouts.web_base') @section('content')   <!--   ============================   PageTitle #14 Section   ============================   -->   < section class = "page-title page-title-14" id = "page-title" >     < div class = "page-title-wrap bg-overlay bg-overlay-dark-3" >       < div class = "bg-section" >< img src = "{{ isset($banner->image) ? (asset('storage/images/banners/' . $banner->image)) : ''}}" alt = "{{ isset($banner->title) ? $banner->title : '' }}" /></ div >       < div class = "container" >         < div class = "row" >           < div class = "col-12 col-lg-6" >             < div class = "section-title" >            ...

"(...) This is the video  https://www.youtube.com/watch?v=ZW-zGeLtj8U    THIS IS THE PROCESS SUMMARIZED: 1. Select the image 2. Menu> Object, ungroup 3. Right click, copy 4. Click off image to Deselect 5. Click Rectangle tool and draw any colored box greater than the image 6. Click select & transform objects tool, now click and drag to select all objects 7. Menu > path, exclusion 8. Menu > path, break apart 9. Click off the image.  Click the outer rectangle shape and delete 10. Now select each individual shape with one click and hit the white color at the bottom color selection toolbar (...)" Source  

/*CSS*/   .owl-carousel {     height : auto ;   }   .owl-carousel .owl-stage {     width : 534px ;     height : 300px ;     display : flex ;     justify-content : center ;     align-items : center ;     overflow : hidden   }   .owl-carousel .owl-stage-outer {     transform : translate3d ( 0px , 0px , 0px );   }   .owl-carousel .owl-wrapper ,     .owl-carousel .owl-item {       transform : translate3d ( 0 , 0 , 0 );       flex-shrink : 1 ;       -webkit-flex-shrink : 1 ;       max-width : 80% ;       max-height : 80% ;     }   .owl-carousel .owl-item img {     height : 225px ;     width : 400px ;     object-fit : cover !important ;   } /*JS*/ $ ( document ). ready ( function () {   $ ( '.owl-carousel' ). owlCarousel ({ ...