summaryrefslogtreecommitdiff
path: root/html/test_nav_main.html
diff options
context:
space:
mode:
Diffstat (limited to 'html/test_nav_main.html')
-rw-r--r--html/test_nav_main.html31
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>