Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <link rel="stylesheet" type="text/css" href="style.css"/>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Website</title>
- <script src="https://kit.fontawesome.com/87232c8297.js" crossorigin="anonymous"></script>
- <script>
- /* When the user clicks on the button,
- toggle between hiding and showing the dropdown content */
- function myFunction() {
- document.getElementById("myDropdown").classList.toggle("show");
- }
- // Close the dropdown if the user clicks outside of it
- window.onclick = function(event) {
- if (!event.target.matches('.dropbtn')) {
- var dropdowns = document.getElementsByClassName("dropdown-content");
- var i;
- for (i = 0; i < dropdowns.length; i++) {
- var openDropdown = dropdowns[i];
- if (openDropdown.classList.contains('show')) {
- openDropdown.classList.remove('show');
- }
- }
- }
- }
- </script>
- </head>
- <body>
- <div class="header">
- <h1 class="titlemain">The Little Beauty Studio</h1>
- <img class="logomain" src="img/lblogo.png" alt="The PHP logo">
- </div>
- <div class="dropdown">
- <button onclick="myFunction()" class="dropbtn">Dropdown</button>
- <div id="myDropdown" class="dropdown-content">
- <a href="page2.php">Home</a>
- <a href="#about">About</a>
- <a href="#contact">Contact</a>
- </div>
- </div>
- <div class="icons">
- <a href=""><i class="fab fa-instagram"></i></a>
- <a href="https://www.google.com"><i class="fab fa-facebook-square"></i></a>
- <a href="page2.php"><i class="fab fa-instagram"></i></a>
- </div>
- <div class="reviews"></div>
- <div class="map"></div>
- <div class="slideshow" style="border-style: solid;"></div>
- <div class="footer">
- <p>Created by: <a href="https://www.leeshewan.tech">Lee Shewan</a></p>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment