iNoticed/kindness.html at master · The-Natalie/iNoticed · 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
<!DOCTYPE html>
<html lang="en">
  <head>
		<title>iNoticed | Kindness</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 		<link rel="stylesheet" type="text/css" href="/css/styles.css">
		<link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet">
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
	</head>

	<body id="kindness">
		<div class="container">
			<div id="particle-container"></div>

			<div class="nav-light home-nav">
			</div>

			<h1>Kindness</h1>
			<div class="div-of-ps">
				<img class="kindness-page-img" src="/images/Card_Kindness.png" width="677" height="398"/>
				<p class="firstWord">Somebody  thought your act of kindness was meaningful enough to give you this card. More than likely the person you were kind to was pleased and passed on your kindness, perhaps in their own way, to someone else. The person who gave you this card was certainly pleased, and as a card holder also passed on the kindness.</p>

				<p class="firstWord">That's  at least four people you randomly made happy today.</p>

				<p class="firstWord">Four  people, one of whom might have been having suicidal thoughts, but saw your gesture as a sign and decided not to take their life today.</p>

				<p class="firstWord">One  of those people might have been on their way home to take their anger out on their spouse or child by beating them, but your kindness no longer made them angry.</p>

				<p class="firstWord">Sometimes  a simple interaction can make a difference to someone in ways that no one will ever know. Maybe your ten second interaction delayed a person just enough that they weren't in an accident with the person who ran that red light.</p>

				<p class="firstWord" style="text-align: right;">Or  maybe they weren't hit by that stray bullet.</p>

				<p style="text-align: right;"><span style="font-size: 1.35em; color: #c25656; font-style: italic;">Or </span> maybe they were half a block away when that tree fell over<br />in the wind storm, instead of being directly under it.</p>

				<p style="text-align: center;" class="firstWord">We'll  never know...</p>

				<p style="margin-bottom: 2em;" class="firstWord">Hopefully  this will inspire you to continue to do good things for others.</p>

				<p class="firstWord">Pass on a card to someone you think needs to be noticed.</p>

				<p style="font-size: 1em; color: #000000;" class="firstWord">If  you'd like to receive a set of cards to pass on to others, fill out the form below, and we'll be in touch with you ASAP.</p>

				<p style="font-size: 1em; color: #000000; margin-top: -15px" class="firstWord">A  tiny fee will be required, which we will inform you of before your order is finalized. Of course, if you think the fee is too much, you may choose to opt out.</p>

				<div id="card-request-form">
					<h1>Kindness<br>Card Request</h1>
					<form id="kindness-form" method="post">
						<p><input type="radio" name="cardsRequested" value="20cards" checked> 20 cards</p>
	  				<p><input type="radio" name="cardsRequested" value="50cards"> 50 cards</p>
	  				<p><input type="radio" name="cardsRequested" value="100cards"> 100 cards</p>
						<p><span style="font-size: 1.35em; color: #c25656; font-style: italic;">Your </span> Name:</p><br />
						<input id="form-name" type="text" name="name">
						<label for="name"><i class="fas fa-user"></i></label>
						<p><span style="font-size: 1.35em; color: #c25656; font-style: italic;">Your </span> Email Address:</p><br />
						<input id="form-email" type="email" name="email">
						<label for="email"><i class="fas fa-envelope"></i></label>
						<p class="form-submitted"></p>
						<input class="button" type="submit" value="Submit">
					</form>
				</div>
			</div>
		</div>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
		<script
			  src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
			  integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
			  crossorigin="anonymous"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
		<script language="JavaScript" src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="/js/scripts.js"></script>
	</body>
</html>