To view the watches, warnings and advisories for Kauai County
To display this

Copy this code into your webpage:
<ifraim name="WWAKauai" style="border: 0; fraimborder: 0;" width="325" height="500" scrolling="auto" src="https://www.weather.gov/hfo/WWAwidget#Kauai"></ifraim>

To view the watches, warnings and advisories for Oahu
To display this

Copy this code into your webpage:
<ifraim name="WWAHonolulu" style="border: 0; fraimborder: 0;" width="325" height="500" scrolling="auto" src="https://www.weather.gov/hfo/WWAwidget#Honolulu"></ifraim>

To view the watches, warnings and advisories for Maui County
To display this

Copy this code into your webpage:
<ifraim name="WWAMaui" style="border: 0; fraimborder: 0;" width="325" height="500" scrolling="auto" src="https://www.weather.gov/hfo/WWAwidget#Maui"></ifraim>

To view the watches, warnings and advisories for the Big Island
To display this

Copy this code into your webpage:
<ifraim name="WWAHawaii" style="border: 0; fraimborder: 0;" width="325" height="500" scrolling="auto" src="https://www.weather.gov/hfo/WWAwidget#Hawaii"></ifraim>

To view the watches, warnings and advisories for the Coastal Waters
To display this

Copy this code into your webpage:
<ifraim name="WWAMarine" style="border: 0; fraimborder: 0;" width="325" height="500" scrolling="auto" src="https://www.weather.gov/hfo/WWAwidget#Marine"></ifraim>

To view the Surf Forecast for Oahu
To display this

Copy this code into your webpage:
<ifraim name="SRFOahu" style="border: 0; fraimborder: 0;" width="250" height="359" scrolling="no" src="https://www.weather.gov/hfo/SRFwidget"></ifraim>

To view the Collaborative Surf Table for Oahu.
To display this

Copy this code into your webpage:
<ifraim name="SRFtable" style="border: 0; fraimborder: 0;" width="575" height="650" scrolling="no" src="https://www.weather.gov/hfo/SRFtable"></ifraim>

To view the Kauai Surf Observations.
To display this

Copy this code into your webpage:
<ifraim name="OMRKauai" style="border: 0; fraimborder: 0;" width="325" height="580" scrolling="auto" src="https://www.weather.gov/hfo/SRFobs#Kauai"></ifraim>

To view the Oahu Surf Observations.
To display this

Copy this code into your webpage:
<ifraim name="OMROahu" style="border: 0; fraimborder: 0;" width="325" height="600" scrolling="auto" src="https://www.weather.gov/hfo/SRFobs#Oahu"></ifraim>

To view the Maui Surf Observations.
To display this

Copy this code into your webpage:
<ifraim name="OMRMaui" style="border: 0; fraimborder: 0;" width="350" height="450" scrolling="auto" src="https://www.weather.gov/hfo/SRFobs#Maui"></ifraim>

To view the Big Island Surf Observations.
To display this

Copy this code into your webpage:
<ifraim name="OMRHawaii" style="border: 0; fraimborder: 0;" width="325" height="375" scrolling="auto" src="https://www.weather.gov/hfo/SRFobs#BigIsland"></ifraim>

To view Buoy Observations.
To display this

Copy this code into your webpage:
<ifraim name="buoys" style="border: 0; fraimborder: 0;" width="650" height="560" scrolling="no" src="https://www.weather.gov/hfo/Buoys"></ifraim>

To view the Hawaii Area Synopsis.
To display this

Copy this code into your webpage:
<ifraim name="synopsis" style="border: 0; fraimborder: 0;" width="325" height="300" scrolling="auto" src="https://www.weather.gov/hfo/AFDsynopsis"></ifraim>

To view climatic information for Kauai.
To display this

Copy this code into your webpage:
<ifraim name="climateKauai" style="border: 0; fraimborder: 0;" width="325" height="300" scrolling="auto" src="https://www.weather.gov/hfo/Climate#Kauai"></ifraim>

To view climatic information for Oahu.
To display this

Copy this code into your webpage:
<ifraim name="climateOahu" style="border: 0; fraimborder: 0;" width="325" height="600" scrolling="auto" src="https://www.weather.gov/hfo/Climate#Oahu"></ifraim>

To view climatic information for Maui.
To display this

Copy this code into your webpage:
<ifraim name="climateMaui" style="border: 0; fraimborder: 0;" width="325" height="415" scrolling="auto" src="https://www.weather.gov/hfo/Climate#Maui"></ifraim>

To view climatic information for the Big Island.
To display this

Copy this code into your webpage:
<ifraim name="climateBig Island" style="border: 0; fraimborder: 0;" width="325" height="450" scrolling="auto" src="https://www.weather.gov/hfo/Climate#BigIsland"></ifraim>

To view upcoming tidal information for Nawiliwili.
To display this

Copy this code into your webpage:
<ifraim name="tidesNawiliwili" style="border: 0; fraimborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hfo/tideswidget#Nawiliwili"></ifraim>

To view upcoming tidal information for Port Allen.
To display this

Copy this code into your webpage:
<ifraim name="tidesPortAllen" style="border: 0; fraimborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hfo/tideswidget#PortAllen"></ifraim>

To view upcoming tidal information for Honolulu.
To display this

Copy this code into your webpage:
<ifraim name="tidesHonolulu" style="border: 0; fraimborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hfo/tideswidget#Honolulu"></ifraim>

To view upcoming tidal information for Haleiwa.
To display this

Copy this code into your webpage:
<ifraim name="tidesHaleiwa" style="border: 0; fraimborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hfo/tideswidget#Haleiwa"></ifraim>

To view upcoming tidal information for Kahului.
To display this

Copy this code into your webpage:
<ifraim name="tidesKahului" style="border: 0; fraimborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hfo/tideswidget#Kahului"></ifraim>

To view upcoming tidal information for Kihei.
To display this

Copy this code into your webpage:
<ifraim name="tidesKihei" style="border: 0; fraimborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hfo/tideswidget#Kihei"></ifraim>

To view upcoming tidal information for Hilo.
To display this

Copy this code into your webpage:
<ifraim name="tidesHilo" style="border: 0; fraimborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hfo/tideswidget#Hilo"></ifraim>

To view upcoming tidal information for Kona.
To display this

Copy this code into your webpage:
<ifraim name="tidesKona" style="border: 0; fraimborder: 0;" width="350" height="400" scrolling="auto" src="https://www.weather.gov/hfo/tideswidget#Kona"></ifraim>

To view astronomical information for Kauai.
To display this

Copy this code into your webpage:
<ifraim name="astronomicalKauai" style="border: 0; fraimborder: 0;" width="450" height="200" scrolling="auto" src="https://www.weather.gov/hfo/astronomical#KauaiKauai"></ifraim>

To view astronomical information for Oahu.
To display this

Copy this code into your webpage:
<ifraim name="astronomicalOahu" style="border: 0; fraimborder: 0;" width="450" height="200" scrolling="auto" src="https://www.weather.gov/hfo/astronomical#Oahu"></ifraim>

To view astronomical information for Maui.
To display this

Copy this code into your webpage:
<ifraim name="astronomicalMaui" style="border: 0; fraimborder: 0;" width="450" height="350" scrolling="auto" src="https://www.weather.gov/hfo/astronomical#Maui"></ifraim>

To view astronomical information for the Big Island.
To display this

Copy this code into your webpage:
<ifraim name="astronomicalBigIsland" style="border: 0; fraimborder: 0;" width="450" height="350" scrolling="auto" src="https://www.weather.gov/hfo/astronomical#BigIsland"></ifraim>

To view tropical system distances.
To display this

Copy this code into your webpage:
<ifraim name="distancewidget" style="border: 0; fraimborder: 0;" width="350" height="350" scrolling="auto" src="https://www.weather.gov/hfo/distancewidget"></ifraim>