Difference between revisions of "User:Soli/main-1"

From wiki
Jump to navigation Jump to search
Line 1: Line 1:
<div class="row"  
+
<!-- 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 -->
 +
 
 +
<div class="row"
 
     style="
 
     style="
 
         box-sizing:border-box;
 
         box-sizing:border-box;
Line 20: Line 57:
 
         text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 1px;">
 
         text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 1px;">
 
       <strong>Information on accessibility:</strong></p>
 
       <strong>Information on accessibility:</strong></p>
     <div class="col-lg-4"  
+
     <div class="col-lg-4"
 
         style="
 
         style="
 
             box-sizing:border-box;
 
             box-sizing:border-box;
Line 40: Line 77:
 
         <div class="thumbnail" style="height:450px;">
 
         <div class="thumbnail" style="height:450px;">
 
             SECTION-MAIN-1
 
             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>
 
     </div>
     <div class="col-lg-4"  
+
     <div class="col-lg-4"
 
         style="
 
         style="
 
             box-sizing:border-box;
 
             box-sizing:border-box;
Line 72: Line 100:
 
         <div class="thumbnail" style="height:450px;">
 
         <div class="thumbnail" style="height:450px;">
 
             SECTION-MAIN-2
 
             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>
         <div class="col-lg-4"  
+
         <div class="col-lg-4"
 
         style="
 
         style="
 
             box-sizing:border-box;
 
             box-sizing:border-box;
Line 104: Line 122:
 
             -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
             -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
             SECTION-MAIN-3
 
             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>
 
</div>

Revision as of 14:42, 15 January 2020


Information on accessibility:

           SECTION-MAIN-1
          
           SECTION-MAIN-2
           
           SECTION-MAIN-3