SHARE
TWEET

Untitled

a guest Aug 26th, 2019 90 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.   <link rel="stylesheet" href="style.css">
  9.   <title>Flexbox Dropdown Menu</title>
  10. </head>
  11.  
  12. <body>
  13.     <div class="nav-container">
  14.   <nav id="main-nav">
  15.     <ul>
  16.       <li>
  17.         <a href="#">Home</a>
  18.       </li>
  19.       <li>
  20.         <a href="#">Services
  21.           <span class="arrow">&#x25BC;</span>
  22.         </a>
  23.         <ul class="submenu">
  24.           <li>
  25.             <a href="#">Android Dev</a>
  26.           </li>
  27.           <li>
  28.             <a href="#">iOS Dev</a>
  29.           </li>
  30.           <li>
  31.             <a href="#">Web Dev
  32.               <span class="arrow">&#x25B6;</span>
  33.             </a>
  34.             <ul class="submenu-2">
  35.               <li>
  36.                 <a href="#">Node.js</a>
  37.               </li>
  38.               <li>
  39.                 <a href="#">PHP</a>
  40.               </li>
  41.               <li>
  42.                 <a href="#">Python</a>
  43.               </li>
  44.             </ul>
  45.           </li>
  46.         </ul>
  47.       </li>
  48.       <li>
  49.         <a href="#">Downloads</a>
  50.       </li>
  51.       <li>
  52.         <a href="#">FAQs
  53.           <span class="arrow">&#x25BC;</span>
  54.         </a>
  55.         <ul class="submenu">
  56.           <li>
  57.             <a href="#">Android</a>
  58.           </li>
  59.           <li>
  60.             <a href="#">iOS</a>
  61.           </li>
  62.         </ul>
  63.       </li>
  64.       <li>
  65.         <a href="#">About</a>
  66.       </li>
  67.     </ul>
  68.   </nav>
  69. </div>
  70.   <section>
  71.     <h1>Hi, welcome</h1>
  72.   </section>
  73. </body>
  74.  
  75. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top