01css/index.html at gh-pages · dlingraham/01css · 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
<!DOCTYPE html>
    <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">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/custom.css">
    </head>
    <body>
        <h1>My Products</h1>
        <ul>
            <!-- start product -->
            <li class="one">
                <h3><a href="#">Product One</a></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus bibendum tincidunt risus sed tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla pellentesque massa at nunc pellentesque accumsan. Duis non nisi sit amet ex consequat sodales. Sed congue dolor a tortor viverra, ac consequat dui dignissim. Cras tristique lacinia odio sed finibus.</p>
            </li>
            <!-- product end -->
            <!-- start product -->
            <li class="two">
                <h3><a href="#">Product Two</a></h3>
                <p>Suspendisse feugiat a magna ut malesuada. Aliquam erat volutpat. Vivamus tincidunt tristique mauris, vitae venenatis nisl sollicitudin vel. Aliquam vehicula venenatis magna vitae porttitor. Nam euismod sagittis libero, sit amet aliquam eros semper ac. Aliquam euismod justo augue, sit amet tempor mauris volutpat et. Nulla est dolor, commodo ut dui nec, ultrices accumsan arcu.</p>
            </li>
            <!-- product end -->
            <!-- start product -->
            <li class="three">
                <h3><a href="#">Product Three</a></h3>
                <p>Cras bibendum blandit augue, quis fermentum lectus. Aenean nec cursus elit. Cras luctus mauris orci, sed scelerisque nulla congue nec. Donec scelerisque dui eget purus suscipit, sit amet commodo massa efficitur. Nulla facilisi. Aliquam non bibendum elit. Integer a imperdiet neque. Donec luctus felis lectus, non lobortis libero suscipit consectetur. In magna tortor, placerat ut tincidunt eu, egestas non tortor.</p>
            </li>
            <!-- product end -->
        </ul>
    </body>
</html>