Second source code of HTML

 <!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="width=device-width, initial-scale=1.0">
    <title>My Blog</title>
    <style>
        #main-header{
            text-aligncenter;
            background-colorblack;
            colorwhite;
            padding10px;
        }
        #main-footer{
            text-aligncenter;
            font-sizesmall;
            background-colorrgb(185179179);
        }
    </style>
</head>

<body>
    
    <header id="main-header">
        <h1>My website</h1>
    </header>
    <section>
        <a href="index.html">Home</a>
        <article class="post">
            <h3>Blog post 1</h3>
            <small>Posted by Harsh on 26 March</small>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Nobis praesentium eligendi delectus sapiente autem distinctio,
                tenetur excepturi neque laborum nostrum itaque rerum pariatur
                molestias architecto explicabo, ex quam illo quia.
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus,
                quae aspernatur quod ipsa excepturi, repellat distinctio dignissimos
                omnis sunt aliquam autem. Repellat commodi, provident eligendi ipsum
                id architecto voluptas ab!
                <a href="post.html" target="_blank">Read More</a>
            </p>
        </article>
        <article class="post">
            <h3>Blog post 2</h3>
            <small>Posted by Harsh on 26 March</small>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Nobis praesentium eligendi delectus sapiente autem distinctio,
                tenetur excepturi neque laborum nostrum itaque rerum pariatur
                molestias architecto explicabo, ex quam illo quia.
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus,
                quae aspernatur quod ipsa excepturi, repellat distinctio dignissimos
                omnis sunt aliquam autem. Repellat commodi, provident eligendi ipsum
                id architecto voluptas ab!
                <a href="post.html" target="_blank">Read More</a>
            </p>
        </article>
        <article class="post">
            <h3>Blog post 3</h3>
            <small>Posted by Harsh on 26 March</small>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Nobis praesentium eligendi delectus sapiente autem distinctio,
                tenetur excepturi neque laborum nostrum itaque rerum pariatur
                molestias architecto explicabo, ex quam illo quia.
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus,
                quae aspernatur quod ipsa excepturi, repellat distinctio dignissimos
                omnis sunt aliquam autem. Repellat commodi, provident eligendi ipsum
                id architecto voluptas ab!
                <a href="post.html" target="_blank">Read More</a>
            </p>
        </article>
    </section>
    <aside>
        <h3>Categories</h3>
        <ul>
            <li>Category 1</li>
            <li>Category 2</li>
            <li>Category 3</li>
        </ul>
    </aside>
    <footer id="main-footer">
        <p>Copyright &copy; 2018 , Harsh Technologies</p>
    </footer>
</body>

</html>

Comments

Popular posts from this blog

Height of the Tree.

Insert and delete item in a BST

Multiple parenthesis balancing problem using stacks