body{
background: lightgrey;
positio: relative;
height: 100vh;
display: flex;
justify-content: center;
}
.banner{
margin-top: 150px;
position: absolute;
}
.signature{
position: absolute;
width: 300px;
top: 150px;
right: 10px;
transform: rotate(0deg);
}
.contact{
color: #262626;
font-size: 1.3rem;
}
svg path{
fill: transparent;
stroke: white;
stroke-dasharray: 300;
stroke-dashoffset: 300;
animation: textAnimation 4s ease-in-out forwards;
}
@keyframes textAnimation{
0%{
stroke-dashoffset: 300;
}
80%{
fill: transparent;
stroke: white;
}
99%{
stroke: #262626;
}
100%{
fill: white;
stroke-dashoffset: 0;
stroke: #262626;
}
}
let items = document.querySelectorAll('.carousel .carousel-item')
items.forEach((el) => {
const minPerSlide = 4
let next = el.nextElementSibling
for (var i=1; i<minPerSlide; i++) {
if (!next) {
// wrap carousel by using first child
next = items[0]
}
let cloneChild = next.cloneNode(true)
el.appendChild(cloneChild.children[0])
next = next.nextElementSibling
}
})
