HTML-CSS-V2/index.html at master · susansmith/HTML-CSS-V2 · 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!doctype html>
<html>
  <head>
      <title>Orange Mugs Are Awesome</title>
      <meta name="viewport" content="initial-scale=1, maximum-scale=1">
      <meta charset="UTF-8">
      <link rel="stylesheet" href="http://meyerweb.com/eric/tools/css/reset/reset.css">
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <div class="container">
        <!-- Header -->
        <div class="row">
            <div class="col-md-12">
                <h1>Orange Udacity Mug</h1>
            </div>
        </div>
        <!-- Body -->
        <div class="row">
            <!--Left Column -->
            <div class="col-md-5 logo" style="height:100%">
            <!-- Logo -->
            <div><img src="images/udacity-mug.png" alt="Udacity Mug" height="330" width="330">
            </div>
            <!-- Aside -->
            <div class="aside">
                <h2>Main Features</h2>
                <ul>
                    <li>Holds your favorite drink</li>
                    <li>Energizing color</li>
                    <li>Reminds you to learn</li>
                </ul>
            </div>
        </div>
        <!-- Right column with main text -->
        <div class="col-md-7 main">
            <h2>A Good Way to Start a Day</h2>
            <p>Bacon ipsum dolor amet brisket occaecat swine in adipisicing. Et voluptate dolore leberkas tail chicken pork. Sed pork loin exercitation pork short ribs voluptate. Beef ribs ad magna ribeye, sed bacon cupidatat ut in.</p>

            <p>Consequat magna culpa, sirloin meatloaf drumstick dolore. Porchetta fatback bresaola, laboris chicken pork loin shankle in pastrami jerky tenderloin. Venison laboris eiusmod leberkas brisket labore ribeye hamburger minim sunt meatloaf commodo dolore t-bone. Tongue reprehenderit excepteur beef pork t-bone ea est aliqua chuck pork chop hamburger ball tip. In boudin short ribs irure, non ribeye porchetta. Sunt chicken sausage esse meatball jerky tail swine irure venison boudin veniam officia consequat culpa.</p>

            <p>Biltong mollit incididunt labore pancetta ex enim shank sirloin nisi cillum swine. Mollit sausage rump capicola turkey id. Beef ground round cupidatat ham turducken beef ribs corned beef ball tip incididunt dolore sirloin capicola spare ribs. Occaecat veniam tongue laboris bresaola pancetta fugiat ea pastrami. Pork belly pariatur tail sausage sint corned beef, short loin bresaola id nostrud consequat shankle officia ut. Boudin laborum hamburger dolore et.</p>

            <p>Commodo short loin tongue duis tri-tip, aliqua labore aute velit non ball tip. Proident eu laboris biltong cillum cow chuck pork chop drumstick excepteur aliquip. Non short ribs ex voluptate brisket dolore. Salami nulla t-bone, tongue laboris consectetur shankle pariatur. Fatback esse velit shank in commodo chuck turducken kevin eiusmod nulla.</p>

            <p>Ut cillum strip steak venison. Excepteur ex short loin ullamco shankle. Non capicola ea, cillum enim sint nisi porchetta irure leberkas meatloaf cupidatat bacon anim. Irure strip steak tongue drumstick ribeye, eiusmod consectetur sed qui capicola sunt filet mignon sausage. Ball tip lorem salami corned beef beef, ham shoulder laborum non incididunt pastrami andouille. Pork strip steak hamburger frankfurter capicola, eiusmod boudin swine porchetta nulla nostrud pork belly est tail. Pork bresaola shankle filet mignon capicola spare ribs swine qui in.</p>

          </div><!-- end right column div -->
        </div>  <!-- end body div -->
    </div><!-- end container div -->
</body>
</html>