Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,3 +3,5 @@ assignment_markup_warmup_sprint

And 1 and 2! And 1, and 2...!
[An HTM5 and CSS3 project from the Viking Code School](http://www.vikingcodeschool.com)

Jacob Farenci
102 changes: 102 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
<!DOCTYPE html><html>
<head>
<title>Lorem Micro Blog</title>
</head>

<!---TOPMOST NAVBAR----------------------------------------------->
<nav id="navbar">
<h1>The Lorem Micro Blog</h1>
</nav>
<!---------------------------------------------------------------->
<!---TITLE BOX---------------------------------------------------->
<header id="titlebox">
<h1>The Lorem Micro Blog</h1>
<h2>By Foo Bar</h2>
</header>
<!---------------------------------------------------------------->
<!---FIXED AD BOX------------------------------------------------->
<aside id="ad1">
<h1>Check out my vertically centered ad!</h1>
<div id="ad1ad">
<img src="https://searchengineland.com/figz/wp-content/seloads/2017/02/google-adwords-green-outline-ad-2017-1920.png" alt="ad">
</div>
</aside>
<!---------------------------------------------------------------->

<body>
<!---POST 1------------------------------------------------------->
<section id="post1" class="post">
<header>
<h1>A Most Posty Post</h1>
<time datetime="2000-01-03">Written 1/3/2000</time>
</header>
<!---------------------------------------------------------------->
<div class="postbody">
<h1>First Thoughts...</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<!---------------------------------------------------------------->
<div class="postbody">
<h1>Additional Thoughts...</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</section>
<!---------------------------------------------------------------->
<!---POST 2------------------------------------------------------->
<section id="post2" class="post">
<header>
<h1>Another Posty Post</h1>
<time datetime="2000-01-02">Written 1/2/2000</time>
</header>
<!---------------------------------------------------------------->
<div class="postbody">
<h1>Only Thoughts...</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</section>
<!---------------------------------------------------------------->
<!---POST 3------------------------------------------------------->
<section id="post3" class="post">
<header>
<h1>A Posty Post</h1>
<time datetime="2000-01-01">Written 1/1/2000</time>
</header>
<!---------------------------------------------------------------->
<div class="postbody">
<h1>Be it Resolved</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

<p>Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.</p>
</div>
</section>
<!---------------------------------------------------------------->
</body>

<!---BOTTOM FOOTER------------------------------------------------>
<footer id="footer">
<div id="copyright">
<p>This copyrighted telecast is presented by the autority of
the Office of the Commissioner of Blogging. It may not be
reproduced or retransmitted in any form, and the accounts
and descriptions of this game may not be disseminated,
without express written constent.</p>
</div>
</footer>
<!---------------------------------------------------------------->

</html>
Loading