Sentiti libero di condividere la nostra pagina e i nostri codici con i tuoi amici, aiutaci a far crescere la nostra community.
Esempio 1: carosello
<divid="carouselExampleControls"class="carousel slide"data-ride="carousel"><divclass="carousel-inner"><divclass="carousel-item active"><imgsrc="..."class="d-block w-100"alt="...">div><divclass="carousel-item"><imgsrc="..."class="d-block w-100"alt="...">div><divclass="carousel-item"><imgsrc="..."class="d-block w-100"alt="...">div>div><aclass="carousel-control-prev"href="#carouselExampleControls"role="button"data-slide="prev"><spanclass="carousel-control-prev-icon"aria-hidden="true">span><spanclass="sr-only">Previousspan>a><aclass="carousel-control-next"href="#carouselExampleControls"role="button"data-slide="next"><spanclass="carousel-control-next-icon"aria-hidden="true">span><spanclass="sr-only">Nextspan>a>div>Esempio 2: carosello
//Author:Mohammad Arman Khan
//BOOTSTYRAP CAROUSEL(SLIDER_LOCALLY KNOWN)
<divid="carouselExampleIndicators"class="carousel slide"data-ride="carousel"><olclass="carousel-indicators"><lidata-target="#carouselExampleIndicators"data-slide-to="0"class="active">li><lidata-target="#carouselExampleIndicators"data-slide-to="1">li><lidata-target="#carouselExampleIndicators"data-slide-to="2">li>ol><divclass="carousel-inner"role="listbox"><divclass="carousel-item active"style="background-image:url('https://www.bonfiglioli.com/india/images/Asphalt/image-thumb__38736__slider/istock-466386521.jpeg')"><divclass=" col-md-6 divleft-top"><pclass="text-CSS">
Solutions for the Asphalt Industry p>div>div><divclass="carousel-item"style="background-image:url('https://www.bonfiglioli.com/india/images/Asphalt/image-thumb__38736__slider/istock-466386521.jpeg')"><divclass="col-md-6 divleft-top"><pclass="text-CSS">
Solutions for the Asphalt Industry p>div>div><divclass="carousel-item"style="background-image:url('https://www.bonfiglioli.com/india/images/Asphalt/image-thumb__38736__slider/istock-466386521.jpeg')"><divclass="col-md-6 divleft-top"><pclass="text-CSS">
Solutions for the Asphalt Industry p>div>div>div><aclass="carousel-control-prev"href="#carouselExampleIndicators"role="button"data-slide="prev"><spanclass="carousel-control-prev-icon"aria-hidden="true">span><spanclass="sr-only">Previousspan>a><aclass="carousel-control-next"href="#carouselExampleIndicators"role="button"data-slide="next"><spanclass="carousel-control-next-icon"aria-hidden="true">span><spanclass="sr-only">Nextspan>a>div>
//CSS
.carousel-item {
height: 100vh;
min-height: 350px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
//optional css
.text-CSS {
font-size: 55px;
color: #003861!important;
padding-top: 240px;
padding-left: 110px;
}