An HTML5 template containing the basic document structure.

<!DOCTYPE html>
<html>
    
    <head>
        <title>Title</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    
    <body>
        <div class="container">
            <div class="blog-post">
                <h1>My first blog post</h1>
                <p class="date">March 11th, 2015</p>
                <h2>This is my first blog post</h2>
                <p class="main-text">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. 
                </p>

                <a href="http://www.udemy.com" target="_blank">Link to udemy</a>
                <a href="logo.jpg" target="_blank">HTML logo</a>

                <h2>HTML is amazing</h2>
                <p class="main-text">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
                </p>
                <img src="logo.jpg" alt="The HTML5 logo">
            </div>
            
            <div class="other-posts">
                <div class="other">
                    The first other blog post
                </div>
                
                <div class="other">
                    Yet another blog post
                </div>
                
                <div class="other">
                    The best post ever: read this!
                </div>
            </div>
            
            <div class="clearfix"></div>
            
            <div class="author-box">
                <img src="author.jpg" alt="Author photo">
                <p class="author-text">Author Name</p>
            </div>
            
        </div>
        
        
    </body>
    
</html>