project-1-coffee-shop/index.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
94
95
96
97
98
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" >
<link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">
    <title>A+ Coffee</title>
</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>

      <div class="topImage">
         <span role="img" aria-label="Turquoise cup with coffee beans spread out on a wooden platform"></span>
      </div>
    </header>

<!-- Middle Paralax -->
    <h2 class="imageText">Want to know what makes our coffee <span>A+</span>?</h2>
    <h3 class="imageText2">(We're experts when it comes to delivering a good cup of joe. <br> Trust us on this one, A+ coffee got your back. <br>
     Because if its not A+ then it's not coffee worth drinking) </h3>
    <p class="beanline"> <img src="images/coffee-beans-icon.png"></p>

<!-- ClipArt Coffee Section -->
  <div class="grid-wrapper">
      <div class=" grid-item grid-item1">
      <p><img src="images/coffee-cup-clip-art-35.png" alt="coffee cup" height="70" width="50">The Perfect Cup<br>
         <br><img src="images/coffeebean.png" alt="coffee beans" height="60" width="60"> Supreme Beans<br>
      <br><img src="images/14652172.png" alt="Barista drawing" height="80" width="80"> Friendly Staff
      </p>
   </div>
   <div class="grid-item grid-item2"><P><img src="images/580b57fcd9996e24bc43c549.png" alt="Coffee cup" height="390" width="270" >
      </P></div>
    <div class="grid-item grid-item3">
      <p><img src="images/kisspng-croissant-coloring-book-child-small-bread-drawing-cornetto-5b517a02a7f4d4.144873291532066306688.png" alt="croissant drawing" height="60" width="60">Yummy pastries<br>
          <br><img src="images/kisspng-gustav-iii-of-sweden-s-coffee-experiment-french-pr-5adcaf2d798070.8787314815244122054977.png" alt="french press drawing" height="70" width="70">French Press<br>
          <br><img src="images/download.png" height="70" width="70">Coffee To Go<br>
      </p>
    </div>
  </div>

<!-- Middle Section -->
  <div class="middleImage">
             <span role="img" aria-label="Smiling African American Woman drinking coffee"></span>

</div>

<!--
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>
</html>