Changes

no edit summary
Line 18: Line 18:  
   float: right;
 
   float: right;
 
}
 
}
 +
 +
.card {
 +
  /* Add shadows to create the "card" effect */
 +
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
 +
  transition: 0.3s;
 +
  max-width: 400px;
 +
  height: 400px;
 +
  background-color: black;
 +
  background-image:url("file:///C:/Users/MDAIGLE/Desktop/digitaltalent-bg.PNG");
 +
  background-size: contain;
 +
  background-repeat: no-repeat;
 +
  background-position: bottom;
 +
  border-radius: 20px;
 +
}
 +
 +
/* On mouse-over, add a deeper shadow */
 +
.card:hover {
 +
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
 +
}
 +
 +
/* Add some padding inside the card container */
 +
.container {
 +
  padding: 2px 16px;
 +
  color: white;
 +
}
 +
 +
.button {
 +
  margin-top: 10px;
 +
  background: #D61A1D;
 +
  padding: 11px;
 +
  border-radius: 10px;
 +
  display: inline-block;
 +
}
    
.infobox
 
.infobox
Line 115: Line 148:     
[[File:Strategy_EN_-_May_2023.PNG|750px|border|GC Digital Talent Strategy Title Slide. Text on the slide reads - Introducing: The GC Digital Talent Strategy - opens full powerpoint presentation in new window|link=https://docs.google.com/document/d/14927EPoqGCDzkzCp3z3yRnE9ny90D6p_SGMNmeJzCI4/edit?usp=sharing]]
 
[[File:Strategy_EN_-_May_2023.PNG|750px|border|GC Digital Talent Strategy Title Slide. Text on the slide reads - Introducing: The GC Digital Talent Strategy - opens full powerpoint presentation in new window|link=https://docs.google.com/document/d/14927EPoqGCDzkzCp3z3yRnE9ny90D6p_SGMNmeJzCI4/edit?usp=sharing]]
 +
 +
<div class="card">
 +
  <div class="container">
 +
    <h4><b>The Government of Canada Digital Talent Strategy (Google Doc)</b></h4>
 +
    <p>Beta version - Spring 2023</p>
 +
<div class="button"><a>View the strategy</a></div>
 +
  </div>
    
<h2>Share your thoughts</h2>
 
<h2>Share your thoughts</h2>