Add Your Heading Text Here


body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; margin-bottom:100px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
A Chance for Change: For Loved Ones of Problem Gamblers
Girl in a jacket
// Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Are You Gambling with Your Life?
Girl in a jacket
// Get the modal var modal5 = document.getElementById("myModal5"); // Get the button that opens the modal var btn5 = document.getElementById("myBtn5"); // Get the element that closes the modal var span5 = document.getElementsByClassName("close5")[0]; // When the user clicks the button, open the modal btn5.onclick = function() { modal5.style.display = "block"; } // When the user clicks on (x), close the modal span5.onclick = function() { modal5.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal5) { modal5.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Diagnosis: Pathological Gambling
Girl in a jacket
// Get the modal var modal9 = document.getElementById("myModal9"); // Get the button that opens the modal var btn9 = document.getElementById("myBtn9"); // Get the element that closes the modal var span9 = document.getElementsByClassName("close9")[0]; // When the user clicks the button, open the modal btn9.onclick = function() { modal9.style.display = "block"; } // When the user clicks on (x), close the modal span9.onclick = function() { modal9.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal9) { modal9.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Playing it Safe
Girl in a jacket
// Get the modal var modal13 = document.getElementById("myModal13"); // Get the button that opens the modal var btn13 = document.getElementById("myBtn13"); // Get the element that closes the modal var span13 = document.getElementsByClassName("close13")[0]; // When the user clicks the button, open the modal btn13.onclick = function() { modal13.style.display = "block"; } // When the user clicks on (x), close the modal span13.onclick = function() { modal13.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal13) { modal13.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Smart Choices: Grades 1st-3rd
Girl in a jacket
// Get the modal var modal17 = document.getElementById("myModal17"); // Get the button that opens the modal var btn17 = document.getElementById("myBtn17"); // Get the element that closes the modal var span17 = document.getElementsByClassName("close17")[0]; // When the user clicks the button, open the modal btn17.onclick = function() { modal17.style.display = "block"; } // When the user clicks on (x), close the modal span17.onclick = function() { modal17.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal17) { modal17.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Youth Toolkit
Girl in a jacket
// Get the modal var modal21 = document.getElementById("myModal21"); // Get the button that opens the modal var btn21= document.getElementById("myBtn21"); // Get the element that closes the modal var span21 = document.getElementsByClassName("close21")[0]; // When the user clicks the button, open the modal btn21.onclick = function() { modal21.style.display = "block"; } // When the user clicks on (x), close the modal span21.onclick = function() { modal21.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal21) { modal21.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image2 { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; margin-top:39px; margin-bottom: 70px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image2 { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
A Chance for Change: For Compulsive Gamblers
Girl in a jacket
// Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn2"); // Get the element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image6 { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:40px; margin-bottom:100px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image6 { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Combat Gambling Addiction
Girl in a jacket
// Get the modal var modal6 = document.getElementById("myModal6"); // Get the button that opens the modal var btn6 = document.getElementById("myBtn6"); // Get the element that closes the modal var span6 = document.getElementsByClassName("close6")[0]; // When the user clicks the button, open the modal btn6.onclick = function() { modal6.style.display = "block"; } // When the user clicks on (x), close the modal span6.onclick = function() { modal6.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal6) { modal6.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Financial Debt & Budgeting Toolkit
Girl in a jacket
// Get the modal var modal10 = document.getElementById("myModal10"); // Get the button that opens the modal var btn10 = document.getElementById("myBtn10"); // Get the element that closes the modal var span10 = document.getElementsByClassName("close10")[0]; // When the user clicks the button, open the modal btn10.onclick = function() { modal10.style.display = "block"; } // When the user clicks on (x), close the modal span10.onclick = function() { modal10.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal10) { modal10.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Problem Gambling: Impact on the Family
Girl in a jacket
// Get the modal var modal14 = document.getElementById("myModal14"); // Get the button that opens the modal var btn14 = document.getElementById("myBtn14"); // Get the element that closes the modal var span14 = document.getElementsByClassName("close14")[0]; // When the user clicks the button, open the modal btn14.onclick = function() { modal14.style.display = "block"; } // When the user clicks on (x), close the modal span14.onclick = function() { modal14.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal14) { modal14.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Smart Choices: Grades 4th-5th
Girl in a jacket
// Get the modal var modal18 = document.getElementById("myModal18"); // Get the button that opens the modal var btn18 = document.getElementById("myBtn18"); // Get the element that closes the modal var span18 = document.getElementsByClassName("close18")[0]; // When the user clicks the button, open the modal btn18.onclick = function() { modal18.style.display = "block"; } // When the user clicks on (x), close the modal span18.onclick = function() { modal18.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal18) { modal18.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
A Chance for Change: Gambling Addiction and Crime
Girl in a jacket
// Get the modal var modal3 = document.getElementById("myModal3"); // Get the button that opens the modal var btn3 = document.getElementById("myBtn3"); // Get the element that closes the modal var span3 = document.getElementsByClassName("close3")[0]; // When the user clicks the button, open the modal btn3.onclick = function() { modal3.style.display = "block"; } // When the user clicks on (x), close the modal span3.onclick = function() { modal3.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal3) { modal3.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ font-size: 24px; } .image7 { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:39px; margin-bottom:100px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image7 { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Dare 2 Know
Girl in a jacket
// Get the modal var modal7 = document.getElementById("myModal7"); // Get the button that opens the modal var btn7 = document.getElementById("myBtn7"); // Get the element that closes the modal var span7 = document.getElementsByClassName("close7")[0]; // When the user clicks the button, open the modal btn7.onclick = function() { modal7.style.display = "block"; } // When the user clicks on (x), close the modal span7.onclick = function() { modal7.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal7.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Improving the Odds
Girl in a jacket
// Get the modal var modal11 = document.getElementById("myModal11"); // Get the button that opens the modal var btn11 = document.getElementById("myBtn11"); // Get the element that closes the modal var span11 = document.getElementsByClassName("close11")[0]; // When the user clicks the button, open the modal btn11.onclick = function() { modal11.style.display = "block"; } // When the user clicks on (x), close the modal span11.onclick = function() { modal11.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal11) { modal11.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Responsible Gaming & Player Protection Program
Girl in a jacket
// Get the modal var modal15 = document.getElementById("myModal15"); // Get the button that opens the modal var btn15 = document.getElementById("myBtn15"); // Get the element that closes the modal var span15 = document.getElementsByClassName("close15")[0]; // When the user clicks the button, open the modal btn15.onclick = function() { modal15.style.display = "block"; } // When the user clicks on (x), close the modal span15.onclick = function() { modal15.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal15) { modal15.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Students Advocating for Gambling Awareness (SAGA)
Girl in a jacket
// Get the modal var modal19 = document.getElementById("myModal19"); // Get the button that opens the modal var btn19= document.getElementById("myBtn19"); // Get the element that closes the modal var span19 = document.getElementsByClassName("close19")[0]; // When the user clicks the button, open the modal btn19.onclick = function() { modal19.style.display = "block"; } // When the user clicks on (x), close the modal span19.onclick = function() { modal19.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal19) { modal19.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
A Chance for Change: Gambling Addiction and Older Adults
Girl in a jacket
// Get the modal var modal4 = document.getElementById("myModal4"); // Get the button that opens the modal var btn4 = document.getElementById("myBtn4"); // Get the element that closes the modal var span4 = document.getElementsByClassName("close4")[0]; // When the user clicks the button, open the modal btn4.onclick = function() { modal4.style.display = "block"; } // When the user clicks on (x), close the modal span4.onclick = function() { modal4.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal4) { modal4.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ font-size: 24px; } .image7 { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:39px; margin-bottom:100px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Dealing with Addiction
Girl in a jacket
// Get the modal var modal8 = document.getElementById("myModal8"); // Get the button that opens the modal var btn8 = document.getElementById("myBtn8"); // Get the element that closes the modal var span8 = document.getElementsByClassName("close8")[0]; // When the user clicks the button, open the modal btn8.onclick = function() { modal8.style.display = "block"; } // When the user clicks on (x), close the modal span8.onclick = function() { modal8.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal8) { modal8.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Managing the Odds
Girl in a jacket
// Get the modal var modal12 = document.getElementById("myModal12"); // Get the button that opens the modal var btn12 = document.getElementById("myBtn12"); // Get the element that closes the modal var span12 = document.getElementsByClassName("close12")[0]; // When the user clicks the button, open the modal btn12.onclick = function() { modal12.style.display = "block"; } // When the user clicks on (x), close the modal span12.onclick = function() { modal12.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal12) { modal12.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
SAGA Peer Educator Program
Girl in a jacket
// Get the modal var modal16 = document.getElementById("myModal16"); // Get the button that opens the modal var btn16 = document.getElementById("myBtn16"); // Get the element that closes the modal var span16 = document.getElementsByClassName("close16")[0]; // When the user clicks the button, open the modal btn16.onclick = function() { modal16.style.display = "block"; } // When the user clicks on (x), close the modal span16.onclick = function() { modal16.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal16) { modal16.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .image { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
When Gambling Takes Control of the Game
Girl in a jacket
// Get the modal var modal20 = document.getElementById("myModal20"); // Get the button that opens the modal var btn20= document.getElementById("myBtn20"); // Get the element that closes the modal var span20 = document.getElementsByClassName("close20")[0]; // When the user clicks the button, open the modal btn20.onclick = function() { modal20.style.display = "block"; } // When the user clicks on (x), close the modal span20.onclick = function() { modal20.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal20) { modal20.style.display = "none"; } }

Add Your Heading Text Here



body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0%; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .imagee { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; margin: 200px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Girl in a jacket
// Get the modal var modall3 = document.getElementById("myModall3"); // Get the button that opens the modal var btnn3 = document.getElementById("myBtnn3"); // Get the element that closes the modal var spann3 = document.getElementsByClassName("closee3")[0]; // When the user clicks the button, open the modal btnn3.onclick = function() { modall3.style.display = "block"; } // When the user clicks on (x), close the modal spann3.onclick = function() { modall3.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modall3) { modall3.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0%; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .imagee { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; margin: 200px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Girl in a jacket
// Get the modal var modall5 = document.getElementById("myModall5"); // Get the button that opens the modal var btnn5 = document.getElementById("myBtnn5"); // Get the element that closes the modal var spann5 = document.getElementsByClassName("closee5")[0]; // When the user clicks the button, open the modal btnn5.onclick = function() { modall5.style.display = "block"; } // When the user clicks on (x), close the modal spann5.onclick = function() { modall5.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modall5) { modall5.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0%; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .imagee { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; margin: 200px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Girl in a jacket
// Get the modal var modall9 = document.getElementById("myModall9"); // Get the button that opens the modal var btnn9 = document.getElementById("myBtnn9"); // Get the element that closes the modal var spann9 = document.getElementsByClassName("closee9")[0]; // When the user clicks the button, open the modal btnn9.onclick = function() { modall9.style.display = "block"; } // When the user clicks on (x), close the modal spann9.onclick = function() { modall9.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modall9) { modall9.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0%; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .imagee { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; margin: 200px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Girl in a jacket
// Get the modal var modall2 = document.getElementById("myModall2"); // Get the button that opens the modal var btnn2 = document.getElementById("myBtnn2"); // Get the element that closes the modal var spann2 = document.getElementsByClassName("closee2")[0]; // When the user clicks the button, open the modal btnn2.onclick = function() { modall2.style.display = "block"; } // When the user clicks on (x), close the modal spann2.onclick = function() { modall2.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modall2) { modall2.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0%; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .imagee { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; margin: 200px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Girl in a jacket
// Get the modal var modall6 = document.getElementById("myModall6"); // Get the button that opens the modal var btnn6 = document.getElementById("myBtnn6"); // Get the element that closes the modal var spann6 = document.getElementsByClassName("closee6")[0]; // When the user clicks the button, open the modal btnn6.onclick = function() { modall6.style.display = "block"; } // When the user clicks on (x), close the modal spann6.onclick = function() { modall6.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modall6) { modall6.style.display = "none"; } }
Print Materials
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0%; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .imagee { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; margin: 200px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Girl in a jacket
// Get the modal var modall10 = document.getElementById("myModall10"); // Get the button that opens the modal var btnn10 = document.getElementById("myBtnn10"); // Get the element that closes the modal var spann10 = document.getElementsByClassName("closee10")[0]; // When the user clicks the button, open the modal btnn10.onclick = function() { modall10.style.display = "block"; } // When the user clicks on (x), close the modal spann10.onclick = function() { modall10.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modall10) { modall10.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0%; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .imagee { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; margin-bottom:50px; } .imagee2 { opacity: 1; display: block; width: 75%; height: auto; transition: .5s ease; backface-visibility: hidden; padding-top:10px; padding-left:25%; margin-bottom:100px; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .imagee { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; margin: 200px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Girl in a jacket
// Get the modal var modall1 = document.getElementById("myModall1"); // Get the button that opens the modal var btnn1 = document.getElementById("myBtnn1"); // Get the element that closes the modal var spann1 = document.getElementsByClassName("closee1")[0]; // When the user clicks the button, open the modal btnn1.onclick = function() { modall1.style.display = "block"; } // When the user clicks on (x), close the modal spann1.onclick = function() { modall1.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modall1) { modall1.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0%; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .imagee { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; margin: 200px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Girl in a jacket
// Get the modal var modall7 = document.getElementById("myModall7"); // Get the button that opens the modal var btnn7 = document.getElementById("myBtnn7"); // Get the element that closes the modal var spann7 = document.getElementsByClassName("closee7")[0]; // When the user clicks the button, open the modal btnn7.onclick = function() { modall7.style.display = "block"; } // When the user clicks on (x), close the modal spann7.onclick = function() { modall7.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modall7) { modall7.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0%; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .imagee { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; margin: 200px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Girl in a jacket
// Get the modal var modall4 = document.getElementById("myModall4"); // Get the button that opens the modal var btnn4 = document.getElementById("myBtnn4"); // Get the element that closes the modal var spann4 = document.getElementsByClassName("closee4")[0]; // When the user clicks the button, open the modal btnn4.onclick = function() { modall4.style.display = "block"; } // When the user clicks on (x), close the modal spann4.onclick = function() { modall4.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modall4) { modall4.style.display = "none"; } }
body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 18%; /* Location of the box */ left: 0%; top: 0%; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .container:hover .imagee { opacity: 0.3; } .container:hover .middle { opacity: 1; } .text { background-color: #4CAF50; color: white; font-size: 16px; margin: 200px; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
Girl in a jacket
// Get the modal var modall8 = document.getElementById("myModall8"); // Get the button that opens the modal var btnn8 = document.getElementById("myBtnn8"); // Get the element that closes the modal var spann8 = document.getElementsByClassName("closee8")[0]; // When the user clicks the button, open the modal btnn8.onclick = function() { modall8.style.display = "block"; } // When the user clicks on (x), close the modal spann8.onclick = function() { modall8.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modall8) { modall8.style.display = "none"; } }


The FCCG’s “A Chance for Change” workbooks outline a comprehensive self-help program for gamblers, loved ones, young adults, and elder gamblers. This seven-part series of self-help recovery workbooks is designed to help individuals experiencing gambling related difficulties to eliminate self-defeating negative behaviors, to think clearly, and make better decisions to lead a healthier lifestyle. Workbooks may be utilized independently or in conjunction with support groups, professional counseling, or part of a law enforcement restitution program


The FCCG’s “A Chance for Change” workbooks outline a comprehensive self-help program for gamblers, loved ones, young adults, and elder gamblers. This seven-part series of self-help recovery workbooks is designed to help individuals experiencing gambling related difficulties to eliminate self-defeating negative behaviors, to think clearly, and make better decisions to lead a healthier lifestyle. Workbooks may be utilized independently or in conjunction with support groups, professional counseling, or part of a law enforcement restitution program

Translate »