<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Ramadan Kareem 2023</title> <link rel="stylesheet" href="css/all.min.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <!-- Start Navbar Toggle --> <div id="navbar" class="navbar"> <div class="container"> <a class="logo animation" href="#">Ramadan Kareem</a> <div class="nav"> <div id="menuToggle" class="menu-icon" onclick="menuToggle();"> <span></span> <span></span> <span></span> </div> <ul id="navigation" class="navigation animation"> <li><a href="#home">Home</a></li> <li><a href="#landscapes">Landscapes</a></li> <li><a href="#stories">Stories</a></li> <li><a href="#gallery">Gallery</a></li> <li><a href="#desrt">Desert</a></li> </ul> <label> <span class="action animation"> <input type="checkbox" id="dark"> <i></i> </span> </label> </div> </div> </div> <div class="slider" id="home"> <div class="container"> <div class="auto-text"> <h1 class="title">Ramadan Kareem</h1> <p class="write"></p> <button class="join">Share Us</button> </div> </div> </div> <script src="js/app.js"></script> <script src="js/all.min.js"></script> </body> </html>