Special Weather Statement, NWS Boston/Norton, MA

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Service Notice</title>
  <link rel="stylesheet" href="index.css">
</head>
<body>
  <main class="wrap">
    <section class="card" role="status" aria-live="polite">
      <div class="status" id="status">Temporary Notice</div>
      <h1 id="headline">This service is currently unavailable.</h1>
      <p id="message1">
        The site you requested is temporarily down for maintenance or an unexpected outage.
      </p>
      <p id="message2">
        Please try again in a few minutes.
      </p>
      <p class="small" id="detail">
        If you are an administrator, restore upstream service and remove the redirect/fallback rule when normal operations resume.
      </p>
    </section>
  </main>
  <script src="index.js"></script>
</body>
</html>

SPECIAL WEATHER STATEMENT
NATIONAL WEATHER SERVICE TAUNTON MA
1234 AM EDT WED JUN 29 2011

MAZ002-003-NHZ011-290515-
CHESHIRE NH-EASTERN FRANKLIN MA-WESTERN FRANKLIN MA-
1234 AM EDT WED JUN 29 2011

AT 1230 AM EDT NATIONAL WEATHER SERVICE DOPPLER RADAR INDICATED A
STRONG THUNDERSTORM CAPABLE OF PRODUCING SMALL HAIL 2 MILES NORTHWEST
OF BERNARDSTON...OR ABOUT 7 MILES NORTH OF GREENFIELD...MOVING
NORTHEAST AT 35 MPH.

* SOME LOCATIONS AFFECTED INCLUDE...NORTHFIELD...HINSDALE...WARWICK
  AND WINCHESTER.

FOR YOUR SAFETY...GET INSIDE WHEN THESE STORMS APPROACH. WINDS MAY BE
STRONG ENOUGH TO BRING DOWN SMALL BRANCHES. MINOR STREET FLOODING AND
PONDING OF WATER IN POOR DRAINAGE AREAS IS ALSO POSSIBLE.

&&

LAT...LON 4274 7276 4273 7247 4277 7250 4276 7252
      4278 7252 4280 7254 4283 7255 4290 7238
      4262 7225 4257 7273 4273 7279

RLG

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Service Notice</title>
  <link rel="stylesheet" href="index.css">
</head>
<body>
  <main class="wrap">
    <section class="card" role="status" aria-live="polite">
      <div class="status" id="status">Temporary Notice</div>
      <h1 id="headline">This service is currently unavailable.</h1>
      <p id="message1">
        The site you requested is temporarily down for maintenance or an unexpected outage.
      </p>
      <p id="message2">
        Please try again in a few minutes.
      </p>
      <p class="small" id="detail">
        If you are an administrator, restore upstream service and remove the redirect/fallback rule when normal operations resume.
      </p>
    </section>
  </main>
  <script src="index.js"></script>
</body>
</html>

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Service Notice</title>
  <link rel="stylesheet" href="index.css">
</head>
<body>
  <main class="wrap">
    <section class="card" role="status" aria-live="polite">
      <div class="status" id="status">Temporary Notice</div>
      <h1 id="headline">This service is currently unavailable.</h1>
      <p id="message1">
        The site you requested is temporarily down for maintenance or an unexpected outage.
      </p>
      <p id="message2">
        Please try again in a few minutes.
      </p>
      <p class="small" id="detail">
        If you are an administrator, restore upstream service and remove the redirect/fallback rule when normal operations resume.
      </p>
    </section>
  </main>
  <script src="index.js"></script>
</body>
</html>