Scribd Logo
Upload

Welcome to Scribd!

  • Simple HTML Page

    Uploaded by

    vlado10305
    18 views5 pages
    HTML sample. Page contains articles that are organized for easy CSS styling.

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    HTML sample. Page contains articles that are organized for easy CSS styling.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    18 views5 pages

    Simple HTML Page

    Uploaded by

    vlado10305
    HTML sample. Page contains articles that are organized for easy CSS styling.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>Exercising HTML</title>
    <link rel="stylesheet" href="styles.css" type="text/css" />
    <script type="text/javascript" src="exercise.js"></script>
    </head>
    <body onload="setImage()">
    <div class="navigation">
    <img class="logo-img" src="http://s1.postimg.org
    /jm0fqa6yj/logo_hinttech.png" alt="Hinttech" title="Hinttech">
    <ul class="nav-list">
    <li><a href="">Home</a></li>
    <li><a href="">News</a></li>
    <li><a href="">Contact</a></li>
    <li><a href="">About</a></li>
    </ul>
    </div>
    <hr>
    <div class="container-row">
    <div class="articleOneThird">
    <div class="articleWrapper">
    <h3 class="article-title">Article Title<
    /h3>
    <img class="article-img-left" src="http:
    //s9.postimg.org/njttjo157/smiley.png" alt="smiley" title="Smiley">
    Lorem ipsum dolor sit amet, consectetur
    adipisicing elit,
    sed do eiusmod tempor incididunt ut labo
    re et dolore magna aliqua.
    Ut enim ad minim veniam, quis nostrud ex
    ercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in
    reprehenderit in voluptate velit esse ci
    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui
    officia deserunt mollit anim id est labo
    rum.
    <p><a href="">Read more...</a></p>
    </div>
    </div>
    <div class="articleOneThird">
    <div class="articleWrapper">
    <h3 class="article-title">Article Title<
    /h3>
    <img class="article-img-right" src="http
    ://s3.postimg.org/itqez2uu7/google_icon.png" alt="google_icon" title="Google">
    Lorem ipsum dolor sit amet, consectetur
    adipisicing elit,
    sed do eiusmod tempor incididunt ut labo
    re et dolore magna aliqua.
    Ut enim ad minim veniam, quis nostrud ex
    ercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in

    reprehenderit in voluptate velit esse ci


    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui
    officia deserunt mollit anim id est labo
    rum.
    <p><a href="">Read more...</a></p>
    </div>
    </div>
    <div class="articleOneThird">
    <div class="articleWrapper">
    <h3 class="article-title">Article Title<
    /h3>
    <img class="article-img-left" src="http:
    //s7.postimg.org/6rwx3nazr/youtube_icon.png" alt="youtube_icon" title="YouTube">
    Lorem ipsum dolor sit amet, consectetur
    adipisicing elit,
    sed do eiusmod tempor incididunt ut labo
    re et dolore magna aliqua.
    Ut enim ad minim veniam, quis nostrud ex
    ercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in
    reprehenderit in voluptate velit esse ci
    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui
    officia deserunt mollit anim id est labo
    rum.
    <p><a href="">Read more...</a></p>
    </div>
    </div>
    </div>
    <div class="container-row">
    <div class="articleOneHalf">
    <div class="articleWrapper">
    <h3 class="article-title">Article Title<
    /h3>
    <img class="article-img-right" src="http
    ://s3.postimg.org/itqez2uu7/google_icon.png" alt="google_icon" title="Google">
    Lorem ipsum dolor sit amet, consectetur
    adipisicing elit,
    sed do eiusmod tempor incididunt ut labo
    re et dolore magna aliqua.
    Ut enim ad minim veniam, quis nostrud ex
    ercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in
    reprehenderit in voluptate velit esse ci
    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui
    officia deserunt mollit anim id est labo
    rum. Duis aute irure dolor in
    reprehenderit in voluptate velit esse ci
    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui
    officia deserunt mollit anim id est labo

    rum. Duis aute irure dolor in


    reprehenderit in voluptate velit esse ci
    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui
    officia deserunt mollit anim id est labo
    rum. Duis aute irure dolor in
    reprehenderit in voluptate velit esse ci
    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui
    officia deserunt mollit anim id est labo
    rum.
    <p><a href="">Read more...</a></p>
    </div>
    </div>
    <div class="articleOneHalf">
    <div class="articleWrapper">
    <h3 class="article-title">Article Title<
    /h3>
    <img class="article-img-left" src="http:
    //s7.postimg.org/6rwx3nazr/youtube_icon.png" alt="youtube_icon" title="YouTube">
    Lorem ipsum dolor sit amet, consectetur
    adipisicing elit,
    sed do eiusmod tempor incididunt ut labo
    re et dolore magna aliqua.
    Ut enim ad minim veniam, quis nostrud ex
    ercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in
    reprehenderit in voluptate velit esse ci
    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui
    officia deserunt mollit anim id est labo
    rum.
    <p><a href="">Read more...</a></p>
    </div>
    </div>
    </div>
    <div class="container-row">
    <div class="articleOneThird">
    <div class="articleWrapper">
    <h3 class="article-title">Article Title<
    /h3>
    <img class="article-img-right" src="http
    ://s3.postimg.org/itqez2uu7/google_icon.png" alt="google_icon" title="Google">
    Lorem ipsum dolor sit amet, consectetur
    adipisicing elit,
    sed do eiusmod tempor incididunt ut labo
    re et dolore magna aliqua.
    Ut enim ad minim veniam, quis nostrud ex
    ercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in
    reprehenderit in voluptate velit esse ci
    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui

    officia deserunt mollit anim id est labo


    rum.
    <p><a href="">Read more...</a></p>
    </div>
    </div>
    <div class="articleOneThird">
    <div class="articleWrapper">
    <h3 class="article-title">Article Title<
    /h3>
    <img class="article-img-left" src="http:
    //s7.postimg.org/6rwx3nazr/youtube_icon.png" alt="youtube_icon" title="YouTube">
    Lorem ipsum dolor sit amet, consectetur
    adipisicing elit,
    sed do eiusmod tempor incididunt ut labo
    re et dolore magna aliqua.
    Ut enim ad minim veniam, quis nostrud ex
    ercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in
    reprehenderit in voluptate velit esse ci
    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui
    officia deserunt mollit anim id est labo
    rum.
    <p><a href="">Read more...</a></p>
    </div>
    </div>
    <div class="articleOneThird">
    <div class="articleWrapper">
    <h3 class="article-title">Article Title<
    /h3>
    <img class="article-img-left" src="http:
    //s9.postimg.org/njttjo157/smiley.png" alt="smiley" title="Smiley">
    Lorem ipsum dolor sit amet, consectetur
    adipisicing elit,
    sed do eiusmod tempor incididunt ut labo
    re et dolore magna aliqua.
    Ut enim ad minim veniam, quis nostrud ex
    ercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in
    reprehenderit in voluptate velit esse ci
    llum dolore eu fugiat nulla pariatur.
    Excepteur sint occaecat cupidatat non pr
    oident, sunt in culpa qui
    officia deserunt mollit anim id est labo
    rum.
    <p><a href="">Read more...</a></p>
    </div>
    </div>
    </div>
    <div class="container-row">
    <p id="bottom-img-wrapper">
    <img id="bottom-img" src="http://s29.postimg.org
    /pj879dg9f/sunrise.png" alt="Some text">
    </p>
    </div>

    <hr>
    <div id="footer">
    <p>Copyright ...</p>
    </div>
    </body>
    </html>

    You might also like