project-1-coffee-shop/about.html at master · lehman-webdev/project-1-coffee-shop · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Roboto+Mono|Yellowtail" rel="stylesheet">
    <title>A+ Coffee</title>
 <meta charset='utf-8'>
</head>
  <body>
      <header>
        <!-- Navigation Section/Header -->
          <div class="navbar">
              <!-- <h1 class="logo"></h1> -->
              <div class="logo">
                  <img src="images/coffeelogo11.png" alt="A+ Coffee Shop logo">
              </div>
          <div class= "right-navbar">
              <ul>
                  <li><a href="index.html">Home</a></li>
                  <li><a href="menu.html">Menu</a></li>
                  <li><a href="about.html">About</a></li>
                  <li><a href="team.html">Team</a></li>
              </ul>
          </div>
        </div>
      </header>

 <!--
 Hero Image Section
 -->
  <section class="heroImage">
      <div class="heroInner">
        <h1 class="missionTitle"><strong>The A+ Mission</strong><br>
         <span role="img" aria-label="Various Cups of Coffee"></span>
          <img class="aboutBeanline" src="images/coffee-beans-icon.png">
        </h1>
      </div>
  </section>

  <!--
  Mission Statement Section
  -->
   <main class="mainContent">
     <p class ="missionStatement">
       Our mission isn't just to provide you with the best darn coffee your taste buds can enjoy
       <br>but to do so in an <u>eco friendly manner</u>.
       <br>Yes you heard it right folks! All of our coffee cups are disposable, sustainable and compostable.
       <br>Who knew saving the planet could taste this good
       <br /> Cheers! ☕
    </p>
   </main>

   <!--
   Footer Section
   -->
   <!--
   Footer Section
   -->
   <footer>
   <div class="box">
       <h2>Hours</h2>

   <p>
       <br>
      <em> Monday-Friday</em><br>
       6:30am-10pm<br>
      <br><em>Saturday</em><br>
        7am-10pm<br>
       <br><em>Sunday</em><br>
       7am-8pm
   </div>

   <div class="box2">
   <h2>Location</h2>
   <p>
       <br>
       250 Bedford Park Blvd W<br>
       The Bronx, NY 10468<br>
       <img src="images/DANAS COMPLETE LOGO[963].png" alt="a+ logo" height="200" width="200">

   </p>


   </div>
   <div>
       <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12067.301043271313!2d-73.8946361!3d40.8757088!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2f39c83db9c2d%3A0x8d63bfb3da071ace!2sLehman+College!5e0!3m2!1sen!2sus!4v1554408130132!5m2!1sen!2sus" alt="google map" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
   </div>

   </footer>
  </body>
  </div>
</html>