CLEAN-HUB
Gestionale realizzato per un’agenzia di pulizie




________________________________________________
<div class=”container”>
<div class=”carousel-view”>
<!– Left Button –>
<button id=”left-button” class=”c1″>
</button>
<!– List Container –>
<div id=“image-list” class=”image-list”>
<!– Image –>
< div id=“image” class=“clean1”>
</div>
</div>
<!– Right Button –>
<button id=”right-button” class=”c1″>
</button>
</div>
</div>
___________________________________________
.image-list {
Max-width: 950px;
Width: 70px;
display: flex;
scroll-behavior: smooth;
overflow: auto;
Scroll-snap-type: x mandatory;
}
. Image {
Scroll-snap-align: center;
}
.button{
Width:20px;
Height:20px;
Border-radius:10px;
color:#60a6cb
}
.left-button { }
.Clean_arrow {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
<div class=”container”>
<div class=”carousel-view”>
<!– Left Button –>
<div class=”button>”>
<button id=”left-button” class=”c1″>
<div class=”Clean_arrow”> </div>
</button>
<!–nella classe inserire nel css i colori per sezione di riferimento–>
</div>
<!–Image–>
<div id=”image-clean” class=”image-clean”>
<img class=”image” a=”” src=””>
<img class=”image” a=”” src=””>
<img class=”image” a=”” src=””>
<img class=”image” a=”” src=””>
<!–inserire immagini personalizzate per sezione”–>
</div>
</div>
</div>
CLEAN-HUB
Gestionale realizzato per un’agenzia di pulizie