tech4biz/includes/slider-two.php
2024-10-25 17:11:31 +05:30

78 lines
2.6 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel='stylesheet' href='assets/css/slick.css'>
</head>
<body>
<div class="slider__wrapper">
<div class="slider">
<div class="slider__content">
<div class="container">
<div class="slider__text">
<h3>Experience Intelligence beyond the definition of logical reasoning</h3>
<div class="banner-btn">
<a href="about_us" class="default-btn btn-bg-two border-radius-50">Learn More <i class='bx bx-chevron-right'></i></a>
</div>
</div>
</div>
<figure class="slider__image">
<img src="assets/images/home-one/AI.webp" alt="AI" width="2000" height="628">
</figure>
</div>
<div class="slider__content">
<div class="container">
<div class="slider__text">
<h3>Cloud Infrastructure Management</h3>
<div class="banner-btn">
<a href="about_us" class="default-btn btn-bg-two border-radius-50">Learn More <i class='bx bx-chevron-right'></i></a>
</div>
</div>
</div>
<figure class="slider__image">
<img src="assets/images/home-one/Cloud.webp" alt="Cloud">
</figure>
</div>
<div class="slider__content">
<div class="container">
<div class="slider__text">
<h3>Breaking barriers with Iot-based process Automation</h3>
<div class="banner-btn">
<a href="about_us" class="default-btn btn-bg-two border-radius-50">Learn More <i class='bx bx-chevron-right'></i></a>
</div>
</div>
</div>
<figure class="slider__image">
<img src="assets/images/home-one/IOT.webp" alt="IOT">
</figure>
</div>
<div class="slider__content">
<div class="container">
<div class="slider__text">
<h3>Unravel the future of possibilities with our Software Development Services</h3>
<div class="banner-btn">
<a href="about_us" class="default-btn btn-bg-two border-radius-50">Learn More <i class='bx bx-chevron-right'></i></a>
</div>
</div>
</div>
<figure class="slider__image">
<img src="assets/images/home-one/Software_Development.webp" alt="Software_Development">
</figure>
</div>
</div>
</div>
<script src='assets/js/jquery.min.js'></script>
<script src='assets/js/slick.min.js'></script>
<script>
$('.slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: true,
autoplay: true,
});
</script>
</body>
</html>