index.html

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

<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/index.css" />
<title>Home</title>
</head>

<body>
<div id="page_header">
    Home
</div>

<div id="user_info">
    <a href="/login">Login</a>
</div>

<div id="boxes">
    <div id="left_content_box">
        <header>News</header>
        <section>
            <header>Headline one</header>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat urna eu massa rhoncus sit amet fringilla ligula suscipit. Aliquam id nisi eget ipsum ultrices egestas. Phasellus quam sapien, ullamcorper eu convallis sit amet, gravida vel ligula. Fusce aliquet, odio non iaculis sagittis, erat purus placerat erat, quis imperdiet nisi orci a arcu. Duis at lectus at libero cursus lobortis. Sed a nisl purus, nec tristique nisl. Cras ultrices elementum nibh non molestie. Pellentesque lobortis pellentesque justo, et cursus nunc accumsan id. Proin imperdiet facilisis sapien. Suspendisse adipiscing dui orci, eget sagittis sem. Ut bibendum tempor pulvinar. Cras quis laoreet elit.</p>

            <header>Headline two</header>
            <p>Morbi consectetur vestibulum mattis. Maecenas gravida justo non sem pulvinar quis fringilla ipsum commodo. Vivamus ultricies scelerisque dolor ut placerat. Fusce dignissim porta tellus, at placerat magna dapibus vel. Maecenas pulvinar, justo eget ultrices auctor, magna metus ultrices nibh, nec molestie tellus tellus eu ligula. Mauris vitae justo nisi. Pellentesque turpis libero, tempor eu ultricies in, fringilla ut nisl. Nunc id urna odio. Integer scelerisque porttitor commodo. Vivamus ac pulvinar dolor. Pellentesque vulputate, metus vel porttitor venenatis, turpis eros porta nibh, in volutpat erat ligula at quam. Fusce quis faucibus dui. Praesent sit amet turpis magna, sed aliquet nisl. Vivamus feugiat quam non tortor aliquet nec aliquet erat dapibus. Aliquam erat volutpat. Proin blandit felis risus, egestas tempor nibh.</p>

            <header>Headline three</header>
            <p>Vivamus non odio id nisl fringilla accumsan ac ac lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras sagittis placerat neque ac dignissim. Nam bibendum, libero non aliquam sollicitudin, nibh lectus aliquet odio, a vestibulum tortor leo ut elit. Morbi pretium pulvinar rhoncus. Praesent sit amet sapien enim. Nam quis ligula neque, at consequat diam. Aenean sagittis pellentesque tristique. Nunc dictum, libero a pharetra consequat, massa turpis mollis sem, tempus facilisis sapien nibh id nunc. In nec ligula ante, in condimentum mauris.</p>
        </section>
    </div>
</div>
</body>

</html>