project-1-coffee-shop/team.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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!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>
</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>
    <h1 class="missionTitle" style="text-align: center;"> Meet The Team! </h1>
    <section class="staff-members">
      <div class="staff-members-inner">
        <div class = "staff">
            <img src="images/dana-portrait.jpg" alt="self-portrait image of young african american girl smiling">
            <h3> Dana Jackson</h3>
            <p> Manager at A+ Coffee. Specializes in latte and tea.</p>
        </div>
        <div class="staff">
          <img src="images/hydeia-portrait.jpeg" alt="self-portrait image of young african american girl smiling">
          <h3> Hydeia Blakey</h3>
          <p> Supervisor at A+ Coffee. Director of health and dietary goals.</p>
        </div>
      <div class="staff">
        <img src="images/lucero-portrait.jpg" alt="self-portrait image of mexican young girl smiling">
        <h3> Lucero Luna Miranda</h3>
        <p> Manager at A+ Coffee. Specializes in vegan/vegetarian pastries and bubble tea.</p>
      </div>
    </div>
  </section>
  <section class="social-media">
    <div class="social-button">
      <a class="social-button-icon" href="https://github.com/DJ221">
        <img src="images/GitHub-Mark-120px-plus.png" alt="github icon"></a>
    </div>
    <!-- hydeiablakey -->
    <div class="social-button">
      <a class="social-button-icon" href="https://github.com/hydeiablakey">
        <img src="images/GitHub-Mark-120px-plus.png" alt="github icon"></a>
    </div>
    <!-- lucerolunam -->
    <div class="social-button">
      <a class="social-button-icon" href="https://github.com/LuceroLunaM">
        <img src="images/GitHub-Mark-120px-plus.png" alt="github icon"></a>
    </div>
  </section>

  <section class="contact-us">
    <div class="container">
      <h2 class = "contactTitle">
        <strong>Contact us </strong>
      </h2>
      <label for= "fname">First Name </label>
      <input type="text" id="fname" name = "firstname" placeholder="First Name">
      <label for= "lname">Last Name </label>
      <input type="text" id="lname" name = "lastname" placeholder="Last Name">
      <label for= "email"> Email Address </label>
      <input type="email" id="em" name = "email" placeholder="Email">
      <label for= "sub">Subject</label>
      <textarea id="subject" name="subject" placeholder="Write message here."></textarea>
      <input type="submit" id = "submit" value="submit">
    </div>
  </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>
</html>