Project1_HTML/index.html at master · maveagle1/Project1_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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
    <head>
      <meta charset="utf-8">
      <title>Morning Coffee</title>
      <link rel="stylesheet" href="style.css"
      <link rel="https://fonts.googlepis.com/css?family=Amiko"rel="stylesheet"
    </head>

  <body>

      <!-- header -->
     <header>
           <div class="wrapper">   <!-- Header Content -->
               <h1>Morning Coffee</h1>
           </div><!-- END Wrapper -->
     </header>

     <main>
       <div class="wrapper"> <!-- Start main wrapper -->
        <div class="center">
            <!-- Wrap this around all the page content that is not in the header & footer -->
            <!-- Make sure your image is saved locally -->
            <img src="file:Coffee_Cup.jpeg" width="600" alt="Coffee cup beside bed in the morning.">
        </div>
           <!--  <h1>Page Title</h1> -->
           <h1>The Delicious Cup</h1>

           <p> Is there anything more satisfying than a first sip of coffee in
               morning?  Whether you're a latte drinker or you can take it black,
               there's no question that coffee is energizing and unbelievably
               delicious.  Plus, that smell.  It's unreal.
          </p>

          <p> We could go on and on about how great coffee tastes, but let's be real.
              you already know that.  So in honor of everyone's favorite hot.
              beverage, here are a few things you probably didn't known about your
              mornining cup of coffee.
          </p>


           <h2>Did You Know?</h2>
           <ul>
              <li>We dring over <b>500 billion</b> cups of coffee year worldwide. </li>
              <li>If you're a women who drinks coffee, maybe at <b>low risk</b>. </li>
              <li>Coffee <b>lowers your risk</b> of Alzheimer's disease.  </li>
          </ul>
          <hr>

          <h2>Three Great Coffee Shops</h2>
          <ol>
            <li><a href="https://coavacoffee.com/">Coava Coffee</a></li>
            <li><a href="http://www.jubalacoffee.com/">jubala Coffee</a></li>
            <li><a href="http://caffemedici.com/">Caffe Medici</a></li>
          </ol>

          <hr>
       </div><!-- END Wrapper main-->
      </main>

      <footer>
        <div class="wrapper">  <!-- Start footer wrapper -->
             <p>
                Coffee Cup Icon made by <a href="http://www.flaticon.com/authors/plainicon" target="_blank">Plainicon</a>
                from <a href="http://www.flaticon.com/" target="_blank">www.flaticon.com</a>
                <br>
                Coffee Cup Icon provided by <a href="https://unsplash.com/" target="_blank">UnSplash</a>
             </p>

        </div>  <!-- Footer END Wrapper -->
     </footer>


</body>