final-project/about.html at main · AIR-dev53/final-project · 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
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Kurale&display=swap" rel="stylesheet">
    <title>About the Bakers!</title>

</head>
<body>


<!--Navbar Section Start-->
<header>
  <div class="nav">
  <a href="#" class="logo-1"><img src="images\bake__2_.png"></a>
  <div class="bx bx-menu" id="menu-icon"></div>


  <ul class="navlist">
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About Us</a></li>
    <li><a href="product.html">The Goods</a></li>
    <li><a href="form.html">Order Now</a></li>
  </ul>
  <a href="form.html" class="top-btn">Place an Order!</a>
</div>
</header>


<!--Navbar Section End-->


    <div class="about-container">


<div class="all-text-about">

        <h1 class="BQ-h1">About Baker's Quartet</h1>


            <!---Serious-->
        <P class="about-us-story">     Baker's Quartet was founded March 30th 2023 by Antoinette, Colby, Jaylene, and Romeo.
                They value making baked goods that are delicious and Eco Friendly.  Starting
                from a rough idea and evolving into a thriving global bakery.  The Bakers Quartet has dedicated
                their time to creating goods that leave you smiling and running back for more!
                The team is located across the country and connected through a network called Generation USA. Once
                they were partnered together they had a clear vision of what Bakers Quartet would be.
                Put in your order today! Sign up for their weekly newsletter so you never miss the newest
                 desserts in stock. You'll be glad you did!
        </P>
      </div>
    </div>
            <section id="about">
        <h2>Meet The Team</h2>
        <h3 class="abouth3">Click image to Connect with our team on LinkedIn</h3>
        <div class="row">
          <div class="column">
            <a href="https://www.linkedin.com/in/antoinette-ryan/" target="_blank">
              <img src="./images/saltman.jpg" alt="Peer 1" class="profile-pic" data-name="A">
            </a>
          </div>
          <div class="column">
            <a href="https://www.linkedin.com/in/colby-johnson-brewer-57759820a/" target="_blank">
              <img src="images\isolated-slice-bread-cartoon-38162015.jpg" alt="Peer 2" class="profile-pic" data-name="C">
            </a>
          </div>
          <div class="column">
            <a href="https://www.linkedin.com/in/jaylenedavid/" target="_blank">
              <img src="./images/churrocup.jpg" alt="Peer 3" class="profile-pic" data-name="J">
            </a>
          </div>
          <div class="column">
            <a href="https://www.linkedin.com/in/romeo-castillo1/" target="_blank">
              <img src="./images/barney.png" alt="Peer 4" class="profile-pic" data-name="R">
            </a>
          </div>
        </div>
      </section>
<!-- About Us Section End -->


<!-- Footer Section Start-->

<footer>
  <img class="logo-2" src="images\bake__2_.png" width="150" height="150">
  <div class="loca">
    <h3 class="loca-title">Locations</h3>
  <ul class="loca-list">
    <li><a class="dallas" href="#">Dallas</a></li>
    <li><a class="wash" href="#">Washington</a></li>
    <li><a class="new" href="#">New York</a></li>
    <li><a class="moon" href="#">The Moon</a></li>
  </ul>
</div>
<div class="cust">
  <h3 class="cust-title">Customer Service</h3>
  <ul class="cust-list">
      <li><a class="faq" href="#">FAQ</a></li>
      <li><a class="con" href="#">Contact Us</a></li>
      <li><a class="ship" href="#">Shipping Info</a></li>
    </ul>
  </div>
  <div class="reso">
  <h3 class="reso-title">Other Resources</h3>
  <li><a class="face" href="#">Facebook</a></li>
  <li><a class="insta" href="#">Instagram</a></li>
  <li><a class="twit" href="#">Twitter</a></li>
  </div>
</footer>
<!-- Footer Section End-->
<script src="scripts/itemController.js"></script>
<script src="scripts/index.js"></script>

</body>
</html>