Access_Website/parts/hero.php

113 lines
6.6 KiB
PHP
Raw Permalink Normal View History

2024-08-29 10:01:20 +00:00
<!-- start of hero-section -->
<section class="hero-section">
<div class="hero-slider">
<!--Slider One-->
<div class="slider-item">
<div class="bg-image"> <img class="animated" src="assets/images/access-images/slider1.jpg" alt=""
2024-08-29 07:31:00 +00:00
data-animation-in="zoomInImage"> </div>
2024-08-29 10:01:20 +00:00
<div class="container">
<div class="content">
<h3 class="animated hero-title" data-animation-in="fadeInUp">Achieve More with Expert Guidance</h3>
<p class="animated" data-animation-in="fadeInUp">Let us simplify the process of pursuing quality education internationally, from visas to admissions.</p>
<div class="hero-btn animated" data-animation-in="fadeInUp">
<div class="btn-1"> <a href="service.php" class="apply-btn">Learn More</a> </div>
<div class="btn-2">
<div class="video-holder"> <a href="assets/images/access-images/access-video.mp4" class="video-btn" data-type="iframe"><i class="flaticon-play-button-arrowhead"></i></a> </div>
2024-08-29 07:31:00 +00:00
</div>
</div>
</div>
2024-08-29 10:01:20 +00:00
</div>
<div class="down-shape">
<svg width="19" height="86" viewBox="0 0 19 86" fill="none">
<path
2024-08-29 07:31:00 +00:00
d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
fill="white" fill-opacity="0.2" />
2024-08-29 10:01:20 +00:00
<path
2024-08-29 07:31:00 +00:00
d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
fill="white" />
2024-08-29 10:01:20 +00:00
<path
2024-08-29 07:31:00 +00:00
d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
fill="white" fill-opacity="0.2" />
2024-08-29 10:01:20 +00:00
<path
2024-08-29 07:31:00 +00:00
d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
fill="white" fill-opacity="0.2" />
2024-08-29 10:01:20 +00:00
<path
2024-08-29 07:31:00 +00:00
d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
fill="white" fill-opacity="0.2" />
2024-08-29 10:01:20 +00:00
</svg>
2024-08-29 07:31:00 +00:00
</div>
2024-08-29 10:01:20 +00:00
</div>
<!--Slider One End-->
2024-09-01 07:11:40 +00:00
2024-08-29 10:01:20 +00:00
<!-- Slider Two-->
<div class="slider-item">
<div class="bg-image"> <img class="animated" src="assets/images/access-images/slider2.jpg" alt=""
2024-08-29 07:31:00 +00:00
data-animation-in="zoomInImage"> </div>
2024-08-29 10:01:20 +00:00
<div class="container">
<div class="content">
<h3 class="animated hero-title" data-animation-in="fadeInUp">Your Partner in Overseas Education</h3>
<p class="animated" data-animation-in="fadeInUp">Offering comprehensive consultation services to ensure a smooth transition to studying abroad.</p>
<div class="hero-btn animated" data-animation-in="fadeInUp">
<div class="btn-1"> <a href="service.php" class="apply-btn">Learn More</a> </div>
<div class="btn-2">
<div class="video-holder"> <a href="https://www.youtube.com/embed/DxffSluQn_M?si=Ee0gBTMqOpB-E19E" class="video-btn" data-type="iframe"><i class="flaticon-play-button-arrowhead"></i></a> </div>
2024-08-29 07:31:00 +00:00
</div>
</div>
</div>
2024-08-29 10:01:20 +00:00
</div>
<div class="down-shape">
<svg width="19" height="86" viewBox="0 0 19 86" fill="none">
<path
2024-08-29 07:31:00 +00:00
d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
fill="white" fill-opacity="0.2" />
2024-08-29 10:01:20 +00:00
<path
2024-08-29 07:31:00 +00:00
d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
fill="white" />
2024-08-29 10:01:20 +00:00
<path
2024-08-29 07:31:00 +00:00
d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
fill="white" fill-opacity="0.2" />
2024-08-29 10:01:20 +00:00
<path
2024-08-29 07:31:00 +00:00
d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
fill="white" fill-opacity="0.2" />
2024-08-29 10:01:20 +00:00
<path
2024-08-29 07:31:00 +00:00
d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
fill="white" fill-opacity="0.2" />
2024-08-29 10:01:20 +00:00
</svg>
2024-08-29 07:31:00 +00:00
</div>
</div>
2024-08-29 10:01:20 +00:00
<!--Slider Two End-->
2024-09-01 07:11:40 +00:00
<!--Slder Three Video-->
<!--
<div class="slider-item">
<div class="bg-image">
<video width="100%" height="auto" autoplay muted preload="auto" loop poster="video-poster.jpg">
<source src="assets/images/access-images/access-video.mp4" type="video/mp4">
</video>
</div>
<div class="down-shape">
<svg width="19" height="86" viewBox="0 0 19 86" fill="none">
<path
d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
fill="white" fill-opacity="0.2" />
<path
d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
fill="white" />
<path
d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
fill="white" fill-opacity="0.2" />
<path
d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
fill="white" fill-opacity="0.2" />
<path
d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
fill="white" fill-opacity="0.2" />
</svg>
</div>
</div>
-->
<!--Slder Three Video End-->
2024-08-29 10:01:20 +00:00
</div>
</section>
2024-09-01 07:11:40 +00:00
<!-- end of hero-section -->