Changes

Jump to navigation Jump to search

Wassim (view source)

Revision as of 13:18, 15 November 2019

17,790 bytes added ,  13:18, 15 November 2019
no edit summary
Line 1: Line 1:  +
<html>
   −
<style type="text/css">
+
<!--
 +
    This template was inspired by Chris Soueidan of Global Affairs Canada's InnoLab Group in the SIAI Division. Visit innolab.site for more information.
 +
-->
   −
A:link
+
<head>
−
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#CCCCCC; }
+
    <meta charset="utf-8">
−
A:visited
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
+
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
−
A:active
+
    <title>NextGen GCpedia</title>
−
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#FFFFFF; }
+
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
−
A:hover
+
    <link rel="stylesheet" href="styles.css">
−
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#F0F0F0;
+
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
−
</style>
+
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 +
    <style>
 +
        /*==========INCLUDE CUSTOM CSS right here==============*/
 +
 
 +
.parallax {
 +
    /* The image used */
 +
    background-image: url("http://www.gcpedia.gc.ca/gcwiki/images/0/0d/Nextgen-top-banner-new.jpg");
 +
 
 +
    /* Set a specific height */
 +
    min-height: 425px;
 +
 
 +
    /* Create the parallax scrolling effect */
 +
    background-attachment: fixed;
 +
    background-position-y: top;
 +
    background-position-x: center;
 +
    background-repeat: no-repeat;
 +
}
 +
 
 +
.container{
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
}
 +
 
 +
.btn-styling {
 +
background-color: rgba( 255, 255, 255, 0.3);
 +
box-shadow: 0px 7px 20px;
 +
border: none;
 +
}
 +
 
 +
 
 +
.ul {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 
 +
#nav li a {
 +
padding: 0px 40px;
 +
color: #ffffff;
 +
font-family: 'Lato', sans-serif;
 +
font-weight: 400;
 +
font-size: 20px;
 +
}
 +
 
 +
 
 +
.cta-btn {
 +
background-color: rgba(255, 255, 255, 0.2);
 +
color: #ffffff;
 +
font-family: 'Lato',sans-serif;
 +
font-weight: 700;
 +
font-size: 25px;
 +
padding: 20px 40px;
 +
transition: all .2s;
 +
}
 +
 
 +
.cta-btn:hover {
 +
background-color: #329144;
 +
border: 2px solid #ffffff;
 +
color: #ffffff;
 +
text-decoration: none;
 +
}
 +
 
 +
.register-btn {
 +
background-color: #329144;
 +
font-family: 'Lato', sans-serif;
 +
font-size: 15px;
 +
font-weight: 700;
 +
padding: 10px 20px;
 +
transition: all .2s ease;
 +
color: #fff;
 +
margin-bottom: -35px;
 +
}
 +
 
 +
.register-btn:hover {
 +
background-color: #fff;
 +
color: #329144;
 +
border: 1px solid #329144;
 +
}
 +
 
 +
.fade-bg {
 +
background-image: url("http://www.gcpedia.gc.ca/gcwiki/images/9/90/Fade-Proper-NextGenWeb.png");
 +
background-position: center;
 +
background-size: cover;
 +
}
 +
 
 +
.section-2 {
 +
background-image: url("http://www.gcpedia.gc.ca/gcwiki/images/5/5b/Next-gen-aboutus-bg-new.jpg");
 +
background-position: center;
 +
background-size: cover;
 +
}
 +
 
 +
/* vendor prefixes removed for clarity */
 +
 
 +
.ribbon {
 +
    width: 350px;
 +
    margin: 10px auto;
 +
    padding: 0 10px 0;
 +
    padding-top: 20px!important;
 +
    position: relative;
 +
    color: #444;
 +
    background: #fff;
 +
    border: 1px solid #d2d2d2;
 +
    border-radius: 3px;
 +
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 +
}
 +
.ribbon h3 {
 +
    display: block;
 +
    height: 30px;
 +
    line-height: 1.3;
 +
    width: 360px;
 +
    margin: 0;
 +
    padding: 5px 10px;
 +
    position: relative;
 +
    left: -16px;
 +
    top: -12px;
 +
    color: #fff;
 +
    background: #41b655;
 +
    background: linear-gradient(top, #383838 0%, #262626 100%);
 +
    border-radius: 2px 2px 0 0;
 +
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
 +
}
 +
.ribbon h3::before,
 +
.ribbon h3::after {
 +
    content: '';
 +
    display: block;
 +
    width: 0;
 +
    height: 0;
 +
    position: absolute;
 +
    bottom: -11px;
 +
    z-index: -10;
 +
    border: 5px solid;
 +
    border-color: #242424 transparent transparent transparent;   
 +
}
 +
.ribbon h3::before {left: 0;}
 +
.ribbon h3::after {right: 0;}
 +
 
 +
.row {
 +
    display: flex;
 +
}
 +
 
 +
.column {
 +
    flex: 20%;
 +
    padding: 5px;
 +
}
 +
 
 +
    </style>
 +
</head>
 +
 
 +
 
 +
<body>
 +
 
 +
<section class="super-body">
 +
 
 +
<!-- Top Section -->
 +
<div class="parallax"></div>
 +
        <div style="padding-bottom: 0px; margin-top: -380px;">
 +
            <div style="text-align:right; padding-right: 100px; margin-bottom: 75px; background-color: rgba(255, 255, 255, 0.2);">
 +
                  <ul id="nav" style="position: relative; bottom: 15px">
 +
                        <li><a class="navbar-brand" href="/wiki/Main_Page"><span style="font-family: Helvetica,Arial,sans-serif; padding: 10px; bottom: -30px; position: relative;"><span style="font-weight:800">GC</span>pedia</span></a></li>
 +
                      <li style="display: inline;"><a href="#">Home</a></li>
 +
                      <li style="display: inline;"><a href="#AboutDrop">About the Travel Program</a></li>
 +
                      <li style="display: inline;"><a href="#EventsDrop">Events</a></li>
 +
                      <li style="display: inline;"><a href="#ContactDrop">Contact Us</a></li>
 +
                      <li style="display: inline;"><a href="http://www.gcpedia.gc.ca/wiki/Programme_de_voyage_Prochaine_g%C3%A9n%C3%A9ration">FR</a></li>
 +
                </ul>
 +
 
 +
</div>
 +
<div class="container">
 +
<img style="width:70%" src="http://www.gcpedia.gc.ca/gcwiki/images/d/dc/Nextgen-logo-white-pspc.svg" alt="NextGen Travel Program">
 +
</div>
 +
</BR>
 +
      <section style="width:100%; padding-top: 10px; padding-bottom: 45px">
 +
          <div style="width:49.5%; display: inline-block">
 +
              <p></p>
 +
          </div>
 +
          <div style="width:49.5%; display: inline-block; padding-right: 100px; padding-bottom: 20px">
 +
<p style="font-family: 'Lato', sans-serif; text-align:right; font-weight:400; color:WHITE; font-size: 18px;">"DEFINING THE ART OF THE POSSIBLE" </p>
 +
        </div>
 +
 +
 
 +
       
 +
        <!----------------------------------------------------- Section 1 ------------------------------------------------------->
 +
 
 +
      <section style="width:100%; padding-top: 10px; padding-bottom: 45px">
 +
          <div style="width:49.5%; display: inline-block; text-align:center; vertical-align: top">
 +
                <img style="width: 70%; margin-top: 50px" src="http://www.gcpedia.gc.ca/gcwiki/images/4/47/Ngtt-ottawa2.0.jpg" alt=""><br><br>
 +
<a href="http://www.gcpedia.gc.ca/gcwiki/images/4/47/Ngtt-ottawa2.0.jpg">To view a larger image</a>
 +
          </div>
 +
 
 +
          <div style="width:49.5%; display: inline-block; padding-right: 100px;">
 +
<h2 style="font-family: 'Lato', sans-serif; font-weight:700; color:#329144; font-size: 28px; padding-bottom: 15px"><span style="font-family: 'Lato', sans-serif; font-weight: 300;">Welcome to the</span><br>Next Generation Travel Program!</h2>
 +
 
 +
            <p style="font-family: 'Lato', sans-serif; font-weight:400; color:#329144; font-size: 16px;">The Next Generation (NextGen) Travel Program at Public Services and Procurement Canada (PSPC) has the objective of re-imagining and designing the future of Government of Canada (GC) travel as one that is user-centric, intuitive and empowers the mobile workforce.
 +
<br><br>
 +
We are currently conducting research, holding consultations with public servant travelers and industry and gathering data in order to be able to propose recommendations for the GC’s next travel solution.
 +
<br><br>
 +
An important element in our first stage is getting feedback from fellow travelers, whether you are a frequent or infrequent traveler and whether you travel domestically or abroad. We are interested in hearing from everybody who is involved in the travel process. This includes everyone from those who arrange and book travel to those who approve the bookings and everyone in between, and also from those of you who don’t currently travel for work but could travel in the future.
 +
<br><br>
 +
We know you have ideas about what a potential travel solution could look like therefore, we want to hear from you to help us define a user-centered travel solution for the future.
 +
<br><br>
 +
Together, we can build a travel solution that will meet your needs and set a new standard for GC travel.
 +
</p>
 +
</div>
 +
</section>
 +
 
 +
<!----------------------------------------------------- Section 2 ------------------------------------------------------->
 +
 
 +
<section id="AboutDrop" style="padding-bottom: 35px;" class="section-2">
 +
 
 +
<section style="width:100%; padding-top: 20px; padding-bottom: 20px">
 +
 
 +
          <div style="width:49.5%; display: inline-block; padding-left: 100px;">
 +
<h2 style="font-family: 'Lato', sans-serif; font-weight:700; color:#ffffff; font-size: 28px;"><span style="font-family: 'Lato', sans-serif; font-weight: 300;">About the</span><br>NextGen Travel Program Vision</h2>
 +
<p style="font-family: 'Lato', sans-serif; font-weight:400; color:#ffffff; font-size: 16px;">
 +
A simple, pleasant, efficient and enabling travel experience for GC employees that allows them to focus on their work.
 +
<br><br>
 +
We aim to:
 +
<br><br>
 +
✓ Offer employees an intuitive, flexible and user-centered travel experience.
 +
<br>
 +
✓ Empower a mobile workforce with an effortless and integrated solution so government travelers can focus on their work.
 +
<br>
 +
✓ Leverage emerging technologies and industry best practices.
 +
<br>
 +
✓ Reflect modern policies and simplify compliance.
 +
<br>
 +
✓ Use data analytics to improve spend analysis and accurately report on progress.
 +
<br>
 +
✓ Ensure the safety of employees travelling for work.
 +
            </p>
 +
          </div>
 +
 
 +
          <div style="width:49.5%; display: inline-block; vertical-align: top; text-align: center; margin-top: 70px ">
 +
              <img style="width: 70%" src="http://www.gcpedia.gc.ca/gcwiki/images/5/5d/NextGen-GCpedia-Image%285%29.jpg" alt="#">
 +
          </div>
 +
 
 +
      </section>
 +
 
 +
 
 +
<!----------------------------------------------------- Section 5 ------------------------------------------------------->
 +
 
 +
<section id="ContactDrop" style="padding: 70px 0px; width: 100%">
 +
 
 +
<section style="width:100%; padding-top: 20px; padding-bottom: 20px">
 +
  <div style="width:49.5%; display: inline-block; vertical-align: top; text-align: center; margin-top: 70px ">
 +
<video width="720" controls>
 +
  <source src="https://www.tpsgc-pwgsc.gc.ca/app-acq/voyage-travel/nextgentravel_eng.mp4" type="video/mp4">
 +
</video>
 +
</div>
 +
          <div style="width:49.5%; display: inline-block; padding-left: 100px;">
 +
<h2 style="font-family: 'Lato', sans-serif; font-weight:700; color:#ffffff; font-size: 28px;"><span style="font-family: 'Lato', sans-serif; font-weight: 300;">Transcript</h2>
 +
            <p style="font-family: 'Lato', sans-serif; font-weight:400; color:#ffffff; font-size: 16px;">
 +
The future is here.
 +
<br>
 +
We pay with our phones, login with our faces, plugin our cars… in fact we may not even need to drive them because they will soon be driving us.
 +
<br>
 +
From the phone in your pocket to the car in your driveway, what seemed impossible yesterday is today’s reality.
 +
<br>
 +
We humans have come a long way in a very short period of time by working together… by listening… and sharing.
 +
<br>
 +
We believe the same can be true for the next generation of travelling.
 +
<br>
 +
We are reimagining how public service employees get from A to B while representing the Government of Canada.
 +
<br>
 +
Our team is reaching out to people just like you and shaping the future with every piece of feedback that we receive.
 +
…but we need more comments, ideas, we need more… YOU.
 +
<br>
 +
What if you could book your work trip on here? or here? or even on here? And it was as easy as...
 +
<br>
 +
What if you could manage all of your business receipts with a piece of technology you carry with you every single day.
 +
<br>
 +
What if the entire booking process moved less like this? And more like this?
 +
<br>
 +
What if instead of feeling like this while travelling you just felt… energized, focused, stress free and most importantly, ready to do your job.
 +
<br>
 +
You care about your work and we do too. let’s build something exceptional together.
 +
<br>
 +
Join us as we set the new standard with the next generation travel program
 +
 
 +
            </p>
 +
          </div>
 +
 
 +
      </section>
 +
</section>
 +
</section>
 +
 
 +
<!----------------------------------------------------- Section 3 ------------------------------------------------------->
 +
 
 +
<section id="EventsDrop" style="padding-bottom: 55px;" class="section-3">
 +
 
 +
        <section style="padding-top: 20px;">
 +
          <div style="text-align: center; margin: auto;">
 +
              <h2 style="font-family: 'Lato', sans-serif; font-weight:700; color:#329144; font-size: 28px;"><span style="font-family: 'Lato', sans-serif; font-weight: 300;">Our</span><br>Events</h2>
 +
          </div>
 +
        </section>
 +
 
 +
        <section style="width: 99%;">
 +
          <div style="text-align:center; margin: auto; padding-top: 30px">
 +
 
 +
 
 +
 
 +
<div style="display: inline-block; margin: 0px 15px; vertical-align: top; padding-bottom: 20px!important" class="ribbon">
 +
                  <h3> 2019 / 2020 </h3>
 +
                <h4 style="color:#329144; font-weight: 600"></h4>
 +
<p>Check out the new NextGen Travel Program web site on the GC Intranet and stay in the loop of upcoming events! <br> <br> Visit us at <a href="http://gcintranet.tpsgc-pwgsc.gc.ca/gc/svp-sts/postes-roles-eng.html"> http://gcintranet.pwgsc.gc.ca/NextGenTravel</a>.</p>
 +
       
 +
       
 +
</div>
 +
 
 +
          <div style="text-align: center; margin: auto;">
 +
                      <h3 style="font-family: 'Lato', sans-serif; font-weight:700; color:#329144; font-size: 28px;">Pictures</h3>
 +
            </div>
 +
            <p style="font-family: 'Lato', sans-serif; font-weight:400; color:#329144; font-size: 16px;">
 +
We heard you, Canada! <br><br>
 +
 
 +
Since the NextGen Travel tour kicked off in Iqaluit in November 2018, we have visited 8 cities and held innovation labs and <br>
 +
lobby events in each to hear what public servants had to say about the future of GC travel. <br><br> The response we received from colleagues across Canada was overwhelmingly positive: <br>
 +
participants were excited, engaged, interested and ready for change. <br>
 +
 
 +
<br> <b>The results are now available.</b> <br><br> Learn more about what we heard during the NextGen Travel engagement tour! <br><br>
 +
 
 +
Read about the travel experiences and journeys at <a href="http://gcintranet.tpsgc-pwgsc.gc.ca/gc/svp-sts/postes-roles-eng.html"> http://gcintranet.pwgsc.gc.ca/NextGenTravel </a>.</p><br>
 +
</p>
 +
<div class="row">
 +
  <div class="column">
 +
    <img src="http://www.gcpedia.gc.ca/gcwiki/images/thumb/c/c5/NextGen_1.jpg/800px-NextGen_1.jpg" alt="Montreal team displays their proposed app." style="width:100%">
 +
  </div>
 +
  <div class="column">
 +
    <img src="http://www.gcpedia.gc.ca/gcwiki/images/thumb/8/88/NextGen_2.JPG/800px-NextGen_2.JPG" alt="Productive discussions around a table about the future of GC travel in Montreal. " style="width:100%">
 +
  </div>
 +
  <div class="column">
 +
    <img src="http://www.gcpedia.gc.ca/gcwiki/images/d/d5/NextGen_3.jpeg" alt="Colleagues read proposed ideas for a next travel solution." style="width:100%">
 +
  </div>
 +
  <div class="column">
 +
    <img src="http://www.gcpedia.gc.ca/gcwiki/images/thumb/4/40/NextGen_4.jpg/800px-NextGen_4.jpg" alt="Listening to colleagues present ideas on what the future of GC travel could look like in Ottawa." style="width:100%">
 +
  </div>
 +
  <div class="column">
 +
    <img src="http://www.gcpedia.gc.ca/gcwiki/images/thumb/6/6d/NextGen_5.jpg/800px-NextGen_5.jpg" alt="Toronto colleagues share comments with the Next Generation Travel team." style="width:100%">
 +
  </div>
 +
</div>
 +
 
 +
<div class="row">
 +
  <div class="column">
 +
    <img src="http://www.gcpedia.gc.ca/gcwiki/images/thumb/7/74/NextGen_6.jpg/800px-NextGen_6.jpg" alt="Colleagues gather around a table to engage in blue-sky thinking in Ottawa. " style="width:100%">
 +
  </div>
 +
  <div class="column">
 +
    <img src="http://www.gcpedia.gc.ca/gcwiki/images/thumb/b/bd/NextGen_7.jpg/800px-NextGen_7.jpg" alt="Colleagues exchange ideas about the future of GC travel." style="width:100%">
 +
  </div>
 +
  <div class="column">
 +
    <img src="http://www.gcpedia.gc.ca/gcwiki/images/thumb/d/de/NextGen_8.JPG/800px-NextGen_8.JPG" alt="Colleagues share their feedback about travel in Halifax." style="width:100%">
 +
  </div>
 +
  <div class="column">
 +
    <img src="http://www.gcpedia.gc.ca/gcwiki/images/9/9d/NextGen_9.jpg" alt="Colleagues seated in round tables engage in lively discussion in Halifax." style="width:100%">
 +
  </div>
 +
  <div class="column">
 +
    <img src="http://www.gcpedia.gc.ca/gcwiki/images/d/d8/NextGen_10.jpg" alt="Vancouver colleagues listen and exchange ideas about what an ideal business travel experience should look like." style="width:100%">
 +
  </div>
 +
</div>
 +
</div>
 +
</section>
 +
     
 +
 
 +
 
 +
 
 +
 
 +
<!----------------------------------------------------- Section 4 ------------------------------------------------------->
 +
<section id="ContactDrop" style="padding: 70px 0px; background-color: #329144; ;width: 100%">
 +
<div style="text-align: center; font-family: 'Lato',sans-serif; color: #ffffff">
 +
  <p style="font-size:19px; width: 40%; margin: auto; padding-bottom: 30px">If you have questions or comments you’d like to share about the next solution for GC travel, please let us know.</p>
 +
</div>
 +
    <div style="text-align: center;">
 +
          <a href="mailto: VoyageProchaineGenInfo-NextGenTravelInfo@tpsgc-pwgsc.gc.ca?subject=Gcpedia-Comment" class="cta-btn">
 +
              Contact Our Team
 +
          </a>
 +
    </div>
 +
</section>
 +
 
 +
<!----------------------------------------------------- Footer ------------------------------------------------------->
 +
        <section style="padding: 20px 0px">
 +
            <div style="width: 15%; display: inline-block; margin-left: 30px;">
 +
                <img style="width: 70%" src="http://www.gcpedia.gc.ca/gcwiki/images/3/34/NextGen-coloured-footer-logo.png" alt="">
 +
            </div>
 +
            <div style="width: 79%; display: inline-block; text-align: right;">
 +
                <p style="font-family: 'lato', sans-serif; color: #329144">Brought to you by the DSB Web & Design Team. To see the code, <a href="http://www.gcpedia.gc.ca/gcwiki/index.php?title=Next_Generation_Travel_Program&action=edit">click here</a> </p>
 +
            </div>
 +
        </section>
 +
 
 +
    </section>
 +
 
 +
</body>
 +
 
 +
</html>
 +
{{Nextgen-CSS}}
Retrieved from "https://wiki.gccollab.ca/Special:MobileDiff/13805"

Navigation menu

GCwiki