Passerelle de véhicules connectés et automatisés

From wiki
Revision as of 13:00, 11 September 2018 by Keyvan.abedi (talk | contribs)
Jump to navigation Jump to search
{{ACV-head}}{{ACV}}

<section class="super-body">

     <!-- Navigation -->
    <a class="menu-toggle rounded" href="#">
      <i class="fas fa-bars"></i>
    </a>
    <nav id="sidebar-wrapper">
      <ul class="sidebar-nav">
        <li class="sidebar-brand">
          <a class="js-scroll-trigger" href="#page-top">ACV Gateway</a>
        </li>
        <li class="sidebar-nav-item">
          <a class="js-scroll-trigger" href="#page-top">Connect</a>
        </li>
        <li class="sidebar-nav-item">
          <a class="js-scroll-trigger" href="#about">About</a>
        </li>
        <li class="sidebar-nav-item">
          <a class="js-scroll-trigger" href="#services">Road Transportation</a>
        </li>
        <li class="sidebar-nav-item">
          <a class="js-scroll-trigger" href="#contact">Contact</a>
        </li>
      </ul>
    </nav>

    <!-- Header -->
   	<header class="masthead d-flex">
	
	  	<div class="content">
		  <h2>Automated & Connected Vehicles Gateway</h2>
          <h5 class="mb-5">A collaboration space to share information and build a network of professionals working on ACVs</h5>
          <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
        </div>
      <div class="overlay"></div>
		
	</header>


    <!-- About -->
    <section class="content-section bg-primary" id="about">
      <div class="content">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h2>ACV Gateway</h2>
            <p class="lead mb-5">The Automated and Connected Vehicle (ACV) Gateway is a collaboration space to share information and build a cross-functional network of professionals engaged on ACVs, including students and academics from all Canadian universities and colleges, federal, provincial, territorial and municipal public servants, as well as industry and other stakeholders.</p>
            <a class="btn btn-dark btn-xl js-scroll-trigger" href="#access">Access the ACV Gateway</a>
          </div>
        </div>
      </div>
    </section>

  
    <!-- Access -->
    <section class="content" id="access">
      <div class="container">
        <div class="content-section-heading">
          <h3 class="text-secondary mb-0">Access to the ACV Gateway</h3>
          <h2 class="mb-5">Welcome</h2>
        </div>
        <div class="row no-gutters">
          <div class="col-sm-6">
            <a class="portfolio-item" href="#">
              <span class="caption">
                <span class="caption-content">
                  <h2>Public servants</h2>
                  <p class="mb-0">Register</p>
                </span>
              </span>
              <img class="img-fluid" src="img/portfolio-1.jpg" alt="">
            </a>
          </div>
          <div class="col-sm-6">
            <a class="portfolio-item" href="#">
              <span class="caption">
                <span class="caption-content">
                  <h2>Academics</h2>
                  <p class="mb-0">Register</p>
                </span>
              </span>
              <img class="img-fluid" src="img/portfolio-2.jpg" alt="">
            </a>
          </div>
          <div class="col-sm-6">
            <a class="portfolio-item" href="#">
              <span class="caption">
                <span class="caption-content">
                  <h2>Stakeholders</h2>
                  <p class="mb-0">Request an invitation</p>
                </span>
              </span>
              <img class="img-fluid" src="img/portfolio-3.jpg" alt="">
            </a>
          </div>
          <div class="col-sm-6">
            <a class="portfolio-item" href="https://gccollab.ca/groups/profile/1189110/enautomated-and-connected-vehicle-acv-gatewayfrpasserelle-de-vu00e9hicules-connectu00e9s-et-automatisu00e9s-vca">
              <span class="caption">
                <span class="caption-content">
                  <h2>Existing members</h2>
                  <p class="mb-0">Sign in</p>
                </span>
              </span>
              <img class="img-fluid" src="img/portfolio-4.jpg" alt="">
            </a>
          </div>
        </div>
      </div>
    </section>
	  
    <!-- Callout -->
    <section class="callout">
      <div class="content">
        <h3 class="mx-auto mb-5">Looking for the Government of Canada's official page on Road Transportation?</h3>
        <a class="btn btn-primary btn-xl" href="http://www.tc.gc.ca/en/services/road.html">Road Transportation</a>
      </div>
    </section>

   <!-- Scroll to Top Button-->
    <a class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
      <i class="fas fa-angle-up"></i>
    </a>

</section>