NYanev

Task8

Oct 17th, 2014
240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.94 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>web site</title>
  5.     <link href="web%20site.css" rel="stylesheet" />
  6. </head>
  7. <body>
  8.     <section>
  9.         <nav>
  10.             <div class="home">
  11.                 <img src="http://devevolution.com/wp-content/uploads/2013/01/homeicon.gif" alt="home icon"/>
  12.                 <a href="#">HOME</a>
  13.             </div>
  14.             <ul>
  15.                 <li>CSS Basic</li>
  16.                 <li><a href="#">CSS Introduction</a></li>
  17.                 <li><a href="#">CSS Syntax</a></li>
  18.                 <li><a href="#">CSS How To</a></li>
  19.                 <li><a href="#">CSS Background</a></li>
  20.                 <li><a href="#">CSS Text</a></li>
  21.                 <li><a href="#">CSS Font</a></li>
  22.                 <li><a href="#">CSS Border</a></li>
  23.                 <li><a href="#">CSS Outline</a></li>
  24.                 <li><a href="#">CSS Margin</a></li>
  25.                 <li><a href="#">CSS Padding</a></li>
  26.                 <li><a href="#">CSS List</a></li>
  27.                 <li><a href="#">CSS Table</a></li>
  28.             </ul>
  29.             <ul>
  30.                 <li>CSS Advanced</li>
  31.                 <li><a href="#">CSS Dimension</a></li>
  32.                 <li><a href="#">CSS Classification</a></li>
  33.                 <li><a href="#">CSS Positioning</a></li>
  34.                 <li><a href="#">CSS Pseudo-class</a></li>
  35.                 <li><a href="#">CSS Pseudo-element</a></li>
  36.                 <li><a href="#">CSS Image Gallery</a></li>
  37.                 <li><a href="#">CSS Image Opacity</a></li>
  38.                 <li><a href="#">CSS Media Types</a></li>
  39.                 <li><a href="#">CSS Don't</a></li>
  40.                 <li><a href="#">CSS Summary</a></li>
  41.             </ul>
  42.             <ul>
  43.                 <li>CSS Examples</li>
  44.                 <li><a href="#">CSS Examples</a></li>
  45.             </ul>
  46.             <ul>
  47.                 <li>References</li>
  48.                 <li><a href="#">CSS2 Reference</a></li>
  49.                 <li><a href="#">CSS2 Print</a></li>
  50.                 <li><a href="#">CSS2 Aural</a></li>
  51.                 <li><a href="#">CSS Units</a></li>
  52.                 <li><a href="#">CSS Colors</a></li>
  53.                 <li><a href="#">CSS Colorvalues</a></li>
  54.                 <li><a href="#">CSS Colornames</a></li>
  55.             </ul>
  56.             <ul>
  57.                 <li>CSS Quiz</li>
  58.                 <li><a href="#">CSS Quiz</a></li>
  59.                 <li><a href="#">CSS Exam</a></li>
  60.             </ul>
  61.         </nav>
  62.         <div>
  63.             <header>
  64.                 <h1>CSS Tutorial</h1>
  65.                 <nav>
  66.                     <button type="button"><span>Previous</span></button>
  67.                     <button type="button"><span>Next</span></button>
  68.                 </nav>
  69.             </header>
  70.             <section>
  71.                 <article>
  72.                     <h2>CSS Tutorial</h2>
  73.                     <img src="http://devevolution.com/wp-content/uploads/2013/01/logocss.gif" alt="CSS"/>
  74.                     <p>Save a lot of work with CSS!<br/>In our CSS tutorial you will learn how to use CSS to control the style and layout of multiple Web pages all at once.</p>
  75.                     <a href="#">Start learning CSS!</a>
  76.                 </article>
  77.                 <article>
  78.                     <h2>CSS Examples</h2>
  79.                     <p>Learn from over 150 examples! With our editor, you can edit the CSS, and click on a button to view the result.</p>
  80.                     <a href="#">Try-It-Yourself!</a>
  81.                 </article>
  82.                 <article>
  83.                     <h2>CSS Reference</h2>
  84.                     <p>At W3Schools you will find complete CSS references of all properties and selectors with syntax, examples, browser support, and more.</p>
  85.                     <a href="#">CSS2 Reference</a>
  86.                 </article>
  87.                 <article>
  88.                     <h2>CSS Quiz Test</h2>
  89.                     <p>Test your CSS skills at W3Schools!</p>
  90.                     <a href="#">Start CSS Quiz!</a>
  91.                 </article>
  92.             </section>
  93.             <footer>
  94.                 <nav>
  95.                     <button type="button"><span>Previous</span></button>
  96.                     <button type="button"><span>Next</span></button>
  97.                 </nav>
  98.             </footer>
  99.         </div>
  100.         <aside>
  101.             <div>
  102.                 <h3>SITE SEARCH</h3>
  103.                 <div>
  104.                     <form>
  105.                         <input type="text"/>
  106.                         <input type="submit" value="..."/>
  107.                     </form>
  108.                     <a href="#">About W3Schools</a>
  109.                     <a href="#">W3Schools Forum</a>
  110.                 </div>
  111.             </div>
  112.             <div>
  113.                 <div>
  114.                     <p>25+ Styles!</p>
  115.                     <a href="#">Dynamic button image generation</a>
  116.                 </div>
  117.             </div>
  118.             <div>
  119.                 <h3>WEB HOSTING</h3>
  120.                 <div>
  121.                     <a href="#">15$ Domain Name</a>
  122.                     <a href="#">Registration</a>
  123.                     <a href="#">Save 20$ / year!</a>
  124.                 </div>
  125.             </div>
  126.             <div>
  127.                 <div>
  128.                     <a href="#">UK Domain Names</a>
  129.                     <a href="#">UK Web Hosting</a>
  130.                     <a href="#">Alojamiento Web</a>
  131.                 </div>
  132.             </div>
  133.             <div>
  134.                 <div>
  135.                     <a href="#">Buy UK Domain Names</a>
  136.                     <a href="#">Register Domain Names</a>
  137.                 </div>
  138.             </div>
  139.             <div>
  140.                 <div>
  141.                     <a href="#">Cheap Domain Names</a>
  142.                     <a href="#">Cheap Web Hosting</a>
  143.                 </div>
  144.             </div>
  145.             <div>
  146.                 <div>
  147.                     <a href="#">Best Web Hosting</a>
  148.                 </div>
  149.             </div>
  150.             <div>
  151.                 <div>
  152.                     <a href="#">Domain Name</a>
  153.                     <a href="#">Registration</a>
  154.                 </div>
  155.             </div>
  156.             <div>
  157.                 <div>
  158.                     <a href="#">PHP MySQL Hosting</a>
  159.                 </div>
  160.             </div>
  161.             <div>
  162.                 <div>
  163.                     <a href="#">Top 10 Web Hosting</a>
  164.                 </div>
  165.             </div>
  166.             <div>
  167.                 <div>
  168.                     <a href="#">Web Hosting Providers</a>
  169.                 </div>
  170.             </div>
  171.             <div>
  172.                 <div>
  173.                     <a href="#">Web Hosting Company</a>
  174.                 </div>
  175.             </div>
  176.             <div>
  177.                 <div>
  178.                 <a href="#">Web Hosting Reviews</a>
  179.                 </div>
  180.             </div>
  181.             <div>
  182.                 <div>
  183.                     <a href="#">UK Web Hosting</a>
  184.                 </div>
  185.             </div>
  186.         </aside>
  187.     </section>
  188. </body>
  189. </body>
  190. </html>
Advertisement
Add Comment
Please, Sign In to add comment