Welcome to my Blog

How to import jquery using cdn?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

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

@media (min-width: 1440px) and (max-width: 1745px) {}
        
@media (min-width: 1200px) and (max-width: 1439px) {}        
        
@media (min-width: 992px) and (max-width: 1199px) {}           
        
@media (min-width: 768px) and (max-width: 991px) {}           
        
@media (min-width: 550px) and (max-width: 767px) {}         
        
@media only screen and (max-width: 549px) {}          
        
@media only screen and (max-width: 365px) {}     
    

Button

<a class="blog" href="#modal" rel="modal:open"></a>

Modal

<a href="#" rel="modal:close"></a>
<div id="modal" class="modal"></div>

Javascript

const navLink = document.querySelectorAll("a")
          const windowPathname = window.location.pathname;
navLink.forEach(navLink =>{const navLinkPathname = new URL(navLink.href).pathname          
                  if(windowPathname === navLinkPathname){
                      navLink.classList.add('active');
                  }
          })