google.html

<!DOCTYPE html>
<html>
<head>
  <link href="style2.css" rel="stylesheet" rel="stylesheet" type="text/css">
<meta charset=utf-8 />
<title>Google Redeux</title>
</head>
<body class = "wrapper">
  <header class = "nav">   
    <ul id = "nav">
        <li><a href="http://google.com/plus" >+You</a></li>
        <li id = "active"><a href="#">Search</a></li>
        <li><a href="#">Images</a></li>
        <li><a href="#">Maps</a></li>
        <li><a href="#">Play</a></li>
        <li><a href="#">YouTube</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Gmail</a></li>
        <li><a href="#">Drive</a></li>
        <li><a href="#">Calendar</a></li>
   
      <!-- <li class = "drop">More  -->
         <li><a href="#">More<span class = "arw"></span></a>

              <span id = "trick">
                  More  <span class = "arw"></span>
              </span>

            <ul >
                  <li><a href = "#">Translate</a></li>
                  <li><a href = "#">Mobile</a></li>
                  <li><a href = "#">Books</a></li>
                  <li><a href = "#">Offers</a></li>
                  <li><a href = "#">Wallet</a></li>
                  <li><a href = "#">Shopping</a></li>
                  <li><a href = "#">Blogger</a></li>
                  <li><a href = "#">Reader</a></li>
                  <li><a href = "#">Finance</a></li>
                  <li><a href = "#">Photos</a></li>
                  <li><a href = "#">Videos</a></li>
                  <li><a href = "#" >Even More</a></li>
            </ul>
          </li> 
          

        </ul>    
  </header>  
        <!-- </li> -->
   

 <button class = "sign">Sign in</button>  
  
 <form class = "search">
      <img src="https://www.google.com/images/srpr/logo4w.png" />
   <div class = "trick2">  
   <input type="text" autofocus class = "bar"></input>
   </div> 
    <div class = "buttons">
      <button> Google Search </button>
      <button> I'm Feeling Lucky </button>
    </div>
  </form>
 
  <footer class = "bottom">
    <ul class = "nav2">
      <li> <a href="#">About Google </a></li>
      <li> <a href="#">+Google </a></li>
      <li> <a href="#">Privacy & Terms </a></li>     
      <li> <a href="#">Business Solutions </a></li>
      <li> <a href="#">Advertising Programs </a></li>
    </ul
   </footer>
 
<!--  <script type="text/javascript" src = "google-redeux/google.js"></script> 
--></body>
</html>
 