diff options
| author | xengineering <me@xengineering.eu> | 2021-11-27 17:42:38 +0100 |
|---|---|---|
| committer | xengineering <me@xengineering.eu> | 2021-11-27 17:42:38 +0100 |
| commit | bda3a75cfd92ddb83e9aea2ba33d56b625a4fddb (patch) | |
| tree | 2e22efd21fa756347f7f7c607b73707ff03cd805 /html/test_nav_main.html | |
| parent | cc06d4c5e70909da7070e566d6c4737ad77362be (diff) | |
| download | libweb-bda3a75cfd92ddb83e9aea2ba33d56b625a4fddb.tar libweb-bda3a75cfd92ddb83e9aea2ba33d56b625a4fddb.tar.zst libweb-bda3a75cfd92ddb83e9aea2ba33d56b625a4fddb.zip | |
Re-implement Navigation Section
Diffstat (limited to 'html/test_nav_main.html')
| -rw-r--r-- | html/test_nav_main.html | 31 |
1 files changed, 30 insertions, 1 deletions
diff --git a/html/test_nav_main.html b/html/test_nav_main.html index 8a6cd7d..1b99eca 100644 --- a/html/test_nav_main.html +++ b/html/test_nav_main.html @@ -32,6 +32,7 @@ contact via mail: me@xengineering.eu <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="../css/xengineering.css" type="text/css"> + <link rel="stylesheet" href="../css/xengineering_nav_main.css" type="text/css"> </head> @@ -40,6 +41,8 @@ contact via mail: me@xengineering.eu <nav> <button id="menu-button" onclick=toggleMenu()>MENU</button> <a class="menu-anchor" href="https://xengineering.eu">xengineering.eu</a> + <a class="menu-anchor" href="https://xengineering.eu">xengineering.eu</a> + <a class="menu-anchor" href="https://xengineering.eu">xengineering.eu</a> </nav> <main> @@ -136,7 +139,33 @@ echo "I am $(whoami)" </pre> <!-- .card --> - <div class="card"></div> + <div class="card"> + <h3 class="card-first-item">This is a Card</h3> + <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed + diam nonumy eirmod tempor invidunt ut labore et dolore magna + aliquyam erat, sed diam voluptua. At vero eos et accusam et + justo duo dolores et ea rebum. Stet clita kasd gubergren, no + sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem + ipsum dolor sit amet, consetetur sadipscing elitr, sed diam + nonumy eirmod tempor invidunt ut labore et dolore magna + aliquyam erat, sed diam voluptua. At vero eos et accusam et + justo duo dolores et ea rebum. Stet clita kasd gubergren, no + sea takimata sanctus est Lorem ipsum dolor sit amet.</p> + <h3>This is a Card</h3> + <p class="card-last-item">Lorem ipsum dolor sit amet, + consetetur sadipscing elitr, sed diam nonumy eirmod tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam + voluptua. At vero eos et accusam et justo duo dolores et ea + rebum. Stet clita kasd gubergren, no sea takimata sanctus est + Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, + consetetur sadipscing elitr, sed diam nonumy eirmod tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam + voluptua. At vero eos et accusam et justo duo dolores et ea + rebum. Stet clita kasd gubergren, no sea takimata sanctus est + Lorem ipsum dolor sit amet.</p> + </div> + + <footer></footer> </main> |