Asmot Academy

How to install and use FAQ with full source code by jishaansinghal Copy and paste it ************************** <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <title>Document</title>   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>   <style> .faq{   width: 80%; } h3{   padding: 15px 0px;   box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, .5),               inset 5px 5px 5px 2px rgba(0, 0, 0, .5); } body{   background: linear-gradient(to right, #abc, #de4,green); } </style> </head> <body>   <div class="faq"> <h3>This is Question no: 1</h3> <div>   <p>Lorem ipsum dolor sit amet consectetur adipisicing ...

  How to install and use Draggable Content Plugin without download just use CDN with full source code by jishaansinghal Drag plugins code just copy and paste this code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <style> .box{ height: 200px; width: 200px; background: #000; color: #fff; display: flex; justify-content: center; align-items: center; } .box h1{ font-size: 20px; font-weight: bolder; } </style> </head> <body> <div class="box"> <h1>Drag me any where</h1> </div> <script> $( function() { $( "...

How to install and use Type js plugin without download just use CDN with full source code by jishaansinghal Type js plugins code just copy and paste this code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ margin: 0; padding: 0; } body{ font-size: 5em; color: #fff; font-weight: bold; background: url('your img'); width: 100%; height: 100vh; display: flex !important; justify-content: center; align-items: center; width: 100%; height: 100vh; } #typed{ color: red; } </style> </head> <body> <div class="hero"> <h1>I'm <span id="typed"></span></h1> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.0/typed.min.js"></scrip...

Add secondary navigation on Squarespace website 7.1 with custom HTML CSS and javascript/jquery by jishaansinghal. This code uses a CSS, Header Injection, and Footer editor and works with Squarespace 7.1 In this video, I'm showing you how to add custom secondary navigation on Squarespace website 7.1 with custom Code! You can change the background color which you wanted. This code uses CSS, Header Injection, and Footer editor C opy and paste the code below into the editor box. -------------------------------------------------------------------------------------------------------- //add custom secondary navigation on Squarespace website 7.1 // //COPY AND PASTE THIS CODE ON CSS EDITOR// @media only screen and (min-width: 641px){   .main-wrapper-secondary-wrapper *{     display:flex;     max-width:100%;     background:#16E;     color:#000;     padding:0 12px;   } }   .main-wrapper-secondary-wrapper *{     ma...

In this video, I'm going to show you h ow to add a pill button on hover with full source code  style on the Squarespace website with a custom Code! Add a pill button on hover with full source code  style on the Squarespace website with a custom Code!  How To Install: Add a button to any page with a solid or outline button style.  Once a button has been added and saved, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box. An updated button style with a solid button style. This plugin uses a CSS editor and works with Squarespace 7.0, 7.1. add active effect on Button on Squarespace 7.0, 7.1 by jishaansinghal. This code uses a CSS editor and works with Squarespace 7.0, 7.1 templates. This code uses CSS editor Copy and pastes the code below into the editor box. -------------------------------------------------------------------------------------------------------- // Square To Pill Button // .sqs-block-button .sqs-...