Source Code of Responsive Header HTML Code: <!DOCTYPE html> <html lang=”en” dir=”ltr”> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link rel=”stylesheet” href=”style.css”> <script src=”https://kit.fontawesome.com/a076d05399.js”></script> <title>Viveksha-Computer, Technology, Online Quiz, Life</title> </head> <body> <nav> <input type=”checkbox” id=”check”> <label for=”check” class=”checkbtn”> <i class=”fas fa-bars”></i> </label> <label class=”logo”>VIVEKSHA</label> <ul> <li><a class=”active” href=”#”>Home</a></li> <li><a href=”#”>Computer</a></li> <li><a href=”#”>Technology</a></li> <li><a href=”#”>Online Quiz</a></li> <li><a href=”#”>Life</a></li> <li><a href=”#”>Top</a></li> <li><a href=”#”>About Us</a></li> </ul> </nav> </div> </div> <!– // Post Slider –> </div> <!– // Page Wrapper –> <!– JQuery –> <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <section></section> <!– Slick Carousel –> <script type=”text/javascript” src=”https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js”></script> <!– Custom Script –> <script src=”js/script.js”></script> </body> </html> CSS Code: @import url(‘https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap’); *{ margin: 0; padding: 0; text-decoration: none; … Read more