-
Notifications
You must be signed in to change notification settings - Fork 0
/
valued.html
89 lines (65 loc) · 5.77 KB
/
valued.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>iNoticed | Valued</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>
<div class="container">
<div id="particle-container"></div>
<div class="nav-light home-nav">
</div>
<h1>Valued</h1>
<div class="div-of-ps">
<img class="valued-page-img" src="/images/Card_Valued.png" width="677" height="398"/>
<p class="firstWord">Are you having a rough day?</p>
<p style="text-align: center; font-size: 1.5em; color: #c25656; font-style: italic;">Week?<span class="inline-space">Month?</span><span class="inline-space">Year?</span><span class="inline-space" style="font-size: 2em">Life?</span></p>
<p class="firstWord">Somebody noticed things aren't going your way, and instead of judging you, they realized that they don't know what you're going through and handed you this card in hopes of making your day less frustrating.</p>
<p class="firstWord">You are valued!</p>
<p class="firstWord">We are all worth something. Don't ever forget that!</p>
<p class="firstWord">It's easy to look at someone and think the worst of them when they're not projecting themselves in an ideal way, but we all have battles.</p>
<p><span style="font-size: 1.35em; color: #009900; font-style: italic;">That </span> mother with the screaming kid? She's not being neglectful, maybe her child has autism and is having a meltdown that was triggered for no apparent reason.</p>
<p><span style="font-size: 1.35em; color: #002699; font-style: italic;">That </span> man in the car behind you who is riding on top of you and flashing his lights isn't a speed demon with road rage, maybe he's trying to get to the hospital where his wife is having their baby.</p>
<p><span style="font-size: 1.35em; color: #781683; font-style: italic;">That </span> teenage girl in all black goth clothes with heavy eyeliner isn't a criminal or a junkie, maybe she's abused by her parents and is vying for attention.</p>
<p class="firstWord">Don't immediately think the worst in people. Instead, try to picture yourself in their shoes, or at least remind yourself that you don't know what they've got going on.</p>
<p><span style="font-size: 1.35em; color: #009900; font-style: italic;">Don't </span> stare at that mother with an angry face, smile at her or give her a reassuring look, and maybe even help her if you see her struggling with something.</p>
<p><span style="font-size: 1.35em; color: #002699; font-style: italic;">Don't </span> slow down and hold that man up. Get out of his way. Move over, let him pass. </p>
<p><span style="font-size: 1.35em; color: #781683; font-style: italic;">Don't </span> be rude to that teenager. Be extremely nice to her and maybe even tell that her a joke. She might give you attitude, but your act of kindness will absolutely affect her.</p>
<p class="firstWord" style="text-align: right;">Don't judge and you won't be judged.</p>
<p class="firstWord" style="text-align: center;">Show your open mindedness by being kind.</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>Valued Card Request</h1>
<form id="valued-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>