<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>unifiiss</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
<body>
<!--slider-1-->
<h2 class="ayush">AYUSH THAKUR</h2>
<section id="features" class="blue">
<div class="content">
<div class="slider slider-1">
<div class="container">
<div class="row as">
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="http://www.111ideas.com/wp-content/uploads/2018/07/nature-images-download-for-free.jpg">
</div>
<div class="text">
<h2>Lorem Ipsum</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="https://tinypost.co/wp-content/uploads/2017/08/A-name-whatsapp-dp-tiranga-images-download-400x400.jpeg">
</div>
<div class="text">
<h2>Lorem Ipsum</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="http://www.ramadan.quotesms.com/images/eid-mubarak-images/Eid-Mubarak-Images13.jpg">
</div>
<div class="text">
<h2>Lorem Ipsum</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSW-pMc-gq4Zz7lR5vrYc54SprFvaUw_to1ZH4DeSvSMCXlxDdBBA">
</div>
<div class="text">
<h2>Lorem Ipsum</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQEN7VsiAx3kyImPntFdLodJEwby04F_oq-0-LilPydXEVZErse8Q">
</div>
<div class="text">
<h2>Lorem Ipsum</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR5vlNVhd-MmkhRa01p19Qp8e-1CL44og0FBZcyVLjAWhPoxM0BYg">
</div>
<div class="text">
<h2>Lorem Ipsum</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ5u_PqkmYZ9Oez3t26LiT0BYT9jkZ9rwSdd1HAB1J5ER7PUUf9Sw">
</div>
<div class="text">
<h2>Lorem Ipsum</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="http://www.111ideas.com/wp-content/uploads/2018/07/nature-images-download-for-free.jpg">
</div>
<div class="text">
<h2>Lorem Ipsum</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSo2CmEdpUtYIAn626gv1E7uhs2SQCuF0CvtbDTD-H6UHH0ItK3">
</div>
<div class="text">
<h2>Lorem Ipsum</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="http://shayaristatus1.com/wp-content/uploads/2018/08/WhatsApp-Image-2018-07-08-at-12.38.37-PM-8.jpeg">
</div>
<div class="text">
<h2>Lorem Ipsum</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slider slider-2">
<div class="container">
<div class="row asa">
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="http://hdwpro.com/wp-content/uploads/2016/03/Fantastic-Full-HD-Wallpaper.jpg">
</div>
<div class="text">
<h2>Lorem Ipsum1</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="http://images2.fanpop.com/images/photos/7800000/Nature-Full-HD-Wallpaper-national-geographic-7822418-1920-1080.jpg">
</div>
<div class="text">
<h2>Lorem Ipsum2</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="https://wallpaper.wiki/wp-content/uploads/2017/04/wallpaper.wiki-Best-photography-in-world-images-PIC-WPD0011953.jpg">
</div>
<div class="text">
<h2>Lorem Ipsum 3</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="https://i.ytimg.com/vi/j74EcjyN1WQ/maxresdefault.jpg">
</div>
<div class="text">
<h2>Lorem Ipsum 4</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="https://i.ytimg.com/vi/XqE3MEgL2xM/maxresdefault.jpg">
</div>
<div class="text">
<h2>Lorem Ipsum 5</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="strat">
<div class="image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR5vlNVhd-MmkhRa01p19Qp8e-1CL44og0FBZcyVLjAWhPoxM0BYg">
</div>
<div class="text">
<h2>Lorem Ipsum 6</h2>
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<a href="#">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</head>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<script src="js/slick.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
.image img {
width: 100%;
}
.text {
background: blak;
padding: 22px 14px;
text-align: justify;
margin-top: 0px;
}
.text h2 {
text-transform: capitalize;
font-weight: 600;
}
.text p {
font-size: 18px;
}
.text a {
color: red;
font-size: 20px;
text-transform: capitalize;
}
.asa img {
width: 100%;
margin-top: 72px;
height: 700px;
object-fit: contain;
}
.slider.slider-2 h2 {
color: red;
}
.ayush {
color: green;
text-align: center;
width: 100%;
font-size: 35px;
text-shadow: 2px 2px 1px black;
margin-top: 41px;
margin-bottom: 37px;
}
$(document).ready(function() {
$('.as').slick({
dots: true,
infinite: false,
autoplay: true,
autoplaySpeed: 2000,
pauseOnFocus: false,
pauseOnHover: false,
pauseOnDotsHover: false,
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint: 991,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 700,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
$('.asa').slick({
dots: true,
infinite: false,
autoplay: true,
autoplaySpeed: 3000,
pauseOnFocus: false,
pauseOnHover: false,
pauseOnDotsHover: false,
slidesToShow: 1,
slidesToScroll: 1,
fade: true,
cssEase: 'linear'
});
});
