Untitled


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Blog</title>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:400,500,700,800">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700">
        <link rel="stylesheet" href="http://localhost/blog/public/css/app.css">
    </head>
    <body>
            <div class="image-header">
    <img src="https://download.unsplash.com/photo-1429051883746-afd9d56fbdaf" alt="code" class="image-header__image">
</div>
        <div class="container">
                <article class="article">
        <div class="author">
            <img src="http://localhost/blog/public/img/concept.jpg" alt="Abdul  Haseeb" class="author__image">
            <div class="author__details">
                <a href="https://twitter.com/abbhaz65" class="author__name">Abdul  Haseeb</a>
                <div class="author__post-time">7 hours ago</div>
            </div>
        </div>

        <h1 class="article__header">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, neque!</h1>
        <h2 class="article__subheader">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis quod eos, atque itaque similique nulla adipisci quaerat totam nemo. Cum dolore ad, laudantium explicabo ipsa fugit, rem necessitatibus soluta commodi!</h2>
        <div class="article__body">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet molestiae soluta magni, omnis amet beatae distinctio aspernatur at, atque dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem explicabo iure consequuntur excepturi autem modi asperiores perferendis quidem commodi assumenda tempore, harum delectus, minima aliquam suscipit magnam reiciendis voluptate iusto sit. Itaque et expedita dicta. Laboriosam voluptatibus, exercitationem, reprehenderit harum porro ipsum blanditiis maxime quasi quidem ab repellendus placeat explicabo possimus. Cumque atque quas repudiandae provident, alias, voluptatem eos libero.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minima deleniti ea iste, distinctio voluptatibus incidunt beatae ipsa rerum veniam soluta alias tempora tempore maiores fuga at, repudiandae veritatis ullam eos reprehenderit aliquam iusto. Consequuntur repellendus ipsa, optio nostrum autem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet molestiae soluta magni, omnis amet beatae distinctio aspernatur at, atque dolorem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem explicabo iure consequuntur excepturi autem modi asperiores perferendis quidem commodi assumenda tempore, harum delectus, minima aliquam suscipit magnam reiciendis voluptate iusto sit. Itaque et expedita dicta. Laboriosam voluptatibus, exercitationem, reprehenderit harum porro ipsum blanditiis maxime quasi quidem ab repellendus placeat explicabo possimus. Cumque atque quas repudiandae provident, alias, voluptatem eos libero.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minima deleniti ea iste, distinctio voluptatibus incidunt beatae ipsa rerum veniam soluta alias tempora tempore maiores fuga at, repudiandae veritatis ullam eos reprehenderit aliquam iusto. Consequuntur repellendus ipsa, optio nostrum autem.</p>

        </div>

                    <a href="http://localhost/blog/public/posts/web-development" class="tag">Web Development</a>
                    <a href="http://localhost/blog/public/posts/web-design" class="tag">Web Design</a>

    </article>
        </div>
    </body>
</html>