rahul.katari
/
new.anwisystems.com
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
1 Branch
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
new.anwisystems.com/press.html

press.html 20KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.   <meta charset="UTF-8" />

  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  7.   <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  8.   <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">

  9.   <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />

  10.   <link rel="stylesheet" href="./dist/css/main.css" />

  11.   <link rel="stylesheet" href="./style.css">

  12.   <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">

  13.   <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">

  14.   <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  15.   <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  16.   <link rel="stylesheet" href="./dist/css/vendor/vandella.css">

  17.   <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">

  18.   <link rel="stylesheet" href="./dist/css/vendor/fontello.css">

  19.   <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">

  20.   <link rel="stylesheet" href="./dist/css/plugins/slick.css">

  21.   <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">

  22.   <link rel="stylesheet" href="./dist/css/plugins/animate.css">

  23.   <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">

  24.   <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">

  25.   <link rel="stylesheet" href="./dist/css/style.css">

  26.   <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">

  27.   <link rel="stylesheet" href="./dist/css/fontawesome.min.css">

  28.   <title>Press Releases | Anwi</title>

  29. 

  30.   <style>

  31.     .quotsection {

  32.       margin-top: 70px;

  33.       margin-bottom: 70px;

  34.       padding: 50px 0;

  35.     }

  36. 

  37.     .quottxt {

  38.       width: 710px;

  39.       padding: 48px 20px 80px;

  40.     }

  41. 

  42.     .quottxt p {

  43.       font-size: 24px;

  44.       max-width: 530px;

  45.     }

  46. 

  47.     .quotname .fw-600 {

  48.       font-size: 23px;

  49.     }

  50. 

  51.     .quotname {

  52.       font-size: 19px;

  53.     }

  54. 

  55.     .image-box {

  56.       position: relative;

  57.       margin: auto;

  58.       overflow: hidden;

  59.       width: 540px;

  60.     }

  61. 

  62.     .image-box img {

  63.       max-width: 100%;

  64.       transition: all 0.3s;

  65.       display: block;

  66.       width: 100%;

  67.       height: auto;

  68.     }

  69. 

  70.     .image-box img:hover {

  71.       transform: scale(1.5);

  72.     }

  73. 

  74.     @media only screen and (min-width: 280px) and (max-width: 575px) {

  75.      

  76. 

  77.       .quottxt,

  78.       .image-box {

  79.         width: 100%

  80.       }

  81. 

  82.       .quottxt p,

  83.       .quotname,

  84.       .quotname .fw-600 {

  85.         font-size: 14px;

  86.       }

  87. 

  88.       .quotsection {

  89.         margin-top: 20px;

  90.         margin-bottom: 20px;

  91.         padding: 50px 0;

  92.       }

  93. 

  94.       .quottxt {

  95.         width: 100%;

  96.         padding: 48px 20px 20px;

  97.       }

  98.     }

  99. 

  100.     @media only screen and (min-width: 576px) and (max-width: 999px) {

  101. 

  102.       .quottxt,

  103.       .image-box {

  104.         width: 100%

  105.       }

  106. 

  107.       .quotsection {

  108.         margin-top: 20px;

  109.         margin-bottom: 20px;

  110.         padding: 50px 0;

  111.       }

  112. 

  113.       .quottxt p,

  114.       .quotname,

  115.       .quotname .fw-600 {

  116.         font-size: 22px;

  117.         max-width: 100%;

  118.       }

  119.     }

  120. 

  121.     @media only screen and (min-width: 1002px) and (max-width: 1290px) {

  122. 

  123.       .quottxt,

  124.       .image-box {

  125.         width: 100%

  126.       }

  127. 

  128.       .quottxt p,

  129.       .quotname,

  130.       .quotname .fw-600 {

  131.         font-size: 22px;

  132.         max-width: 100%;

  133.       }

  134.     }

  135. 

  136.     .multi-carousel-item img{

  137.       height: 220px;

  138.       object-fit: fill;

  139.       cursor: pointer;

  140.     }

  141.     .notes:hover{

  142.       transform: scale(1.1);

  143.     }

  144. 

  145.     .bg-overlay {

  146.       position: fixed;

  147.       top: 0;

  148.       left: 0;

  149.       width: 100vw;

  150.       height: 100vh;

  151.       background: rgba(0, 0, 0, .85);

  152.       z-index: 10;

  153.     }

  154. 

  155.     .bg-overlay,

  156.     .modal {

  157.       display: none;

  158.     }

  159. 

  160.     .bg-overlay.show,

  161.     .modal.show {

  162.       display: block;

  163.     }

  164. 

  165.     

  166.     .slider-handle .btn {

  167.       position: fixed;

  168.       top: 50%;

  169.       transform: translateY(-50%);

  170.       left: -4rem;

  171.       color: #fff;

  172.       padding: 1rem 1.4rem;

  173.       font-size: 1.125rem;

  174.       border-radius: 25%;

  175.       font-size: 1.5rem;

  176.     }

  177. 

  178.     .slider-handle .slider-right {

  179.       left: auto;

  180.       right: -1rem;

  181.     }

  182. 

  183.     .slider-handle .slider-left {

  184.       left: auto;

  185.       left: -1rem;

  186.     }

  187.     .slider-handle .slider-left :hover

  188.     .btn {

  189.       transition: all .65s;

  190.       border: none;

  191.       outline: none;

  192.       background: #d8d8d8;

  193.       cursor: pointer;

  194.       box-shadow: 0 0 0.5rem -0.07rem rgb(255 255 255 / 0);

  195.     }

  196. 

  197.     .btn:hover {

  198.       box-shadow: 0 0 0.5rem -0.07rem rgb(255 255 255 / 58%);

  199.       border-color: #ddd !important;

  200.     }

  201. 

  202.     .btn.disabled {

  203.       filter: grayscale(1);

  204.       opacity: .5;

  205.       cursor: not-allowed;

  206.       pointer-events: none;

  207.     }

  208.     .image-view-list li img{

  209.       animation: 12s autoplay2 infinite ease-in-out

  210.     }

  211.     @keyframes autoplay2 {

  212.       0% {top: 100%}

  213.       4% {top: 0%}

  214.       33.33% {top: 0%}

  215.       37.33% {top: -100%}

  216.       100% {top: -100%}

  217.     }

  218.     .image-view-list li img {animation-delay: 4s};

  219.   </style>

  220. </head>

  221. 

  222. <body class="media_page">

  223.   <!-- navbar -->

  224.   <div id="navbar-head"></div>

  225.   <!-- end-navbar -->

  226.   <!-- main-body -->

  227.   <main class="main-body home-main-container">

  228.     <section class="services h-100 pt-3 d-none bg-gradient-anwi">

  229.       <div class="container pt-5 ">

  230.           <div class="text-center text-white ">

  231.           </div>

  232.       </div>

  233.   </section>

  234.     <section class="pt-md-5">

  235.       <div class="container">

  236.         <div class="row quotsection">

  237.           <div class="col-md-12 col-lg-6">

  238.             <img src="" class="img-fluid w-100 ceo_img" />

  239.             <div class="image-box">

  240.               <img src="./dist/assets/imgs/ceo/uday_ceo.jpg" alt="CEO of Anwi" width="540" height="548" />

  241.             </div>

  242.           </div>

  243.           <div class="col-md-12 col-lg-6">

  244.             <div class="quottxt">

  245.               <p class="">

  246.                 " We are thrilled to introduce our Ora Memory and Storage products with Graphene Technology,

  247.                 offering customers the latest advancements in thermal management technology. Our commitment to

  248.                 innovation and performance

  249.                 has driven us to develop products that exceed expectations and provide exceptional value for our

  250.                 customers."

  251.               </p>

  252.               <span class="quotname">

  253.                 <span class="fw-600">Mr.Uday Kiran Konathala </span>

  254.                 <span>- CEO, CO-Founder of ANWI Systems.</span>

  255.               </span>

  256.             </div>

  257.           </div>

  258.         </div>

  259.       </div>

  260.     </section>

  261.     <section id="ora_products1" class="py-md-5 bg-gray-background">

  262.       <h2 class="text-center py-3 py-md-4">Our Releases Notes</h2>

  263.       <div class="container image-wrapper py-md-4 border-0 rounded-4">

  264.         <div class="lightbox">

  265.           <div class="row justify-content-center py-lg-5 py-4 px-4 px-lg-0">

  266.           </div>

  267.         </div>

  268.         <!--START: Modal -->

  269.         <div class="bg-overlay" id="bg-overlay" onclick="closeModal();"></div>

  270.         <div class="modal image-slider-modal h-75 mt-md-5 mt-5">

  271.           <a class="d-flex justify-content-end" onclick="closeModal();">

  272.             <i class="fa-solid fa-xmark fs-3 pe-md-3 pt-md-4 pe-2 pt-3 text-white position-fixed"></i>

  273.           </a>

  274.             <ul class="image-view-list mt-md-5 ps-0 mt-5"></ul>

  275.           <div class="slider-handle">

  276.             <button class="btn slider-left icon-btn text-white" id="slider_left" type="button">←</button>

  277.             <button class="btn slider-right icon-btn text-white" id="slider-right" type="button">→</button>

  278.           </div>

  279. 

  280.           <ul class="thumbnail-list d-none"></ul>

  281.         </div>

  282.         <!--END: Modal -->

  283.       </div>

  284.     </section>

  285.     <section>

  286.       <div class="container py-md-5 p-5">

  287.         <h2 class="fw-600 mb-md-4 text-center">For media related queries contact</h2>

  288.         <div class="row">

  289.           <div class="py-md-1 py-3 col-6 col-md-6 text-center">

  290.             <i class="fa-solid fa-user"></i>

  291.             <span class="fs-9 ps-2">Mr. S. Sameer</span>

  292.           </div>

  293.           <div  class="py-md-1 py-3 col-6 col-md-6 text-center">

  294.             <i class="fa-solid fa-phone"></i>

  295.             <span class="fs-9 ps-2"><a href="tel:9885583057" class="">+91 9885583057</a></span> 

  296.           </div>

  297.         </div>

  298.        

  299.       </div>

  300.     </section>

  301.   </main>

  302.   <!-- footer -->

  303.   <div id="footer-head" class=""></div>

  304.   <!-- end-footer -->

  305.   <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>

  306.   <script src="./dist/js/jquery.min.js"></script>

  307.   <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>

  308. 

  309.   <script src="./libs/axios.min.js"></script>

  310.   <script src="./dist/js/footer.js"></script>

  311.     <script src="./libs/cookies.min.js"></script>

  312.   <script src="./dist/js/fontawesome.all.js"></script>

  313.   <script src="./dist/js/fontawesome.min.js"></script>

  314.   <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>

  315.   <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>

  316.   <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>

  317.   <script src="./dist/js/vendor/bootstrap.min.js"></script>

  318.   <script src="./dist/js/plugins/slick.js"></script>

  319.   <script src="./dist/js/plugins/wow.js"></script>

  320.   <script src="./dist/js/plugins/svg-injector.min.js"></script>

  321.   <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>

  322.   <script src="./dist/js/plugins/mouse-parallax.js"></script>

  323.   <script src="./dist/js/plugins/images-loaded.js"></script>

  324.   <script src="./dist/js/plugins/isotope.js"></script>

  325.   <script src="./dist/js/plugins/jquery-ui.js"></script>

  326.   <script src="./dist/js/plugins/magnific-popup.js"></script>

  327.   

  328.   <!-- Main JS -->

  329.   <script src="./dist/js/auth/apiservice.js"></script>

  330.   <script src="./dist/js/navbar.js"></script>

  331.   <script src="./dist/js/main.js"></script>

  332. 

  333.   <script>

  334. 

  335.     let list_imgs = [

  336.       ["skyline_10_04_23_pg08.jpg", "Sky Line", "10 April 2023", "08"],

  337.       ["westerntimes_ahm_anwi_9_04_23_pg06.jpg", "Western Times", "9 April 2023", "06"],

  338.       ["vishalandhra_10-04-23_pg03.jpeg", "Vishal Andhra", "10 April 2023", "03"],

  339.       ["tarunbharat_11_04_23_pg06.jpeg", "Tarun Bharat", "11 April 2023", "06"],

  340.       ["standardherald_ahm_anwi_9_04_23_pg07.jpg", "Standard Herald", "9 April 2023", "07"],

  341.       ["visalandhra_10_04_23_pg05.jpg", "Visal Andhra", "10 April 2023", "05"],

  342.       ["nirmalgujarat_ahm_anwi_9_04_23_pg03.jpg", "Nirmal Gujarat", "9 April 2023", "03"],

  343.       ["surya_11_04_23_pg06.jpg", "Surya", "11 April 2023", "06"],

  344.       ["vaartha_11_04_23_pg15.jpg", "Vaartha", "11 April 2023", "15"],

  345.       ["vaartha_10_04_23_pg05.jpg", "Vaartha", "10 April 2023", "05"],

  346.       ["vaartha_10-04-23_pg03.jpeg", "Vaartha", "10 April 2023", "03"],

  347.       ["surya_10_04_23_pg03.jpg", "Surya", "10 April 2023", "03"],

  348.       ["surya_10-04-23_pg05.jpeg", "Surya", "10 April 2023", "05"],

  349.       ["satellitesamachar_ahm_anwi_9_04_23_pg02.jpg", "Satellite Samachar", "9 April 2023", "02"],

  350.       ["saamana_11_04_23_pg08.jpeg", "Saamana", "11 April 2023", "08"],

  351.       ["punyanagri_11_04_23_pg02.jpeg", "Punyanagri", "11 April 2023", "02"],

  352.       ["prajasakti_10_04_23_pg02.jpg", "Prajasakti", "10 April 2023", "02"],

  353.       ["prabhat_ahm_anwi_9_04_23_pg03.jpg", "Prabhat", "9 April 2023", "02"],

  354.       ["manatelangana_10-04-23_pg13.jpeg", "ManaTelengana", "10 April 2023", "13"],

  355.       ["manam_10_04_23_pg09.jpg", "Manam", "10 April 2023", "09"],

  356.       ["mahanagar_10_04_23_pg03.jpg", "Mahanagar", "10 April 2023", "03"],

  357.       ["gujaratpranam_ahm_anwi_9_04_23_pg02.jpg", "Gujarat Pranam", "9 April 2023", "02"],

  358.       ["freepressgujarat_ahm_anwi_9_04_23_pg03.jpg", "Free Press Gujarat", "9 April 2023", "03"],

  359.       ["divyagujarat_ahm_anwi_9_04_23_pg03.jpg", "Divya Gujarat", "9 April 2023", "03"],

  360.       ["divyabhaskar_ahm_anwi_9_04_23_pg07.jpg", "Divya Bhaskar", "9 April 2023", "07"],

  361.       ["dainiksandhya_11_04_23_pg04.jpeg", "Dainik Sandhya", "11 April 2023", "04"],

  362.       ["andhraprabha_10_04_23_pg14.jpg", "Andhra Prabha", "10 April 2023", "14"],

  363.       ["andhraprabha_10_04_23_pg02.jpg", "Andhra Prabha", "10 April 2023", "02"],

  364.       ["andhraprabha_10-04-23_pg11.jpeg", "Andhra Prabha", "10 April 2023", "11"],

  365.       ["adaabhyderabad_10-04-23_pg10.jpeg", "Adaab Hyderabad", "10 April 2023", "10"],

  366.       ["andhrapathrika_10_04_23_pg05.jpg", "Andhra Pathrika", "10 April 2023", "05"],

  367.       ["an_topstory_10_04_23_pg09.jpg", "Top Story", "10 April 2023", "09"],

  368.       ["an_thestatesman_9_04_23_pg08.jpg", "The States Man", "09 April 2023", "08"],

  369.       ["an_thefreedompress_9_04_23_pg02.jpg", "The Freedom Press", "09 April 2023", "02"],

  370.       ["an_thecitizentimes_10_04_23_pg4.jpg", "The Citizen Times", "10 April 2023", "04"],

  371.       ["an_rashtriyasahara_9_04_23_pg11.jpg", "Rashtriya Sahara", "09 April 2023", "11"],

  372.       ["an_punjabkesari_9_04_23_pg02.jpg", "Punjab Kesari", "09 April 2023", "02"],

  373.       ["an_hindustan_10_04_23_pg09.jpg", "Hindustan", "10 April 2023", "09"],

  374.       ["an_deshbandhu_9_04_23_pg03.jpg", "Deshbandhu", "09 April 2023", "03"],

  375.       ["an_dainiksaveratimes_9_04_23_pg11.jpg", "Dainik Savera Times", "09 April 2023", "11"],

  376.       ["an_dainikbhaskar_9_04_23_pg11.jpg", "Dainik Bhaskar", "09 April 2023", "11"]

  377.     ];

  378.     let split_arry = [];

  379.     for (let i = 0; i < list_imgs.length; i++) {

  380.       if (split_arry != "") {

  381.         split_arry.pop();

  382.         split_arry.push(list_imgs[i]);

  383.       } 

  384.       else {

  385.         split_arry.push(list_imgs[i]);

  386.       }

  387.       for (let j = 0; j < split_arry.length; j++) {

  388.         let media_row = `

  389.             <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]}">

  390.               <div class="multi-carousel">

  391.                 <div class="multi-carousel-inner">

  392.                   <div class="multi-carousel-item">

  393.                     <img

  394.                     src="./dist/assets/imgs/media/${split_arry[j][0]}"

  395.                     data-img="${split_arry[j][1]} ${split_arry[j][2]} Pg ${split_arry[j][3]}"

  396.                     alt="${split_arry[j][1]}"class="w-100 notes"/>

  397.                     <div class="py-md-3 py-2 px-1">

  398.                       <span class="fs-6 fw-600">${split_arry[j][1]}</span>

  399.                       <span class="fs-9">${split_arry[j][2]}</span><span class="fs-9"> Pg ${split_arry[j][3]}</span>

  400.                     </div>

  401.                   </div>

  402.                 </div>

  403.               </div>

  404.         </div>`;

  405.         $(".lightbox .row").append(media_row);

  406.       }

  407.     }

  408.     var ele, eleIndex, eleImgSrc;

  409.     $(".lightbox .row").find(".posted_imgs").each(function(){

  410.       $(this).click(function(){

  411.        

  412.    

  413.        let elev = $(this).parents(".lightbox").find(".posted_imgs").length;

  414.         eleIndex = $(this).index() + 1;

  415.         eleImgSrc = $(this).find('img').attr('src');

  416.         var eleCon = $(this).find("img").attr("data-img");

  417.         $('.image-slider-modal .image-view-list').html(`

  418.         <li class="p-md-5 p-3 text-center">

  419.           <span class="overflow-scroll">

  420.             <img src=${eleImgSrc} alt="Image" class="w-75 mx-auto" style="max-height:100%";/>

  421.           </span>

  422.           <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>`);

  423.           for (var k = 1; k <= elev; k++) {

  424.             eleImgSrc = $(this).parents(".lightbox").find(`.posted_imgs:nth-child(${k}) img`).attr('src');

  425.             eleCon = $(this).parents(".lightbox").find(`.posted_imgs:nth-child(${k}) img`).attr("data-img");

  426.             $('.image-slider-modal .thumbnail-list').append(`

  427.             <li class="p-md-5 p-3 text-center">

  428.               <img src=${eleImgSrc} alt="Image" class="w-75 mx-auto"/>

  429.               <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>`);

  430.             $('.image-slider-modal .thumbnail-list li:nth-child(' + eleIndex + ')').addClass('show');

  431.             showModal('.image-slider-modal');

  432.           }

  433.       })

  434.     })

  435.  

  436.  

  437.     $(document).ready(function () {

  438.       imageSlider();

  439.     });

  440. 

  441.     function imageSlider() {

  442.       var ele, totalCount, eleIndex, eleImgSrc;

  443.       $(document).on('click', '.image-item', function () {

  444.         ele = $(this);

  445.         totalCount = ele.closest('.image-list').find('.image-item').length;

  446.         eleIndex = ele.index() + 1;

  447.         eleImgSrc = ele.find('img').attr('src');

  448.         let ele_con = ele.find('p').text();

  449.         $('.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>');

  450.         for (var i = 1; i <= totalCount; i++) {

  451.           eleImgSrc = ele.closest('.image-list').find('.image-item:nth-child(' + i + ') img').attr('src');

  452.           $('.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>');

  453.         }

  454.         $('.image-slider-modal .thumbnail-list li:nth-child(' + eleIndex + ')').addClass('show');

  455.         showModal('.image-slider-modal');

  456. 

  457.       });

  458. 

  459. 

  460. 

  461.       $(document).on('click', '.slider-handle .btn:not(.disabled)', function () {

  462.         ele = $(this);

  463.         eleIndex = $('.image-slider-modal .thumbnail-list li.show').index() + 1;

  464.         totalCount = $('.image-slider-modal .thumbnail-list li').length;

  465.         if (ele.hasClass('slider-left')) { //Left

  466.           $('.slider-right').removeClass('disabled');

  467.           if (eleIndex == 1) {

  468.             ele.addClass('disabled');

  469.           }

  470.           else {

  471.             $('.image-slider-modal .thumbnail-list li').removeClass('show');

  472.             $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex - 1) + ')').addClass('show');

  473.             eleImgSrc = $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex - 1) + ') img').attr('src');

  474.             let eleCon1 = $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex + 1) + ') p').text();

  475.             $('.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>');

  476.           }

  477.         }

  478.         else { //Right

  479.           $('.slider-left').removeClass('disabled');

  480.           if (eleIndex == totalCount) {

  481.             ele.addClass('disabled');

  482.             eleIndex = 1;

  483.           }

  484.           else {

  485.             $('.image-slider-modal .thumbnail-list li').removeClass('show');

  486.             $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex + 1) + ')').addClass('show');

  487.             eleImgSrc = $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex + 1) + ') img').attr('src');

  488.             let eleCon2 = $('.image-slider-modal .thumbnail-list li:nth-child(' + (eleIndex + 1) + ') p').text();

  489.             $('.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>');

  490.           }

  491.         }

  492.       });

  493.     }

  494. 

  495.     function showModal(modal) {

  496.       $('.bg-overlay').addClass('show');

  497.       $(".modal").addClass('show');

  498.       $(".image-slider-modal").find("svg path").attr("fill","#fff");

  499.     }

  500. 

  501.     function closeModal() {

  502.       $('.bg-overlay, .image-slider-modal').removeClass('show');

  503.     }

  504.     setTimeout(function () {

  505.       $('.header-bottom-flex nav').find('path').attr('fill','#000'); 

  506.     },0);

  507.     $(".header-area").addClass("border bg-white")

  508.     // document.querySelector('body','onbeforeunload',(e)=>{

  509.     //   localStorage.removeItem('Isloggedin');

  510.     // });

  511.   </script>

  512. </body>

  513. 

  514. </html>