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

From wiki
Jump to navigation Jump to search
 
(45 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="row"
+
<multilang>
    style="
+
@en|
        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);">
 
    <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"
 
        style="
 
            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);">
 
        <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>
+
EDIT CONTENT here!
    </div>
+
-->
    <div class="col-lg-4"
+
<!-- -- --
        style="
+
            box-sizing:border-box;
+
Change IMAGE HERE! -->
            color:rgb(51, 51, 51);
+
[[File:Man-in-an-assistive-chair.jpg|none|350px|link=Accessibility-confident organizations/Organismes accessibles|alt=A man on an assistive scooter.]]
            display:block;
+
<span style="color:rgb(28,48,47); width=350px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; height:auto; text-size-adjust:100%;">
            float:left;
+
<!-- -- --
            font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+
            font-size:14px;
+
Change LINK AND TITLE HERE! -->
            max-height:100%;
+
<h4>[[Accessibility-confident organizations/Organismes accessibles|<span style="color:rgb(28,48,47);">
            min-height:350px;
+
Accessibility-confident organizations</span>]]</h4></p>
            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);">
 
        <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 class="col-lg-4"
 
        style="
 
            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);">
 
            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>
+
Change CAPTION HERE! -->
            <p>Learn about workplace accommodations and work that is underway to improve them.
+
<p style="max-width:350px;">Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.</p>
            </p>
+
</span>
        </div>
+
<!--
    </div>
+
END CONTENT here!
</div>
+
 
 +
-->
 +
<!--
 +
 
 +
 
 +
FRENCH content starts here!
 +
-->
 +
@fr|
 +
<!--
 +
 
 +
EDIT CONTENT here!
 +
-->
 +
<!-- -- --
 +
 +
Change IMAGE HERE! -->
 +
[[File:Man-in-an-assistive-chair.jpg|none|350px|alt=A man on an assistive scooter.]]
 +
<span style="color:rgb(28,48,47); width=350px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; height:auto; text-size-adjust:100%;">
 +
<!-- -- --
 +
 
 +
Change LINK AND TITLE HERE! -->
 +
<h4>[[Accessibility-confident organizations/Organismes accessibles|<span style="color:rgb(28,48,47);">
 +
Organismes accessibles</span>]]</h4></p>
 +
<!-- -- --
 +
 
 +
Change CAPTION HERE! -->
 +
<p style="max-width:350px;">FR - Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.</p>
 +
</span>
 +
<!--
 +
END CONTENT here!
 +
 
 +
-->
 +
</multilang>

Latest revision as of 18:42, 23 January 2020

A man on an assistive scooter.

Accessibility-confident organizations

Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.