01_HTML/index.html at master · dlingraham/01_HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/blog.css">
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Demo starts here -->
        <div class="container">
            <h1>My First Post</h1>
                <div class="byline">Posted by David Ingraham on Jan. 20, 2015</div>
                <div class="post">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis interdum libero in est accumsan, sed hendrerit lectus semper. In vitae nulla at nunc luctus placerat ac vel sem. Ut mollis purus quam, eget luctus orci pulvinar eget. Vivamus semper urna at laoreet egestas. In quis arcu elementum, faucibus ipsum ac, condimentum orci. Proin pretium mollis velit vel consequat. Duis a ante dapibus, posuere augue in, elementum lectus. Quisque ultrices scelerisque tortor, at porttitor massa sodales et. Nullam pharetra aliquam accumsan. Nulla pretium, tortor a interdum facilisis, lorem mauris tempor nisi, id ornare orci massa eget nunc. Quisque eu ullamcorper turpis, eget facilisis velit. Donec egestas vitae ex vitae lacinia. Suspendisse et mi porta est suscipit vulputate a at turpis. Pellentesque ac nulla ultrices, semper arcu eu, venenatis turpis. Sed rutrum sem lorem, luctus placerat nibh mattis sed.</p>

                <p>Vivamus at libero id diam rutrum interdum. Sed at faucibus leo. Vivamus turpis lacus, cursus id pretium id, dictum eget odio. Sed dignissim justo vitae ultricies cursus. Praesent scelerisque orci quis felis gravida cursus. Duis in libero vitae velit euismod pellentesque. Maecenas lobortis purus vel gravida tristique. Duis eu diam dolor. Morbi volutpat, dui in iaculis tincidunt, purus arcu accumsan nibh, ut tristique ligula felis eget felis. Nulla a mollis quam, ut fermentum felis. Mauris odio turpis, consectetur a ante et, condimentum ullamcorper felis. Fusce pretium justo eu tellus blandit, id eleifend ante vulputate. Fusce pulvinar erat quis urna cursus eleifend in id turpis.</p>

                <p>Quisque vehicula nulla interdum, malesuada metus id, sagittis orci. Etiam finibus, sapien vehicula rutrum congue, justo massa consequat neque, quis sodales nibh ligula a nulla. Suspendisse odio metus, laoreet sit amet efficitur non, porta sagittis nisl. Suspendisse aliquet vel nibh nec tempus. Nam dolor lorem, rutrum nec rutrum sed, suscipit at mi. Nam mauris sapien, egestas ut mi ac, faucibus finibus ligula. Nam metus ex, molestie vel nunc a, finibus laoreet nunc. Pellentesque tincidunt placerat tortor quis placerat. Aliquam vitae egestas est, at rutrum diam. Donec volutpat diam elit, non consequat felis aliquet ut. Vestibulum dignissim pharetra lacus, in blandit nisi maximus quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec nec massa scelerisque, porta neque vel, efficitur mauris. Nullam vulputate vulputate vulputate.</p>
                </div>
        </div>


        <!-- End Demo -->
    </body>
</html>