API tools faq
paste
Advertisement
wclendining

HTMLTestPageComplete

wclendining
Mar 24th, 2015
489
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.    <head>
  4.    <title>Sample WordPress Theme Page</title>
  5.    <link rel="stylesheet" type="text/css" media="all" href="style.css" />
  6.    </head>
  7.    <body>
  8.    <nav id="global">
  9.       global navigation stuff <a href="#">goes here</a>.
  10.    </nav>
  11.    <header>
  12.       <h1>This is my site</h1>
  13.       <p id="tag-line">Our site tag line goes here.</p>
  14.    </header>
  15.    <nav id="cardinal">
  16.       <ul>
  17.       <li><a href="#">cardinal</a></li>
  18.       <li class="current-menu_item"><a href="#">navigation</a>
  19.          <ul>
  20.          <li><a href="#">search</a></li>
  21.          <li><a href="#">links</a></li>
  22.          <li><a href="#">nav bars</a>
  23.             <ul>
  24.             <li><a href="#">cardinal</a></li>
  25.             <li class="current_page_item"><a href="#">local</a></li>
  26.             <li><a href="#">footer</a></li>
  27.             </ul>
  28.          </li>
  29.          <li><a href="#">site maps</a></li>
  30.          </ul>
  31.       </li>
  32.       <li><a href="#">stuff</a></li>
  33.       <li><a href="#">goes</a></li>
  34.       <li><a href="#">here</a></li>
  35.       </ul>
  36.    </nav>
  37.    <div id="main">
  38.       <nav id="leftbar">
  39.          <h2>What to do?</h2>
  40.          <ul>
  41.          <li><a href="#">You must do this</a></li>
  42.          <li><a href="#" class="current_page_item">or perhaps this</a></li>
  43.          <li><a href="#">but never this</a></li>
  44.          </ul>
  45.       </nav>
  46.       <aside id="rightbar">
  47.          <p>This is the right sidebar content.</p>
  48.          <h2>With a title</h2>
  49.          <ul>
  50.          <li>item one</li>
  51.          <li>item two</li>
  52.          </ul>
  53.          <img src="" width=160 height=600 alt="Wide Skyscraper: 160 x 600" />
  54.       </aside>
  55.       <article>
  56.          <nav id="breadcrumbs">
  57.             <a href="#">home</a> > <a href="#">next level</a> > this page
  58.          </nav>
  59.          <h1>Integer bibendum pharetra</h1>
  60.          <p>Nullam vulputate massa felis, non dapibus massa faucibus vel. Mauris sed mollis dui. Aenean non eros vitae metus accumsan consectetur. Fusce suscipit neque ac fermentum volutpat. Maecenas sed justo ipsum. Nullam in justo eu dolor pellentesque cursus.</p>
  61.          <div style="width: 200px" class="wp-caption alignnone"><img alt="Figure 1: Guess what." src="" width="200" height="119" /></a><p class="wp-caption-text">Figure 1: Guess what?.</p></div>
  62.          <h2>Maecenas sed justo</h2>
  63.          <p>In quis augue viverra, sagittis urna lacinia, dignissim magna. Suspendisse blandit tortor eu vehicula pretium. Vivamus sem erat, molestie sit amet lectus et, viverra mollis tortor. In tempus leo erat, ut vehicula quam congue vitae. </p>
  64.          <div style="width: 200px" class="wp-caption alignleft"><img alt="Figure 1: Guess who." src="" width="200" height="119" /></a><p class="wp-caption-text">Figure 1: Guess who?.</p></div>
  65.          <h3>Fusce suscipit neque</h3>
  66.          <p>Nullam in massa nisl. Proin dui mauris, molestie non ultrices vel, fermentum non turpis.</p>
  67.          <h4>Proin faucibus vitae odio</h4>
  68.          <p>Quisque auctor metus nec posuere iaculis.</p>
  69.          <h5>Cras porta nec mauris</h5>
  70.          <p>Fusce imperdiet, metus ut ultricies imperdiet, turpis massa suscipit nisl, at tincidunt dolor sapien ac dui.</p>
  71.          <h6>In rhoncus</h6>
  72.          <p>Phasellus accumsan diam vitae nisl eleifend hendrerit. Maecenas vestibulum libero arcu, quis pulvinar metus sodales eget.</p>
  73.          <ul>
  74.          <li>Proin <a href="#">faucibus vitae</a></li>
  75.          <li>Odio ut sodales</li>
  76.          <li>Praesent at mauris elit
  77.             <ol>
  78.             <li>Cras <a href="#">porta nec mauris sit amet</a></li>
  79.             <li>In rhoncus quam</li>
  80.             </ol>
  81.          </li>
  82.          <li>At fermentum fermentum</li>
  83.          <li>leo nisi pharetra lorem</li>
  84.          </ul>
  85.          <div style="width: 200px" class="wp-caption alignright"><img alt="Figure 1: Guess when." src="" width="200" height="119" /></a><p class="wp-caption-text">Figure 1: Guess when?.</p></div>
  86. <p>Aliquam eu lectus hendrerit, faucibus turpis vitae, viverra ligula. Pellentesque et congue odio. Duis sit amet congue magna, eu gravida nisi. In ac vehicula enim, ac ultricies ligula. Nullam vulputate massa felis, non dapibus massa faucibus vel. Mauris sed mollis dui. Aenean non eros vitae metus accumsan consectetur.</p>
  87.          <footer id="pagefoot">
  88.             <cite>Date modified: just now!</cite>
  89.          </footer>
  90.       </article>
  91.    </div>
  92.    <footer>
  93.       <div class="TopRow">
  94.          <div class="LeftSide">
  95.             <h2>The left, top footer</h2>
  96.             <ul>
  97.             <li><a href="#">link 1</a></li>
  98.             <li><a href="#">link 2</a></li>
  99.             </ul>
  100.          </div> <!-- end of the left top -->
  101.          <div class="RightSide">
  102.             <h2>The right, top footer</h2>
  103.             <ul>
  104.             <li><a href="#">link 1</a></li>
  105.             <li><a href="#">link 2</a></li>
  106.             <li><a href="#">link 3</a></li>
  107.             </ul>
  108.          </div> <!-- end of the right top -->
  109.          <div class="Centre">
  110.             <h2>The centre, top footer</h2>
  111.          </div> <!-- end of the centre top -->
  112.       </div> <!-- end of the top -->
  113.       <div class="BottomRow">
  114.          <cite>This is the footer Copyright &copy; today</cite>
  115.       </div> <!-- end of the bottom -->
  116.    </footer>
  117.    </body>
  118. </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!