503
edits
Changes
User:Matthew.macvicar/sandbox (view source)
Revision as of 11:20, 7 January 2021
, 11:20, 7 January 2021Created page with "{{Template: FA styles}} {{Template: FA custom}} {{Template: FA modals}} {{Template: FA scripts}} {{FA_hat}} <html> <!-- Hero Jumbotron Section –––––..."
{{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>
{{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>