-
Brandon Rodriguez authored3f7b74dd
testPage.html 13.10 KiB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name= "viewport" content= "width=device width, initial-scale=1.0">
<link rel= "stylesheet" href= "css/site.css">
<link rel= "stylesheet" href= "css/images.css">
<link rel= "stylesheet" href= "css/desktop.css" media= "only screen and (min-width: 1025px)">
<link rel= "stylesheet" href= "css/laptop.css" media= "only screen and (min-width: 769px) and (max-width: 1024px)">
<link rel= "stylesheet" href= "css/tablet.css" media= "only screen and (min-width: 321px) and (max-width: 768px)">
<link rel= "stylesheet" href= "css/phone.css" media= "only screen and (max-width: 320px)">
<title> Final Website: Art Things </title>
</head>
<body>
<div id= "wrapper" class= "bodyTexture">
<img src= "images/thumbs/LogoThumb.png" alt= "Website Logo" id= "headerLogo">
<div id= "leftColumn" class= "desktop roundedTop roundedBottom">
<nav class= "navMain">
<ul>
<span class= "navSec navHome">
<span class= "mainSec">
<li>
<a href= "index.html"> Home </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "about.html"> About </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "gallery.html"> Gallery </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "contact.html"> Contact </a>
</li>
</span>
</span>
<span class= "navSec navTraditional">
<span class= "mainSec">
<li>
<a href= "traditional.html"> Traditional Art </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "lineart.html"> Line Art </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "shading.html"> Shading </a>
</li>
</span>
</span>
<span class= "navSec navDigital">
<span class= "mainSec">
<li>
<a href= "digital.html"> Digital Art </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "warmups.html"> Warm Ups </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "photoshop.html"> Photoshop </a>
</li>
</span>
</span>
</ul>
</nav>
</div>
<div id= "rightColumn" class= "roundedTop">
<header class= "roundedTop roundedBottom">
<hgroup>
<h1> <span id= "hLetter"> A</span>rt Things </h1>
<h3> Subtitle Stuff </h3>
</hgroup>
</header>
<nav class= "navMain mobile">
<ul>
<span class= "navSec navHome">
<span class= "mainSec">
<li>
<a href= "index.html"> Home </a>
</li>
</span>
<br>
<span class= "minorSec">
<li>
<a href= "about.html"> About </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "gallery.html"> Gallery </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "contact.html"> Contact </a>
</li>
</span>
</span>
<span class= "navSec navTraditional">
<span class= "mainSec">
<li>
<a href= "traditional.html"> Traditional Art</a>
</li>
</span>
<br>
<span class= "minorSec">
<li>
<a href= "lineart.html"> Line Art </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "shading.html"> Shading </a>
</li>
</span>
</span>
<span class= "navSec navDigital">
<span class= "mainSec">
<li>
<a href= "digital.html"> Digital Art </a>
</li>
</span>
<br>
<span class= "minorSec">
<li>
<a href= "warmups.html"> Warm Ups </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "photoshop.html"> Photoshop </a>
</li>
<span class= "minorSec">
</span>
</ul>
</nav>
<div id= "bodyContainer" class= "roundedTop roundedBottom contentTexture">
<section id= "bodyHeader">
<h2> PageTitle </h2>
<hr>
</section>
<div id= "bodyContent">
<article>
<figure class= "" id= "">
<img src= "" alt= "">
<figcaption> </figcaption>
</figure>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dignissim pulvinar magna nec iaculis. Nulla congue, diam et tincidunt finibus, sem ipsum gravida eros, a porta justo erat a ante. Maecenas posuere, sapien vel tempus hendrerit, quam metus blandit neque, in sagittis mi nunc sed purus. Quisque vitae aliquet est, quis dapibus mauris. Sed sed tellus sagittis, dictum nibh quis, iaculis ipsum. Etiam viverra eu metus quis bibendum. Maecenas tincidunt tempor luctus. Praesent consequat placerat iaculis. Etiam semper sollicitudin massa eu consequat. Pellentesque fringilla sagittis quam quis vulputate. Praesent ut sapien eget risus laoreet rhoncus sed vitae mauris. Sed faucibus tincidunt ligula ac scelerisque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p>   In consequat justo nisi, quis euismod justo cursus at. Integer pharetra eget purus vehicula maximus. Suspendisse potenti. Cras in ultricies mauris. Mauris semper nunc massa, eu suscipit ipsum molestie nec. Proin non elit ac nibh sagittis dapibus. Duis in nibh nec nulla dapibus viverra. Mauris varius mi turpis, in imperdiet dolor pretium quis. Curabitur molestie dui at justo imperdiet, vitae lacinia massa tincidunt. </p>
<p>   Vestibulum sit amet nisi posuere, fringilla magna sit amet, commodo mi. Vivamus nisl ex, commodo eu dignissim quis, sodales et neque. Morbi eu ex id nulla commodo scelerisque eget ac eros. Proin ut dolor id arcu elementum lobortis. Phasellus fermentum laoreet lectus, eget imperdiet ipsum dictum a. Nam suscipit, ipsum a varius efficitur, enim dolor commodo magna, a finibus quam ex sit amet libero. Nunc varius mi quis sapien venenatis auctor. Donec in elementum purus. </p>
<p>   Proin purus lacus, varius eget eleifend id, congue vel enim. Nam vulputate euismod ipsum, accumsan ornare neque mollis at. Proin ornare dictum nulla eget aliquet. Pellentesque convallis cursus ligula, rutrum tincidunt leo bibendum consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lobortis nisi at velit posuere, ut consectetur odio mollis. Curabitur rutrum sapien velit, sit amet rutrum sapien eleifend feugiat. In dictum ex risus, eu aliquet mauris faucibus vitae. </p>
<p>   Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum libero ante, fringilla quis lorem non, aliquam faucibus felis. Quisque scelerisque magna nec lobortis lobortis. Fusce accumsan maximus mauris, eu molestie est mattis cursus. Phasellus interdum arcu vitae lectus blandit gravida. Nunc ut sodales elit, eget aliquet massa. Phasellus vel tortor tempus, suscipit risus aliquam, ornare tellus. Morbi finibus, leo sit amet maximus faucibus, elit ex facilisis felis, vel placerat lacus elit ut massa. Phasellus ut venenatis diam, vel auctor odio. Phasellus sit amet quam vitae diam pellentesque fermentum sit amet eget nunc. Nulla mattis tortor vel mi commodo, ac luctus purus suscipit. Aliquam blandit lectus non aliquet aliquam. In sed turpis nulla. </p>
</article>
</div>
<footer class= "roundedBottom">
<div class= "footerContent">
<img src= "images/thumbs/LogoThumb.png" alt= "Website Logo" id= "footerLogo">
<nav>
<ul>
<span class= "navSec navHome">
<span class= "mainSec">
<li>
<a href= "index.html"> Home </a>
</li>
</span>
<br>
<span class= "minorSec">
<li>
<a href= "about.html"> About </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "gallery.html"> Gallery </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "contact.html"> Contact </a>
</li>
</span>
</span>
<span class= "navSec navTraditional">
<span class= "mainSec">
<li>
<a href= "traditional.html"> Traditional </a>
</li>
</span>
<br>
<span class= "minorSec">
<li>
<a href= "lineart.html"> Line Art </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "shading.html"> Shading </a>
</li>
</span>
</span>
<span class= "navSec navDigital">
<span class= "mainSec">
<li>
<a href= "digital.html"> Digital </a>
</li>
</span>
<br>
<span class= "minorSec">
<li>
<a href= "warmups.html"> Warm Ups </a>
</li>
</span>
<span class= "minorSec">
<li>
<a href= "photoshop.html"> Photoshop </a>
</li>
</span>
</span>
</ul>
</nav>
</div>
</footer>
</div>
</div>
</div>
</body>
</html>