<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Air Canada Business Class and First Class Gallery</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      href="https://fonts.googleapis.com/css?family=Lato"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <div id="page-wrapper">
      <header>
        <div id="nav">
          <h1 class="header-title">
            <a href="index.html">Airline Arena Premium Cabins</a
            ><span class="beta">B E T A</span>
          </h1>
          <div class="dropdown-container">
            <ul id="airline-list-by-continent">
              <li class="region">
                N. American
                <ul class="carrierList">
                  <li class="carriers" id="ac">
                    <a href="ac.html">Air Canada</a>
                  </li>
                  <li class="carriers" id="aa">
                    <a href="aa.html">American Airlines</a>
                  </li>
                  <li class="carriers" id="dl">
                    <a href="dl.html">Delta Airlilnes</a>
                  </li>
                  <li class="carriers" id="ua">
                    <a href="ua.html">United Airlines</a>
                  </li>
                  <li class="carriers" id="vs">
                    <a href="vs.html">Virgin Atlantic</a>
                  </li>
                  <li class="carriers" id="ha">
                    <!-- <a href="ha.html">Hawaiian Airlines</a> -->
                  </li>
                </ul>
              </li>
              <li class="region">
                S. American
                <ul class="carrierList">
                  <li class="carriers" id="la">
                    <a href="la.html">Latam Airlilnes</a>
                  </li>
                  <li class="carriers" id="av">
                    <a href="av.html">Avianca</a>
                  </li>
                </ul>
              </li>
              <li class="region">
                Europe
                <ul class="carrierList">
                  <li class="carriers" id="af">
                    <a href="af.html">Air France</a>
                  </li>
                  <li class="carriers" id="az">
                    <a href="az.html">Al Italia</a>
                  </li>
                  <li class="carriers" id="os">
                    <a href="os.html">Austrian Air</a>
                  </li>
                  <li class="carriers" id="ba">
                    <a href="ba.html">British Airways</a>
                  </li>
                  <li class="carriers" id="ba">
                    <a href="kl.html">KLM Royal Dutch Airlines</a>
                  </li>
                  <li class="carriers" id="lh">
                    <a href="lh.html">Lufthansa</a>
                  </li>
                  <li class="carriers" id="lh">
                    <a href="ib.html">Iberia Airlines</a>
                  </li>
                  <li class="carriers" id="lx">
                    <a href="lx.html">Swiss Air</a>
                  </li>
                  <li class="carriers" id="sn">
                    <a href="sn.html">Brussels Air</a>
                  </li>
                  <li class="carriers" id="tk">
                    <a href="tk.html">Turkish Airlines</a>
                  </li>
                  <li class="carriers" id="tp">
                    <a href="tp.html">Tap Portugal</a>
                  </li>
                </ul>
              </li>
              <li class="region">
                E. and S.E. Asia
                <ul class="carrierList">
                  <li class="carriers" id="nh">
                    <a href="nh.html">All Nippon Airways(ANA)</a>
                  </li>
                  <li class="carriers" id="cx">
                    <a href="cx.html">Cathay Pacific</a>
                  </li>
                  <li class="carriers" id="ca">
                    <a href="ci.html">China Airlines</a>
                  </li>
                  <li class="carriers" id="ci">
                    <a href="mu.html">China Eastern</a>
                  </li>
                  <li class="carriers" id="br">
                    <a href="br.html">EVA Airways</a>
                  </li>
                  <li class="carriers" id="cz">
                    <a href="cz.html">China Southern</a>
                  </li>
                  <li class="carriers" id="ac">
                    <a href="ca.html">Air China</a>
                  </li>
                  <li class="carriers" id="mu">
                    <a href="hu.html">Hainan Airlines</a>
                  </li>
                  <li class="carriers" id="jl">
                    <a href="jl.html">Japan Airlines</a>
                  </li>
                  <li class="carriers" id="oz">
                    <a href="oz.html">Asiana Airlines</a>
                  </li>
                  <li class="carriers" id="ke">
                    <a href="ke.html">Korean Airlines</a>
                  </li>
                  <li class="carriers" id="sq">
                    <a href="sq.html">Singapore Airlines</a>
                  </li>
                  <li class="carriers" id="tg">
                    <a href="tg.html">Thai Airways</a>
                  </li>
                  <li class="carriers" id="vn">
                    <a href="vn.html">Vietnam Airlines</a>
                  </li>
                  <li class="carriers" id="ga">
                    <a href="ga.html">Garuda Indonesia</a>
                  </li>
                  <li class="carriers" id="ai">
                    <a href="ai.html">Air India</a>
                  </li>
                  <li class="carriers" id="ai">
                    <a href="pr.html">Philippine Airlines</a>
                  </li>
                  <li class="carriers" id="mh">
                    <a href="mh.html">Malaysian Airlines</a>
                  </li>
                </ul>
              </li>
              <li class="region">
                Oceania
                <ul class="carrierList">
                  <li class="carriers" id="va">
                    <a href="va.html">Virgin Australia</a>
                  </li>
                  <li class="carriers" id="qf"><a href="qf.html">Qantas</a></li>
                  <li class="carriers" id="nz">
                    <a href="nz.html">Air New Zealand</a>
                  </li>
                </ul>
              </li>
              <li class="region">
                Africa & Middle Eastern
                <ul class="carrierList">
                  <li class="carriers" id="ek">
                    <a href="ek.html">Emirates Airlines</a>
                  </li>
                  <li class="carriers" id="ey">
                    <a href="ey.html">Etihad Airways</a>
                  </li>
                  <li class="carriers" id="qr">
                    <a href="qr.html">Qatar Airways</a>
                  </li>
                  <li class="carriers" id="wy">
                    <a href="wy.html">Oman Air</a>
                  </li>
                  <li class="carriers" id="ms">
                    <a href="ms.html">Egypt Air</a>
                  </li>
                  <li class="carriers" id="sa">
                    <a href="sa.html">South African Airways</a>
                  </li>
                  <li class="carriers" id="at">
                    <a href="at.html">Royal Air Maroc</a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </header>
      <div id="main">
        <div class="main-container">
          <div class="sub-menu">
            <ul class="tabs">
              <li class="tab active" id="t1">Business Class</li>
              <li class="tab" id="t2">First Class</li>
            </ul>
          </div>
          <div class="gallery-container">
            <div class="business-class-gallery gallery active" id="c1">
              <div class="slide-container">
                <div class="slides business-class-slide">
                  <img src="imgs/ac/ac-787-bed.jpg" />
                  <p class="slide-text">
                    Airline Code: AC
                    <br />1-2-1 reverse herring bone <br />
                    180 degrees fully flat beds <br />This product is available
                    on AC's B787 Dreamliners, B777-300 ERs (77w) and 777-200LR
                    (77L) <br />
                    AC's business class cabin on these equipments are also know
                    as "Signature Class".
                  </p>
                </div>
                <div class="slides business-class-slide">
                  <img src="imgs/ac/ac-B787-business.jpg" />
                  <p class="slide-text">
                    Airline Code: AC
                    <br />1-2-1 reverse herring bone <br />
                    180 degrees fully flat beds <br />This product is available
                    on AC's B787 Dreamliners, B777-300 ERs (77w) and 777-200LR
                    (77L) <br />
                    AC's business class cabin on these equipments are also know
                    as "Signature Class".
                  </p>
                </div>
                <div class="slides business-class-slide">
                  <img src="imgs/ac/ac-biz-window-bed.jpg" />
                  <p class="slide-text">
                    Airline Code: AC
                    <br />1-2-1 reverse herring bone <br />
                    180 degrees fully flat beds <br />This product is available
                    on AC's B787 Dreamliners, B777-300 ERs (77w) and 777-200LR
                    (77L) <br />
                    AC's business class cabin on these equipments are also know
                    as "Signature Class".
                  </p>
                </div>
                <div class="slides business-class-slide">
                  <img src="imgs/ac/ac-signatureclass.jpg" />
                  <p class="slide-text">
                    Airline Code: AC
                    <br />1-2-1 reverse herring bone <br />
                    180 degrees fully flat beds <br />This product is available
                    on AC's B787 Dreamliners, B777-300 ERs (77w) and 777-200LR
                    (77L) <br />
                    AC's business class cabin on these equipments are also know
                    as "Signature Class".
                  </p>
                </div>
                <div class="slides business-class-slide">
                  <img src="imgs/ac/ac-business-class-a330.png" />
                  <p class="slide-text">
                    Airline Code: AC
                    <br />1-1-1 herring bone <br />
                    180 degrees fully flat bed <br />This product is available
                    on AC's A330-300 (A330s) V.1 and some 767-300ERs (76w).
                    <br />
                    AC's business class cabin on these equipments are also know
                    as "Signature Class".
                  </p>
                </div>
                <div class="slides business-class-slide">
                  <img src="imgs/ac/ac-767-business-class2.png" />
                  <figcaption>
                    Seat in full recline (Photo: Chris McGinnis). Read product
                    review
                    <a
                      href="https://travelskills.com/2015/07/28/trip-report-air-canada-b767-lie-flat-business-class-sfo-toronto/"
                      target="_blank"
                      >here</a
                    >.
                  </figcaption>
                  <p class="slide-text">
                    Airline Code: AC
                    <br />1-1-1 herring bone <br />
                    180 degrees fully flat bed <br />This product is available
                    on AC's A330-300 (A330s) V.1 and 767-300ERs (76w).
                    <br />
                    AC's business class cabin on these equipments are also know
                    as "Signature Class".
                  </p>
                </div>
                <div class="prev" id="prev-business-class">&#10094;</div>
                <div class="next" id="next-bussiness-class">
                  &#10095;
                </div>
              </div>
            </div>

            <div class="first-class-gallery gallery" id="c2">
              <div class="slide-container">
                <h3>This airline does not offer first class cabins.</h3>
                <div class="prev" id="first-class-prev"></div>
                <div class="next" id="first-class-next"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="scripts/tabs.js"></script>
    <script src="scripts/slides.js"></script>
  </body>
</html>