diff options
Diffstat (limited to 'html')
| -rw-r--r-- | html/test_nav_main.html | 31 | ||||
| -rw-r--r-- | html/test_simple.html | 4 |
2 files changed, 34 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> diff --git a/html/test_simple.html b/html/test_simple.html index f771b29..3791429 100644 --- a/html/test_simple.html +++ b/html/test_simple.html @@ -37,6 +37,8 @@ contact via mail: me@xengineering.eu <body> + <main> + <!-- h1 h2 h3 h4 h5 h6 --> <h1>A simple Test Page</h1> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam @@ -165,6 +167,8 @@ echo "I am $(whoami)" <footer></footer> <script src="../js/xengineering.js"></script> + + </main> </body> |