|
|
Line 121: |
Line 121: |
| </div> | | </div> |
| </div> | | </div> |
| </div>
| |
|
| |
|
| |
|
| |
| <div class="container-fluid mb-4">
| |
| <div class="row">
| |
| <div class="col-12 mb-2">
| |
| [[Image:FundamentalsBanner.png | class=homepage-btn | link=]]
| |
| </div><!-- end col 1 -->
| |
| </div><!-- end row 1 -->
| |
| <div class="col-12 col-lg-12 col-xl-4 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:PurposesOfDamsButton.png | class=homepage-btn | link=Purposes of Dams]]
| |
| </div><!-- end of col 1-->
| |
| <div class="col-12 col-lg-12 col-xl-4 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:TypesOfDamsButton.png | class=homepage-btn | link=Types of Dams]]
| |
| </div><!-- End of col 2-->
| |
| <div class="col-12 col-lg-12 col-xl-4 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:AnatomyOfDamsButton.png | class=homepage-btn | link=Anatomy of Dams]]
| |
| </div><!-- End of col 3-->
| |
| </div><!-- End of row 2-->
| |
| <div class="row justify-content-end">
| |
| <div class="col-6">
| |
| [[Image:DamSafetyManagementBanner.png | class=homepage-btn | link=]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:DesignAndAssessmentBanner.png | class=homepage-btn | link=]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 1 -->
| |
| <div class="row justify-content-end">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:RegulatoryOversightButton.png | class=homepage-btn | link=Regulatory Oversight]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:GeneralEngineeringButton.png | class=homepage-btn | link=General Engineering]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 2 -->
| |
| <div class="row justify-content-end">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:OperationsAndMaintenanceButton.png | class=homepage-btn | link=Operations and Maintenance]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:HydrologyButton.png | class=homepage-btn | link=Hydrology]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 3 -->
| |
| <div class="row justify-content-end">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:SurveillanceAndMonitoringButton.png | class=homepage-btn | link=Surveillance and Monitoring]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:HydraulicsButton.png | class=homepage-btn | link=Hydraulics]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 4 -->
| |
| <div class="row justify-content-end">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:RiskManagementButton.png | class=homepage-btn | link=Risk Management]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:GeotechnicsAndGeologyButton.png | class=homepage-btn | link=Geotechnics and Geology]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 5 -->
| |
| <div class="row justify-content-end">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:PublicSafetyButton.png | class=homepage-btn | link=Public Safety]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:StructuresButton.png | class=homepage-btn | link=Structures]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 6 -->
| |
| <div class="row justify-content-end">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:SiteSecurityButton.png | class=homepage-btn | link=Site Security]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:SeismicConsiderationsButton.png | class=homepage-btn | link=Seismic Considerations]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 7 -->
| |
| <div class="row justify-content-end">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:EmergencyManagementButton.png | class=homepage-btn | link=Emergency Management]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:ConstructionButton.png | class=homepage-btn | link=Construction]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 8 -->
| |
| <div class="row justify-content-end">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| <!-- empty cell here -->
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:EnvironmentalConsiderationsButton.png | class=homepage-btn | link=Environmental Considerations]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 9 -->
| |
| </div>
| |
|
| |
| ----
| |
|
| |
|
| |
| <!-- "DAM SAFETY MANAGEMENT" and "DESIGN & ASSESSMENT" sections with buttons -->
| |
| <!-- row 1 start -->
| |
| <div class="container-fluid mb-4 text-center">
| |
| <div class="row justify-content-evenly">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:DamSafetyManagementBanner.png | class=homepage-btn | link=]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:DesignAndAssessmentBanner.png | class=homepage-btn | link=]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 1 -->
| |
|
| |
| <!-- row 2 start -->
| |
| <div class="row justify-content-evenly">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:RegulatoryOversightButton.png | class=homepage-btn | link=Regulatory Oversight]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:GeneralEngineeringButton.png | class=homepage-btn | link=General Engineering]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 2 -->
| |
|
| |
| <!-- row 3 start -->
| |
| <div class="row justify-content-evenly">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:OperationsAndMaintenanceButton.png | class=homepage-btn | link=Operations and Maintenance]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:HydrologyButton.png | class=homepage-btn | link=Hydrology]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 3 -->
| |
|
| |
| <!-- row 4 start -->
| |
| <div class="row justify-content-evenly">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:SurveillanceAndMonitoringButton.png | class=homepage-btn | link=Surveillance and Monitoring]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:HydraulicsButton.png | class=homepage-btn | link=Hydraulics]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 4 -->
| |
|
| |
| <!-- row 5 start -->
| |
| <div class="row justify-content-evenly">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:RiskManagementButton.png | class=homepage-btn | link=Risk Management]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:GeotechnicsAndGeologyButton.png | class=homepage-btn | link=Geotechnics and Geology]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 5 -->
| |
|
| |
| <!-- row 6 start -->
| |
| <div class="row justify-content-evenly">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:PublicSafetyButton.png | class=homepage-btn | link=Public Safety]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:StructuresButton.png | class=homepage-btn | link=Structures]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 6 -->
| |
|
| |
| <!-- row 7 start -->
| |
| <div class="row justify-content-evenly">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:SiteSecurityButton.png | class=homepage-btn | link=Site Security]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:SeismicConsiderationsButton.png | class=homepage-btn | link=Seismic Considerations]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 7 -->
| |
|
| |
| <!-- row 8 start -->
| |
| <div class="row justify-content-evenly">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:EmergencyManagementButton.png | class=homepage-btn | link=Emergency Management]]
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:ConstructionButton.png | class=homepage-btn | link=Construction]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 8 -->
| |
|
| |
| <!-- row 9 start -->
| |
| <div class="row justify-content-evenly">
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| <!-- empty cell here -->
| |
| </div><!-- end of col 1 -->
| |
| <div class="col-6 col-lg-6 col-xl-6 mb-2 mb-lg-4 mb-xl-0">
| |
| [[Image:EnvironmentalConsiderationsButton.png | class=homepage-btn | link=Environmental Considerations]]
| |
| </div><!-- end of col 2 -->
| |
| </div><!-- end of row 9 -->
| |
| </div> | | </div> |
|
| |
|