Line 3: |
Line 3: |
| __NOINDEX__ | | __NOINDEX__ |
| __NONEWSECTIONLINK__ | | __NONEWSECTIONLINK__ |
− |
| |
− | {{Template: FA styles}}
| |
− | {{Template: FA custom}}
| |
− | {{Template: FA modals}}
| |
− | {{Template: FA scripts}}
| |
− | {{FA_hat}}
| |
− |
| |
− | {{Template:DIOD style}}
| |
− |
| |
− | <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>Title to go here</h1>
| |
− | <p>Generic text to go here.</p>
| |
− |
| |
− | <div class="container" style="text-align:center">
| |
− | <p>
| |
− |
| |
− | <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>
| |
− |
| |
− | </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"> 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>
| |