API tools faq
paste
vonko1988

SliceAndDice_PSD_to_HTML_homework_task2.html

vonko1988
Apr 15th, 2014
146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 6.58 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/task2.css" rel="stylesheet" />
  7. </head>
  8. <body>
  9.     <div id="wrapper">
  10.         <div id="background">
  11.             <header>
  12.                 <img id="logo" src="http://i.imgur.com/4q3LCQx.png" alt="Logo" />
  13.                 <img id="header_pic" src="http://i.imgur.com/mCKItkl.png">
  14.             </header>
  15.             <div id="inner_wrapper">
  16.                 <section>
  17.                     <h1>
  18.                         Welcome to our site!
  19.                     </h1>
  20.                     <article>
  21.                         <div class="image_holder1">
  22.                             <div class="image_holder2">
  23.                                 <img src="http://i.imgur.com/EHPmPeQ.png" alt="Hot Chick" />
  24.                             </div>
  25.                         </div>
  26.                         <div id="paragraphs">
  27.                             <p>
  28.                                 Don't forget to check free website templates every day,
  29.                                 because we add a new free website template almost daily.
  30.                             </p>
  31.                             <p>
  32.                                 You are free to remove any link to our websites from this
  33.                                 template you're free to use the template without linking
  34.                                 back to us.
  35.                             </p>
  36.                             <p>
  37.                                 This is just a place holder to see how the site would look
  38.                                 like.
  39.                             </p>
  40.                         </div>
  41.                         <a href="">more</a>
  42.                     </article>
  43.                     <article>
  44.                         <h2>
  45.                             Company profile
  46.                         </h2>
  47.                         <div class="image_holder1">
  48.                             <div class="image_holder2">
  49.                                 <img src="http://i.imgur.com/YRzLfqT.png" alt="Building" />                            
  50.                             </div>
  51.                             <span>Corporate building</span>
  52.                         </div>
  53.                         <p>
  54.                             If you are having problems editing the template please don't
  55.                             hesitate to ask for help on the forum.
  56.                         </p>
  57.                         <div class="image_holder1">
  58.                             <div class="image_holder2">
  59.                                 <img src="http://i.imgur.com/j7MDNWV.png " alt="Industrial" />
  60.                                
  61.                             </div>
  62.                             <span>Industrial building</span>
  63.                         </div>
  64.                         <p>
  65.                             This is a template designed for you by free website templates
  66.                             for you for free you can replace all the text by your own text.
  67.                         </p>
  68.                         <a href="#">View etails</a>
  69.                     </article>
  70.                 </section>
  71.                 <div id="left_container">
  72.                     <nav>
  73.                         <ul class="nav">
  74.                             <li>
  75.                                 <span class="border_span"></span>
  76.                                 <a href="#">
  77.                                     Home
  78.                                     <span class="arrrow">&#9658;</span>
  79.                                 </a>
  80.                             </li>
  81.                             <li>
  82.                                 <span class="border_span"></span>
  83.                                 <a href="#">
  84.                                     Recent Projects
  85.                                     <span class="arrrow">&#9658;</span>
  86.                                 </a>
  87.                             </li>
  88.                             <li>
  89.                                 <span class="border_span"></span>
  90.                                 <a href="#">
  91.                                     Services
  92.                                     <span class="arrrow">&#9658;</span>
  93.                                 </a>
  94.                             </li>
  95.                             <li>
  96.                                 <span class="border_span"></span>
  97.                                 <a href="#">
  98.                                     Clients
  99.                                     <span class="arrrow">&#9658;</span>
  100.                                 </a>
  101.                             </li>
  102.                             <li>
  103.                                 <span class="border_span"></span>
  104.                                 <a href="#">
  105.                                     Solutions
  106.                                     <span class="arrrow">&#9658;</span>
  107.                                 </a>
  108.                             </li>
  109.                             <li>
  110.                                 <span class="border_span"></span>
  111.                                 <a href="#">
  112.                                     Contact us
  113.                                     <span class="arrrow">&#9658;</span>
  114.                                 </a>
  115.                             </li>
  116.                         </ul>
  117.                     </nav>
  118.                     <aside>
  119.                         <ul id="side_list">
  120.                             <li>
  121.                                 <time datetime="2007-03-02">02/03/07</time>
  122.                                 <p>
  123.                                     Even more websites all about website templates on
  124.                                     Just Web Templates
  125.                                 </p>
  126.                             </li>
  127.                             <li>
  128.                                 <time datetime="2007-03-01">01/03/07</time>
  129.                                 <p>
  130.                                     If you are looking for a beautiful and profesionally
  131.                                     made templates you can find them at Template Beauty
  132.                                 </p>
  133.                                 <a href="#">more</a>
  134.                             </li>
  135.                         </ul>
  136.                         <img id="bottom_logo" src="http://i.imgur.com/EvHTInG.png" alt="Bottom Logo" />
  137.                     </aside>
  138.                 </div>
  139.             </div>
  140.             <footer>
  141.                 Copyright &copy; 2007 Company Name All rights reserved.
  142.             </footer>
  143.         </div>
  144.     </div>
  145. </body>
  146. </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!