<!DOCTYPE html>
<html lang="en">
  <head>
    <%- include("partials/meta.ejs") %>
    <title>RecipEasy: About Us</title>
  </head>
  <body>
    <div class="container">
        <%- include('partials/header-nav.ejs') %> 
        <main>
          <div class="about-us">
          <div class="aboutus-top">
            <div class="aboutus-title">
              <h1>About Us</h1>
            </div>
            <div class="aboutus-desc">
              <p>The ChefDevs as we call ourselves work towards Entrepreneurship, Skills, and Overall growth. </p>

              <p>A year ago coming from diverse backgrounds to a place that has very minimal options for authentic dishes, 
              we three foodies found ourselves in the same boat of the daily struggle of what to cook. 
              We began improvising and found out that there are multiple sites that provide recipes but the user has to visit multiple sites for a variety of dishes. 
              </p>
              <p>So our "aha" moment was when we decided to start this project as an experiment for cooking ourselves. 
                After a couple of failed, do's, and certain don'ts, we succeeded to make what we can proudly say authentic and genuine product RecipEasy. 
                We focus on providing the latest in-trend food items along with authentic dishes to the user and provide a platform for aspiring chefs to demonstrate their skills.
              </p>
            </div>
          </div>
          
          <div class="aboutus-bottom">
            <div class="aman-class">
              <div class="aman-pic">
                <img src="/images/aman.jpeg" alt="">
              </div>
              <div class="aman-desc">
                <h4>AMAN KUMAR</h4>
                <p>Business Analyst & QA <br>
                  <a href="mailto:amankumar7049@conestogac.on.ca"><i class="fa-solid fa-envelope"></i>&nbsp; Contact</a></p></p>
              </div>
            </div>

            <div class="anmol-class">
              <div class="anmol-pic">
                <img src="/images/anmol.jpeg" alt="anmol photo">
              </div>
              <div class="anmol-desc">
                <h4>ANMOL</h4>
                <p>UX Designer <br>
                  <a href="mailto:avirdi7298@conestogac.on.ca"><i class="fa-solid fa-envelope"></i>&nbsp; Contact</a> </p>
              </div>
            </div>

            <div class="syed-class">
              <div class="syed-pic">
                <img src="/images/syed.jpeg" alt="">
              </div>
              <div class="syed-desc">
                <h4>SYED TASNIM AHMED</h4>
                <p>Lead Developer<br>
                  <a href="mailto:sahmed2327@conestogac.on.ca"><i class="fa-solid fa-envelope"></i>&nbsp; Contact</a></p>
              </div>
            </div>
          </div>
          <div>

          </div>
        </div>
        </main>
        <%- include("partials/footer.ejs")  %> 
    </div>
</body>
</html>