495 рядки
19 KiB
HTML
495 рядки
19 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
|
|
<link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="./dist/css/main.css" />
|
|
<link rel="stylesheet" href="./style.css">
|
|
<link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
|
|
<link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
|
|
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
|
|
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
|
|
<link rel="stylesheet" href="./dist/css/vendor/vandella.css">
|
|
<link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
|
|
<link rel="stylesheet" href="./dist/css/vendor/fontello.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/slick.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/animate.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
|
|
<link rel="stylesheet" href="./dist/css/style.css">
|
|
<link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
|
|
<link rel="stylesheet" href="./dist/css/fontawesome.min.css">
|
|
<title>Press Releases | Anwi</title>
|
|
|
|
<style>
|
|
.quotsection {
|
|
margin-top: 70px;
|
|
margin-bottom: 70px;
|
|
padding: 50px 0;
|
|
}
|
|
|
|
.quottxt {
|
|
width: 710px;
|
|
padding: 48px 20px 80px;
|
|
}
|
|
|
|
.quottxt p {
|
|
font-size: 24px;
|
|
max-width: 530px;
|
|
}
|
|
|
|
.quotname .fw-600 {
|
|
font-size: 23px;
|
|
}
|
|
|
|
.quotname {
|
|
font-size: 19px;
|
|
}
|
|
|
|
.image-box {
|
|
position: relative;
|
|
margin: auto;
|
|
overflow: hidden;
|
|
width: 540px;
|
|
}
|
|
|
|
.image-box img {
|
|
max-width: 100%;
|
|
transition: all 0.3s;
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.image-box img:hover {
|
|
transform: scale(1.5);
|
|
}
|
|
|
|
@media only screen and (min-width: 280px) and (max-width: 575px) {
|
|
|
|
|
|
.quottxt,
|
|
.image-box {
|
|
width: 100%
|
|
}
|
|
|
|
.quottxt p,
|
|
.quotname,
|
|
.quotname .fw-600 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.quotsection {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
padding: 50px 0;
|
|
}
|
|
|
|
.quottxt {
|
|
width: 100%;
|
|
padding: 48px 20px 20px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 576px) and (max-width: 999px) {
|
|
|
|
.quottxt,
|
|
.image-box {
|
|
width: 100%
|
|
}
|
|
|
|
.quotsection {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
padding: 50px 0;
|
|
}
|
|
|
|
.quottxt p,
|
|
.quotname,
|
|
.quotname .fw-600 {
|
|
font-size: 22px;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1002px) and (max-width: 1290px) {
|
|
|
|
.quottxt,
|
|
.image-box {
|
|
width: 100%
|
|
}
|
|
|
|
.quottxt p,
|
|
.quotname,
|
|
.quotname .fw-600 {
|
|
font-size: 22px;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
.multi-carousel-item img{
|
|
height: 220px;
|
|
object-fit: fill;
|
|
cursor: pointer;
|
|
}
|
|
.notes:hover{
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.bg-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background: rgba(0, 0, 0, .85);
|
|
z-index: 10;
|
|
}
|
|
|
|
.bg-overlay,
|
|
.modal {
|
|
display: none;
|
|
}
|
|
|
|
.bg-overlay.show,
|
|
.modal.show {
|
|
display: block;
|
|
}
|
|
|
|
|
|
.slider-handle .btn {
|
|
position: fixed;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
left: -4rem;
|
|
color: #fff;
|
|
padding: 1rem 1.4rem;
|
|
font-size: 1.125rem;
|
|
border-radius: 25%;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.slider-handle .slider-right {
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
|
|
.slider-handle .slider-left {
|
|
left: auto;
|
|
left: -1rem;
|
|
}
|
|
.slider-handle .slider-left :hover
|
|
.btn {
|
|
transition: all .65s;
|
|
border: none;
|
|
outline: none;
|
|
background: #d8d8d8;
|
|
cursor: pointer;
|
|
box-shadow: 0 0 0.5rem -0.07rem rgb(255 255 255 / 0);
|
|
}
|
|
|
|
.btn:hover {
|
|
box-shadow: 0 0 0.5rem -0.07rem rgb(255 255 255 / 58%);
|
|
border-color: #ddd !important;
|
|
}
|
|
|
|
.btn.disabled {
|
|
filter: grayscale(1);
|
|
opacity: .5;
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
.image-view-list li img{
|
|
animation: 12s autoplay2 infinite ease-in-out
|
|
}
|
|
@keyframes autoplay2 {
|
|
0% {top: 100%}
|
|
4% {top: 0%}
|
|
33.33% {top: 0%}
|
|
37.33% {top: -100%}
|
|
100% {top: -100%}
|
|
}
|
|
.image-view-list li img {animation-delay: 4s};
|
|
</style>
|
|
</head>
|
|
|
|
<body class="media_page">
|
|
<!-- navbar -->
|
|
<div id="navbar-head"></div>
|
|
<!-- end-navbar -->
|
|
<!-- main-body -->
|
|
<main class="main-body home-main-container pt-md-5">
|
|
<section class="bg-gradient-anwi">
|
|
<div class="container pt-md-5 pt-5">
|
|
<div class="pt-md-5 pt-5">
|
|
<div class="text-center py-md-5 py-5 text-white">
|
|
<h2 class="fw-bold">Press</h2>
|
|
<h5>Get the scoop on all things</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="pt-md-5">
|
|
<div class="container pt-md-5">
|
|
<div class="row quotsection">
|
|
<div class="col-md-12 col-lg-6">
|
|
<img src="" class="img-fluid w-100 ceo_img" />
|
|
<div class="image-box">
|
|
<img src="./dist/assets/imgs/ceo/uday_ceo.jpg" alt="CEO of Anwi" width="540" height="548" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 col-lg-6">
|
|
<div class="quottxt">
|
|
<p class="">
|
|
" We are thrilled to introduce our Ora Memory and Storage products with Graphene Technology,
|
|
offering customers the latest advancements in thermal management technology. Our commitment to
|
|
innovation and performance
|
|
has driven us to develop products that exceed expectations and provide exceptional value for our
|
|
customers."
|
|
</p>
|
|
<span class="quotname">
|
|
<span class="fw-600">Mr.Uday Kiran Konathala </span>
|
|
<span>- CEO, CO-Founder of ANWI Systems.</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="ora_products" class="py-md-5">
|
|
<h2 class="text-center py-3 py-md-4">Our Releases Notes</h2>
|
|
<div class="container image-wrapper py-md-4 border-0 rounded-4">
|
|
<div class="lightbox">
|
|
<div class="row justify-content-center py-lg-5 py-4 px-4 px-lg-0">
|
|
</div>
|
|
</div>
|
|
<!--START: Modal -->
|
|
<div class="bg-overlay" id="bg-overlay" onclick="closeModal();"></div>
|
|
<div class="modal image-slider-modal h-75 mt-md-5 mt-5">
|
|
<a class="d-flex justify-content-end" onclick="closeModal();">
|
|
<i class="fa-solid fa-xmark fs-3 pe-md-3 pt-md-4 pe-2 pt-3 text-white position-fixed"></i>
|
|
</a>
|
|
<ul class="image-view-list mt-md-5 ps-0 mt-5"></ul>
|
|
<div class="slider-handle">
|
|
<button class="btn slider-left icon-btn text-white" id="slider_left" type="button">←</button>
|
|
<button class="btn slider-right icon-btn text-white" id="slider-right" type="button">→</button>
|
|
</div>
|
|
|
|
<ul class="thumbnail-list d-none"></ul>
|
|
</div>
|
|
<!--END: Modal -->
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<!-- footer -->
|
|
<div id="footer-head" class=""></div>
|
|
<!-- end-footer -->
|
|
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="./dist/js/jquery.min.js"></script>
|
|
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
|
|
<script src="./dist/js/navbar.js"></script>
|
|
<script src="./dist/js/axios.min.js"></script>
|
|
<script src="./dist/js/footer.js"></script>
|
|
<script src="./dist/js/cookies.min.js"></script>
|
|
<script src="./dist/js/fontawesome.all.js"></script>
|
|
<script src="./dist/js/fontawesome.min.js"></script>
|
|
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
|
|
<script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
|
|
<script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
|
|
<script src="./dist/js/vendor/bootstrap.min.js"></script>
|
|
<script src="./dist/js/plugins/slick.js"></script>
|
|
<script src="./dist/js/plugins/wow.js"></script>
|
|
<script src="./dist/js/plugins/svg-injector.min.js"></script>
|
|
<script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
|
|
<script src="./dist/js/plugins/mouse-parallax.js"></script>
|
|
<script src="./dist/js/plugins/images-loaded.js"></script>
|
|
<script src="./dist/js/plugins/isotope.js"></script>
|
|
<script src="./dist/js/plugins/jquery-ui.js"></script>
|
|
<script src="./dist/js/plugins/magnific-popup.js"></script>
|
|
<!-- Main JS -->
|
|
<script src="./dist/js/main.js"></script>
|
|
<script>
|
|
|
|
let list_imgs = [
|
|
["skyline_10_04_23_pg08.jpg", "Sky Line", "10 April 2023", "08"],
|
|
["westerntimes_ahm_anwi_9_04_23_pg06.jpg", "Western Times", "9 April 2023", "06"],
|
|
["vishalandhra_10-04-23_pg03.jpeg", "Vishal Andhra", "10 April 2023", "03"],
|
|
["tarunbharat_11_04_23_pg06.jpeg", "Tarun Bharat", "11 April 2023", "06"],
|
|
["standardherald_ahm_anwi_9_04_23_pg07.jpg", "Standard Herald", "9 April 2023", "07"],
|
|
["visalandhra_10_04_23_pg05.jpg", "Visal Andhra", "10 April 2023", "05"],
|
|
["nirmalgujarat_ahm_anwi_9_04_23_pg03.jpg", "Nirmal Gujarat", "9 April 2023", "03"],
|
|
["surya_11_04_23_pg06.jpg", "Surya", "11 April 2023", "06"],
|
|
["vaartha_11_04_23_pg15.jpg", "Vaartha", "11 April 2023", "15"],
|
|
["vaartha_10_04_23_pg05.jpg", "Vaartha", "10 April 2023", "05"],
|
|
["vaartha_10-04-23_pg03.jpeg", "Vaartha", "10 April 2023", "03"],
|
|
["surya_10_04_23_pg03.jpg", "Surya", "10 April 2023", "03"],
|
|
["surya_10-04-23_pg05.jpeg", "Surya", "10 April 2023", "05"],
|
|
["satellitesamachar_ahm_anwi_9_04_23_pg02.jpg", "Satellite Samachar", "9 April 2023", "02"],
|
|
["saamana_11_04_23_pg08.jpeg", "Saamana", "11 April 2023", "08"],
|
|
["punyanagri_11_04_23_pg02.jpeg", "Punyanagri", "11 April 2023", "02"],
|
|
["prajasakti_10_04_23_pg02.jpg", "Prajasakti", "10 April 2023", "02"],
|
|
["prabhat_ahm_anwi_9_04_23_pg03.jpg", "Prabhat", "9 April 2023", "02"],
|
|
["manatelangana_10-04-23_pg13.jpeg", "ManaTelengana", "10 April 2023", "13"],
|
|
["manam_10_04_23_pg09.jpg", "Manam", "10 April 2023", "09"],
|
|
["mahanagar_10_04_23_pg03.jpg", "Mahanagar", "10 April 2023", "03"],
|
|
["gujaratpranam_ahm_anwi_9_04_23_pg02.jpg", "Gujarat Pranam", "9 April 2023", "02"],
|
|
["freepressgujarat_ahm_anwi_9_04_23_pg03.jpg", "Free Press Gujarat", "9 April 2023", "03"],
|
|
["divyagujarat_ahm_anwi_9_04_23_pg03.jpg", "Divya Gujarat", "9 April 2023", "03"],
|
|
["divyabhaskar_ahm_anwi_9_04_23_pg07.jpg", "Divya Bhaskar", "9 April 2023", "07"],
|
|
["dainiksandhya_11_04_23_pg04.jpeg", "Dainik Sandhya", "11 April 2023", "04"],
|
|
["andhraprabha_10_04_23_pg14.jpg", "Andhra Prabha", "10 April 2023", "14"],
|
|
["andhraprabha_10_04_23_pg02.jpg", "Andhra Prabha", "10 April 2023", "02"],
|
|
["andhraprabha_10-04-23_pg11.jpeg", "Andhra Prabha", "10 April 2023", "11"],
|
|
["adaabhyderabad_10-04-23_pg10.jpeg", "Adaab Hyderabad", "10 April 2023", "10"],
|
|
["andhrapathrika_10_04_23_pg05.jpg", "Andhra Pathrika", "10 April 2023", "05"],
|
|
["an_topstory_10_04_23_pg09.jpg", "An Top Story", "10 April 2023", "09"],
|
|
["an_thestatesman_9_04_23_pg08.jpg", "An The States Man", "09 April 2023", "08"],
|
|
["an_thefreedompress_9_04_23_pg02.jpg", "An The Freedom Press", "09 April 2023", "02"],
|
|
["an_thecitizentimes_10_04_23_pg4.jpg", "An The Citizen Times", "10 April 2023", "04"],
|
|
["an_rashtriyasahara_9_04_23_pg11.jpg", "An Rashtriya Sahara", "09 April 2023", "11"],
|
|
["an_punjabkesari_9_04_23_pg02.jpg", "An Punjab Kesari", "09 April 2023", "02"],
|
|
["an_hindustan_10_04_23_pg09.jpg", "An Hindustan", "10 April 2023", "09"],
|
|
["an_deshbandhu_9_04_23_pg03.jpg", "An Deshbandhu", "09 April 2023", "03"],
|
|
["an_dainiksaveratimes_9_04_23_pg11.jpg", "An Dainik Savera Times", "09 April 2023", "11"],
|
|
["an_dainikbhaskar_9_04_23_pg11.jpg", "An Dainik Bhaskar", "09 April 2023", "11"]
|
|
];
|
|
let split_arry = [];
|
|
for (let i = 0; i < list_imgs.length; i++) {
|
|
if (split_arry != "") {
|
|
split_arry.pop();
|
|
split_arry.push(list_imgs[i]);
|
|
}
|
|
else {
|
|
split_arry.push(list_imgs[i]);
|
|
}
|
|
for (let j = 0; j < split_arry.length; j++) {
|
|
let media_row = `
|
|
<div class="col-lg-3 col-md-5 mx-md-3 mx-2 mb-4 mb-lg-4 mx-lg-3 pt-md-3 pt-3 bg-white rounded-3 shadow posted_imgs" id="data_imgs${list_imgs[i]}">
|
|
<div class="multi-carousel">
|
|
<div class="multi-carousel-inner">
|
|
<div class="multi-carousel-item">
|
|
<img
|
|
src="./dist/assets/imgs/media/${split_arry[j][0]}"
|
|
data-img="${split_arry[j][1]} ${split_arry[j][2]} Pg ${split_arry[j][3]}"
|
|
alt="${split_arry[j][1]}"class="w-100 notes"/>
|
|
<div class="py-md-3 py-2 px-1">
|
|
<span class="fs-6 fw-600">${split_arry[j][1]}</span>
|
|
<span class="fs-9">${split_arry[j][2]}</span><span class="fs-9"> Pg ${split_arry[j][3]}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
$(".lightbox .row").append(media_row);
|
|
}
|
|
}
|
|
var ele, eleIndex, eleImgSrc;
|
|
$(".lightbox .row").find(".posted_imgs").each(function(){
|
|
$(this).click(function(){
|
|
|
|
|
|
let elev = $(this).parents(".lightbox").find(".posted_imgs").length;
|
|
eleIndex = $(this).index() + 1;
|
|
eleImgSrc = $(this).find('img').attr('src');
|
|
var eleCon = $(this).find("img").attr("data-img");
|
|
$('.image-slider-modal .image-view-list').html(`
|
|
<li class="p-md-5 p-3 text-center">
|
|
<span class="overflow-scroll">
|
|
<img src=${eleImgSrc} alt="Image" class="w-75 mx-auto" style="max-height:100%";/>
|
|
</span>
|
|
<p style="position:fixed;bottom:90px;left:14.4%;font-size:1rem;background: rgb(32, 38, 57);padding: 3px 5px;" class="fw-600 text-white slider_post_name">${eleCon}</p>`);
|
|
for (var k = 1; k <= elev; k++) {
|
|
eleImgSrc = $(this).parents(".lightbox").find(`.posted_imgs:nth-child(${k}) img`).attr('src');
|
|
eleCon = $(this).parents(".lightbox").find(`.posted_imgs:nth-child(${k}) img`).attr("data-img");
|
|
$('.image-slider-modal .thumbnail-list').append(`
|
|
<li class="p-md-5 p-3 text-center">
|
|
<img src=${eleImgSrc} alt="Image" class="w-75 mx-auto"/>
|
|
<p style="position:fixed;bottom:00px;left:14.4%;font-size:1rem;background: rgb(32, 38, 57);padding: 3px 5px;" class="fw-600 text-white slider_post_name">${eleCon}</p></li>`);
|
|
$('.image-slider-modal .thumbnail-list li:nth-child(' + eleIndex + ')').addClass('show');
|
|
showModal('.image-slider-modal');
|
|
}
|
|
})
|
|
})
|
|
|
|
|
|
$(document).ready(function () {
|
|
imageSlider();
|
|
});
|
|
|
|
function imageSlider() {
|
|
var ele, totalCount, eleIndex, eleImgSrc;
|
|
$(document).on('click', '.image-item', function () {
|
|
ele = $(this);
|
|
totalCount = ele.closest('.image-list').find('.image-item').length;
|
|
eleIndex = ele.index() + 1;
|
|
eleImgSrc = ele.find('img').attr('src');
|
|
console.log(ele)
|
|
let ele_con = ele.find('p').text();
|
|
$('.image-slider-modal .image-view-list').html('<li class="p-md-5 p-3"><img src="'+eleImgSrc+'" alt="'+ele_con+'" class="w-75 mx-auto"/><p style="position:fixed;bottom:90px;left:14.4%;font-size:1rem;background: rgb(32, 38, 57);padding: 3px 5px;" class="fw-600 text-white slider_post_name">"'+ele_con+'"</p></li>');
|
|
for (var i = 1; i <= totalCount; i++) {
|
|
eleImgSrc = ele.closest('.image-list').find('.image-item:nth-child(' + i + ') img').attr('src');
|
|
$('.image-slider-modal .thumbnail-list').append('<li class="p-md-5 p-3"><img src="'+eleImgSrc+'" alt="'+ele_con+'" class="w-75 mx-auto<p style="position:fixed;bottom:90px;left:14.4%;font-size:1rem;background: rgb(32, 38, 57);padding: 3px 5px;" class="fw-600 text-white slider_post_name">"'+ele_con+'"</p></li>');
|
|
}
|
|
$('.image-slider-modal .thumbnail-list li:nth-child(' + eleIndex + ')').addClass('show');
|
|
showModal('.image-slider-modal');
|
|
|
|
});
|
|
|
|
|
|
|
|
$(document).on('click', '.slider-handle .btn:not(.disabled)', function () {
|
|
ele = $(this);
|
|
eleIndex = $('.image-slider-modal .thumbnail-list li.show').index() + 1;
|
|
totalCount = $('.image-slider-modal .thumbnail-list li').length;
|
|
if (ele.hasClass('slider-left')) { //Left
|
|
$('.slider-right').removeClass('disabled');
|
|
if (eleIndex == 1) {
|
|
ele.addClass('disabled');
|
|
}
|
|
else {
|
|
$('.image-slider-modal .thumbnail-list li').removeClass('show');
|
|
$('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex - 1) + ')').addClass('show');
|
|
eleImgSrc = $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex - 1) + ') img').attr('src');
|
|
console.log(eleImgSrc);
|
|
let eleCon1 = $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex + 1) + ') p').text();
|
|
console.log(eleCon1)
|
|
$('.image-slider-modal .image-view-list').html('<li class="p-md-5 p-3 text-center"><img src="'+eleImgSrc+'" alt="'+eleCon1+'" class="w-75 mx-auto"/><p style="position:fixed;bottom:90px;left:14.4%;font-size:1rem;background: rgb(32, 38, 57);padding: 3px 5px;" class="fw-600 text-white slider_post_name">"'+eleCon1+'"</p></li>');
|
|
}
|
|
}
|
|
else { //Right
|
|
$('.slider-left').removeClass('disabled');
|
|
if (eleIndex == totalCount) {
|
|
ele.addClass('disabled');
|
|
eleIndex = 1;
|
|
}
|
|
else {
|
|
$('.image-slider-modal .thumbnail-list li').removeClass('show');
|
|
$('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex + 1) + ')').addClass('show');
|
|
eleImgSrc = $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex + 1) + ') img').attr('src');
|
|
let eleCon2 = $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex + 1) + ') p').text();
|
|
$('.image-slider-modal .image-view-list').html('<li class="p-md-5 p-3 text-center "><img src="'+eleImgSrc+'" alt="'+eleCon2+'" class="w-75 mx-auto"/><p style="position:fixed;bottom:90px;left:14.4%;font-size:1rem;background: rgb(32, 38, 57);padding: 3px 5px;" class="fw-600 text-white slider_post_name">"'+eleCon2+'"</p></li>');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function showModal(modal) {
|
|
$('.bg-overlay').addClass('show');
|
|
$(".modal").addClass('show');
|
|
}
|
|
|
|
function closeModal() {
|
|
$('.bg-overlay, .image-slider-modal').removeClass('show');
|
|
}
|
|
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html> |