--- /dev/null
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Tri-County Office of Emergency Management</title>
+ <meta http-equiv="content-type" content="text/html;charset=utf-8">
+ <meta charset="UTF-8">
+ <meta name="description" content="">
+ <link rel="stylesheet" type="text/css" href="styles.css">
+</head>
+
+<body>
+ <div id="inside">
+ <header>
+ <h3>
+ Thank you for visiting the Tri-County Office of Emergency Management site.
+ This site is under construction. Please check back soon for more.
+ </h3>
+ <img id="logo" src="assets/cceoem_logo.png" alt="CCEOEM Logo">
+ </header>
+
+ <div id="emergency_alert_banner">
+ <img src="assets/alert.png" alt="Alert Diamond">
+ <h1>
+ Get Emergency Alerts with the Tri-County *BE ALERT* Emergency Notification System
+ </h1>
+ </div>
+ <div id="content">
+ <h3>
+ Emergency Notifications straight from Emergency Responders to you
+ </h3>
+ <p>
+ The *BE ALERT* Emergency Notification System provides accurate, immediate
+ emergency notifications from your local public safety agency to your
+ cell, work or home phone, via text, email or voice message. Receive
+ notifications about emergencies that may affect your home, workplace,
+ child's school, parents' home, or any other locations within Tri-County
+ region (Charlevoix, Cheboygan, Emmet).
+ </p>
+ <div id="contact_us">
+ Should you have any questions or concerns, contact the Office of Emergency
+ Management at eoc@cceoem.net. Thank you,Tri-County Office of Emergency Management
+ </div>
+ <div id="copyright">
+ © <?php echo date('Y');?> 2014 Charlevoix, Cheboygan, Emmet County Office of Emergency Management *
+ P.O. Box 480, Petoskey, MI 49770 * 855-515-1624
+ </div>
+ </div> <!-- inside -->
+
+
+</body>
+
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Tri-County Office of Emergency Management</title>
+ <meta http-equiv="content-type" content="text/html;charset=utf-8">
+ <meta charset="UTF-8">
+ <meta name="description" content="">
+ <link rel="stylesheet" type="text/css" href="styles.css">
+</head>
+
+<body>
+ <div id="inside">
+ <header>
+ <h3>
+ Thank you for visiting the Tri-County Office of Emergency Management site.
+ This site is under construction. Please check back soon for more.
+ </h3>
+ <img id="logo" src="assets/cceoem_logo.png" alt="CCEOEM Logo">
+ </header>
+
+ <div id="emergency_alert_banner">
+ <img src="assets/alert.png" alt="Alert Diamond">
+ <h1>
+ Get Emergency Alerts with the Tri-County *BE ALERT* Emergency Notification System
+ </h1>
+ </div>
+ <div id="content">
+ <h2>Emergency Notifications straight from Emergency Responders to you</h2>
+ <p>
+ The <bold>*BE ALERT*</bold> Emergency Notification System provides accurate, immediate
+ emergency notifications from your local public safety agency to your
+ cell, work or home phone, via text, email or voice message. Receive
+ notifications about emergencies that may affect your home, workplace,
+ child's school, parents' home, or any other locations within Tri-County
+ region (Charlevoix, Cheboygan, Emmet).
+ </p>
+ <ul>
+ <li>
+ <bold>Evacuation Information</bold> for hazardous
+ environmental situations or other emergencies requiring
+ you to leave the area
+ </li>
+ <li>
+ <bold>Weather Advisories</bold> for you or your family’s
+ home, business, school, child care, or more
+ </li>
+ <li>
+ <bold>Infrastructure Issues</bold> including Boil Water
+ notices or similar alerts
+ </li>
+ <li>
+ <bold>School Closing Information</bold> numerous school
+ systems have partnered with *BE ALERT* which allows school
+ officials to send parents important notifications like
+ building closures or other priority updates that parents
+ need.
+ </li>
+ </ul>
+ <div id="get_started">
+ <h3>Get Started</h3>
+
+ <a class="button" href="https://member.everbridge.net/index/892807736722273#/signup">
+ <img src="assets/new_user.png" alt="New user">
+ <p><bold>New Users</bold>
+ <br>Register for *BE ALERT* emergency alerts
+ </p>
+ </a>
+ <a class="button" href="https://member.everbridge.net/index/892807736722273#/login">
+ <img src="assets/current_user.png" alt="New user">
+ <p><bold>Current Users</bold>
+ <br>Update your emergency alert preferences
+ </p>
+ </a>
+ </div>
+ <div id="your_preferences">
+ <h3>Your Preferences</h3>
+ <ul>
+ <li>
+ <bold>Locations:</bold> You can choose to receive emergency
+ alerts about specific neighborhoods, including around your home,
+ workplace, your or your child’s school
+ </li>
+ <li>
+ <bold>Alert Types:</bold> Choose what kind of alerts you want
+ to receive, from weather to major road closures to water
+ advisories
+ </li>
+ <li>
+ <bold>Preferred device:</bold> Select how you would like to
+ be notified, and in what order: personal or work cell, email,
+ phone, text message, etc.
+ </li>
+ </ul>
+ </div>
+ <div id="your_alerts">
+ <h3>Your Alerts</h3>
+ <p>If you do not confirm receipt of the message on your primary
+ device (your first choice for how you want to be contacted),
+ the system will try your additional contact numbers or emails,
+ in the preference order you specify, until it receives a
+ confirmation from you that you received the message.
+ </p>
+ </div>
+ <div id="contact_us">
+ <h3>Contact Us</h3>
+ <p>Should you have any questions or concerns, contact the Office of Emergency
+ Management at <a href="mailto:eoc@cceoem.net">eoc@cceoem.net</a>.<p>
+ <p>Thank you,<br><italic>Tri-County Office of Emergency Management</italic></p>
+ </div>
+ <div id="copyright">
+ © <?php echo date('Y');?>
+ Charlevoix, Cheboygan, Emmet County Office of Emergency Management
+ • P.O. Box 480, Petoskey, MI 49770 • 855-515-1624
+ </div>
+ </div>
+ </div> <!-- inside -->
+ <div id="label">Produced by <a href="http://www.gaslightmedia.com">Gaslight Media</a></div>
+</body>
+
+</html>
--- /dev/null
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/*
+ Created on : Nov 13, 2014, 9:18:58 AM
+ Author : laury
+*/
+
+/*//COLORS
+red: #96181d
+blue: #00478d
+dark blue: #103d7a
+yellow: #fff5a3
+dark yellow: #ffde39
+grey: #bec0c2
+dark grey: #a7a9ac*/
+
+/*//FONTS
+Arial: regular, bold, italic
+h1: Arial bold, 36pt, #000000
+h2: Arial bold, 24pt, #96181d
+h3: Arial bold, 18pt, #96181d
+Body copy: Arial regular, 14pt
+Footer text: Arial regular, 12pt*/
+
+/*Grey Boxes:
+Border: 1pt, #a7a9ac
+Page Links:
+Arial: regular, underlined, 14pt, #00478d
+
+Footer Link:
+Arial: regular, underlined, 12pt, #ffffff*/
+
+
+html {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font: inherit;
+ font-size: 100%;
+ line-height: 1;
+ background-color: #00478d;
+ line-height: 110%;
+}
+body {
+ width: 960px;
+ margin: 0 auto;
+ font-family: "arial";
+ padding-bottom: 155px;
+}
+#inside {
+ background-color: white;
+ color: black;
+ font-size: 14px;
+}
+h1, h2, h3 {
+ font-family: Arial;
+ font-weight: bold;
+ line-height: 120%;
+}
+h1 {
+ font-size: 36px;
+ color: #000000;
+}
+h2 {
+ font-size: 24px;
+ color: #96181d;
+}
+h3 {
+ font-size: 18px;
+ color: #96181d;
+ margin: 25px 0 0 0;
+}
+bold {
+ font-weight: bold;
+}
+italic {
+ font-style: italic;
+}
+li {
+ margin: 5px;
+}
+a {
+ color: #00478d;
+}
+#inside header {
+ padding: 5px 40px 0 40px;
+ text-align: center;
+}
+#inside header > h3 {
+ font-size: 17px;
+ margin: 30px 0;
+}
+#emergency_alert_banner {
+ height: 100px;
+ width: 100%;
+ background: rgb(255,245,163); /* Old browsers */
+ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjVhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmRlMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(255,245,163,1) 0%, rgba(255,222,57,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,245,163,1)), color-stop(100%,rgba(255,222,57,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(255,245,163,1) 0%,rgba(255,222,57,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(255,245,163,1) 0%,rgba(255,222,57,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(255,245,163,1) 0%,rgba(255,222,57,1) 100%); /* IE10+ */
+ background: linear-gradient(to bottom, rgba(255,245,163,1) 0%,rgba(255,222,57,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5a3', endColorstr='#ffde39',GradientType=0 ); /* IE6-8 */
+}
+#emergency_alert_banner img {
+ float: left;
+ margin: 5px 30px 5px 40px;
+}
+#emergency_alert_banner h1 {
+ padding: 5px 50px;
+}
+#content {
+ padding: 10px 80px;
+}
+.button {
+ color: black;
+ text-decoration: none;
+ display: inline-block;
+ border: 1px solid #a7a9ac;
+ border-radius: 4px;
+ width: 224px;
+ height: 81px;
+ margin: 30px 45px 10px 0;
+ background: rgb(255,255,255); /* Old browsers */
+ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWMwYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(190,192,194,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(190,192,194,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(190,192,194,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(190,192,194,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(190,192,194,1) 100%); /* IE10+ */
+ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(190,192,194,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bec0c2',GradientType=0 ); /* IE6-8 */
+}
+.button:hover {
+ background: rgb(255,255,255); /* Old browsers */
+ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhN2E5YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(167,169,172,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(167,169,172,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(167,169,172,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(167,169,172,1) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(167,169,172,1) 100%); /* IE10+ */
+ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(167,169,172,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a7a9ac',GradientType=0 ); /* IE6-8 */
+}
+.button img {
+ float: left;
+ position: relative;
+ top: 25%;
+ transform: translateY(-50%);
+ margin: 12px;
+}
+.button p {
+ margin: 12px 5px 12px 0;
+ font-size: 14px;
+}
+.button p bold {
+ font-size: 16px;
+}
+#footer_link {
+ height:150px;
+ font-family: arial;
+ text-decoration: underline;
+ font-size: 12px;
+ color: #fff;
+}
+#copyright {
+ text-align: center;
+ font-size: 12px;
+ margin: 50px 0 10px 0;
+}
+#label {
+ text-align: center;
+ font-size: 12px;
+ color: white;
+ margin: 5px
+}
+#label > a {
+
+ color: white;
+}
\ No newline at end of file
projects / web / CCEOEM.git / commitdiff
