-
Notifications
You must be signed in to change notification settings - Fork 130
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Creating New HTML and fixing layout.html
- Loading branch information
Showing
19 changed files
with
645 additions
and
63 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| --- | ||
| { | ||
| "title": "Align Columns", | ||
| "language": "en", | ||
| "altLangPage": "align_columns-fr.html", | ||
| "pageclass": "cnt-wdth-lmtd", | ||
| "secondlevel": false, | ||
| "dateModified": "2024-03-20", | ||
| "share": "true" | ||
| } | ||
| --- | ||
|
|
||
| <h4>WET-BOEW <code>[class*=col-] .well.header-rwd[class*=pstn-]</code> class working example</h4> | ||
| <div class="well"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <div class="well header-rwd pstn-example"> | ||
| The <code>header-rwd</code> class will inherit the width of the parent container | ||
| due to the CSS rule <code>[class*=col-] .well.header-rwd[class*=pstn-]</code>. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <h4>Code Sample</h4> | ||
| <pre><code><div class="well"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <div class="well header-rwd pstn-example"> | ||
| The <code>header-rwd</code> class will inherit the width of the parent container | ||
| due to the CSS rule <code>[class*=col-] .well.header-rwd[class*=pstn-]</code>. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div></code></pre> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| --- | ||
| { | ||
| "title": "Aligner les colonnes", | ||
| "language": "fr", | ||
| "altLangPage": "align_columns-en.html", | ||
| "pageclass": "cnt-wdth-lmtd", | ||
| "secondlevel": false, | ||
| "dateModified": "2024-03-20", | ||
| "share": "true" | ||
| } | ||
| --- | ||
|
|
||
| <h4>WET-BOEW <code>[class*=col-] .well.header-rwd[class*=pstn-]</code> Exemple de fonctionnement de la classe</h4> | ||
| <div class="well"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <div class="well header-rwd pstn-example"> | ||
| La classe <code>header-rwd</code> héritera de la largeur du conteneur parent grâce à la règle CSS <code>[class*=col-] .well.header-rwd[class*=pstn-]</code>. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <h4>Exemple de code</h4> | ||
| <pre><code><div class="well"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <div class="well header-rwd pstn-example"> | ||
| La classe <code>header-rwd</code> héritera de la largeur du conteneur parent | ||
| grâce à la règle CSS <code>[class*=col-] .well.header-rwd[class*=pstn-]</code>. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div></code></pre> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,48 @@ | ||
| --- | ||
| { | ||
| "title": "Authentication", | ||
| "language": "en", | ||
| "altLangPage": "authentication-fr.html", | ||
| "pageclass": "cnt-wdth-lmtd", | ||
| "secondlevel": false, | ||
| "dateModified": "2024-03-20", | ||
| "share": "true" | ||
| } | ||
| --- | ||
|
|
||
| <h4>GCWeb Authentication Section with <code>.col-</code> classes</h4> | ||
| <p>It contains a row with a single column of `.col-md-8`. Inside the column, there is a `gcweb-menu` class that represents the authentication menu. | ||
| </p> | ||
| <div class="well" style="height: 200px;"> | ||
| <div class="row"> | ||
| <div class="col-md-8"> | ||
| <div class="gcweb-menu"> | ||
| <ul role="menu"> | ||
| <!-- Menu items for authentication section --> | ||
| <li>[Menu 1]</li> | ||
| <li>[Menu 2]</li> | ||
| <li>[Menu 3]</li> | ||
| <!-- Authentication menu items here --> | ||
| <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <h4>Code Sample</h4> | ||
| <pre><code><div class="well" style="height: 200px;"> | ||
| <div class="row"> | ||
| <div class="col-md-8"> | ||
| <div class="gcweb-menu"> | ||
| <ul role="menu"> | ||
| <!-- Menu items for authentication section --> | ||
| <li>[Menu 1]</li> | ||
| <li>[Menu 2]</li> | ||
| <li>[Menu 3]</li> | ||
| <!-- Authentication menu items here --> | ||
| <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div></code></pre> |
Oops, something went wrong.