MOVE Gear project - I have no idea


#1

my code is all wrong, and i feel like i have no idea what i'm doing on this one. please help if you can. thanks!

<!doctype html>
<html>
  <body>
    <head>
    <link rel="stylesheet" href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css"/>
    <link href='https://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'/>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'/>
      <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
      <script src="https://s3.amazonaws.com/codecademy-content/projects/jquery.min.js"></script>
    <script src='script.js'></script>
    <link href='style.css' rel='stylesheet'/>
  </head>
    <div class="header">
      <div class="container">
        <div class="row">
          <div class="col-md-3">
            <h1>Move <span>Gear</span></h1>
          </div>
          <div class="pull-right">
            <div class="login">
              <p>Login</p>
              <div class="dropdown-menu">
                <h3>Log in to MOVE</h3>
                <form role="form">
                  <div class="form-group">
                    <input type="email" class="form-control" id="email" placeholder="Email">
                  </div>
                  <div class="form-group">
                    <input type="password" class="form-control" id="password" placeholder="Password">
                  </div>
                  <button type="submit" class="btn">Sign   in</button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="main">
      <div class="container">
        <div class="row">
          <div class="col-md-3">
            <div id="accordion">
  					<h3>FEATURED</h3>
 							 <div>
     							<ul>
      							<li>Holiday Gift Guide</li>
      							<li>New Releases</li>
     							  <li>Launch Calendar</li>
    						</ul>
  						</div>
  				 <h3>SHOES</h3>
  						<div>
  						 <ul>
      						 <li>Basketball</li>
      						 <li>Football</li>
      					   <li>Training</li>
                 </ul>
  	           </div>
  				 <h3>CLOTHING</h3>
  						<div>
    					 <ul>
      						 <li>Mens'</li>
                      <li>Womens'</li>
                      <li>Kids'</li>
                 </ul>
       <div class="supporting">
      <div class="container">
        <h2>Better. Faster. Stronger. You</h2>
        <p>A wide range of sporting gear especially designed to maximize your performance.</p>
      </div>
    </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    <div class="feature">
    </div>
    <div class="footer">
      <div class="container">
        <ul>
          <li>Gift Cards</li>
          <li>Find a city</li>
          <li>Become a member</li>
          <li>Contact us</li>
        </ul>
        <p>&copy; MOVE</p>
      </div>
     </div>
   </body>
 </html>

#3

Hi Matt,

I'm happy to help you, but are you able to be a little more specific as to what exactly you need help with than:

? Right off though, I'm seeing a problem: $('login') tries to select the nonexistent <login> HTML element. You need a dot (.) right in front of login, but still inside the quotes, since login is a class and not a tag name :)
Fixing that will get your dropdown menu, and then we can work on other parts where you need an explanation or can't figure out how to get it working :)


#4

ok, thank you for that. this may have been one i was staring at for a while and failed to see that.

thanks!