index-eng.html

<!--#include virtual="/includes/header-eng.html" -->

<!-- MainContentStart -->
<section>
  <div class="span-8">
    <div class="wet-boew-tabbedinterface tabs-style-2 cycle animate">
      <ul class="tabs">
        <li><a href="#tab1">1</a></li>
        <li><a href="#tab2">2</a></li>
        <li><a href="#tab3">3</a></li>
      </ul>
      <div class="tabs-panel">
        <div id="tab1">
          <section>
            <div class="span-3 row-start margin-bottom-none">
              <div class="tabs-content-pad">
                <h2 class="margin-top-none">Avadepth</h2>
                  <p>
                  Avadepth - forecasts of available water depths for vessels 
                  navigating the Fraser River South Arm Channel.
                  </p>
                <p><a href="/theory-theorie-eng.html" class="button button-accent">Read more</a></p>
              </div>
            </div>
            <div class="span-5 row-end"><img src="/images/banners/fraser_port.png" alt="Fraser River" class="margin-bottom-none" /></div>
            <div class="clear"></div>
          </section>
        </div>
        <div id="tab2">
          <section>
            <div class="span-3 row-start margin-bottom-none">
              <div class="tabs-content-pad">
                <h2 class="margin-top-none">Distribution</h2>
                  <p>Avadepth - is distributed weekly to river pilots, 
                  Port Metro Vancouver, and shipping companies to assist them in 
                  determining the maximum draft and the best sailing times.</p>
              </div>
            </div>
            <div class="span-5 row-end"><img src="/images/banners/frpa.png" alt="Fraser Port Authority" class="margin-bottom-none" /></div>
            <div class="clear"></div>
          </section>
        </div>
        <div id="tab3">
          <section>
            <div class="span-3 row-start margin-bottom-none">
              <div class="tabs-content-pad">
                <h2 class="margin-top-none">Reporting</h2>
                <p>The computerized reporting system predicts draft availability and the 
                corresponding "transit window" for deep sea ships to navigate the South Arm 
                Main Channel of the Fraser River between Sand Heads (kilometre 0) and Fraser 
                Surrey Docks (kilometre 34).</p>
              </div>
            </div>
            <div class="span-5 row-end"><img src="/images/banners/pwgsc_profiler_ii.png" alt="PWGSC Profiler" class="margin-bottom-none" /></div>
            <div class="clear"></div>
          </section>
        </div>
      </div>
    </div>
  </div>
  <div class="clear"></div>
</section>

<section id="cn-content">
  <div class="span-3">
    <h2>Login</h2>
    <form method="post">
      <div>
        <label for="username">Username:</label>
        <input id="username" type="text" />
      </div>
      <div>
        <label for="password">Password:</label>
        <input id="password" name="password" type="password" />
      </div>
      <div>
        <input type="submit" value="Login" />
      </div>
      <p><a href="register-inscrire-eng.html">Register</a> a new account</p>
    </form>
  </div>

  <div class="span-3">
    <h2>Welcome</h2>

    <p>
      Avadepth - is distributed weekly to river pilots, Port Metro Vancouver, and shipping companies to assist them in determining the maximum draft and the best sailing times.
    </p>

    <p>
      The computerized reporting system predicts draft availability and the corresponding "transit window" for deep sea ships to navigate the South Arm Main Channel of the Fraser River between Sand Heads (kilometre 0) and Fraser Surrey Docks (kilometre 34).
    </p>
  </div>

  <div class="span-2">
    <h2>Links</h2>

    <ul>
  <li><a href="http://www.waterlevels.gc.ca/english/Canada.shtml">Tides, Currents, and Water Levels - Canadian Hydrographic Service</a></li>
  <li><a href="http://www.wateroffice.ec.gc.ca/index_e.html">Real-Time Hydrometric Data - Environment Canada</a></li>
  <li><a href="http://www.fraserportauthority.com">Fraser River Port Authority</a></li>
  <li><a href="http://www.ppa.gc.ca/">Pacific Pilotage Authority</a></li>
</ul> 
  </div>
</section>

<!--#include virtual="/includes/footer-eng.html" -->