Changes

76 bytes removed ,  14:44, 18 October 2021
no edit summary
Line 14: Line 14:  
}
 
}
   −
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
+
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10,  
 +
.col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
 
position: relative;
 
position: relative;
 
width: 100%;
 
width: 100%;
Line 24: Line 25:  
<!-- Mobile UI styling -->
 
<!-- Mobile UI styling -->
 
@media (max-width: 576px) {
 
@media (max-width: 576px) {
.col-sm-12 {
+
.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
flex: 0 0 100%;
+
.card { padding-top: 22px !important; padding-bottom: 12px !important; }
max-width: 100%;  
+
.card-body { padding: 0 !important; }
}
+
.row ul { padding-bottom:10px; }
.section {
+
.section { padding: 20px 0 20px 0; }
padding: 20px 0 20px 0;
+
.navContainer { padding-bottom: -1rem !important; }
}
  −
.navContainer {
  −
padding-bottom: -1rem !important;
  −
}
  −
.card {
  −
padding-top: 22px !important;
  −
padding-bottom: 12px !important;
  −
}
  −
.card-body {
  −
padding: 0 !important;  
  −
}
  −
.row ul {
  −
padding-bottom:10px;
  −
}
   
}
 
}
    
<!-- Tablet UI styling -->
 
<!-- Tablet UI styling -->
 
@media screen and (min-width: 576px) {
 
@media screen and (min-width: 576px) {
.col-md-6 {
+
.col-md-4 { flex: 0 0 30%; max-width: 30%; }
flex: 0 0 450%;
+
.col-md-6 { flex: 0 0 45%; max-width: 45%; }
max-width: 45%;  
+
.col-md-8 { flex: 0 0 66%; max-width:66%; }
}
+
.section { padding: 6px 0 20px 20px; }
.col-md-4 {
  −
flex: 0 0 30%;
  −
max-width: 30%;  
  −
}
  −
.section {
  −
padding: 6px 0 20px 20px;
  −
}
  −
.col-md-8 {
  −
flex: 0 0 66%;
  −
max-width:66%;
  −
}
   
}
 
}
    
<!-- Desktop UI styling -->
 
<!-- Desktop UI styling -->
 
@media screen and (min-width: 992px) {
 
@media screen and (min-width: 992px) {
.col-lg {
+
.col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
flex-basis: 0;
+
.col-lg-2 { flex: 0 0 15%; max-width: 15%; }
flex-grow: 1;
+
.col-lg-4 { flex: 0 0 30%; max-width: 30%; }
max-width: 100%;  
+
.col-lg-6 { flex: 0 0 45%; max-width:45%; }
}
+
.col-lg-8 { flex: 0 0 66%; max-width:66%; }
.col-lg-4 {
  −
flex: 0 0 30%;
  −
max-width: 30%;  
  −
}
  −
.col-lg-2 {
  −
flex: 0 0 15%;
  −
max-width: 15%;
  −
}
  −
.col-lg-6 {
  −
flex: 0 0 45%;
  −
max-width:45%;
  −
}
  −
.col-lg-8 {
  −
flex: 0 0 66%;
  −
max-width:66%;
  −
}
   
}
 
}
    
<!-- Font styling -->
 
<!-- Font styling -->
h1,h2 {
+
h1, h2 {
 
font-family: 'Helvetica', sans-serif !important;
 
font-family: 'Helvetica', sans-serif !important;
 
}
 
}
Line 304: Line 264:     
}}
 
}}
<div>
+
== <span style="color:#AF3C43">Under Construction</span> ==
<h2><big style="color:#AF3C43">Under Construction </big></h2>
  −
</div>
      
<div class="nav" role="navigation" id="top">
 
<div class="nav" role="navigation" id="top">
Line 330: Line 288:  
</div>
 
</div>
   −
<div class="section row col-sm-12 col-md-8">
+
<div class="section row col-sm-12 col-lg-8" id="expect">
 
== What to expect as a new ESDC employee ==
 
== What to expect as a new ESDC employee ==
<p>[https://www.canada.ca/en/employment-social-development.html Employment and Social Development Canada (ESDC)], the fourth-largest department within the Government of Canada, has four ministers and over 36,000 public service employees who work to improve the standard of living and quality of life for all Canadians by supporting the development of a highly skilled labour force and promoting an efficient and inclusive labour market.</p>
     −
<p>Whether you have been offered a position with ESDC or are curious about joining the department, this website explains what to expect and how to prepare for your new role.</p>
+
<p>[https://www.canada.ca/en/employment-social-development.html Employment and Social Development Canada (ESDC)], the fourth-largest department within the Government of Canada, has four ministers and over 36,000 public service employees who work to improve the standard of living and quality of life for all Canadians by supporting the development of a highly skilled labour force and promoting an efficient and inclusive labour market.</p>
 +
 
 +
<p>Whether you have been offered a position with ESDC or are curious about joining the department, this website explains what to expect and how to prepare for your new role.</p>
   −
<p class="bold" style="padding-top:10px;">We can’t wait for you to join our team!</p>
+
<p class="bold" style="padding-top:10px;">We can’t wait for you to join our team!</p>
</div>
+
</div>
   −
<div class="section row greybg col-sm-12 col-lg-8">
+
<div class="section row col-sm-12 col-lg-8" id="onboarding">
 
== What is Onboarding? ==
 
== What is Onboarding? ==
<p>Onboarding is the process of integrating new employees into the workplace, beginning with the acceptance of the initial job offer and continuing through the first 6 to 12 months of employment. It includes activities such as training and mentoring, as well as providing all pertinent information on internal policies, work processes and established cultural norms.</p>
     −
<p>While most onboarding activities take place after you begin working, the Pre-Arrival Checklist outlines several important steps you can follow leading up to your first day.</p>
+
<p>Onboarding is the process of integrating new employees into the workplace, beginning with the acceptance of the initial job offer and continuing through the first 6 to 12 months of employment. It includes activities such as training and mentoring, as well as providing all pertinent information on internal policies, work processes and established cultural norms.</p>
   −
</div>  
+
<p>While most onboarding activities take place after you begin working, the Pre-Arrival Checklist outlines several important steps you can follow leading up to your first day.</p>
 +
</div>  
   −
<div class="section row col-sm-12 col-lg-8">
+
<div class="section row col-sm-12 col-lg-8" id="checklist">
 
== <span valign="top">Pre-Arrival Checklist - Are you ready for your first day?</span> ==
 
== <span valign="top">Pre-Arrival Checklist - Are you ready for your first day?</span> ==
   Line 633: Line 592:  
 
 
</div>
 
</div>
+
</div>
+
</div>
 
      
<!-- Back to top button -->
 
<!-- Back to top button -->