233
edits
Changes
Jump to navigation
Jump to search
Line 94:
Line 94: − + Line 107:
Line 107: + + + + + + + + + + + + + + + + + + + Line 145:
Line 164: + + Line 154:
Line 175: − + + + + + Line 172:
Line 197: + + + + − [[Title of the wiki page|Are You A Student?]] + − [[Title of the wiki page|Other Groups]] + + + − + + Line 192:
Line 224: + − + + Line 265:
Line 299: + − + + Line 292:
Line 328: + − + + Line 346:
Line 384: +
adding cards to checklist
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;
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;
}
}
}}
}}
<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>
<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>
</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>
<p>Are You A Student?</p>
<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>
<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>
<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>
<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>
<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>
