Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <ul class="accordion" data-accordion="xxa8l9-accordion" data-multi-expand="true" data-allow-all-closed="true" data-deep-link="true" role="tablist">
- <li id="hourly-weather-tab" class="accordion-item is-active" data-accordion-item="" aria-expanded="true" aria-selected="true">
- <a href="#" class="accordion-title" aria-controls="hourly-weather-content" role="tab" id="hourly-weather-tab" aria-expanded="false" aria-selected="false">Hourly Weather</a>
- <div id="hourly-weather-content" class="accordion-content" data-tab-content="" role="tabpanel" aria-labelledby="hourly-weather-tab" aria-hidden="false" style="display: block;">
- <div class="text-center">
- <canvas id="hourly-icon" class="weather-icon" width="128" height="128"></canvas>
- <div id="hourly-summary">Partly cloudy starting tomorrow morning, continuing until tomorrow afternoon.</div>
- </div>
- <ul id="hourly-weather-list" class="accordion" data-accordion="5vcy28-accordion" data-multi-expand="true" data-allow-all-closed="true" data-deep-link="true" role="tablist">
- <!-- <li id="hourly-weather-tab" class="accordion-item is-active" data-accordion-item>
- <a href="#" class="accordion-title">Hourly Weather</a>
- <div id="daily-weather" class="accordion-content" data-tab-content>
- </div>
- </li> -->
- <li id="hour-0-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-0-title" class="accordion-title hour-title text-center"><span class="float-left"> 5 pm</span><span class="text-center"><canvas id="hour-0-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">70°<span class="celc-fahr">F</span></span></a>
- <div id="hour-0-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-0-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">5 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(284deg); -webkit-transform: rotate(284deg); transform: rotate(284deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">70°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">54%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">53°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1014 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-1-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-1-title" class="accordion-title hour-title text-center"><span class="float-left"> 6 pm</span><span class="text-center"><canvas id="hour-1-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">70°<span class="celc-fahr">F</span></span></a>
- <div id="hour-1-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-1-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">5 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(279deg); -webkit-transform: rotate(279deg); transform: rotate(279deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">70°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">55%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">53°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1014 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-2-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-2-title" class="accordion-title hour-title text-center"><span class="float-left"> 7 pm</span><span class="text-center"><canvas id="hour-2-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">69°<span class="celc-fahr">F</span></span></a>
- <div id="hour-2-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-2-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(299deg); -webkit-transform: rotate(299deg); transform: rotate(299deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">69°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">59%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1014 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-3-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-3-title" class="accordion-title hour-title text-center"><span class="float-left"> 8 pm</span><span class="text-center"><canvas id="hour-3-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">66°<span class="celc-fahr">F</span></span></a>
- <div id="hour-3-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-3-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">5 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(316deg); -webkit-transform: rotate(316deg); transform: rotate(316deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">66°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">64%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1014 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-4-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-4-title" class="accordion-title hour-title text-center"><span class="float-left"> 9 pm</span><span class="text-center"><canvas id="hour-4-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">63°<span class="celc-fahr">F</span></span></a>
- <div id="hour-4-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-4-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">5 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(322deg); -webkit-transform: rotate(322deg); transform: rotate(322deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">63°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">69%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">53°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1014 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-5-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-5-title" class="accordion-title hour-title text-center"><span class="float-left">10 pm</span><span class="text-center"><canvas id="hour-5-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">60°<span class="celc-fahr">F</span></span></a>
- <div id="hour-5-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-5-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(342deg); -webkit-transform: rotate(342deg); transform: rotate(342deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">60°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">75%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">52°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-6-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-6-title" class="accordion-title hour-title text-center"><span class="float-left">11 pm</span><span class="text-center"><canvas id="hour-6-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">58°<span class="celc-fahr">F</span></span></a>
- <div id="hour-6-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-6-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">58°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">79%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">51°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-7-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-7-title" class="accordion-title hour-title text-center"><span class="float-left">12 am</span><span class="text-center"><canvas id="hour-7-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">56°<span class="celc-fahr">F</span></span></a>
- <div id="hour-7-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-7-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">81%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">51°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-8-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-8-title" class="accordion-title hour-title text-center"><span class="float-left"> 1 am</span><span class="text-center"><canvas id="hour-8-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">56°<span class="celc-fahr">F</span></span></a>
- <div id="hour-8-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-8-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">2 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(61deg); -webkit-transform: rotate(61deg); transform: rotate(61deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">82%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">50°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-9-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-9-title" class="accordion-title hour-title text-center"><span class="float-left"> 2 am</span><span class="text-center"><canvas id="hour-9-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">55°<span class="celc-fahr">F</span></span></a>
- <div id="hour-9-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-9-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">2 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(76deg); -webkit-transform: rotate(76deg); transform: rotate(76deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">55°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">82%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">50°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-10-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-10-title" class="accordion-title hour-title text-center"><span class="float-left"> 3 am</span><span class="text-center"><canvas id="hour-10-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">54°<span class="celc-fahr">F</span></span></a>
- <div id="hour-10-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-10-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(113deg); -webkit-transform: rotate(113deg); transform: rotate(113deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">85%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">49°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-11-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-11-title" class="accordion-title hour-title text-center"><span class="float-left"> 4 am</span><span class="text-center"><canvas id="hour-11-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">53°<span class="celc-fahr">F</span></span></a>
- <div id="hour-11-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-11-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(145deg); -webkit-transform: rotate(145deg); transform: rotate(145deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">53°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">88%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">49°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-12-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-12-title" class="accordion-title hour-title text-center"><span class="float-left"> 5 am</span><span class="text-center"><canvas id="hour-12-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">53°<span class="celc-fahr">F</span></span></a>
- <div id="hour-12-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-12-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(154deg); -webkit-transform: rotate(154deg); transform: rotate(154deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">53°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">88%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">50°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-13-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-13-title" class="accordion-title hour-title text-center"><span class="float-left"> 6 am</span><span class="text-center"><canvas id="hour-13-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">54°<span class="celc-fahr">F</span></span></a>
- <div id="hour-13-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-13-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(165deg); -webkit-transform: rotate(165deg); transform: rotate(165deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">88%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">50°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-14-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-14-title" class="accordion-title hour-title text-center"><span class="float-left"> 7 am</span><span class="text-center"><canvas id="hour-14-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">55°<span class="celc-fahr">F</span></span></a>
- <div id="hour-14-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-14-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(188deg); -webkit-transform: rotate(188deg); transform: rotate(188deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">55°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">85%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">51°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-15-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-15-title" class="accordion-title hour-title text-center"><span class="float-left"> 8 am</span><span class="text-center"><canvas id="hour-15-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">57°<span class="celc-fahr">F</span></span></a>
- <div id="hour-15-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-15-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(193deg); -webkit-transform: rotate(193deg); transform: rotate(193deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">57°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">82%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">52°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-16-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-16-title" class="accordion-title hour-title text-center"><span class="float-left"> 9 am</span><span class="text-center"><canvas id="hour-16-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">59°<span class="celc-fahr">F</span></span></a>
- <div id="hour-16-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-16-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(188deg); -webkit-transform: rotate(188deg); transform: rotate(188deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">59°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">79%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">53°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-17-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-17-title" class="accordion-title hour-title text-center"><span class="float-left">10 am</span><span class="text-center"><canvas id="hour-17-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">61°<span class="celc-fahr">F</span></span></a>
- <div id="hour-17-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-17-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(195deg); -webkit-transform: rotate(195deg); transform: rotate(195deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">61°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">76%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">53°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1016 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-18-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-18-title" class="accordion-title hour-title text-center"><span class="float-left">11 am</span><span class="text-center"><canvas id="hour-18-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">63°<span class="celc-fahr">F</span></span></a>
- <div id="hour-18-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-18-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(210deg); -webkit-transform: rotate(210deg); transform: rotate(210deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">63°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">73%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1016 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-19-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-19-title" class="accordion-title hour-title text-center"><span class="float-left">12 pm</span><span class="text-center"><canvas id="hour-19-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">65°<span class="celc-fahr">F</span></span></a>
- <div id="hour-19-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-19-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">5 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(222deg); -webkit-transform: rotate(222deg); transform: rotate(222deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">65°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">69%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1016 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-20-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-20-title" class="accordion-title hour-title text-center"><span class="float-left"> 1 pm</span><span class="text-center"><canvas id="hour-20-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">67°<span class="celc-fahr">F</span></span></a>
- <div id="hour-20-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-20-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">5 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(233deg); -webkit-transform: rotate(233deg); transform: rotate(233deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">67°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">64%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1016 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-21-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-21-title" class="accordion-title hour-title text-center"><span class="float-left"> 2 pm</span><span class="text-center"><canvas id="hour-21-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">69°<span class="celc-fahr">F</span></span></a>
- <div id="hour-21-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-21-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">5 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(226deg); -webkit-transform: rotate(226deg); transform: rotate(226deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">69°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">60%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1016 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-22-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-22-title" class="accordion-title hour-title text-center"><span class="float-left"> 3 pm</span><span class="text-center"><canvas id="hour-22-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">71°<span class="celc-fahr">F</span></span></a>
- <div id="hour-22-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-22-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(187deg); -webkit-transform: rotate(187deg); transform: rotate(187deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">71°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">56%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-23-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-23-title" class="accordion-title hour-title text-center"><span class="float-left"> 4 pm</span><span class="text-center"><canvas id="hour-23-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">72°<span class="celc-fahr">F</span></span></a>
- <div id="hour-23-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-23-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(307deg); -webkit-transform: rotate(307deg); transform: rotate(307deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">72°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">53%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-24-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-24-title" class="accordion-title hour-title text-center"><span class="float-left"> 5 pm</span><span class="text-center"><canvas id="hour-24-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">73°<span class="celc-fahr">F</span></span></a>
- <div id="hour-24-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-24-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(262deg); -webkit-transform: rotate(262deg); transform: rotate(262deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">73°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">52%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-25-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-25-title" class="accordion-title hour-title text-center"><span class="float-left"> 6 pm</span><span class="text-center"><canvas id="hour-25-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">72°<span class="celc-fahr">F</span></span></a>
- <div id="hour-25-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-25-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(245deg); -webkit-transform: rotate(245deg); transform: rotate(245deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">72°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">56%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">55°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-26-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-26-title" class="accordion-title hour-title text-center"><span class="float-left"> 7 pm</span><span class="text-center"><canvas id="hour-26-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">70°<span class="celc-fahr">F</span></span></a>
- <div id="hour-26-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-26-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(274deg); -webkit-transform: rotate(274deg); transform: rotate(274deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">70°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">62%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1015 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-27-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-27-title" class="accordion-title hour-title text-center"><span class="float-left"> 8 pm</span><span class="text-center"><canvas id="hour-27-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">67°<span class="celc-fahr">F</span></span></a>
- <div id="hour-27-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-27-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(283deg); -webkit-transform: rotate(283deg); transform: rotate(283deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">67°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">68%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1016 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-28-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-28-title" class="accordion-title hour-title text-center"><span class="float-left"> 9 pm</span><span class="text-center"><canvas id="hour-28-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">64°<span class="celc-fahr">F</span></span></a>
- <div id="hour-28-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-28-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(290deg); -webkit-transform: rotate(290deg); transform: rotate(290deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">64°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">73%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">55°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1016 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-29-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-29-title" class="accordion-title hour-title text-center"><span class="float-left">10 pm</span><span class="text-center"><canvas id="hour-29-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">61°<span class="celc-fahr">F</span></span></a>
- <div id="hour-29-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-29-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">0 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(299deg); -webkit-transform: rotate(299deg); transform: rotate(299deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">61°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">78%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1017 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-30-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-30-title" class="accordion-title hour-title text-center"><span class="float-left">11 pm</span><span class="text-center"><canvas id="hour-30-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">59°<span class="celc-fahr">F</span></span></a>
- <div id="hour-30-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-30-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(105deg); -webkit-transform: rotate(105deg); transform: rotate(105deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">59°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">81%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">53°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1017 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-31-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-31-title" class="accordion-title hour-title text-center"><span class="float-left">12 am</span><span class="text-center"><canvas id="hour-31-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">58°<span class="celc-fahr">F</span></span></a>
- <div id="hour-31-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-31-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(107deg); -webkit-transform: rotate(107deg); transform: rotate(107deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">58°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">83%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">53°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1018 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-32-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-32-title" class="accordion-title hour-title text-center"><span class="float-left"> 1 am</span><span class="text-center"><canvas id="hour-32-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">57°<span class="celc-fahr">F</span></span></a>
- <div id="hour-32-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-32-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(122deg); -webkit-transform: rotate(122deg); transform: rotate(122deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">57°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">84%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">52°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1018 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-33-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-33-title" class="accordion-title hour-title text-center"><span class="float-left"> 2 am</span><span class="text-center"><canvas id="hour-33-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">57°<span class="celc-fahr">F</span></span></a>
- <div id="hour-33-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-33-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(133deg); -webkit-transform: rotate(133deg); transform: rotate(133deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">57°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">84%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">52°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1018 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-34-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-34-title" class="accordion-title hour-title text-center"><span class="float-left"> 3 am</span><span class="text-center"><canvas id="hour-34-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">56°<span class="celc-fahr">F</span></span></a>
- <div id="hour-34-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-34-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(139deg); -webkit-transform: rotate(139deg); transform: rotate(139deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">85%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">52°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1018 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-35-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-35-title" class="accordion-title hour-title text-center"><span class="float-left"> 4 am</span><span class="text-center"><canvas id="hour-35-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">55°<span class="celc-fahr">F</span></span></a>
- <div id="hour-35-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-35-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(144deg); -webkit-transform: rotate(144deg); transform: rotate(144deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">55°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">86%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">51°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1018 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-36-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-36-title" class="accordion-title hour-title text-center"><span class="float-left"> 5 am</span><span class="text-center"><canvas id="hour-36-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">55°<span class="celc-fahr">F</span></span></a>
- <div id="hour-36-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-36-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">55°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">86%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">51°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1019 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-37-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-37-title" class="accordion-title hour-title text-center"><span class="float-left"> 6 am</span><span class="text-center"><canvas id="hour-37-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">55°<span class="celc-fahr">F</span></span></a>
- <div id="hour-37-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-37-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(164deg); -webkit-transform: rotate(164deg); transform: rotate(164deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">55°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">86%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">51°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1019 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-38-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-38-title" class="accordion-title hour-title text-center"><span class="float-left"> 7 am</span><span class="text-center"><canvas id="hour-38-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">57°<span class="celc-fahr">F</span></span></a>
- <div id="hour-38-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-38-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(188deg); -webkit-transform: rotate(188deg); transform: rotate(188deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">57°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">85%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">52°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1019 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-39-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-39-title" class="accordion-title hour-title text-center"><span class="float-left"> 8 am</span><span class="text-center"><canvas id="hour-39-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">58°<span class="celc-fahr">F</span></span></a>
- <div id="hour-39-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-39-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(202deg); -webkit-transform: rotate(202deg); transform: rotate(202deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">58°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">83%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">53°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1020 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-40-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-40-title" class="accordion-title hour-title text-center"><span class="float-left"> 9 am</span><span class="text-center"><canvas id="hour-40-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">61°<span class="celc-fahr">F</span></span></a>
- <div id="hour-40-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-40-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(213deg); -webkit-transform: rotate(213deg); transform: rotate(213deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">61°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">79%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">54°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1020 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-41-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-41-title" class="accordion-title hour-title text-center"><span class="float-left">10 am</span><span class="text-center"><canvas id="hour-41-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">64°<span class="celc-fahr">F</span></span></a>
- <div id="hour-41-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-41-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(273deg); -webkit-transform: rotate(273deg); transform: rotate(273deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">64°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">74%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">55°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1020 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-42-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-42-title" class="accordion-title hour-title text-center"><span class="float-left">11 am</span><span class="text-center"><canvas id="hour-42-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">66°<span class="celc-fahr">F</span></span></a>
- <div id="hour-42-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-42-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(259deg); -webkit-transform: rotate(259deg); transform: rotate(259deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">66°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">69%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1019 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-43-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-43-title" class="accordion-title hour-title text-center"><span class="float-left">12 pm</span><span class="text-center"><canvas id="hour-43-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">69°<span class="celc-fahr">F</span></span></a>
- <div id="hour-43-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-43-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">3 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(205deg); -webkit-transform: rotate(205deg); transform: rotate(205deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">69°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">64%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1019 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-44-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-44-title" class="accordion-title hour-title text-center"><span class="float-left"> 1 pm</span><span class="text-center"><canvas id="hour-44-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">71°<span class="celc-fahr">F</span></span></a>
- <div id="hour-44-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-44-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">4 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(354deg); -webkit-transform: rotate(354deg); transform: rotate(354deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">71°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">59%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1019 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-45-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-45-title" class="accordion-title hour-title text-center"><span class="float-left"> 2 pm</span><span class="text-center"><canvas id="hour-45-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">74°<span class="celc-fahr">F</span></span></a>
- <div id="hour-45-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-45-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">5 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(309deg); -webkit-transform: rotate(309deg); transform: rotate(309deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">74°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">55%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1019 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-46-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-46-title" class="accordion-title hour-title text-center"><span class="float-left"> 3 pm</span><span class="text-center"><canvas id="hour-46-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Partly Cloudy</span><span class="float-right">75°<span class="celc-fahr">F</span></span></a>
- <div id="hour-46-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-46-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">5 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(301deg); -webkit-transform: rotate(301deg); transform: rotate(301deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">75°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">52%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1019 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-47-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-47-title" class="accordion-title hour-title text-center"><span class="float-left"> 4 pm</span><span class="text-center"><canvas id="hour-47-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">76°<span class="celc-fahr">F</span></span></a>
- <div id="hour-47-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-47-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">6 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(311deg); -webkit-transform: rotate(311deg); transform: rotate(311deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">76°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">51%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1018 mb</span></li>
- </ul>
- </div>
- </li>
- <li id="hour-48-weather" class="accordion-item hour-weather" data-accordion-item=""><a href="#" id="hour-48-title" class="accordion-title hour-title text-center"><span class="float-left"> 5 pm</span><span class="text-center"><canvas id="hour-48-icon" class="weather-icon hourly-icon" width="40" height="40"></canvas>Clear</span><span class="float-right">75°<span class="celc-fahr">F</span></span></a>
- <div id="hour-48-content" class="accordion-content hour-content" data-tab-content="">
- <ul id="hour-48-info" class="row hour-info text-center">
- <li class="small-6 columns"><strong>Wind</strong>
- <br><span id="current-wind">7 mph <span class="direction" style="display: inline-block; -ms-transform: rotate(319deg); -webkit-transform: rotate(319deg); transform: rotate(319deg);">↑</span></span>
- </li>
- <li class="small-6 columns"><strong>Feels Like</strong>
- <br><span id="current-wind">75°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Chance of Rain</strong>
- <br><span id="current-wind">0%</span></li>
- <li class="small-6 columns"><strong>Amount of Rain</strong>
- <br><span id="current-wind">0 in</span></li>
- <li class="small-6 columns"><strong>Humidity</strong>
- <br><span id="current-wind">51%</span></li>
- <li class="small-6 columns"><strong>Dew Pt</strong>
- <br><span id="current-wind">56°<span class="celc-fahr">F</span></span>
- </li>
- <li class="small-6 columns"><strong>Visibility</strong>
- <br><span id="current-wind">10 mi</span></li>
- <li class="small-6 columns"><strong>Pressure</strong>
- <br><span id="current-wind">1018 mb</span></li>
- </ul>
- </div>
- </li>
- </ul>
- </div>
- </li>
- <li id="daily-weather-tab" class="accordion-item" data-accordion-item="">
- <a href="#" class="accordion-title" aria-controls="daily-weather" role="tab" id="daily-weather-tab" aria-expanded="false" aria-selected="false">Daily Weather</a>
- <div id="daily-weather" class="accordion-content" data-tab-content="" role="tabpanel" aria-labelledby="daily-weather-tab" aria-hidden="true">
- </div>
- </li>
- </ul>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement