Main Page: Difference between revisions

Revision as of 15:30, 2 June 2022

Testing

Technical Topics

Small

Large

Topic Pages

Inflow Design Flood (IDF)
Inflow Design Flood (IDF) 2
Inflow Design Flood (IDF) 3

Reference Pages

More References...

Getting started

Consult the User's Guide for information on using the wiki software.
Configuration settings list
MediaWiki FAQ
MediaWiki release mailing list
Localise MediaWiki for your language
Learn how to combat spam on your wiki

@@ Line 3: / Line 3: @@
 -->
-<div class="container-fluid mb-4">
+<div class="d-block d-md-none">
-<div class="row">
+[[Image:DamSafety101.png | 600px | link=]]
-<div class="col-12 col-lg-12 col-xl-12 mb-12 mb-lg-12 mb-xl-12">
-[[Image:DamSafety101.png|900px|link=]]
-</div><!-- end of col 1-->
-</div><!-- end of row 1-->
-<div class="col-4 col-lg-2 col-xl-1 mb-2 mb-lg-4 mb-xl-0">
-[[Image:PurposesOfDamsButton.png|300px|link=Purposes of Dams]]
-</div><!-- End of col 1-->
-<div class="col-8 col-lg-4 col-xl-2 mb-2 mb-lg-4 mb-xl-0">
-[[Image:TypesOfDamsButton.png|300px|link=Types of Dams]]
-</div><!-- End of col 2-->
-<div class="col-12 col-lg-6 col-xl-4 mb-2 mb-lg-4 mb-xl-0">
-[[Image:AnatomyOfDamsButton.png|300px|link=Anatomy of Dams]]
-</div><!-- End of col 3-->
-</div><!-- End of row 2-->
 </div>
-Testing
 <div class="d-block d-md-none">
 {| align="center"
-| colspan="3" | [[Image:DamSafety101.png| 600px |link=]]
+|  style="text-align:center;" | [[Image:PurposesOfDamsButton.png | border | 200px | link=Purposes of Dams]]
-|-
+|  style="text-align:center;" | [[Image:TypesOfDamsButton.png | border | 200px | link=Types of Dams]]
-|  style="text-align:center;" | [[Image:PurposesOfDamsButton.png| 200px | link=Purposes of Dams]]
+|  style="text-align:center;" | [[Image:AnatomyOfDamsButton.png | border | 200px | link=Anatomy of Dams]]
-|  style="text-align:center;" | [[Image:TypesOfDamsButton.png| 200px | link=Types of Dams]]
-|  style="text-align:center;" | [[Image:AnatomyOfDamsButton.png| 200px | link=Anatomy of Dams]]
 |-
 |}
 </div>
+<div class="d-none d-xl-block">
+[[Image:DamSafety101.png | 1500px | link=]]
+</div>
 <div class="d-none d-xl-block">
 {| align="center"
-| colspan="3" | [[Image:DamSafety101.png| 1500px |link=]]
+|  style="text-align:center;" | [[Image:PurposesOfDamsButton.png | border | 500px | link=Purposes of Dams]]
-|-
+|  style="text-align:center;" | [[Image:TypesOfDamsButton.png | border | 500px | link=Types of Dams]]
-|  style="text-align:center;" | [[Image:PurposesOfDamsButton.png| 500px | link=Purposes of Dams]]
+|  style="text-align:center;" | [[Image:AnatomyOfDamsButton.png | border | 500px | link=Anatomy of Dams]]
-|  style="text-align:center;" | [[Image:TypesOfDamsButton.png| 500px | link=Types of Dams]]
-|  style="text-align:center;" | [[Image:AnatomyOfDamsButton.png| 500px | link=Anatomy of Dams]]
 |-
 |}