Harbour Air Alert

Close Icon

Please be aware of a wind warning in Vancouver. If you would like to rebook your flight, please call the CCC at XXXXXXXX.

Text Source block

This is regular text

This is source code: 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
    body {
      font-family: Arial, sans-serif;
      margin: 20px;
    }

 

    h2 {
      text-align: center;
    }

 

    .section {
      max-width: 1000px;
      margin: 0 auto;
    }

 

    .grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

 

    .card {
      flex: 1 1 calc(50% - 20px);
      border: 1px solid #ccc;
      padding: 15px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

 

    .card img {
      max-width: 100%;
      height: auto;
      margin-bottom: 10px;
    }

 

    .card strong {
      display: block;
      margin-top: 8px;
    }

 

    .note {
      font-size: 0.9em;
      color: #555;
      margin-top: 10px;
    }

 

    @media (max-width: 768px) {
      .card {
        flex: 1 1 100%;
      }
    }

 

    .book-now {
      text-align: center;
      margin-top: 20px;
    }

 

    .book-now img {
      max-width: 300px;
      width: 100%;
    }

 

  </style>
</head>
<body>

 

  <div class="section">
<h2>Experience Fast, Affordable Daily Flights</h2>

 

    <img src="Harbour-AIr-flying-Victoria.webp" alt="Harbour Air Flying" style="max-width: 100%; margin: 20px 0;">

 

    <div class="grid">
<div class="card">
<h3>Vancouver - Victoria</h3>
<strong>From $99 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Nanaimo</h3>
<strong>From $59 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Richmond (YVR South dock) - Victoria</h3>
<strong>From $99 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Richmond (YVR South dock) - Nanaimo</h3>
<strong>From $69 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Richmond (YVR South dock) - Salt Spring Island</h3>
<strong>From $77 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Salt Spring Island</h3>
<strong>From $85 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Sechelt - Nanaimo</h3>
<strong>From $59 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Powell River</h3>
<strong>From $133 one-way*</strong>
        Everyday low fare must be booked a minimum 7 days prior to departure
</div>
<div class="card">
<h3>Richmond (YVR South dock) - Powell River</h3>
<strong>From $103 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Seattle</h3>
<strong>From $201 one-way*</strong>
        Everyday low fare must be booked a minimum 20 days prior to departure
</div>
</div>

 

    <div class="book-now">
<img src="Book-Now.webp" alt="Book Now">
<div class="note">*Terms and conditions apply.</div>
</div>

 

    <h2 style="margin-top: 50px;">Explore Seasonal Routes</h2>

 

    <img src="Otter over Howe Sound.webp" alt="Otter over Howe Sound" style="max-width: 100%; margin: 20px 0;">

 

    <div class="grid">
<div class="card">
<h3>Vancouver - Comox</h3>
<strong>From $119 one-way</strong>
        Everyday low fare must be booked a minimum 60 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Whistler</h3>
<strong>From $101 one-way</strong>
        Everyday low fare must be booked a minimum 30 days prior to departure
</div>
<div class="card">
<h3>Victoria - Salt Spring Island</h3>
<strong>From $69 one-way</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Richmond (YVR South Dock) - Tofino</h3>
<strong>From $119 one-way</strong>
        Everyday low fare must be booked a minimum 30 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Tofino</h3>
<strong>From $249 one-way</strong><br>
        September only<br>
        Everyday low fare must be booked a minimum 60 days prior to departure
</div>
</div>

 

    <div class="book-now">
<img src="Book-Now.webp" alt="Book Now">
<div class="note">*Terms and conditions apply.</div>
</div>
</div>

 

</body>
</html>

Image Text block - source code

Image text block: 

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
    body {
      font-family: Arial, sans-serif;
      margin: 20px;
    }

 

    h2 {
      text-align: center;
    }

 

    .section {
      max-width: 1000px;
      margin: 0 auto;
    }

 

    .grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

 

    .card {
      flex: 1 1 calc(50% - 20px);
      border: 1px solid #ccc;
      padding: 15px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

 

    .card img {
      max-width: 100%;
      height: auto;
      margin-bottom: 10px;
    }

 

    .card strong {
      display: block;
      margin-top: 8px;
    }

 

    .note {
      font-size: 0.9em;
      color: #555;
      margin-top: 10px;
    }

 

    @media (max-width: 768px) {
      .card {
        flex: 1 1 100%;
      }
    }

 

    .book-now {
      text-align: center;
      margin-top: 20px;
    }

 

    .book-now img {
      max-width: 300px;
      width: 100%;
    }

 

  </style>
</head>
<body>

 

  <div class="section">
<h2>Experience Fast, Affordable Daily Flights</h2>

 

    <img src="Harbour-AIr-flying-Victoria.webp" alt="Harbour Air Flying" style="max-width: 100%; margin: 20px 0;">

 

    <div class="grid">
<div class="card">
<h3>Vancouver - Victoria</h3>
<strong>From $99 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Nanaimo</h3>
<strong>From $59 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Richmond (YVR South dock) - Victoria</h3>
<strong>From $99 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Richmond (YVR South dock) - Nanaimo</h3>
<strong>From $69 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Richmond (YVR South dock) - Salt Spring Island</h3>
<strong>From $77 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Salt Spring Island</h3>
<strong>From $85 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Sechelt - Nanaimo</h3>
<strong>From $59 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Powell River</h3>
<strong>From $133 one-way*</strong>
        Everyday low fare must be booked a minimum 7 days prior to departure
</div>
<div class="card">
<h3>Richmond (YVR South dock) - Powell River</h3>
<strong>From $103 one-way*</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Seattle</h3>
<strong>From $201 one-way*</strong>
        Everyday low fare must be booked a minimum 20 days prior to departure
</div>
</div>

 

    <div class="book-now">
<img src="Book-Now.webp" alt="Book Now">
<div class="note">*Terms and conditions apply.</div>
</div>

 

    <h2 style="margin-top: 50px;">Explore Seasonal Routes</h2>

 

    <img src="Otter over Howe Sound.webp" alt="Otter over Howe Sound" style="max-width: 100%; margin: 20px 0;">

 

    <div class="grid">
<div class="card">
<h3>Vancouver - Comox</h3>
<strong>From $119 one-way</strong>
        Everyday low fare must be booked a minimum 60 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Whistler</h3>
<strong>From $101 one-way</strong>
        Everyday low fare must be booked a minimum 30 days prior to departure
</div>
<div class="card">
<h3>Victoria - Salt Spring Island</h3>
<strong>From $69 one-way</strong>
        Everyday low fare must be booked a minimum 14 days prior to departure
</div>
<div class="card">
<h3>Richmond (YVR South Dock) - Tofino</h3>
<strong>From $119 one-way</strong>
        Everyday low fare must be booked a minimum 30 days prior to departure
</div>
<div class="card">
<h3>Vancouver - Tofino</h3>
<strong>From $249 one-way</strong><br>
        September only<br>
        Everyday low fare must be booked a minimum 60 days prior to departure
</div>
</div>

 

    <div class="book-now">
<img src="Book-Now.webp" alt="Book Now">
<div class="note">*Terms and conditions apply.</div>
</div>
</div>

 

</body>
</html>