Færdiggjort styleguide

Author: MagnusUcl

style.css

@@ -1134,3 +1134,46 @@ input {
 .logopart img{
     width: 50%;
 }
+
+
+.knapper{
+    margin-left: 5%;
+    padding-top: 15%;
+}
+
+.knapper h1{
+    font-size: 100px;
+}
+
+.knapper h2{
+    font-size: 40px;
+}
+
+.button1{
+    background-color:var(--lysred);
+    border-radius: 4px;
+    color: white;
+    padding: 5px;
+    margin: 5px;
+    display: block;
+    align-items: center;
+    text-decoration: none;
+    width: 20%;
+    text-align: center;
+
+}
+
+.ikoner{
+    margin-left: 5%;
+    margin-top: 15%;
+}
+
+.ikoner h1{
+    font-size: 100px;
+}
+
+.ikoner img{
+    width: 5%;
+    margin: 5%;
+}
+

styleguide.html

@@ -20,7 +20,7 @@ <h1 class="overskrift">Styleguide</h1>
         <li><a href="#"><p>Typografi</p></a></li>
         <li><a href="#"><p>Logo</p></a></li>
         <li><a href="#"><p>Knapper</p></a></li>
-        <li><a href="#"><p>Grafiske elementer</p></a></li>
+        <li><a href="#"><p>Ikoner</p></a></li>
     </ul>
 </nav>
 
@@ -50,6 +50,29 @@ <h1>Logo</h1>
     <img class="styleguidelogo" src="img/stoff%20og%20stil%20logo.png">
 </div>
 
+<div class="knapper">
+   <h1>Knapper</h1>
+   <h2>Anmeld og del Knap</h2>
+     <a href="#" class="button1">Del indhold</a>
+            <br>
+            <a href="#" class="button1">Anmeld indhold</a>
+</div>
+
+<div class="ikoner">
+    <h1>Ikoner</h1>
+    <i class="ikon1"><img src="img/bookmark-outline.svg"></i>
+    <i class="ikon1"><img src="img/blogging.svg"></i>
+    <i class="ikon1"><img src="img/heart.svg"></i>
+    <i class="ikon1"><img src="img/menu.svg"></i>
+    <i class="ikon1"><img src="img/close.svg"></i>
+    <i class="ikon1"><img src="img/home%20(1).svg"></i>
+    <i class="ikon1"><img src="img/plus.svg"></i>
+    <i class="ikon1"><img src="img/search.svg"></i>
+    <i class="ikon1"><img src="img/shopping-purse-icon.png"></i>
+    <i class="ikon1"><img src="img/user.svg"></i>
+    
+</div>
+
 <script src="java.js"></script>
 </body>
 </html>