H1 overskrift

Dette er overskriften i header elementet


                        HTML
                        <h1>Tekst</h1>

h1 overskrift, den største overskrift


                        CSS
                        
                            .h1  {
                            font-size: 70px;
                            color: #ffffff;
                        }

Visualisering

Din tekst her

H2 overskrift

Dette er den generelle overskrift font


                        HTML
                        <h2>Tekst</h2>

h2 overskrift, under overskrift


                        CSS
                        
                            .h2  {
                            font-size: 30px;
                            color: #232F47;
                        }

Visualisering

Din tekst her

H4 sekundær overskrift

Dette er den sekundær generelle overskrift font


                        HTML
                        <h4>Tekst</h4>

h2 overskrift, under overskrift


                        CSS
                        
                            .h3  {
                            font-size: 20px;
                            color: #232F47;
                        }

Visualisering

Din tekst her

H3 sektions overskrift

Side sektions overskrift, bruges til side moduler


                        HTML
                        <h3>Tekst</h3>

h2 overskrift, under overskrift


                        CSS
                        
                            .h3  {
                            font-size: 20px;
                            color: #939393;
                            text-transform: uppercase;
                        }

Visualisering

Din tekst her

Primære knap

Denne knap er ment, som en hovdeknap og skal bruges sparsomt


                        HTML
                        <button class="button-style">Tekst</button>

Denner verison af knappen bliver brugt udelukkende i form


                        HTML
                        <a class="button-style" href="#">Tekst</a>

Denne version af knappen, bruges alle andre steder


                        CSS
                        
                            .button-main  {
                            width: auto;
                            height: 70px;
                            color: #ffffffff;
                            font-size: 30px;
                            font-weight: 700;
                            background-color: #E05390;
                            border: 0px;
                            border-radius: 50px;
                            outline: none;
                            box-shadow: none;
                            padding: 0 50px;
                        }
                        
                        
                            .button-main:hover  {
                            cursor: pointer;
                            background-color: #be316e;
                        }

Visualisering

Sekundær knap

Denne knap er ment, som en sekundær knap og skal bruges til sekundære funktioner


                        HTML
                        <button class="button-style button-main--secoundary">Tekst</button>

Denner verison af knappen bliver brugt udelukkende i form


                        HTML
                        <a class="button-style button-main--secoundary" href="#">Tekst</a>

Denne version af knappen, bruges alle andre steder


                        CSS
                        
                            .button-main--secoundary  {
                            color: #E05390;
                            background-color: #fff;
                            border: 3px solid #E05390;
                        }
                        
                        
                            .button-main--secoundary:hover  {
                            cursor: pointer;
                            color: #fff;
                            background-color: #E05390;
                        }

Visualisering

Knap til funktioner

Denne knap er ment, som en funktions knap eksempelvis: luk knap eller næste slide knap


                        HTML
                        <button class="button-style button-main--function">Tekst</button>

Denner verison af knappen bliver brugt udelukkende i form


                        HTML
                        <a class="button-style button-main--function" href="#">Tekst</a>

Denne version af knappen, bruges alle andre steder


                        CSS
                        
                            .button-main--function  {
                            color: #232F47;
                            background-color: #fff;
                            border: 3px solid #232F47;
                        }
                        
                        
                            .button-main--function:hover  {
                            cursor: pointer;
                            color: #fff;
                            background-color: #232F47;
                        }