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