Line 1: |
Line 1: |
| + | <style> |
| + | .btn-primary { |
| + | padding: 10px 16px; |
| + | font-size: 18px; |
| + | line-height: 1.3333333; |
| + | color: #fff; |
| + | background-color: #337ab7; |
| + | border-color: #2e6da4; |
| + | border-radius: 6px; |
| + | </style> |
| <!-- jumbotron section 1--> | | <!-- jumbotron section 1--> |
− | <div class="jumbotron" style="background-image:url('bootstrap/img/women-149577.png'); | + | <div class="jumbotron" style="background-size:cover;background-repeat:no-repeat;height:475px;position:relative;padding-top:80px">[[File:Various people.png|thumb]] |
− | background-size:cover;background-repeat:no-repeat;height:475px;position:relative;padding-top:80px">
| |
| <div class="container" style="position: absolute; bottom: 0px; | | <div class="container" style="position: absolute; bottom: 0px; |
| background: rgb(0, 0, 0); /* Fallback color */; | | background: rgb(0, 0, 0); /* Fallback color */; |
| background: rgba(0, 0, 0, 0.6);/* Black background with 0.6 opacity */; | | background: rgba(0, 0, 0, 0.6);/* Black background with 0.6 opacity */; |
− | color: #f1f1f1; width: 100%;height:100%">[[File:Various people.png|thumb]]<div class="carousel-item active"><div class="container"> | + | color: #f1f1f1; width: 100%;height:100%"><div class="carousel-item active"><div class="container"> |
| <div class="carousel-caption text-left"> | | <div class="carousel-caption text-left"> |
| <h1><strong>Office of Public Service Accessibility (OPSA)</strong></h1> | | <h1><strong>Office of Public Service Accessibility (OPSA)</strong></h1> |
Line 13: |
Line 22: |
| engagement of persons with disabilities and other public servants. | | engagement of persons with disabilities and other public servants. |
| </strong></p> | | </strong></p> |
− | <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p> | + | <div class="btn btn-lg btn-primary"><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p> |
| </div> | | </div> |
| </div> | | </div> |