-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbracket.html
More file actions
350 lines (177 loc) · 9.07 KB
/
Copy pathbracket.html
File metadata and controls
350 lines (177 loc) · 9.07 KB
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!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">
<title>Team Bracket</title>
<link rel="stylesheet" href="bracket.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<nav>
<div class="nav">
<div class="logo"><img src="img/Team_Bracket_-_Copy__2_-removebg-preview.png">
</div>
<ul>
<li class="active"><a>HOME</a></li>
<li><a>ABOUT US</a></li>
<li><a>RESTURANT</a></li>
<li><a>LEFT OVER</a></li>
<li><a>FAQS</a></li>
<li><a>CONTACT US</a></li>
</ul>
<div class="btn">
<button>DONATE</button>
<button>LOGIN</button>
</div>
</div>
</nav>
<div class="first">
<img src="img/indian.children.hungry.foal_.jpg" alt="Los Angeles" >
<h3>FEED <span>AND EDUCATE</span> </h3>
<h4>We Are Challenging The Injustice of Hunger</h4> </div>
<button style="position:absolute; top:70%; left:35%; border:none; border-radius: 5px; width:13%; height:6%; background-color:#e49b0f ;">DONATE NOW</button>
<button style="position:absolute; top:70%; left:50%;border:none; border-radius: 5px; width:13%; height:6%; background-color:#e49b0f">READ MORE</button>
</div>
<!--
<div class="carousel-item">
<img src="img/unnamed-5.jpg" alt="Chicago" >
<h3>How Can You <span>Help</span> </h3>
<h4>Growing Providing Together Beating Hunger</h4>
<button style="position:absolute; top:40%; left:35%; border:none; border-radius: 10px; width:13%; height:6%; background-color:#e49b0f ;">DONATE NOW</button>
<button style="position:absolute; top:40%; left:50%;border:none; border-radius: 10px; width:13%; height:6%; background-color:#e49b0f">READ MORE</button>
</div> -->
<!-- Left and right controls
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div> -->
<section id="sectionA">
<h1>WHAT WE DO </h1>
<div class="row-1">
<h2>WE ARE HELPING TO GROW FOOD FOR TOMMOROW</h2>
<p>Supporting local small businesses to grow food and keep livestock means people can earn an income, live sustainably, and keep feeding their families and communities.
</p>
<img src="img/food-agriculture-topic.jpg" class="user">
</div>
<div class="row-2">
<h2 style="margin-left:50%; margin-top: 10%;font-family: Georgia, 'Times New Roman', Times, serif; width: 35%;">WE ARE HELPING TO GROW FOOD FOR TOMMOROW</h2>
<p style="margin-left:50%;font-family: Georgia, 'Times New Roman', Times, serif; width: 35%;" >Supporting local small businesses to grow food and keep livestock means people can earn an income, live sustainably, and keep feeding their families and communities.
</p>
<img src="img/feeding.jpg" class="name">
</div>
</section>
<section id="card">
<h1 style="padding-top:50px; padding-bottom:50px; color:white; font-size:50px;">How Can You Help?</h1>
<div class="cards">
<div class="card-1">
<img src="img/prodicer1.jpg">
<h3 style="margin-top: 10%; width:100%; color:white; ">Protecting Food Producers</h3>
<button style="margin-left:25%; background-color:#303030;font-size: 16px ;margin-top:19%;color:white;">CAMPAIGN WITH US</button>
</div>
<div class="card-2">
<img src="img/Donation.jpg">
<h3 style="margin-top: 10%; width: 120%;color:white; margin-left:4%; " >Your gift could provide emergency food
</h3>
<button style="margin-left:25%; background-color:#303030;font-size: 16px; margin-top:10%;color:white;" >MAKE A DONATION</button>
</div>
<div class="card-3">
<img src="img/resturrant.jpeg">
<h3 style="margin-top: 10%; width: 100%; color:white;margin-left:4%; " >Register Your Resturant To Feed The Poor</h3>
<button style="margin-left:25%; background-color:#303030;font-size: 16px; margin-top:10%;color:white;" >REGISTER</button>
</div>
</div>
</section>
<section id="postcard">
<h1 style="padding-top:50px; padding-bottom:50px; color:black; font-size:50px;">Projects we are sponsoring</h1>
<div class="postcards">
<div class="postcard-1">
<img src="img/OGB_111375_Addises_Story_-_Ethiopi.67369eeb.fill-480x480.jpg">
<h3 style="margin-top: 10%; width:100%; color:black;margin-left:8%; ">SECURITY FOR ALL</h3>
<p style="margin-left:8%;width: 90% ">We provide farmers with security and good road so as to make production of farm product more easier..</p>
<button style="margin-left:3%; background-color:#303030;font-size: 16px ;margin-top:7%; color: white;">READ MORE</button>
</div>
<div class="postcard-2">
<img src="img/beating-hunger.jpg">
<h3 style="margin-top: 10%; width: 120%;color:black; margin-left:8%; " >BEATING HUNGER
</h3>
<p style="margin-left:8%;">No-one should go to bed hungry. We work to help people put food back on their table, today and tomorrow....</p>
<button style="margin-left:3%; background-color:#303030;font-size: 16px; margin-top:7%; color:white;" >READ MORE</button>
</div>
<div class="postcard-3">
<img src="img/fighting-coronavirus.jpg">
<h3 style="margin-top: 10%; width: 100%; color:black;margin-left:8%; " >FIGHTING DISEASES</h3>
<p style="margin-left:8%; width: 90%;">We’re providing health facilities, clean water and toilets to the most vulnerable communities Team Bracket Is helping the less privileged to....</p>
<button style="margin-left:3%; background-color:#303030;font-size: 16px; margin-top:1%; color: white;" >READ MORE</button>
</div>
</div>
</section>
<section id="profile">
<h1 style="padding-top:50px; padding-bottom:50px; color:white; font-size:50px;">Our Team</h1>
<div class="profiles">
<div class="profile-1">
<img src="img/kamal.jpg">
<h3 style="margin-top: 10%; width:100%; color:white;margin-left:8%; ">KAMALDEEN SULYMAN</h3>
<p style="margin-left:8%;width: 90%;color:white; ">CO-FOUNDER & FRONT-END DEVELOPER
</p>
</div>
<div class="profile-2">
<img src="img/far.jpg">
<h3 style="margin-top: 10%; width: 120%;color:white; margin-left:8%; " >FARHAN NASIRUDDEEN AHMAD
</h3>
<p style="margin-left:8%;color:white;">CO-FOUNDER & BACK-END DEVELOPER</p>
</div>
<div class="profile-3">
<img src="img/ridwan.jpg">
<h3 style="margin-top: 10%; width: 100%; color:white;margin-left:8%; " >YAHAYA RIDWAN</h3>
<p style="margin-left:8%; width: 90%;color:white;">CO-FOUNDER & FRONT-END DEVELOPER</p>
</div>
</div>
</section>
<section id="footer">
<div class="footers">
<div class="footer-1">
<li style="margin-top: 10%; width:100%; color:white;margin-left:0%; padding-left:0%; list-style:none ; font-size: 25px; ">About Us</li>
<p style="margin-left:0%;width: 60%; color: white; ">Bracket is a global movement of millions of people who share the belief that, in a world rich in resources, poverty isn't inevitable.
</p>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
<div class="footer-2">
<li style="margin-top: 10%; width: 120%;color:white; margin-left:-96%;list-style:none ; font-size: 25px; " >QUICK LINKS
</li>
<ul style="margin-left:-96%;
">
<li style="color: whitesmoke;margin-left:-13%; ">Available Resturant</li>
<hr class="dashed">
<li style="color: whitesmoke;margin-left:-13%;" >Resturant With Available Left-over</li>
<hr class="dashed">
<li style="color: whitesmoke;margin-left:-13%;" >Make A Donate</h5>
<hr style="border-top: 1px dashed black ;" class="dashed">
<li style="color: whitesmoke;margin-left:-16%;">Faqs</li>
<hr class="dashed">
<li style="color: whitesmoke;margin-left:-13%;">Contact</li>
</ul>
</div>
<div class="footer-3">
<li style="margin-top: 10%; width: 100%; color:white;margin-left:-27%;list-style:none ; font-size: 25px; " >Contact Details</li>
<a style="margin-left:-27%;
color: whitesmoke;
text-decoration:none;" href="TeamBracket@gmail.com">TeamBracket@gmail.com</a>
<h6>09040931311, 08148436223, 08129418741</h6>
</div>
</div>
</section>
<div style="background-color: black; width:100%; height:10vh;" class="footer-4">
<p style="text-align:center ; margin:auto; padding-top: 2%;">Copyright All Rights Reserved © 2022</p>
</div>
</body>
</html>