Changes

685 bytes added ,  19:16, 5 October 2021
adding cards to checklist
Line 94: Line 94:  
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
.navMenu li:hover:not(.active), .card:hover {
+
.navMenu li:hover:not(.active){
 
   background-color: #CECECE;
 
   background-color: #CECECE;
 
   border-radius:10px;
 
   border-radius:10px;
Line 107: Line 107:  
   padding:8px 24px;
 
   padding:8px 24px;
 
   border-radius: 10px 10px 0 0;
 
   border-radius: 10px 10px 0 0;
 +
}
 +
.card {
 +
  position: relative;
 +
  display: flex;
 +
  flex-direction: column;
 +
  min-width: 0;
 +
  word-wrap: break-word;
 +
  background-clip: border-box;
 +
  border: 1px solid rgba(0, 0, 0, 0.125);
 +
  border-radius: 0.35rem;
 +
  margin:16px;
 +
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.125);
 +
  border-left: 5px solid #AF3C43;
 +
}
 +
.card-body {
 +
  flex: 1 1 auto;
 +
  padding: 12px; }
 +
.card-img{
 +
  align:center;
 
}
 
}
 
}}
 
}}
Line 145: Line 164:  
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip </p>  
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip </p>  
    +
<div class="card">
 +
<div class="card-body">
 
<h3><span class="checkbox"></span>Discuss with your Hiring Manager</h3>
 
<h3><span class="checkbox"></span>Discuss with your Hiring Manager</h3>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </p>  
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </p>  
Line 154: Line 175:  
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </li>  
 
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </li>  
 
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>  
 
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>  
</ul>  
+
</ul>
 +
</div>
 +
</div>  
    +
<div class="card">
 +
<div class="card-body">
 
<h3><span class="checkbox"></span>Monitor your e-mail for official documents</h3>
 
<h3><span class="checkbox"></span>Monitor your e-mail for official documents</h3>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </p>  
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </p>  
Line 172: Line 197:  
</ul>
 
</ul>
 
</ul>  
 
</ul>  
 +
</div>
 +
</div>
    +
<div class="card">
 +
<div class="card-body">
 
<h3><span class="checkbox"></span>Review this specific information if it applies to you</h3>
 
<h3><span class="checkbox"></span>Review this specific information if it applies to you</h3>
 
<h4>Additional pre-arrival onboarding information currently available:</h4>  
 
<h4>Additional pre-arrival onboarding information currently available:</h4>  
 
[[Title of the wiki page|Are You An Executive? ]]  
 
[[Title of the wiki page|Are You An Executive? ]]  
 
<h4>Additional information still in development:</h4>  
 
<h4>Additional information still in development:</h4>  
[[Title of the wiki page|Are You A Student?]]
+
<p>Are You A Student?</p>
[[Title of the wiki page|Other Groups]]
+
<p>Other Groups</p>
 +
</div>
 +
</div>
   −
<div>
+
<div class="card">
 +
<div class="card-body">
 
<h3><span class="checkbox"></span>Getting your technology (IT) equipment and network access</h3>
 
<h3><span class="checkbox"></span>Getting your technology (IT) equipment and network access</h3>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </p>  
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </p>  
Line 192: Line 224:  
<h4>Personal external storage devices are not permitted </h4>  
 
<h4>Personal external storage devices are not permitted </h4>  
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </p>  
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </p>  
 +
</div>
 
</div>
 
</div>
   −
<div>  
+
<div class="card">
 +
<div class="card-body">  
 
<h3><span class="checkbox"></span>Get to know ESDC and other aspects of your employment</h3>
 
<h3><span class="checkbox"></span>Get to know ESDC and other aspects of your employment</h3>
 
<h4>Departmental Information</h4>  
 
<h4>Departmental Information</h4>  
Line 265: Line 299:  
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
 
</div>  
 
</div>  
 +
</div>
   −
<div>
+
<div class="card">
 +
<div class="card-body">
 
<h3><span class="checkbox"></span>Explore (and join!) our networks and communities</h3>
 
<h3><span class="checkbox"></span>Explore (and join!) our networks and communities</h3>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip. </p>
Line 292: Line 328:  
<li>Lorem ipsum dolor sit amet, consectetur</li>  
 
<li>Lorem ipsum dolor sit amet, consectetur</li>  
 
</ul>
 
</ul>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
   −
<div>
+
<div class="card">
 +
<div class="card-body">
 
<h3><span class="checkbox"></span>Our social media presence and employee conduct</h3>
 
<h3><span class="checkbox"></span>Our social media presence and employee conduct</h3>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
Line 346: Line 384:  
<li>[https://www.canada.ca/en/employment-social-development.html '''ESDC''']</li>
 
<li>[https://www.canada.ca/en/employment-social-development.html '''ESDC''']</li>
 
</ul>
 
</ul>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
233

edits