shareeats/index.html at master · saikatchakraborty49/shareeats · 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
<!DOCTYPE html>
<html>
  <head>
    <title>ShareEats</title>
    <link rel="stylesheet" href="styles.css" />
    <link rel="icon" type="image/x-icon" href="./images/logo.jpg">
  </head>
  <body>
    <div class="upper-part">
    <div class="navbar">
      <!-- Logo -->
      <a href="index.html" class="logo"></a>

      <!-- Navigation Links -->
      <div class="nav-options">
        <a class="home-nav" href="index.html">Home</a>
        <a href="about.html">About</a>
        <a href="services.html">Services</a>
        <a href="contact.html">Contact</a>
        <!-- <div class="login"> -->
        <a class="login" href="login.html"><p>Login</p></a>
        <!-- </div>  -->
      </div>
      <div class="social-media-handles">
        <a class="fb-logo" href="https://www.facebook.com/profile.php?id=61551912003980"
          ><img src="./images/icons8-facebook-48.png"
        /></a>
        <a class="insta-logo" href="https://www.instagram.com/shareeeatzz/"
          ><img src="./images/icons8-instagram-48.png"
        /></a>
        <a class="linkedin-logo" href="https://www.linkedin.com/company/shareeats"
          ><img src="./images/icons8-linkedin-48.png"
        /></a>
        <a class="twitter-logo" href="https://twitter.com/ShareeEatzz"
          ><img src="./images/icons8-twitter-48.png"
        /></a>
      </div>
    </div>
    <div class="donate-food">
    <!-- <marquee behavior="" direction="right">  -->
      Share the Bounty, Feed the Hope: Join the ShareEats Today!
      <a href="donate.html">
      <button class="custom-btn btn-9">Donate Food</button></a>
    <!-- </marquee> -->
    </div>
  </div>
  <div class="take-upper-part-space"></div>
    <div class="container1">
      <div>
        <h2>Become A Member</h2>
        <p>
          The <strong>ShareEats</strong> boasts a diverse membership, comprising
          local food banks, soup kitchens, homeless shelters, community
          organizations, and charitable foundations. This diverse mix of
          agencies reflects our commitment to inclusivity and a multifaceted
          approach to addressing food waste and food insecurity.
        </p>
      </div>
      <img
        src="https://static.wixstatic.com/media/0f58d0_fbdb32ba6cfc42b2a3bb6bcd39c2710f~mv2.jpg/v1/fill/w_595,h_540,fp_0.50_0.50,q_80,usm_0.66_1.00_0.01,enc_auto/0f58d0_fbdb32ba6cfc42b2a3bb6bcd39c2710f~mv2.jpg"
      />
    </div>
    <div class="container2">
      <img
        src="https://static.wixstatic.com/media/nsplsh_1988a21f68f74725bab418ed192a704c~mv2.jpg/v1/fill/w_595,h_540,fp_0.50_0.50,q_80,usm_0.66_1.00_0.01,enc_auto/nsplsh_1988a21f68f74725bab418ed192a704c~mv2.jpg"
      />
      <div class="container2-inner-div">
        <h2>Make A Donation</h2>
        <p>
          If you are interested in financially supporting the work of our
          network, please contact us.
        </p>
        <a href="contact.html">
          <button class="custom-btn btn-6"><span>Contact Us</span></button></a
        >
      </div>
    </div>
    <div class="container3">
      <div class="container3-inner-div">
        <h2>
            Partner With Us</h2>
        <p>
          If you are a business or individual looking to support, contribute to,
          or learn more about food security in Mumbai, please
          contact us.
        </p>
        <a href="contact.html">
          <button class="custom-btn btn-5"><span>Contact Us</span></button></a
        >
      </div>
      <img
        src="https://static.wixstatic.com/media/nsplsh_d705e535feda488ea58be74134a437c6~mv2.jpg/v1/fill/w_595,h_540,fp_0.50_0.50,q_80,usm_0.66_1.00_0.01,enc_auto/nsplsh_d705e535feda488ea58be74134a437c6~mv2.jpg"
      />
    </div>
    <footer>
        ©2023 ShareEats
    </footer>
  </body>
</html>