SHARE
TWEET

HTML - Semantic - LinkedIn

cherokee Nov 24th, 2012 113 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>LinkedIn</title>
  5.     <meta charset="utf-8" />
  6. </head>
  7. <body>
  8.     <form action="#" method="POST">
  9.         <header>
  10.             <a href="#">
  11.                 <h1>LinkedIn</h1>
  12.             </a>
  13.         </header>
  14.         <nav>
  15.             <ul class="nofloat">
  16.                 <li><a href="#">Home</a></li>
  17.                 <li><a href="#">What is LinkedIn?</a></li>
  18.                 <li><a href="#">Join Today</a> </li>
  19.                 <li>
  20.                     <fieldset>
  21.                         <legend>Sign In</legend>
  22.                         <ul>
  23.                             <li>Email:<input type="email" name="emailsignin"></li>
  24.                             <li>Password:<input type="password" name="passwordsignin"></li>
  25.                             <li>
  26.                                 <input type="submit" name="submit" value="Sign In"></li>
  27.                         </ul>
  28.                     </fieldset>
  29.                 </li>
  30.             </ul>
  31.         </nav>
  32.         <section>
  33.             <header>
  34.                 <h1>Over 175 million professionals use LinkedIn to exchange information, ideas and opportunities</h1>
  35.             </header>
  36.             <ul>
  37.                 <li>Stay informed about your contacts and industry</li>
  38.                 <li>Find the people &amp; knowledge you need to achieve your goals</li>
  39.                 <li>Control your professional identity online</li>
  40.             </ul>
  41.             <section>
  42.                 <header>
  43.                     <h2>Join LinkedIn Today</h2>
  44.                 </header>
  45.                 <fieldset>
  46.                     <legend>Sign Up</legend>
  47.                     <ul>
  48.                         <li>First name:<div>
  49.                             <input type="text" name="newfirstname">
  50.                             </div>
  51.                         </li>
  52.                         <li>Last name:<div>
  53.                             <input type="text" name="newlastname">
  54.                             </div>
  55.                         </li>
  56.                         <li>Email:<div>
  57.                             <input type="email" name="newemail">
  58.                             </div>
  59.                         </li>
  60.                         <li>Password:<div>
  61.                             <input type="password" name="newpassword">
  62.                             </div>
  63.                             6 or more characters</li>
  64.                     </ul>
  65.                     <input type="button" name="joinnow" value="Join Now"><a href="#">*</a>
  66.                     <p>Already on LinkedIn?&nbsp;<a href="#">Sign in</a></p>
  67.                 </fieldset>
  68.             </section>
  69.             <section>
  70.                 <header>
  71.                     <h3>Search for someone by name:</h3>
  72.                 </header>
  73.                 <ul>
  74.                     <li>First name:<input type="text" name="firstname"></li>
  75.                     <li>Last name:<input type="text" name="lastname"></li>
  76.                 </ul>
  77.                 <input type="button" name="go" value="Go">
  78.             </section>
  79.         </section>
  80.     </form>
  81. </body>
  82. </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
 
Top