|
|
| Line 1: |
Line 1: |
| − | {{Template: FA styles}}
| |
| − | {{Template: FA custom}}
| |
| − | {{Template: FA modals}}
| |
| − | {{Template: FA scripts}}
| |
| − | {{FA_hat}}
| |
| | | | |
| − | <html>
| |
| − |
| |
| − |
| |
| − | <!-- Hero Jumbotron Section
| |
| − | –––––––––––––––––––––––––––––––––––––––––––––––––– -->
| |
| − | <div class="navigation u-full-width white">
| |
| − | <div class="container">
| |
| − | <ul>
| |
| − | <li><a href="mailto:freeagents-agentslibres@canada.ca">Contact</a></li>
| |
| − | <li><a href="http://www.gcpedia.gc.ca/wiki/Agents_Libres">FR</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!-- Background and business info
| |
| − | –––––––––––––––––––––––––––––––––––––––––––––––––– -->
| |
| − | <div class="section gray-body" style="text-align:left;padding:4rem 0 10rem;">
| |
| − | <div align=center><img src="http://www.gcpedia.gc.ca/gcwiki/images/e/eb/CFA_leaf.PNG" alt="Canada's Free Agents Logo: a black maple leaf with the right lobe being shaped as a puzzle piece."></div>
| |
| − | <div class="container">
| |
| − |
| |
| − | <div class="row">
| |
| − |
| |
| − | <div class="twelve columns">
| |
| − | <h1>Canada's Free Agents</h1>
| |
| − | <p>Welcome to the Free Agents GCpedia page! Launched in 2016, the program is a new model for workforce mobilization. It offers public servants the freedom to select work that matches their skills and interests and allows them to make a contribution that they find meaningful. It also supports managers looking to rapidly and easily acquire top talent with emerging and core skills in order to support their short-term project needs. Free Agents are screened for attributes that are beneficial for solving problems and skills that are in demand.</p>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="container" style="text-align:center">
| |
| − | <p>
| |
| − | <h2></h2>
| |
| − | <h1><a href="http://www.gcpedia.gc.ca/wiki/Free_Agents/Meet" class="button button-default u-half-width" style="font-size:2rem" >Free Agents Directory</a></h1>
| |
| − | <h2></h2>
| |
| − | </p>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="twelve columns" style="margin-top:20px">
| |
| − |
| |
| − | <div class="tile columns four" style="text-align:center">
| |
| − | <h4>Become a Free Agent</h4>
| |
| − | <p>Take control of your career</p>
| |
| − | <a href="https://cfa-alc1.hiringplatform.ca/16188-self-assessment/53209-self-assessment/en" class="button button-default u-full-width" > Apply </a>
| |
| − | <a href="http://www.gcpedia.gc.ca/gcwiki/images/e/e7/FAPoster.jpg" class="button button-default u-full-width" >Why?</a>
| |
| − | <a href="http://www.gcpedia.gc.ca/wiki/Free_Agents/FAQ_FA" class="button button-default u-full-width" >FAQ</a>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class="tile columns four" style="text-align:center">
| |
| − | <h4>Hire a Free Agent</h4>
| |
| − | <p>Manage costs and deliver results<br /></p>
| |
| − | <a href="http://www.gcpedia.gc.ca/gcwiki/images/9/90/Free_Agent_Assignment_Form.docx" class="button button-default u-full-width">Request</a>
| |
| − | <a href="https://www.gcpedia.gc.ca/gcwiki/images/5/59/CFAinfographic.jpg" class="button button-default u-full-width">Why?</a>
| |
| − | <a href="http://www.gcpedia.gc.ca/gcwiki/images/4/41/Canada%27s_Free_Agents_-_FAQ_for_hiring_managers.docx" class="button button-default u-full-width">FAQ</a>
| |
| − | </div>
| |
| − |
| |
| − | <div class="tile columns four" style="text-align:center">
| |
| − | <h4>Explore</h4>
| |
| − | <p>Learn more about the program<br /></p>
| |
| − | <a href="http://www.gcpedia.gc.ca/gcwiki/images/a/ad/Free_Agent_Pilot_-_Interim_Report.pdf" class="button button-default u-full-width">Read our Interim Report</a>
| |
| − | <a href="https://www2.deloitte.com/qa/en/pages/public-sector/articles/govcloud.html" class="button button-default u-full-width">Read Deloitte's "GovCloud"</a>
| |
| − | <a href="https://gccollab.ca/groups/profile/240597/canadas-free-agents" class="button button-default u-full-width">Join us on GCcollab</a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div><!-- container -->
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <!-- container -->
| |
| − | <!-- grey body -->
| |
| − |
| |
| − |
| |
| − | <!-- Modals
| |
| − | –––––––––––––––––––––––––––––––––––––––––––––––––– -->
| |
| − |
| |
| − | <!--modal 7-->
| |
| − | <section class="modal--show" id="modal7" tabindex="-1" role="dialog" aria-labelledby="modal-plainscreen" aria-hidden="true">
| |
| − |
| |
| − | <div class="modal-inner">
| |
| − | <header>
| |
| − | <h2 id="modal5">Meet the Free Agents</h2></header>
| |
| − | <div class="modal-content">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | <a href="#!" class="button" style="margin:20px" title="Close this modal" data-dismiss="modal" data-close="Close"><i class="fa fa-close"></i> Close</a>
| |
| − | </div>
| |
| − |
| |
| − | <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">×</a>
| |
| − | </section>
| |
| − |
| |
| − | <!-- End Document
| |
| − | –––––––––––––––––––––––––––––––––––––––––––––––––– -->
| |
| − | <!-- JS -->
| |
| − | <script type="text/javascript">
| |
| − | $(document).ready(function($) {
| |
| − | $('#accordion').find('.accordion-toggle').click(function(){
| |
| − |
| |
| − | //Expand or collapse this panel
| |
| − | $(this).next().slideToggle('fast');
| |
| − |
| |
| − | //Hide the other panels
| |
| − | $(".accordion-content").not($(this).next()).slideUp('fast');
| |
| − |
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − | </html>
| |
