-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpackage5.html
138 lines (118 loc) · 6.14 KB
/
package5.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
<!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/>PRIZE PACKAGE #5<br/>CELEBRATION PACKAGE</h2>
<!-- Trigger the Modal -->
<span style="text-decoration: underline; font-size: 1.2em;"><img id="myImg" src="5" 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/>** $420 VALUE **<br/></h4>
<h2 style="text-shadow: 1px 1px #333;"><br/>AMAZING FLOWERS<br/>- holiday centerpiece<br/><br/>PRIYA'S PETITE TEMPTATIONZ<br/>- dessert delights<br/><br/>BOOZE BASKET<br/><br/>AZ GUNSLINGER BASKET<br/><br/>PIONEER WOMAN MERCANTILE<br/>gift card<br/><br/>METAL YARD DECORATION</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>