Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>MySite</title>
</head>

<body>
    <div id="main">
        <div class="container">
            <div id="header">
                <div id="logo">
                    <h1>Logo</h1>
                </div>
                <div id="tagline">
                    <h3>Good Writes Good Life.</h3>
                </div>
                <ul id="menu">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
            <!--end header -->

            <div id="content">
                <h2>Lorem ipsum, Dolor sit</h2>
                <h3>Nullam vulputate felis id odio interdum nec malesuada mi pretium. </h3>
                <p>Praesent luctus egestas nisl, vitae vehicula eros rhoncus vel. Phasellus consequat arcu eu neque convallis eu vulputate diam vehicula. In eget venenatis nisl. Vestibulum id nulla eu sapien pellentesque malesuada pharetra ac lacus. Curabitur
                    et ultricies quam. Aenean pretium aliquet velit, gravida vulputate urna tempus vel. </p>
                <p>Proin tempor erat sit amet nisl porta nec vulputate arcu imperdiet. Praesent luctus egestas nisl, vitae vehicula eros rhoncus vel. Phasellus consequat arcu eu neque convallis eu vulputate diam vehicula. In eget venenatis nisl. Vestibulum
                    id nulla eu sapien pellentesque malesuada pharetra ac lacus. Curabitur et ultricies quam. Aenean pretium aliquet velit, gravida vulputate urna tempus vel. Proin tempor erat sit amet nisl porta nec vulputate arcu imperdiet. </p>
                <div id="news">
                    <h3>Latest Updates</h3>
                    <h4>Vestibulum id nulla eu sapien pellentesque</h4>
                    <small>June 1, 2009</small>
                    <p>Ut vel turpis a orci pulvinar tincidunt. Mauris id purus turpis. Aliquam metus arcu, facilisis quis pellentesque vitae, dapibus non nulla. Nulla suscipit sagittis sodales. Etiam laoreet ante in purus laoreet id malesuada dui pretium.
                        <a href="#"> Read More</a>
                    </p>
                    <h4>Vestibulum id nulla eu sapien pellentesque</h4>
                    <small>June 1, 2009</small>
                    <p>Ut vel turpis a orci pulvinar tincidunt. Mauris id purus turpis. Aliquam metus arcu, facilisis quis pellentesque vitae, dapibus non nulla. Nulla suscipit sagittis sodales. Etiam laoreet ante in purus laoreet id malesuada dui pretium.
                        <a href="#"> Read More</a>
                    </p>
                </div>
                <!--end news-->
            </div>
            <!--end content-->

            <div id="sidebar">
                <div id="subscribe">
                    <h3>Subscribe!</h3>
                    <ul>
                        <li><a href="#">Subscribe via RSS</a></li>
                        <li><a href="#">Get Email Updates</a></li>
                        <li><a href="#">Follow us on Twitter</a></li>
                    </ul>
                </div>
                <div id="popular">
                    <h3>Popular Items</h3>
                    <ul>
                        <li><a href="#">Lorem ipsum dolor site amet</a></li>
                        <li><a href="#">Ulvinar tincidunt, Mauris id</a></li>
                        <li><a href="#">Lorem ipsum dolor site amet</a></li>
                        <li><a href="#">Proin tempor erat sit tene</a></li>
                    </ul>
                </div>
                <div id="contributors">
                    <h3>Contributors</h3>
                    <ul>
                        <li><a href="#">John Smith, freelance writer</a></li>
                        <li><a href="#">Jack McCoy, designer</a></li>
                        <li><a href="#">Lenny Briscoe, editor</a></li>
                        <li><a href="#">John Smith, martketing</a></li>
                    </ul>
                    <a href="#">Join Our Team</a>
                </div>
            </div>
            <!--end sidebar-->

        </div>
        <!--end main container-->
    </div>
    <!--end main-->

    <div id="footer">
        <div class="container">
            <div id="footer">
                <div class="container">
                    <p>donghan.cc © 2019 <br /> All Rights Reserved</p>
                </div>
                <!--end footer container-->
            </div>
            <!--end footer-->
        </div>
        <!--end footer container-->
    </div>
    <!--end footer-->
</body>

</html>