Changes

Jump to navigation Jump to search

User:Soli (view source)

Revision as of 13:14, 10 January 2020

29,290 bytes added ,  13:14, 10 January 2020
no edit summary
Line 1: Line 1:  +
 +
<!doctype html>
 +
<html lang="en">
 +
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
 +
 +
        <title>Office of Public Service Accessibility (OPSA)</title>
 +
       
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
 +
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
 +
          integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
 +
    <link rel="stylesheet" href="styles.css">
 +
       
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
 +
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
 +
            crossorigin="anonymous"></script>
 +
       
 +
    <style>
 +
/*==========INCLUDE CUSTOM CSS right here==============*/
 +
 +
.snoop-dogg{background-color:pink;}
 +


 +
.jumbotron .content {
 +
  position: absolute;
 +
  bottom: 0;
 +
  background: rgb(0, 0, 0); /* Fallback color */
 +
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
 +
  color: #f1f1f1;
 +
  width: 100%;
 +
  padding: 20px;
 +
}
 +


 +
.site-footer {
 +
  padding-top: 5px;
 +
  background-color: #f2f2f2;
 +
  padding-bottom: 50px;
 +
  !important;
 +
}
 +


 +
.padding {
 +
  padding-top: 40px;
 +
  padding-bottom: 40px;
 +
}
 +


 +
.column {
 +
  float: left;
 +
  width: 20%;
 +
  padding: 10px;
 +
  height: 225px;
 +
}
 +


 +
.bottom {
 +
  background-color: #c4c2d7;
 +
  background-size:cover;
 +
  background-repeat:no-repeat;
 +
  height:5px;
 +
}
 +


 +
.column2 {
 +
  float: left;
 +
  width: 50%;
 +
  padding: 5px;
 +
  height: 20px;
 +
}
 +


 +
h4 {
 +
  color: navy;
 +
}
 +


 +
div.fontsize {
 +
  font-size: 13px;
 +
}
 +


 +
.jumbotron {
 +
  padding-top: 80px;
 +
}
 +


 +
* {
 +
  box-sizing: border-box;
 +
}
 +


 +
.column1 {
 +
  float: left;
 +
  width: 50%;
 +
  padding: 20px;
 +
  height: relative;
 +
}
 +


 +
.row:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +


 +
@media screen and (max-width: 850px) {
 +
  .column {
 +
  width: 100%;
 +
  }
 +
}
 +


 +
.cities {
 +
  outline: 2px solid lightgray;
 +
  color: black;
 +
  margin: 20px;
 +
  padding: 20px;
 +
}
 +


 +
a:hover, a:visited, a:link, a:active
 +
{
 +
    text-decoration: none;
 +
}
 +


 +
.thumbnail:hover {   
 +
  transition: 0.7s ease;
 +
  background-color: #c4c2d7; 
 +
}
 +


 +
h1 {
 +
  color: navy
 +
}
 +


 +
h3 {
 +
  color: navy;
 +
}
 +


 +
h4 {
 +
  color: navy;
 +
}
 +


 +
div.width {
 +
  width: 80%;
 +
  margin: left;
 +
}
 +


 +
.column3 {
 +
  float: left;
 +
  width: 33.33%;
 +
  padding: 10px;
 +
}
 +


 +
p.small {
 +
  line-height:1;
 +
  padding-top:55px;
 +
}
 +


 +
p.hover {
 +
  text-decoration: underline;
 +
  line-height:0.8;
 +
}
 +


 +
ul.b {
 +
  list-style-position: inside;
 +
}
 +


 +
   
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
    </style>
 +
</head>
 +
 +
<body>
 +
   
 +
<section class="super-body">
 +
 +
    <header>
 +
        Header data
 +
    </header>
 +
         
 +
    <!-- navigation --> 
 +
    <nav class="navbar navbar-default navbar-fixed-top">
 +
        <div class="container">
 +
            <div class="navbar-header">
 +
                <a class="navbar-brand" href="http://www.gcpedia.gc.ca/"
 +
                  style="padding-top:13px;">GCpedia</a>
 +
 +
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
 +
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 +
                                            <span class="sr-only">Toggle navigation</span>
 +
                                            <span class="icon-bar"></span>
 +
                                            <span class="icon-bar"></span>
 +
                                            <span class="icon-bar"></span>
 +
                </button>
 +
                <a class="navbar-brand"
 +
                  href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services">
 +
                    <i class="fa fa-home" aria-hidden="true" style="padding-right: 10px"></i></a>
 +
            </div>
 +
 +
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
                <!-- Start -->                       
 +
                <ul class="nav navbar-nav navbar-right">
 +
                    <!-- Start -->
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"
 +
                          role="button" aria-haspopup="true"
 +
                          aria-expanded="false">Start<span class="caret"></span></a>
 +
                                                   
 +
                        <ul class="dropdown-menu">
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/d/d8/Policy_Direction.pdf"
 +
                                  target="_blank">The Policy Direction</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/0/01/EN_-_101_Deck.pdf"
 +
                                  target="_blank">101 briefing deck</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/3/37/Overview_of_the_Approach.pdf"
 +
                                  target="_blank">Overview of the approach</a></li>
 +
                            <li>
 +
                                <a href="https://www.canada.ca/en/treasury-board-secretariat/corporate/reports/summary-modernizing-info-sex-gender.html"
 +
                                  target="_blank">Report to the Clerk: Summary</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/9/9e/POLICY_AT_A_GLANCE_EN_FR_%281%29_Spet_3_2019.pdf"
 +
                                  target="_blank">Snapshot of the policy</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/7/71/EN_-_Tear_Sheet_-_The_Policy_Direction.pdf"
 +
                                  target="_blank">How the policy was developed</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/f/f1/Letter_version_of_Policy_101_Placemat_EN_FR_%28aug_13%2C_2019%29.pdf"
 +
                                  target="_blank">Policy Road Map</a></li>
 +
                            <li><a href="http://www.gcpedia.gc.ca/gcwiki/images/a/af/Policy_Pillars_%28EN%29.pdf"
 +
                                  target="_blank">Policy Understanding the policy</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <!-- Learn -->                         
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"
 +
                          role="button" aria-haspopup="true"
 +
                          aria-expanded="false">Learn<span class="caret"></span></a>
 +
                                                   
 +
                        <ul class="dropdown-menu">
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/9/96/Sex_and_Gender_%28EN%29_aug_19_2019.pdf">
 +
                                    Learning the terminology: Sex vs. Gender</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/e/e4/EN_-_Major_Life_Events.pdf"
 +
                                  target="_blank">Where people interact with the Government of Canada</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/0/0f/PTs_%28EN%29_aug_20_2019.pdf">
 +
                                    What provinces and territories are doing</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/f/f2/Gender_Diversity_Worldwide_%28EN%29_aug_19_2019.pdf">
 +
                                    What other countries are doing</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/a/a6/Michelle_Case_Study.pdf"
 +
                                  target="_blank">Case Study: How current practices may impact individuals</a></li>
 +
                            <li>
 +
                                <a href="http://www.forces.gc.ca/en/news/article.page?doc=caf-story-hiding-my-true-self/jhf5lzgn">
 +
                                    CAF Story | Hiding My True Self - Major Kathryn Foss</a></li>
 +
                            <li>
 +
                                <a href="#">More to come...</a></li>
 +
                                                       
 +
                        </ul>
 +
                    </li>
 +
                    <!-- Change -->                   
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"
 +
                          role="button" aria-haspopup="true"
 +
                          aria-expanded="false">Change<span class="caret"></span></a>
 +
                                                   
 +
                        <ul class="dropdown-menu">
 +
                            <li>
 +
                                <a href="https://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Assessment_tool">
 +
                                    Assessing your practices</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/4/49/EN_-_Introducing_Design_Thinking.pdf"
 +
                                  target="_blank">Being inclusive: Human-centred service design</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/4/48/Creating_Change_%28EN%29_aug_15_2019.pdf">
 +
                                    Building on what others have done</a></li>
 +
                            <li>
 +
                                <a href="http://www.gcpedia.gc.ca/gcwiki/images/0/09/Complexities.pdf" target="_blank">
 +
                                    Case study: Considerations for implementing change</a></li>
 +
                            <li>
 +
                                <a href="#">More to come...</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <!-- Contact -->               
 +
                    <li><a href="mailto:inclusiveservicesinclusifs@tbs-sct.gc.ca">Contact</a></li>
 +
                    <!-- Language -->
 +
                    <li><a href="http://www.gcpedia.gc.ca/wiki/La_diversite_des_genres_et_les_services_inclusifs">FR</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </nav>
 +
 +
    <!-- jumbotron section 1-->
 +
    <div class="jumbotron"
 +
        style="background-image:url('bootstrap/img/women-149577.png');
 +
        background-size:cover;background-repeat:no-repeat;height:475px;position:relative;padding-top:80px">
 +
        <div class="container"
 +
            style="position: absolute; bottom: 0px;
 +
            background: rgb(0, 0, 0); /* Fallback color */;
 +
            background: rgba(0, 0, 0, 0.6);/* Black background with 0.6 opacity */;
 +
            color: #f1f1f1; width: 100%;height:100%">
 +
 +
            <div class="carousel-item active">
 +
                <div class="container">
 +
                    <div class="carousel-caption text-left">
 +
                        <h1><strong>Office of Public Service Accessibility (OPSA)</strong></h1>
 +
                        <div class="width">
 +
                            <p><strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best
 +
                                practices for departments and agencies. The hub will be developed over time with the
 +
                                engagement of persons with disabilities and other public servants.
 +
                            </strong></p>
 +
                            <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
    <!-- jumbotron section 2-->
 +
    <div class="container">
 +
        <h2 style="line-height: 0px;margin-top: 0px;">
 +
            <strong>In the Spotlight:</strong></h2>
 +
        <div class="container marketing">
 +
            <div class="row" style="margin-top: 10px;">
 +
 +
                <div class="col-lg-6">
 +
                    <div class="thumbnail" style="margin-top: 10px;height: 325px;text-align: center;">
 +
                        <img src="bootstrap/img/exclamation-sign-warning-interface-symbol.png"
 +
                            style="width:50px;height:50px;margin-top: 10px;">
 +
                        <h3><strong>Lend a hand!</strong>
 +
                        </h3>
 +
                        <h4 style="padding-top: 10px">How you can contribute to improving accessibility in the public
 +
                            service!</h4>
 +
                        <p>We would appreciate your feedback on:
 +
                            whether the resources presented below are clear;
 +
                            what other resources would be helpful for you or your colleagues;
 +
                            what promising practices should be shared.
 +
                        </p>
 +
                        <p>Please send comments to
 +
                        <p><a class="btn btn-success btn-xs" href="https://www.youtube.com/watch?v=14RwBQQcQoc"
 +
                              role="button" style="background-color: #337ab7; border-color: darkgray">
 +
                            accessibility.accessibilite@tbs-sct.gc.ca
 +
                        </a>
 +
                        </p>
 +
                        </p> 
 +
                    </div>
 +
                </div>
 +
 +
                <div class="col-lg-6">
 +
                    <div class="thumbnail" style="margin-top: 10px;height: 325px;text-align: center;">
 +
                        <img src="bootstrap/img/home-interface-symbol-with-a-window-of-squares.png"
 +
                            style="width:50px;height:50px;margin-top: 10px;">
 +
                        <h3><strong>Accessibility statement</strong></h3>
 +
                        <h4 style="padding-top: 10px">Need something different?</h4>
 +
                        <p>We know that some parts of this website are not fully accessible. If you need information on
 +
                            this website in a different format, please contact us at
 +
                        <p><a class="btn btn-success btn-xs"
 +
                              href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Open_Houses"
 +
                              role="button" target="_blank"
 +
                              style="background-color: #337ab7; border-color: darkgray">accessibility.accessibilite@tbs-sct.gc.ca.
 +
                        </a>
 +
                        </p>
 +
                        </p> 
 +
                    </div>
 +
                </div>
 +
                <!-- div class="col-lg-4">
 +
                    <div class="thumbnail" style="margin-top: 10px;height: 200px;text-align: center;">
 +
                        <img src="bootstrap/img/marketing-viral.png" style="width:50px;height:50px;margin-top: 10px;">
 +
                        <h3><strong>Design Jams</strong></h3>
 +
                        <h4 style="padding-top: 10px">Find out more about Design Jam workshops and who we will be
 +
                            engagin</h4>
 +
                        <p><a class="btn btn-success btn-xs"
 +
                              href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Open_Houses"
 +
                              role="button" target="_blank"
 +
                              style="background-color: #337ab7; border-color: darkgray">
 +
                            <strong>Learn more...
 +
                                <span class="sr-only">about Design Jam workshops and who we will be engaging</span></strong></a>
 +
                        </p> 
 +
                    </div>
 +
                </div-->
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
    <!-- content -->
 +
    <main role="main">
 +
        <!-- BLOB -->
 +
        <!-- div class="container marketing" style="margin-bottom: 10px;margin-top: 0px;">
 +
 +
            The Government of Canada has launched a
 +
            <a href="http://www.gcpedia.gc.ca/gcwiki/images/8/84/POLICY_AT_A_GLANCE_EN_%281%29.pdf"
 +
              target="_blank"><font color="#0073e6">policy direction</font></a> to support a whole-of-government
 +
            approach to being inclusive of people of all genders and to embed gender diversity in service design and
 +
            delivery. To support implementation, we have developed
 +
            <a href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Fact_Sheets"
 +
              target="_blank"><font color="#0073e6">fact sheets</font></a> on learning the basics, what others are
 +
            doing in this field, and how to implement change. We also have developed an
 +
            <a href="https://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Assessment_tool">online
 +
                self-assessment tool</a> to help map current practices against the pillars of the policy
 +
            direction. Explore these pages and let us know if you have any questions.
 +
        </div-->
 +
        <div class="container">
 +
            <h2 style="line-height: 0px;margin-bottom: 25px;">
 +
                <strong>Information on accessibility:</strong></h2>
 +
            <div class="container marketing">
 +
                <div class="row">
 +
                    <div class="col-lg-4">
 +
                        <div class="thumbnail" style="height:450px;">
 +
                            <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;">
 +
                            <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">
 +
                        <div class="thumbnail" style="height:450px;">
 +
                            <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 class="row">
 +
                    <div class="col-lg-4">
 +
                        <div class="thumbnail" style="height:450px;">
 +
                            <a href="#">
 +
                                <img src="bootstrap/img/JORD1318_WM-1.jpg"
 +
                                    alt="Someone writing in a note book"
 +
                                    style="height:250px;"></a>
 +
                            <h3>Accessible communications and technology</h3>
 +
                            <p>Discover how to communicate and create content that is accessible and inclusive.
 +
                            </p>
 +
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-lg-4">
 +
                        <div class="thumbnail" style="height:450px;">
 +
                            <a href="#">
 +
                                <img src="bootstrap/img/JORD2278_WM-1.jpg"
 +
                                    alt="Modern glass buildings"
 +
                                    style="height:250px;"></a>
 +
                            <h3>Designing and delivering accessible services and programs</h3>
 +
                            <p>Learn how to design and deliver accessible programs and services.
 +
                            </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-lg-4">
 +
                        <div class="thumbnail" style="height:450px;">
 +
                            <a href="#">
 +
                                <img src="bootstrap/img/pexels-photo-3184418.jpeg"
 +
                                    alt="Diverse hands placed together in a circle"
 +
                                    style="height:250px;"></a>
 +
                            <h3>Accessible built environment</h3>
 +
                            <p>Read about how to embed accessibility into the built environment.
 +
                            </p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-lg-4">
 +
                    <div class="thumbnail" style="height:450px;">
 +
                        <a href="#">
 +
                            <img src="bootstrap/img/JORD1318_WM-1.jpg"
 +
                                alt="Someone writing in a note book"
 +
                                style="height:250px;"></a>
 +
                        <h3>Accessible procurement</h3>
 +
                        <p>Read about how to embed accessibility into procurement.
 +
                        </p>
 +
 +
                    </div>
 +
                </div>
 +
                <div class="col-lg-4">
 +
                    <div class="thumbnail" style="height:450px;">
 +
                        <a href="#">
 +
                            <img src="bootstrap/img/JORD2278_WM-1.jpg"
 +
                                alt="Modern glass buildings"
 +
                                style="height:250px;"></a>
 +
                        <h3>Learning from others</h3>
 +
                        <p>Find out what other jurisdictions and the private sector are doing to improve accessibility.
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
 +
            </div>
 +
        </div><!-- /.container -->
 +
        <div class="container">
 +
            <h2 style="line-height: 0px;margin-top: 10px;">
 +
                <strong>What are we doing?:</strong></h2>
 +
            <div class="container marketing">
 +
                <div class="row" style="margin-top: 10px;">
 +
 +
                    <div class="col-lg-6">
 +
                        <div class="thumbnail" style="margin-top: 10px;height: 160px;text-align: center;">
 +
 +
                            <h3><strong>Accessibility Strategy for the Public Service</strong></h3>
 +
                            <p>Read the Accessibility Strategy for the Public Service and learn about how it is being
 +
                                implemented.
 +
                            </p> 
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="col-lg-6">
 +
                        <div class="thumbnail" style="margin-top: 10px;height: 150px;text-align: center;">
 +
 +
                            <h3><strong>Centralized Enabling Workplace Fund</strong></h3>
 +
                            <h4 style="padding-top: 10px">Need something different?</h4>
 +
                            <p>Discover how the Government of Canada is investing in innovative projects and initiatives
 +
                                to improve workplace accommodation practices.
 +
                            </p> 
 +
                        </div>
 +
                    </div>
 +
                    <!-- div class="col-lg-4">
 +
                        <div class="thumbnail" style="margin-top: 10px;height: 200px;text-align: center;">
 +
                            <img src="bootstrap/img/marketing-viral.png" style="width:50px;height:50px;margin-top: 10px;">
 +
                            <h3><strong>Design Jams</strong></h3>
 +
                            <h4 style="padding-top: 10px">Find out more about Design Jam workshops and who we will be
 +
                                engagin</h4>
 +
                            <p><a class="btn btn-success btn-xs"
 +
                                  href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Open_Houses"
 +
                                  role="button" target="_blank"
 +
                                  style="background-color: #337ab7; border-color: darkgray">
 +
                                <strong>Learn more...
 +
                                    <span class="sr-only">about Design Jam workshops and who we will be engaging</span></strong></a>
 +
                            </p> 
 +
                        </div>
 +
                    </div-->
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
    </main>
 +
 +
    <footer class="container py-5">
 +
        <div class="row">
 +
            <div class="col-lg-4">
 +
                <h4><strong>OPSA's Toolkit</strong></h4>
 +
                <ul class="list-unstyled text-small">
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                </ul>
 +
            </div>
 +
            <div class="col-lg-4">
 +
                <h4><strong>Changes in the OPSA</strong></h4>
 +
              <ul class="list-unstyled text-small">
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                </ul>
 +
            </div>
 +
            <div class="col-lg-4">
 +
                <h4><strong>OPSA Resources</strong></h4>
 +
                <ul class="list-unstyled text-small">
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                    <li><a href="#" target="_blank">Link</a></li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </footer>
 +
     
 +
    <div class="column" style="padding-left:20px">
 +
            <h4><strong>Other Links</strong></h4>
 +
           
 +
        <div class="fontsize">
 +
            <a href="#" target="_blank">Link</a>
 +
            <a href="#" target="_blank">Link</a>
 +
            <a href="#" target="_blank">Link</a>
 +
            <a href="#" target="_blank">Link</a>
 +
            <a href="#" target="_blank">Link</a>
 +
            <a href="#" target="_blank">Link</a>
 +
            <a href="#" target="_blank">Link</a> 
 +
        </div>
 +
    </div>
 +
     
 +
    <div class="column" style="padding-left:20px">
 +
        <h4><strong>Connect</strong></h4>
 +
          <a href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_About_Us">
 +
        About us</a>
 +
          <a href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Meet_the_Team">
 +
        Meet the Team</a>
 +
        <a href="mailto:inclusiveservicesinclusifs@tbs-sct.gc.ca">
 +
            Contact us</a>
 +
        <a href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Champions">Departmental
 +
            Champions</a>
 +
    </div>
 +
         
 +
</section>
 +
       
 +
<div class="bottom">
 +
    <div class="container">
 +
 +
    </div>
 +
   
 +
</div>
 +
 
 +
</body>
 +
 +
</html>
 +
{{gcpedicure css}}
 +
 +
 +
 +
 +
##############################################################
 +
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
Soli
672

edits

Retrieved from "https://wiki.gccollab.ca/Special:MobileDiff/15289"

Navigation menu

GCwiki