API tools faq
paste
vonko1988

SliceAndDice_PSD_to_HTML_homework_task1.html

vonko1988
Apr 15th, 2014
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title>Task1</title>
  6.     <link href="styles/task1.css" rel="stylesheet" />
  7. </head>
  8. <body>
  9.     <div id="wrapper">
  10.         <header class="clearfix">
  11.             <div id="left_logo">
  12.                 <img id="left_logo" src="http://i.imgur.com/XBtF1xA.png" alt="Лайф" />
  13.             </div>
  14.             <img id="right_logo" src="http://i.imgur.com/l6KyGGm.png" alt="Right Logo" />
  15.         </header>
  16.         <aside class="left">
  17.             <h2>
  18.                 Днес
  19.             </h2>
  20.             <ul>
  21.                 <li>
  22.                     <a href="#">Авто</a>
  23.                 </li>
  24.                 <li>
  25.                     <a href="#">Банки и финанси</a>
  26.                 </li>
  27.                 <li>
  28.                     <a href="#">Дом</a>
  29.                 </li>
  30.                 <li>
  31.                     <a href="#">IT</a>
  32.                 </li>
  33.                 <li>
  34.                     <a href="#">Образование</a>
  35.                 </li>
  36.                 <li>
  37.                     <a href="#">Обяви</a>
  38.                 </li>
  39.                 <li>
  40.                     <a href="#">Оказион</a>
  41.                 </li>
  42.                 <li>
  43.                     <a href="#">Право</a>
  44.                 </li>
  45.                 <li>
  46.                     <a href="#">Работа</a>
  47.                 </li>
  48.             </ul>
  49.  
  50.             <h2>
  51.                 Лайф
  52.             </h2>
  53.             <ul>
  54.                 <li>
  55.                     <a href="#">Заведения</a>
  56.                 </li>
  57.                 <li>
  58.                     <a href="#">Зодиак</a>
  59.                 </li>
  60.                 <li>
  61.                     <a href="#">Игри</a>
  62.                 </li>
  63.                 <li>
  64.                     <a href="#">Картички</a>
  65.                 </li>
  66.                 <li>
  67.                     <a href="#">Кино</a>
  68.                 </li>
  69.                 <li>
  70.                     <a href="#">Медии</a>
  71.                 </li>
  72.                 <li>
  73.                     <a href="#">Оказион</a>
  74.                 </li>
  75.                 <li>
  76.                     <a href="#">Музика</a>
  77.                 </li>
  78.                 <li>
  79.                     <a href="#">Пътувания</a>
  80.                 </li>
  81.                 <li>
  82.                     <a href="#">Спорт</a>
  83.                 </li>
  84.                 <li>
  85.                     <a href="#">Развлечения</a>
  86.                 </li>
  87.             </ul>
  88.         </aside>
  89.         <aside class="right clearfix">
  90.             <ul>
  91.                 <li>
  92.                     <figure>
  93.                         <img src="http://i.imgur.com/qu5z3n6.png" alt="img1" />
  94.                         <figcaption>
  95.                             <a href="#">Вики от Мастило сменя на два пъти скъпи одежди в нов клип</a>
  96.                         </figcaption>
  97.                     </figure>
  98.                 </li>
  99.                 <li>
  100.                     <figure>
  101.                         <img src="http://i.imgur.com/AZwqGPs.png" alt="img1" />
  102.                         <figcaption>
  103.                             <a href="#">И фолк звездата Софи Маринова сложи силикон</a>
  104.                         </figcaption>
  105.                     </figure>
  106.                 </li>
  107.                 <li>
  108.                     <figure>
  109.                         <img src="http://i.imgur.com/E8Jc0Fn.png" alt="img1" />
  110.                         <figcaption>
  111.                             <a href="#">
  112.                                 Азис с пръстен за $ 700 000, става жертва на
  113.                                 посегателство
  114.                             </a>
  115.                         </figcaption>
  116.                     </figure>
  117.                 </li>
  118.             </ul>
  119.                 <ul>
  120.                     <li>
  121.                         <a href="">Всички теми</a>
  122.                     </li>
  123.                     <li>
  124.                         <a href="">Класации</a>
  125.                     </li>
  126.                     <li>
  127.                         <a href="">Ментета</a>
  128.                     </li>
  129.                 </ul>
  130.                 <ul>
  131.                     <li>
  132.                         <a href="">Подробно</a>
  133.                     </li>
  134.                     <li>
  135.                         <a href="">Ексклузивно</a>
  136.                     </li>
  137.                     <li>
  138.                         <a href="">Прасета</a>
  139.                     </li>
  140.                 </ul>
  141.         </aside>
  142.         <nav>
  143.             <strong>Звезди:</strong>
  144.             <ul class="nav">
  145.                 <li>
  146.                     <a href="#">Спортни</a>
  147.                 </li><li>
  148.                     <a href="#">Кино</a>
  149.                 </li><li>
  150.                     <a href="#">Медийни</a>
  151.                 </li><li>
  152.                     <a href="#">Модели</a>
  153.                 </li><li>
  154.                     <a href="#">Мис Декември</a>
  155.                 </li>
  156.             </ul>
  157.         </nav>
  158.         <section>
  159.             <article>
  160.                 <figure>
  161.                     <img src="http://i.imgur.com/5C4F17o.png" alt="Karizma Img" />
  162.                     <figcaption>
  163.                         <h1>
  164.                             Каризма издават албум, Галя с тайнствен обожател
  165.                         </h1>
  166.                         <time datetime="2006-01-05">
  167.                             05 януари 2006
  168.                         </time>
  169.                         <p>
  170.                             Албумът ще излезе на 14 февруари и е компилация от всичките им
  171.                             хитове за тези 6 години, но с ново звучене.
  172.                         </p>
  173.                     </figcaption>
  174.                 </figure>
  175.                 <p>
  176.                     Нежната половинка на дуета Галя, може би най-ярката БГ звезда на 2005,
  177.                     споделя, че се е нанесла в ново жилище точно преди Коледа, както и че
  178.                     тайнствен мъж пленил сърцето й. На светски събития обаче Галя винаги е
  179.                     с Миро и не пропуска да демонстрира нежните приятелски чувства помежду им.
  180.                 </p>
  181.                 <a href="#">
  182.                     Обсъди в блога
  183.                 </a>
  184.             </article>
  185.         </section>      
  186.         <footer>
  187.             Copyright &copy; 2004 Менте Софт. All rights reserved.
  188.         </footer>
  189.     </div>
  190. </body>
  191. </html>
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!