API tools faq
paste
lmarkov

linkedin

lmarkov
Nov 20th, 2012
323
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.        
  6.         <title>LinkedIn</title>
  7.        
  8.         <link rel="stylesheet" type="text/css" href="style.css" />
  9.        
  10.         <script type="text/javascript" src="modernizr.custom.98400.js"></script>
  11.     </head>
  12.     <body>
  13.         <div id="wrapper">
  14.             <header>
  15.                 <h1><a href="#">Linkedin</a></h1>
  16.             </header>
  17.             <nav>
  18.                 <ul>
  19.                     <li><a href="#">Home</a></li>
  20.                     <li><a href="#">What is LinkedIn?</a></li>
  21.                     <li><a href="#">Join Today</a></li>
  22.                     <li>Sign in</li>
  23.                     <li>
  24.                         <form method="post" action="#">
  25.                             <fieldset>
  26.                                 <ul>
  27.                                     <li>
  28.                                         <label for="SignInEmail">Email:</label>
  29.                                         <input type="email" required="required" id="SignInEmail" name="SignInEmail"/>
  30.                                     </li>
  31.                                     <li>
  32.                                         <label for="SignInPassword">Password:</label>
  33.                                         <input type="password" required="required" id="SignInPassword" name="SignInPassword"/>
  34.                                     </li>
  35.                                     <li>                                        
  36.                                         <input type="submit" id="SignIn" value="Sign In"/>
  37.                                     </li>
  38.                                 </ul>
  39.                             </fieldset>
  40.                         </form>
  41.                     </li>
  42.                 </ul>
  43.             </nav>
  44.             <hr>
  45.             <section>
  46.                 <section>
  47.                     <article>
  48.                         <h1>Over 175 million professionals use LinkedIn to exchange information, ideas and opportunities</h1>
  49.                         <ul>
  50.                             <li>Stay informed about your contacts and industry</li>
  51.                             <li>Find the people &amp; knowledge you need to achieve your goals</li>
  52.                             <li>Control your professional identity online</li>
  53.                         </ul>
  54.                     </article>
  55.                 </section>
  56.                 <section>
  57.                     <header>
  58.                         <h1>Join LinkedIn Today</h1>                        
  59.                     </header>
  60.                     <form>
  61.                         <fieldset>
  62.                             <ul>
  63.                                 <li>
  64.                                     <label for="SignUpFirstName">First Name</label><br />
  65.                                     <input type="text" name="SignUpFirstName" id="SignUpFirstName"/>
  66.                                 </li>
  67.                                 <li>
  68.                                     <label for="SignUpLastName">Last Name</label><br />
  69.                                     <input type="text" name="SignUpLastName" id="SignUpLastName"/>
  70.                                 </li>
  71.                                 <li>
  72.                                     <label for="SignUpEmail">Email</label><br />
  73.                                     <input type="email" name="SignUpEmail" id="SignUpEmail"/>
  74.                                 </li>
  75.                                 <li>
  76.                                     <label for="SignUpPassword">Password</label><br />
  77.                                     <input type="password" name="SignUpPassword" id="SignUpPassword"/> <br />
  78.                                     <p>6 or more characters</p>
  79.                                 </li>
  80.                             </ul>
  81.                             <input type="submit" value="Join Now"/>
  82.                         </fieldset>
  83.                     </form>
  84.                     <p>
  85.                         Already on LinkedIn? <a href="#">Sign in</a>
  86.                     </p>
  87.                 </section>
  88.                 <section>
  89.                     <header>
  90.                         <h1>
  91.                             Search for someone by name:
  92.                         </h1>
  93.                         <form method="post" action="#">
  94.                             <fieldset>
  95.                                 <ul>
  96.                                     <li>
  97.                                         <label for="SearchForFirstName">First Name</label><br />
  98.                                         <input type="text" name="SearchForFirstName" id="SearchForFirstName" value="First Name"/>
  99.                                     </li>
  100.                                     <li>
  101.                                         <label for="SearchForLastName">Last Name</label><br />
  102.                                         <input type="text" name="SearchForLastName" id="SearchForLastName" value="Last Name"/>
  103.                                     </li>
  104.                                 </ul>
  105.                                 <input type="submit" value="Go"/>
  106.                             </fieldset>
  107.                         </form>
  108.                     </header>
  109.                 </section>
  110.             </section>
  111.         </div>
  112.     </body>
  113. </html>
  114.  
  115. **********************************
  116. CSS
  117. ****************************
  118. root {
  119.     display: block;
  120. }
  121.  
  122. body
  123. {
  124.     font-family: "Times New Roman",Georgia,Serif;
  125.     font-size: 14px;
  126.     background-color: #FFFFFF;
  127.     color: #000000;
  128. }
  129.  
  130. fieldset
  131. {
  132.     border:0px;
  133.     margin: 0px;
  134.     padding: 0px
  135. }
  136.  
  137.  
  138. #wrapper
  139. {
  140.     width: 800px;
  141.     border: 1px solid #000000;
  142.     margin: 5px;
  143.     padding: 10px;
  144.     overflow: hidden;
  145. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!