<!DOCTYPE html>
<html>
 <head>
     <title>Blog</title>
</head>
<body>
    <nav>
 			<ul>
 				<li>Home</li>
 				<li>About Me</li>
 				<li>Projects</li>
 				<li>Blog</li>
 				<li>Contact</li>
 			</ul>
     </nav>
    <h1>1.2 Tech Blog post</h1>
    <a href="https://www.facebook.com/shelal"><img src="http://www.sarkarinaukri.careers/images/socialicons/facebook-small-icon.jpg" alt="Facebook"></a>
    <a href="https://twitter.com/SabrisJourney"><img src="http://www.sarkarinaukri.careers/images/socialicons/twitter-small-icon.jpg" alt="Twitter"></a>
    <a href="mailto:sabri.helal@gmail.com"><img src="http://cdn.osxdaily.com/wp-content/uploads/2013/12/mail-iphone.jpg" alt="Mail"></a>
        <hr>
    <img src="">
    <article>
        <h2>Sub-Heading</h2>
        <p></p>
        <h3>Sub-Heading 2</h2>
        <p></p>
    </article>
    <footer>
        Posted November 19th, 2015
     </footer>
</body>
</html>
<!--
How was it to wireframe and create an HTML page with a pair?
-It actually was really nice and helped me out a great deal.  I had already done 2.8 and I think I was making it to complicated.  My partner helped me understand better what we were doing and feel much better about the whole process.
Did you find wireframing to be helpful to your development process?
-Yes, much so.  With a wireframe to look at it was quite easy to add the HTML elements that corresponded with it.
What did you and your pair decide made a good wireframe?
-We decided a good wireframe had all the elements needed laid out to add to the html.
What new semantic elements did you learn about (if any)?
-I don't think we learned anything really new.  Both of us had used it all before for other assignments and understood what we were doing.
-->
![](../imgs/wireframe-blog.png)
Add 2.7 reflections and blog template image
Add 2.7 reflections and blog template image
