-
Notifications
You must be signed in to change notification settings - Fork 0
/
causes1.jsp
189 lines (168 loc) · 6.93 KB
/
causes1.jsp
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
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Donate a ❤ for someone's stomach</title>
<link rel="stylesheet" type="text/css"
href="<c:url value="/jsp/css/bootstrap.css" />">
<link rel="stylesheet" type="text/css"
href="<c:url value="/jsp/css/style.css" />">
<link rel="stylesheet" type="text/css"
href="<c:url value="/jsp/css/login_style.css" />">
<link href="./assets/css/blk-design-system.css?v=1.0.0" rel="stylesheet" />
<!-- CSS Just for demo purpose, don't include it in your project -->
<link href="./assets/demo/demo.css" rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css?family=Lato:400,700,600,500,200,100"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900"
rel="stylesheet">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Roboto:300"
rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Varela+Round'
rel='stylesheet' type='text/css'>
</head>
<body style="overflow-y: scroll;">
<nav
class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light"
id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html" style="font-size: 2em; font-family:Lato;"><b>FEEDING</b>
INDIA</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#ftco-nav" aria-controls="ftco-nav"
aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="home.jsp" class="nav-link">Home</a></li>
<li class="nav-item active"><a href="about.jsp"
class="nav-link">About</a></li>
<li class="nav-item"><a href="causes.jsp" class="nav-link">Causes</a></li>
<!-- <li class="nav-item"><a href="donate.jsp" class="nav-link">Donate</a></li>
<li class="nav-item"><a href="event.jsp" class="nav-link">Events
& Gallery</a></li> -->
<li class="nav-item"><a href="contact.jsp" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div id="about_section"
style="background-image:url('<c:url value="/jsp/images/bg_1_about.jpg" />');">
<div id="text_line1_about" style="text-align: center;">
<h1>
Give a helping hand to those <span class="txt-rotate"
data-period="2000" data-rotate='[ "who","need", "it." ]'></span>
</h1>
<h2></h2>
</div>
<div id="heading_about">
<b>Causes </b>We Worked in !!
</div>
<div class="about_us">
<div class="about_image"
style="float:left; background-image:url('<c:url value="/jsp/images/hunger_img.jpg" />'); margin-left:-60px; margin-top:41px; padding-top:41%;">
</div>
<div class="about_text" style="float: right;">
<div class="heading_about">
Welcome to
<b2>FEEDING</b2>
<b1>INDIA</b1>
</div>
</div>
<div class="about_us_text" style="margin-right: -40px; font-size:1.1em;">
800 million people continue to go to bed hungry each night. This
means that one in nine inhabitants of our planet do not have access
to the nutrients and vitamins essential for proper development and
health. In turn, 281 million hungry and
undernourished people living in Southern Asia alone. Children are
disproportionately affected by food and nutrition shortages. Living
with chronic hunger and malnutrition puts children at risk of dying
from common colds and infection. And even if children do recover
from these diseases, their recovery times are often delayed.<br>
Globally, 160 million children have inadequate growth and height due to chronic hunger
and malnutrition. In the
developing world, children from the poorest families fare much worse
than those from the wealthiest households; those in the bottom
quintile of households are twice as likely to be stunted as those in
the top quintile. The Life We Can Save is recommended nonprofit
organization's work to combat inequalities in food supply and
distribution and the underlying structures that lead to inadequate
nutrition. Our organization's innovative and research-backed
initiatives have brought nourishing meals and vital nutrients to
some of the world's neediest communities and families. <br>
<%-- <div class="jumbotron bg-dark text-white jumbotron-fluid"
style="margin-top: 60px; height:0.5px; width:100%;">
<div class="container-fluid">
<div class="footer navbar-fixed-bottom">
<p><center>You have two hands. One to help yourself, Second
to help others!!!</center></p></div>
</div> --%>
</div>
</div>
</div>
<script>
var TxtRotate = function(el, toRotate, period) {
this.toRotate = toRotate;
this.el = el;
this.loopNum = 0;
this.period = parseInt(period, 10) || 2000;
this.txt = '';
this.tick();
this.isDeleting = false;
};
TxtRotate.prototype.tick = function() {
var i = this.loopNum % this.toRotate.length;
var fullTxt = this.toRotate[i];
if (this.isDeleting) {
this.txt = fullTxt.substring(0, this.txt.length - 1);
} else {
this.txt = fullTxt.substring(0, this.txt.length + 1);
}
this.el.innerHTML = '<span class="wrap">' + this.txt + '</span>';
var that = this;
var delta = 300 - Math.random() * 100;
if (this.isDeleting) {
delta /= 2;
}
if (!this.isDeleting && this.txt === fullTxt) {
delta = this.period;
this.isDeleting = true;
} else if (this.isDeleting && this.txt === '') {
this.isDeleting = false;
this.loopNum++;
delta = 500;
}
setTimeout(function() {
that.tick();
}, delta);
};
window.onload = function() {
var elements = document.getElementsByClassName('txt-rotate');
for (var i = 0; i < elements.length; i++) {
var toRotate = elements[i].getAttribute('data-rotate');
var period = elements[i].getAttribute('data-period');
if (toRotate) {
new TxtRotate(elements[i], JSON.parse(toRotate), period);
}
}
// INJECT CSS
var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = ".txt-rotate > .wrap { border-right: 0.04em solid #fd7f14 }";
document.body.appendChild(css);
};
</script>
</body>
</html>