-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 2.83 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0"><meta name="apple-mobile-web-app-capable" content="yes"><link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.fe944b6e.png"><title>Frontend Mentor | Intro section with dropdown navigation</title><link rel="stylesheet" href="./index.8d4ede96.css"> <style>html,body{overflow: auto !important;} @media (max-width: 700px){.content{gap: 1rem !important} .icons img{width: 4rem !important}} @media (min-width: 700px){html,body{overflow: hidden !important;}}</style></head><body> <header class="top-nav"> <a href="" class="logo"><img src="./logo.c4a63ced.svg" alt="logo"></a> <div class="closed links-container" data-open=""> <div class="close-btn"> <span id="close-btn"><img src="./icon-close-menu.6baf22a7.svg" alt=""></span> </div> <nav class="navbar"> <ul class="nav-links"> <li class="collapse nav-link" id="features" aria-expanded="false"> <a href="javascript:void(0)" class="active">Features</a> <ul class="dropdown-content"> <li> <img src="./icon-todo.ed05b006.svg" alt=""> <a href="">Todo List</a> </li> <li> <img src="./icon-calendar.745d55f4.svg" alt=""> <a href="">Calender</a> </li> <li> <img src="./icon-reminders.27266b5f.svg" alt=""> <a href="">Reminders</a> </li> <li> <img src="./icon-planning.db262a87.svg" alt=""> <a href="">Planning</a> </li> </ul> </li> <li class="collapse nav-link" id="company" aria-expanded="false"> <a href="javascript:void(0)">Company</a> <ul class="dropdown-content"> <li> <a href="">History</a> </li> <li> <a href="">Our team</a> </li> <li> <a href="">Blog</a> </li> </ul> </li> <li class="nav-link"> <a href="">Careers</a> </li> <li class="nav-link"> <a href="">About</a> </li> </ul> </nav> <div class="header-right"> <a href="" class="login-btn">Login</a> <a href="" class="signup-btn">Register</a> </div> </div> <div class="overlay" id="overlay"></div> <div class="sidebar-toggler" id="sidebar-toggler"> <span><img src="./icon-menu.7e600924.svg" alt=""></span> </div> </header> <div class="main-content"> <div class="content one"> <div class="site-description"> <h2>Make remote work</h2> <p>Get your team in sync, no matter your location. Streamline processes, create team rituals, and watch productivity soar. </p> <a class="learn-more-btn" href="">Learn more</a> </div> <div class="icons"> <img src="./client-databiz.0e5d73f8.svg" alt=""> <img src="./client-audiophile.9c0377cd.svg" alt=""> <img src="./client-meet.294858b0.svg" alt=""> <img src="./client-maker.c356dff3.svg" alt=""> </div> </div> <div class="bg-img two"></div> </div> <div class="attribution"> Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a href="#">Opeoluwa Ogunlaja</a>. </div> <script src="./index.071a38fd.js" async type="module"></script> </body></html>