| Line 89: | Line 89: | 
|  |     text-decoration: none; |  |     text-decoration: none; | 
|  | } |  | } | 
| − | .navMenu li:hover:not(.active) { | + | .navMenu li:hover:not(.active), .card:hover { | 
|  |    background-color: #CECECE; |  |    background-color: #CECECE; | 
|  |    border-radius:10px; |  |    border-radius:10px; | 
| Line 102: | Line 102: | 
|  |     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: 0px solid rgba(0, 0, 0, 0.125); | 
|  | + |   border-radius: 0.35rem; | 
|  | + |   margin:16px; | 
|  | + |   background-color:#F5F5F5; | 
|  | + |  } | 
|  | + | .card-body { | 
|  | + |   flex: 1 1 auto; | 
|  | + |   padding: 12px; } | 
|  | + | .card-img{ | 
|  | + |   align:center;  | 
|  | + | } | 
|  | + | .card-img pre, .mw-code{ | 
|  | + |   background-color:none !important; | 
|  | } |  | } | 
|  |  |  |  | 
| Line 109: | Line 130: | 
|  |     <ul class="navMenu"> |  |     <ul class="navMenu"> | 
|  |        <li class="active"> [[Title of the wiki page|Home]] </li> |  |        <li class="active"> [[Title of the wiki page|Home]] </li> | 
| − |        <li> [[Title of the wiki page|Executive Onboarding]] </li> | + |        <li> [[Title of the wiki page|I Am An Executive]] </li> | 
|  |        <li> [[Title of the wiki page|Other Onboarding Expansion Pack]]</li> |  |        <li> [[Title of the wiki page|Other Onboarding Expansion Pack]]</li> | 
|  |        <li> [https://www.canada.ca/en/employment-social-development.html '''Help Desk'''] </li> |  |        <li> [https://www.canada.ca/en/employment-social-development.html '''Help Desk'''] </li> | 
| Line 169: | Line 190: | 
|  | </div>   |  | </div>   | 
|  |  |  |  | 
| − |   | + | <div> | 
|  | + | <h2>'''I Am A'''</h2>  | 
|  | + | <p> This is where the onboarding expansion packs go</p>  | 
|  | + |    <div class="card" style="max-width:280px;"> | 
|  | + |     <div class="card-body"> | 
|  | + |         <h3>[[Title of the wiki page|Executive]]</h3> | 
|  | + |         <p class="card-text">More pre-onboarding information for executives.</p> | 
|  | + |     </div> | 
|  | + | </div> | 
|  | + | </div>  | 
|  |  |  |  | 
|  | =='''<div>General Onboarding Process for New Executives</div>'''== |  | =='''<div>General Onboarding Process for New Executives</div>'''== |