new-website/index.html

64 lines
2.1 KiB
HTML
Raw Normal View History

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>data.coop</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<aside>
<header>
<a href="index.html"><img src="logo_da.svg" /></a>
<button id="menu-toggle">
☰ MENU
</button>
</header>
<nav>
<ol>
<li><a href="#">Bliv Medlem</a></li>
<li><a href="#">Om os</a></li>
<li><a href="#">Tjenester</a></li>
<li><a href="ved.html">Vedtægter</a></li>
<li><a href="#">Opdateringer</a></li>
</ol>
<footer>
<ol>
<li><a href="#">Dansk</a></li>
<li><a href="#">English</a></li>
</ol>
</footer>
</nav>
</aside>
<main>
<article>
<h1>Velkommen til data.coop</h1>
<p>
Vi er en forening som har til formål at passe på medlemmernes data.
</p>
<p>
Vores kerneprincipper er :
</p>
<ul>
<li>Privatlivsbeskyttelse</li>
<li>Kryptering</li>
<li>Decentralisering</li>
<li>Zero-knowledge</li>
</ul>
<p>
Ud fra de kerneprincipper vil vi med tiden udbyde onlinetjenester til medlemmerne. Hovedtanken er, at vi som udgangspunkt stoler mere på hinanden end på “de store” som f.eks. Google, Microsoft eller Facebook.
</p>
</article>
</main>
<script>
document.getElementById("menu-toggle").addEventListener("click", function() {
let d = document.getElementsByTagName("nav")[0];
console.info(d);
d.style.display = "block";
});
</script>
</body>
</html>