-
Notifications
You must be signed in to change notification settings - Fork 0
/
package12.html
142 lines (122 loc) · 6.34 KB
/
package12.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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Safe for the Holidays fundraiser">
<meta name="author" content="Jackie Richards, Ashish Swami">
<title>Safe for the Holidays fundraiser</title>
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<!-- Bootstrap core CSS -->
<link href="bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playball&display=swap" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="cover.css" rel="stylesheet">
<link href="image_viewer.css" rel="stylesheet">
</head>
<body class="text-center">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="masthead mb-auto">
<div class="inner">
<h3 class="masthead-brand">
<a href="https://dvcontrolaltdelete.org/" target="_blank">
<img src="Control-Alt-Delete-Domestic-Violence-Logo-Retina.png" style="height: 50px; background-color:rgba(102,0,128, 0.5);"/>
</a>
</h3>
<nav class="nav nav-masthead justify-content-center">
<a class="nav-link active" href="index.html">Back to Home</a>
</nav>
</div>
</header>
<main role="main" class="inner cover" style="background-color:rgba(102,0,128, 0.5);">
<h1 style="text-shadow: 2px 2px #333; font-size: 3rem; font-family: 'Playball', cursive;" class="cover-heading"><br/>Safe for the Holidays fundraiser</h1>
<h2 style="text-shadow: 1px 1px #333;"><br/>SURPRISE BONUS PRIZE PACKAGE #12<br/>DOG LOVERS PACKAGE</h2>
<!-- Trigger the Modal -->
<span style="text-decoration: underline; font-size: 1.2em;"><img id="myImg" src="12" alt="click here to view pictures of prizes"></span>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- The Close Button -->
<span class="close">×</span>
<!-- Modal Content (The Image) -->
<img class="modal-content" id="img01">
<!-- Modal Caption (Image Text) -->
<div id="caption"></div>
</div>
<h4 class="thank-you" style="text-shadow: 1px 1px #333;"><br/>** $300 VALUE **<br/></h4>
<h2 style="text-shadow: 1px 1px #333;">
<br/>Grooming certificate & grooming brush<br/>Two dog-themed plush throws<br/>& one throw pillow<br/>Wine glass & coffee mug<br/>
Cute dog keychain<br/>Willow Tree Angel of Friendship figurine<br/>Plush dog toy<br/>Tub of dog treats<br/>
"Dog Mom" baseball cap<br/>Wiggle Butts apron<br/>Paw Prints kitchen towels<br/>Paw Prints reusable grocery bags
</h2>
<h1 style="text-shadow: 2px 2px #333; font-size: 2.5rem;" class="cover-heading">
<img src="ticket.png" style="height: 140px;"/>
</h1>
<h4 style="text-shadow: 2px 2px #333; font-size: 2rem;" class="thank-you">$5 each or<br/>6 for $20<br/></h4>
<h4 style="text-shadow: 2px 2px #333;" class="thank-you"><br/>Venmo @controlaltdelete<br/>If prompted to enter 4 digits: 6963</h4>
<p class="lead">
<div style="text-shadow: none; font-size: 1.2em;" class="alert alert-dark" role="alert">
Put name, phone or email & <br/>
prize package # in comments <br/>
</div>
</p>
<h4 style="text-shadow: 2px 2px #333;" class="thank-you">
Want to buy tickets but don't have Venmo? <br/>
Zelle to [email protected]<br/>
Cash or check? Call Jackie 480-573-1117
</h4>
<br/><br/>
<span id="flash-arrow1" style="color: #FDCF08; font-size: 2.5rem;">→</span>
<a style="text-shadow: 1px 1px #333; font-size: 2.0rem;" href="sponsors.html"><span style="text-decoration: underline; display: inline-block; max-width: calc(100% - 150px);">Please visit our amazing sponsors</span></a>
<span id="flash-arrow2" style="color: #FDCF08; font-size: 2.5rem;">←</span>
<p class="lead"><br/><br/>
<div style="text-shadow: none; font-size: 1.6em;" class="alert alert-dark" role="alert">
100% OF MONIES RAISED GO <br/>
DIRECTLY TO HELP VICTIMS ESCAPE <br/>
DOMESTIC VIOLENCE ENVIRONMENTS
</div>
</p>
<h4 class="thank-you"><br/>Your generous support literally saves lives - thank you!!<br/><br/></h4>
</main>
<footer class="mastfoot mt-auto">
<div class="inner">
<p>Follow us on <a href="https://www.facebook.com/dv.ctrlaltdel/" target="_blank">
Facebook
</a></p>
</div>
</footer>
</div>
<script src="image_viewer.js"></script>
<script>
window.setInterval(() => {
var arr1 = document.getElementById("flash-arrow1");
var arr2 = document.getElementById("flash-arrow2");
if (arr1.style.visibility != "hidden") {
arr1.style.visibility = "hidden";
arr2.style.visibility = "hidden";
} else {
arr1.style.visibility = "visible";
arr2.style.visibility = "visible";
}
}, 1000);
</script>
</body>
</html>