Posts

Showing posts with the label In this video

How to add Circular Filter Menu In jQuery 2022 by jishaansinghal

Image
How to add Circular Filter Menu In jQuery 2022 by jishaansinghal CSS CDN:  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">     <link rel='stylesheet prefetch' href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">     <link rel="stylesheet" href="https://www.jqueryscript.net/demo/circular-filter-menu/style.css">     <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> JS CDN:   <script src="https://code.jquery.com/jquery-3.6.0.js"         integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>     <script src="https://www.jqueryscript.net/demo/circular-filter-menu/main.js"></script> HTML CODE:   <div class="muck-up">         <div class...

In this video, I'm going to show you how to use Full-Screen Image Slider on your own website by jishaansinghal

Image
In this video, I'm going to show you how to use Full-Screen Image Slider on your own website by jishaansinghal <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Swiper demo</title> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" /> <!-- Demo styles --> <style> html, body { position: relative; height: 100%; } body { background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center...