Untitled
unknown
plain_text
2 years ago
11 kB
5
Indexable
<!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>Navigation Page</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Nanum+Gothic&family=Roboto+Condensed:wght@300&display=swap" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Roboto+Condensed:wght@300&display=swap" rel="stylesheet"> <style> body { margin: 0%; } .navbar { background-color: black; height: 80px; } header { position: sticky; top: 0px; } .navbar ul { overflow: auto; margin: 0px; } .navbar li { float: left; list-style: none; margin: 28px 23px 0px 20px; } .navbar li a { text-decoration: underline whitesmoke; color: white; /* padding: y x; */ padding: 3px 7px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } a:hover { color: rgb(0, 0, 0); background-color: rgba(245, 245, 245, 0.495); } .menu { position: fixed; right: 10px; background-color: black; top: 29px; width: 23px; height: 20px; } .search { margin: 26px 49px; border: 2px solid black; float: right; color: black; padding: 3px 7px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; width: 20%; border-radius: 6px; } .poster img { max-width: 100%; height: auto; padding-bottom: 5px; } .logo { width: 45px; height: 56px; padding: 8px 15px 0px 0px; float: left; } .bar1 { display: inline-block; width: 43.5%; height: 3px; padding: 7px 0px 4px 0px; } .bar2 { display: inline-block; width: 43.5%; height: 3px; padding: 7px 0px 4px 0px; } .bar_text { font-family: 'Montserrat', sans-serif; display: inline; border: 2px solid black; border-radius: 5px; padding: 2px; margin-bottom: 2px; } .container { border: 1px solid black; display: inline-block; width: 240px; margin: 10px 5px 10px 10px; padding: 15px; box-sizing: border-box; } .container_text { font-family: 'Montserrat', sans-serif; text-align: center; font-size: small; } .mrp { text-decoration: line-through; display: inline-block; } .discounted_price { display: inline-block; } .extra { background-color: black; font-size: small; color: white; font-family: 'Nanum Gothic', sans-serif; } .extra ul { display: inline-block; box-sizing: border-box; list-style: none; padding: 10px 20px 30px 20px; margin: 10px 45px; } .extra ul li { padding: 3px; } .extra li a { color: white; } .extra_head { font-size: larger; text-decoration: underline whitesmoke; color: white; } .map { float: right; padding: 15px 35px; margin: 0px 0px; } </style> </head> <body> <header> <nav class="navbar"> <ul> <img class="logo" src="https://telegra.ph/file/2e8eb0771e9d63b1ea079.png" alt="logo"> <li><a href="https://google.com">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact Us</a></li> <div><input type="text" class="search" placeholder="Search for anything here"><img class="menu" src="https://telegra.ph/file/de286fbc18362f6e17110.png" alt=""> </div> </ul> </nav> </header> <div class="poster"> <img src="https://telegra.ph/file/f04b84df58df93c1b2faa.jpg" alt="Poster"> </div> <div> <img src="https://telegra.ph/file/bbd6915f9542af03b7ab1.png" alt="black bar" class="bar1"> <div class="bar_text"><strong> GYM EQUIPMENTS</strong></div> <img src="https://telegra.ph/file/bbd6915f9542af03b7ab1.png" alt="black bar" class="bar2"> </div> <div class="container container_text"> <img height="200px" src="https://telegra.ph/file/206d98c3f64a79afb0d5d.png" alt="steel dumbells"> <div class="discounted_price">Rs 800</div> <div class="mrp">1999</div> </div> <div class="container container_text"> <img height="200px" src="https://telegra.ph/file/de30cd9e7d12fbb4972b6.png" alt="steel dumbells"> <div class="discounted_price">Rs 8000</div> <div class="mrp">21000</div> </div> <div class="container container_text"> <img height="200px" width="200px" src="https://telegra.ph/file/a5645cde09b92b6a83438.png" alt="steel dumbells"> <div class="discounted_price">Rs 12300</div> <div class="mrp">20000</div> </div> <div class="container container_text"> <img height="200px" src="https://telegra.ph/file/4e2a140f655e9b031d260.png" alt="steel dumbells"> <div class="discounted_price">Rs 300</div> <div class="mrp">1800</div> </div> <div class="container container_text"> <img height="200px" width="230px" src="https://telegra.ph/file/d92249971db468ee19b43.png" alt="steel dumbells"> <div class="discounted_price">Rs 5000</div> <div class="mrp">11000</div> </div> <div class="container container_text"> <img height="200px" src="https://telegra.ph/file/206d98c3f64a79afb0d5d.png" alt="steel dumbells"> <div class="discounted_price">Rs 800</div> <div class="mrp">1999</div> </div> <div class="container container_text"> <img height="200px" src="https://telegra.ph/file/de30cd9e7d12fbb4972b6.png" alt="steel dumbells"> <div class="discounted_price">Rs 8000</div> <div class="mrp">21000</div> </div> <div class="container container_text"> <img height="200px" width="200px" src="https://telegra.ph/file/a5645cde09b92b6a83438.png" alt="steel dumbells"> <div class="discounted_price">Rs 12300</div> <div class="mrp">20000</div> </div> <div class="container container_text"> <img height="200px" src="https://telegra.ph/file/4e2a140f655e9b031d260.png" alt="steel dumbells"> <div class="discounted_price">Rs 300</div> <div class="mrp">1800</div> </div> <div class="container container_text"> <img height="200px" width="230px" src="https://telegra.ph/file/d92249971db468ee19b43.png" alt="steel dumbells"> <div class="discounted_price">Rs 5000</div> <div class="mrp">11000</div> </div> <div class="container container_text"> <img height="200px" src="https://telegra.ph/file/206d98c3f64a79afb0d5d.png" alt="steel dumbells"> <div class="discounted_price">Rs 800</div> <div class="mrp">1999</div> </div> <div class="container container_text"> <img height="200px" src="https://telegra.ph/file/de30cd9e7d12fbb4972b6.png" alt="steel dumbells"> <div class="discounted_price">Rs 8000</div> <div class="mrp">21000</div> </div> <div class="container container_text"> <img height="200px" width="200px" src="https://telegra.ph/file/a5645cde09b92b6a83438.png" alt="steel dumbells"> <div class="discounted_price">Rs 12300</div> <div class="mrp">20000</div> </div> <div class="container container_text"> <img height="200px" src="https://telegra.ph/file/4e2a140f655e9b031d260.png" alt="steel dumbells"> <div class="discounted_price">Rs 300</div> <div class="mrp">1800</div> </div> <div class="container container_text"> <img height="200px" width="230px" src="https://telegra.ph/file/d92249971db468ee19b43.png" alt="steel dumbells"> <div class="discounted_price">Rs 5000</div> <div class="mrp">11000</div> </div> <footer class="extra"> <ul> <li class="extra_head"><strong>About Us</strong></li> <li></li> <li></li> <li><a href="#">About Gym</a> </li> <li><a href="#">Online Membership</a> </li> <li><a href="#">Owner's Message</a></li> </ul> <ul> <li class="extra_head"><strong>Our Socials</strong></li> <li></li> <li></li> <li><a href="#">Facebook</a></li> <li><a href="#">Instagram</a></li> <li><a href="#">Whatsapp</a></li> </ul> <ul> <li class="extra_head"><strong>Our Shop</strong></li> <li></li> <li></li> <li><a href="#">Whey Protein</a> </li> <li><a href="#">Gym & Sport</a></li> <li><a href="#">Booking Form</a></li> </ul> <div class="map"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3654.249311809677!2d86.01888090479991!3d23.667040654852247!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f43df5a884decd%3A0x61693c82b22d089b!2sRoyal%20fitness%20club!5e0!3m2!1sen!2sin!4v1657957921548!5m2!1sen!2sin" width="200" height="110" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </footer> </body> </html>
Editor is loading...