API tools faq
paste
Advertisement
ntodorova

03_homework-design-2.html

ntodorova
Oct 27th, 2012
1,270
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Homework design 2</title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6.     <script src="scripts/html5shiv.js" type="text/javascript"></script>
  7.     <script src="scripts/modernizr-latest.js" type="text/javascript"></script>
  8. </head>
  9. <body>
  10.     <header>
  11.         <h1><a href="#">LinkedIn</a></h1>
  12.         <nav>
  13.             <ul>
  14.                 <li>
  15.                     Home
  16.                 </li>
  17.                 <li>
  18.                     What is LinkedIn?
  19.                 </li>
  20.                 <li>
  21.                     Join Today
  22.                 </li>
  23.                 <li>
  24.                     <form action="#" method="POST" name="login">
  25.                         <fieldset>
  26.                             <legend>
  27.                                 Sign In
  28.                             </legend>
  29.                             <ul>
  30.                                 <li>
  31.                                     <label for="session_key-login">
  32.                                         Email:
  33.                                     </label>
  34.                                     <input type="text" name="session_key" value="" id="session_key-login" />
  35.                                 </li>
  36.                                 <li class="password">
  37.                                     <label for="session_password-login">
  38.                                         Password:
  39.                                     </label>
  40.                                     <input type="password" name="session_password" value="" id="session_password-login" />
  41.                                 </li>
  42.                                 <li>
  43.                                     <input type="submit" name="" value="Sign In" class="btn-secondary" id="btn-login" />
  44.                                 </li>
  45.                             </ul>
  46.                         </fieldset>
  47.                     </form>
  48.                 </li>
  49.             </ul>
  50.         </nav>
  51.     </header>
  52.     <section>  
  53.         <h2>Over 175 million professionals use LinkedIn to exchange information, ideas and opportunities</h2>
  54.         <ul>
  55.             <li>
  56.                 Stay informed about your contacts and industry
  57.             </li>
  58.             <li>
  59.                 Find the people &amp; knowledge you need to achieve your goals
  60.             </li>
  61.             <li>
  62.                 Control your professional identity online
  63.             </li>
  64.         </ul>  
  65.     </section> 
  66.     <section>
  67.         <h3>Join LinkedIn Today</h3>
  68.         <form action="#" method="POST" name="coldRegistrationForm">
  69.             <fieldset>
  70.                 <legend>
  71.                     Sign Up
  72.                 </legend>
  73.                 <ul>
  74.                     <li>
  75.                         <label for="firstName">
  76.                             First Name:
  77.                         </label>
  78.                         <div>
  79.                             <input type="text" name="firstName" id="firstName" value="" maxlength="20" />
  80.                         </div>
  81.                     </li>
  82.                     <li>
  83.                         <label for="lastName">
  84.                             Last Name:
  85.                         </label>
  86.                         <div>
  87.                             <input type="text" name="lastName" id="lastName" value="" maxlength="40" />
  88.                         </div>
  89.                     </li>
  90.                     <li>
  91.                         <label for="email">
  92.                             Email:
  93.                         </label>
  94.                         <div>
  95.                             <input type="email" name="email" id="email" value="" maxlength="128" />
  96.                         </div>
  97.                     </li>
  98.                     <li>
  99.                         <label for="password">
  100.                             Password:
  101.                         </label>
  102.                         <div>
  103.                             <input type="password" name="password" id="password" value="" />
  104.                             <p>
  105.                                 6 or more characters
  106.                             </p>
  107.                         </div>
  108.                     </li>
  109.                 </ul>
  110.                 <p>
  111.                     <input type="submit" name="" value="Join Now" /><a href="#">*</a>
  112.                 </p>
  113.                 <p>
  114.                     Already on LinkedIn?
  115.                     <a href="#">Sign in.</a>
  116.                 </p>
  117.             </fieldset>
  118.         </form>
  119.     </section>
  120.     <section>
  121.         <form name="searchForm" method="get">
  122.             <h3>Search for someone by name:</h3>
  123.             <ul>
  124.                 <li>
  125.                     <label for="first">
  126.                         First Name
  127.                     </label>
  128.                     <input type="text" name="first" id="first" />
  129.                 </li>
  130.                 <li>
  131.                     <label for="last">
  132.                         Last Name
  133.                     </label>
  134.                     <input type="text" name="last" id="last" />
  135.                 </li>
  136.             </ul>
  137.             <p>
  138.                 <input class="btn-secondary" type="submit" name="search" value="Go" />
  139.             </p>
  140.         </form>
  141.     </section>
  142.     <section>
  143.         <h4>LinkedIn member directory:</h4>
  144.         <ol>
  145.             <li>
  146.                 <a href="#">a</a>
  147.             </li>
  148.             <li>
  149.                 <a href="#">b</a>
  150.             </li>
  151.             <li>
  152.                 <a href="#">c</a>
  153.             </li>
  154.             <li>
  155.                 <a href="#">d</a>
  156.             </li>
  157.             <li>
  158.                 <a href="#">e</a>
  159.             </li>
  160.             <li>
  161.                 <a href="#">f</a>
  162.             </li>
  163.             <li>
  164.                 <a href="#">g</a>
  165.             </li>
  166.             <li>
  167.                 <a href="#">h</a>
  168.             </li>
  169.             <li>
  170.                 <a href="#">i</a>
  171.             </li>
  172.             <li>
  173.                 <a href="#">j</a>
  174.             </li>
  175.             <li>
  176.                 <a href="#">k</a>
  177.             </li>
  178.             <li>
  179.                 <a href="#">l</a>
  180.             </li>
  181.             <li>
  182.                 <a href="#">m</a>
  183.             </li>
  184.             <li>
  185.                 <a href="#">n</a>
  186.             </li>
  187.             <li>
  188.                 <a href="#">o</a>
  189.             </li>
  190.             <li>
  191.                 <a href="#">p</a>
  192.             </li>
  193.             <li>
  194.                 <a href="#">q</a>
  195.             </li>
  196.             <li>
  197.                 <a href="#">r</a>
  198.             </li>
  199.             <li>
  200.                 <a href="#">s</a>
  201.             </li>
  202.             <li>
  203.                 <a href="#">t</a>
  204.             </li>
  205.             <li>
  206.                 <a href="#">u</a>
  207.             </li>
  208.             <li>
  209.                 <a href="#">v</a>
  210.             </li>
  211.             <li>
  212.                 <a href="#">w</a>
  213.             </li>
  214.             <li>
  215.                 <a href="#">x</a>
  216.             </li>
  217.             <li>
  218.                 <a href="#">y</a>
  219.             </li>
  220.             <li>
  221.                 <a href="#">z</a>
  222.             </li>
  223.             <li>
  224.                 <a href="#">more</a>
  225.             </li>
  226.             <li>
  227.                 Browse members <a href="#">by country</a>
  228.             </li>
  229.         </ol>
  230.     </section>
  231.     <section>
  232.         <p>
  233.             <strong>*</strong> By clicking Join Now or using LinkedIn, you are indicating that you have read, understood,
  234.             and agree to LinkedIn's <a href="#">User Agreement</a> and <a href="#">Privacy Policy</a>.
  235.         </p>
  236.     </section>
  237.     <footer>
  238.         <ul>
  239.             <li>
  240.                 <a href="#">
  241.                     <strong>
  242.                         Help Center
  243.                     </strong>
  244.                 </a>
  245.             </li>
  246.             <li>
  247.                 <a href="#">
  248.                     About
  249.                 </a>
  250.             </li>
  251.             <li>
  252.                 <a href="#">
  253.                     Blog
  254.                 </a>
  255.             </li>
  256.             <li>
  257.                 <a href="#">
  258.                     Careers
  259.                 </a>
  260.             </li>
  261.             <li>
  262.                 <a href="#">
  263.                     Advertising
  264.                 </a>
  265.             </li>
  266.             <li>
  267.                 <a href="#">
  268.                     Talent Solutions
  269.                 </a>
  270.             </li>
  271.             <li>
  272.                 <a href="#">
  273.                     Tools
  274.                 </a>
  275.             </li>
  276.             <li>
  277.                 <a href="#">
  278.                     Mobile
  279.                 </a>
  280.             </li>
  281.             <li>
  282.                 <a href="#">
  283.                     Developers
  284.                 </a>
  285.             </li>
  286.             <li>
  287.                 <a href="#">
  288.                     Publishers
  289.                 </a>
  290.             </li>
  291.             <li>
  292.                 <a href="#">
  293.                     Language
  294.                 </a>
  295.                 <form name="languageSelectorForm" action="#" method="POST">
  296.                     <ul>
  297.                         <li>
  298.                             <a href="#">
  299.                                 Bahasa Indonesia
  300.                             </a>
  301.                         </li>
  302.                         <li>
  303.                             <a href="#">
  304.                                 Bahasa Malaysia
  305.                             </a>
  306.                         </li>
  307.                         <li>
  308.                             <a href="#">
  309.                                 Čeština
  310.                             </a>
  311.                         </li>
  312.                         <li>
  313.                             <a href="#">
  314.                                 Dansk
  315.                             </a>
  316.                         </li>
  317.                         <li>
  318.                             <a href="#">
  319.                                 Deutsch
  320.                             </a>
  321.                         </li>
  322.                         <li>
  323.                             <a href="#">
  324.                                 <strong>
  325.                                     English
  326.                                 </strong>
  327.                             </a>
  328.                         </li>
  329.                         <li>
  330.                             <a href="#">
  331.                                 Español
  332.                             </a>
  333.                         </li>
  334.                         <li>
  335.                             <a href="#">
  336.                                 Français
  337.                             </a>
  338.                         </li>
  339.                         <li>
  340.                             <a href="#">
  341.                                 한국어
  342.                             </a>
  343.                         </li>
  344.                         <li>
  345.                             <a href="#">
  346.                                 Italiano
  347.                             </a>
  348.                         </li>
  349.                         <li>
  350.                             <a href="#">
  351.                                 Nederlands
  352.                             </a>
  353.                         </li>
  354.                         <li>
  355.                             <a href="#">
  356.                                 日本語
  357.                             </a>
  358.                         </li>
  359.                         <li>
  360.                             <a href="#">
  361.                                 Norsk
  362.                             </a>
  363.                         </li>
  364.                         <li>
  365.                             <a href="#">
  366.                                 Polski
  367.                             </a>
  368.                         </li>
  369.                         <li>
  370.                             <a href="#">
  371.                                 Português
  372.                             </a>
  373.                         </li>
  374.                         <li>
  375.                             <a href="#">
  376.                                 Română
  377.                             </a>
  378.                         </li>
  379.                         <li>
  380.                             <a href="#">
  381.                                 Русский
  382.                             </a>
  383.                         </li>
  384.                         <li>
  385.                             <a href="#">
  386.                                 Svenska
  387.                             </a>
  388.                         </li>
  389.                         <li>
  390.                             <a href="#">
  391.                                 Türkçe
  392.                             </a>
  393.                         </li>
  394.                     </ul>
  395.                 </form>
  396.             </li>
  397.             <li>
  398.                 <a href="#">
  399.                     SlideShare
  400.                 </a>
  401.             </li>
  402.         </ul>
  403.         <ul>
  404.             <li>
  405.                 <a href="#">
  406.                     LinkedIn Updates
  407.                 </a>
  408.             </li>
  409.             <li>
  410.                 <a href="#">
  411.                     LinkedIn Answers
  412.                 </a>
  413.             </li>
  414.             <li>
  415.                 <a href="#">
  416.                     LinkedIn Jobs
  417.                 </a>
  418.             </li>
  419.             <li>
  420.                 <a href="#">
  421.                     Jobs Directory
  422.                 </a>
  423.             </li>
  424.             <li>
  425.                 <a href="#">
  426.                     Company Directory
  427.                 </a>
  428.             </li>
  429.             <li>
  430.                 <a href="#">
  431.                     Events Directory
  432.                 </a>
  433.             </li>
  434.             <li>
  435.                 <a href="#">
  436.                     Groups Directory
  437.                 </a>
  438.             </li>
  439.             <li>
  440.                 <a href="#">
  441.                     Skills Directory
  442.                 </a>
  443.             </li>
  444.             <li>
  445.                 <a href="#">
  446.                     Service Provider Directory
  447.                 </a>
  448.             </li>
  449.             <li>
  450.                 <a href="#">
  451.                     Title Directory
  452.                 </a>
  453.             </li>
  454.         </ul>
  455.         <p>LinkedIn Corporation &copy; 2012</p>
  456.         <ul>
  457.             <li>
  458.                 <a href="#">
  459.                     User Agreement
  460.                 </a>
  461.             </li>
  462.             <li>
  463.                 <a href="#">
  464.                     Privacy Policy
  465.                 </a>
  466.             </li>
  467.             <li>
  468.                 <a href="#">
  469.                     Copyright Policy
  470.                 </a>
  471.             </li>
  472.         </ul>
  473.     </footer>
  474. </body>
  475. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!