Line 3: |
Line 3: |
| __NOINDEX__ | | __NOINDEX__ |
| __NONEWSECTIONLINK__ | | __NONEWSECTIONLINK__ |
| + | |
| + | {{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> |