I
inngiAug 31, 2023
I have made slider for my company's website. the reference of the code is demo-real-estate-2.
It works well with full height from the screen but I wanted to make the height 75% from the top. I dunno how to do it.
please help me out.
following is the code.
<!-- Slider
============================================= -->
<section id="slider" class="slider-element min-vh-60 min-vh-md-100 dark include-header include-topbar">
<div class="slider-inner">
<div class="fslider h-100 position-absolute" data-speed="1500" data-pause="5000" data-animation="fade" data-arrows="false" data-pagi="false" style="background-color: #333;">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide" style="background: url('demos/coworking/images/main_slide1.jpeg') center center; background-size: cover;"></div>
<div class="slide" style="background: url('demos/coworking/images/main_slide2.jpeg') center center; background-size: cover;"></div>
</div>
</div>
</div>
<div class="vertical-middle">
<div class="container text-center">
<div class="emphasis-title m-0">
<h1>Daeyeon Corporation</h1>
<span class="fw-light text-uppercase" style="font-size: 18px; letter-spacing: 0px; color: rgba(255,255,255,0.9);">provides world class automatic machines, systems and solutions for BGMS and Test Kit Manufacturing.
DAEYEON ENG's superior technologies contributes to productivity improvement, high quality maintenance and profit maximization.</span>
</div>
</div>
</div>
<div class="video-wrap">
<div class="video-overlay real-estate-video-overlay"></div>
</div>
</div>
</section>
<!-- #Slider End -->