init

css/index/about_us.css

@@ -0,0 +1,63 @@
+
+.about-us::before{
+    content: '';
+    display: block;
+    position: relative;
+    z-index: -1;
+    bottom: 0;
+    margin-top: -3em;
+    transform: skewY(-3deg);
+    -webkit-transform: skewY(-3deg);
+    height: 5em;
+    background-color: white;
+}
+.about-us::after{
+    content: '';
+    display: block;
+    position: relative;
+    z-index: -1;
+    bottom: 0;
+    margin-bottom: -2em;
+    transform: skewY(-3deg);
+    -webkit-transform: skewY(-3deg);
+    height: 5em;
+    background-color: white;
+}
+.about-us{
+    background-color: white;
+    width: 100%;
+    position: relative;
+    display: grid;
+    z-index: 5;
+}
+.about-us-big{
+    display: none;
+}
+.about-us-small{
+    margin: auto;
+    width: 90%;
+    display: flex;
+    flex-direction: column;
+}
+.about-us-small header{
+    text-align: center;
+    margin: auto;
+    width: 80%;
+}
+.about-us-small header hr{
+    height: 0;
+    border-style: solid;
+}
+
+.about-us-small main{
+    margin: auto;
+    width: 80%; 
+}
+.about-us-small h2{
+    font-size: 1.2em;
+    text-align: center;
+}
+.about-us-small main p{
+    text-align: center;
+    margin: 1em;
+}

css/index/carousel.css

@@ -0,0 +1,120 @@
+.carousel{
+    height: 25em;
+    width: 100%;
+    margin-bottom: 1em;
+    overflow-x: hidden;
+    position: relative;
+    display: flex;
+    justify-content: flex-start;
+}
+.carousel-inner{
+    height: 100%;
+    /* min-width: 400%; */
+    display: flex;
+    transition: all ease .5s;
+}
+
+.carousel-item{
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.carousel-item h1{
+    position: relative;
+    color: white;
+    bottom: 1.5em;
+}
+.carousel-controls .prev{
+    display: inline-block;
+    height: 3em;
+    width: 3em;
+    position: absolute;
+    left: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    background-image: url('/img/other/svg/prev.svg');
+    background-position: center;
+    background-size: auto 100%;
+    background-repeat: no-repeat;
+    cursor: pointer;
+    opacity: .5;
+}
+
+.carousel-controls .next{
+    display: inline-block;
+    height: 3em;
+    width: 3em;
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    background-image: url('/img/other/svg/next.svg');
+    background-position: center;
+    background-size: auto 100%;
+    background-repeat: no-repeat;
+    cursor: pointer;
+    opacity: .5;
+}
+
+.prev:hover, .next:hover{
+    opacity: 1;
+}
+
+.carousel-indicators{
+    position: absolute;
+    bottom: 4em;
+    left: 50%;
+    transform: translateX(-50%);
+    text-align: center;
+}
+
+.carousel-indicators span{
+    display: inline-block;
+    background-color: white;
+    width: 30px;
+    height: 4px;
+    border-radius: 2px;
+    opacity: .5;
+    cursor: pointer;
+    margin: 3px;
+}
+
+.carousel-indicators span.active{
+    opacity: 1;
+}
+
+
+.carousel-item-first{
+    background-image: url("/img/carousel/DAVO_Web_slide_1.png");
+}
+.carousel-item-second{
+    background-image: url("/img/carousel/DAVO_Web_slide_2.png");
+}
+.carousel-item-third{
+    background-image: url("/img/carousel/DAVO_Web_slide_3.png");
+}
+.carousel-item-fourth{
+    background-image: url("/img/carousel/DAVO_Web_slide_4.png");
+}
+.carousel-item-fifth{
+    background-image: url("/img/carousel/DAVO_Web_slide_5.png");
+}
+.carousel-item-sixth{
+    background-image: url("/img/carousel/DAVO_Web_slide_6.png");
+}
+
+
+@media only screen and (min-width: 991px){
+    .prev, .next{
+        height: 1em !important;
+        width: 1em !important;
+    }
+}

css/index/contact.css

@@ -0,0 +1,50 @@
+body{
+    background-color: #212121;
+}
+.contacts{
+    width: 100%;
+
+    background-color: #212121;
+    color: white;
+
+    text-align: center;
+
+    padding-top: 4em;
+    padding-bottom: 4em;
+    margin: auto;
+}
+.contacts a{
+    color: white;
+    text-decoration: none;
+}
+.contacts br{
+    content: " ";
+    display: block;
+    height: 0.5em;
+}
+.contacts h2{
+    font-size: 1.5em;
+}
+.contact-format-container{
+    line-height: 1.2;
+    margin: auto;
+    width: 80%;
+}
+.contacts i{
+    font-size: 1.5em;
+}
+.iframe-map{
+    position: absolute;
+    width: 100%;
+    height: 50%;
+
+}
+
+@media screen and (min-width: 900px){
+    .contacts{
+        font-size: 0.9em;
+    }
+    .contact-format-container{
+        width: 35%;
+    }
+}

css/index/products.css

@@ -0,0 +1,67 @@
+.products{
+
+    display: none !important;
+
+    position: relative;
+    z-index: 2;
+
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    text-align: center;
+
+    color: white;
+}
+.products-container{
+    display: grid;
+    grid-gap: 1em;
+    grid-template-columns: repeat(2, 1fr);
+
+    padding: 3em;
+}
+.products-item{
+    flex: 0 0 45%;
+
+    margin-top: 2em;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    background-color: #212121;
+
+    border-radius: 2em;
+
+    transition: transform 0.3s ease; /* Smooth transition on transform */
+    box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.2), 0 0.25em 0.25em 0 rgba(0,0,0,0.19) !important;
+}
+.products-item:hover{
+    transform: scale(1.2);
+}
+.products-item:active{
+    transform: scale(1.2);
+}
+
+.products-img{
+    padding-top: 2em;
+}
+.products-item a{
+    padding: 1em;
+    font-size: 1.5em;
+    color: white;
+
+    text-decoration: none;
+}
+
+@media screen and (min-width: 900px){
+    .products-container{
+        grid-template-columns: repeat(3, 1fr);
+        grid-gap: 2em;
+    }
+    .products{
+        margin: auto;
+        width: 70%;
+    }
+}