Difference between revisions of "User:Soli/main-1"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
| − | < | + | <head> |
| − | + | <style> | |
| − | + | .row { | |
| − | + | box-sizing:border-box; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | < | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
color:rgb(51, 51, 51); | color:rgb(51, 51, 51); | ||
display:block; | display:block; | ||
| − | + | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; | |
| − | font-family: | ||
font-size:14px; | font-size:14px; | ||
| − | |||
line-height:20px; | line-height:20px; | ||
| − | + | padding-left:20px; | |
| − | padding-left: | + | padding-right:20px; |
| − | padding-right: | + | margin-top:10px; |
| − | |||
text-size-adjust:100%; | text-size-adjust:100%; | ||
| − | + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0); | |
| − | -webkit-tap-highlight-color:rgba(0, 0, 0, 0); | + | } |
| − | + | ||
| − | + | .col-lg-4{ | |
| − | |||
| − | |||
| − | |||
| − | |||
box-sizing:border-box; | box-sizing:border-box; | ||
color:rgb(51, 51, 51); | color:rgb(51, 51, 51); | ||
| Line 51: | Line 22: | ||
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
font-size:14px; | font-size:14px; | ||
| − | height: | + | max-height:100%; |
| + | min-height:350px; | ||
line-height:20px; | line-height:20px; | ||
| − | + | overflow: hidden; | |
padding-left:15px; | padding-left:15px; | ||
padding-right:15px; | padding-right:15px; | ||
position:relative; | position:relative; | ||
text-size-adjust:100%; | text-size-adjust:100%; | ||
| − | width: | + | max-width:300px; |
| − | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> | + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0); |
| − | + | } | |
| − | + | </style> | |
| − | + | </head> | |
| + | |||
| + | <div class="row"> | ||
| + | <p style=" | ||
| + | color:rgb(0, 0, 0); | ||
| + | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; | ||
| + | font-size:21px; | ||
| + | font-weight:700; | ||
| + | line-height:30px; | ||
| + | text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 1px;"> | ||
| + | <strong>Information on accessibility:</strong></p> | ||
| + | <div class="col-lg-4"> | ||
| + | <div class="thumbnail" style="height:450px;"> | ||
| + | SECTION-MAIN-1 | ||
| + | <a href="#"> | ||
| + | <img src="bootstrap/img/JORD1318_WM-1.jpg" | ||
| + | alt="Someone writing in a note book" | ||
| + | style="height:250px;"></a> | ||
| + | <h3>Accessibility-confident organizations</h3> | ||
| + | <p>Learn how your department and agency can prepare to meet or exceed the requirements of | ||
| + | the | ||
| + | Accessible Canada Act. | ||
| + | </p> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4"> | ||
| + | <div class="thumbnail" style="height:450px;"> | ||
| + | SECTION-MAIN-2 | ||
| + | <a href="#"> | ||
| + | <img src="bootstrap/img/JORD2278_WM-1.jpg" | ||
| + | alt="Modern glass buildings" | ||
| + | style="height:250px;"></a> | ||
| + | <h3>Recruitment, retention, and promotion of persons with disabilities</h3> | ||
| + | <p>Discover the benefit of recruiting, retaining, and promoting persons with disabilities | ||
| + | and | ||
| + | what resources are available to your organization to recruit, retain, and promote | ||
| + | persons | ||
| + | with disabilities | ||
| + | </p> | ||
| + | </div> | ||
</div> | </div> | ||
| − | <div class="col-lg-4" | + | <div class="col-lg-4"> |
| − | + | SECTION-MAIN-3 | |
| − | + | <a href="#"> | |
| − | + | <img src="bootstrap/img/pexels-photo-3184418.jpeg" | |
| − | + | alt="Diverse hands placed together in a circle" | |
| − | + | style="height:250px;"></a> | |
| − | + | ||
| − | + | <h3>Workplace Accommodation</h3> | |
| − | + | <p>Learn about workplace accommodations and work that is underway to improve them. | |
| − | + | </p> | |
| − | + | </div> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 15:38, 15 January 2020
<head>
<style>
.row {
box-sizing:border-box;
color:rgb(51, 51, 51);
display:block;
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:14px;
line-height:20px;
padding-left:20px;
padding-right:20px;
margin-top:10px;
text-size-adjust:100%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.col-lg-4{
box-sizing:border-box;
color:rgb(51, 51, 51);
display:block;
float:left;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:14px;
max-height:100%;
min-height:350px;
line-height:20px;
overflow: hidden;
padding-left:15px;
padding-right:15px;
position:relative;
text-size-adjust:100%;
max-width:300px;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
</style>
</head>
Information on accessibility:
SECTION-MAIN-1
<a href="#">
<img src="bootstrap/img/JORD1318_WM-1.jpg"
alt="Someone writing in a note book"
style="height:250px;"></a>
Accessibility-confident organizations
Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.
SECTION-MAIN-2
<a href="#">
<img src="bootstrap/img/JORD2278_WM-1.jpg"
alt="Modern glass buildings"
style="height:250px;"></a>
Recruitment, retention, and promotion of persons with disabilities
Discover the benefit of recruiting, retaining, and promoting persons with disabilities and what resources are available to your organization to recruit, retain, and promote persons with disabilities
SECTION-MAIN-3
<a href="#">
<img src="bootstrap/img/pexels-photo-3184418.jpeg"
alt="Diverse hands placed together in a circle"
style="height:250px;"></a>
Workplace Accommodation
Learn about workplace accommodations and work that is underway to improve them.
