test

index.css

@@ -7,6 +7,33 @@ background: rgb(0,0,0);
 color: rgb(160,160,160);
 font-family: sans;
 }
+
+.tabs {
+position: relative;
+}
+.tab {
+float: left;
+}
+.tab input {
+display: none;
+}
+.tab label {
+background: rgb(128,0,128);
+cursor: pointer;
+text-decoration: underline;
+}
+.tab_content {
+display: none;
+left: 0;
+position: absolute;
+}
+input:checked ~ label {
+background: rgb(128,128,0);
+}
+input:checked ~ label ~ .tab_content {
+display: block;
+}
+
 a {
 color: rgb(0,192,192);
 }

index.html

@@ -9,6 +9,26 @@
 
 <h1><a href="https://marc.beninca.link">Marc Beninca</a></h1>
 
+<div class="tabs">
+
+<div class="tab">
+<input type="radio" name="tabs" id="id" checked />
+<label for="id">Identity</label>
+<div class="tab_content">
+Content1
+</div></div>
+
+<div class="tab">
+<input type="radio" name="tabs" id="tilde" />
+<label for="tilde">~</label>
+<div class="tab_content">
+Content2
+</div></div>
+
+</div>
+
+<br><br>
+
 <ul>
 <li><a href="https://linkedin.com/in/marc-beninca">LinkedIn</a></li>
 </ul>