FIRMA-NAVN
FIRMA-ADRESSE
FIRMA-PST-BY
CVR: FIRMA-CVR
Om os
Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.
Ydelser
Kontakt
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla elementum, massa a rutrum eleifend, tellus dui egestas arcu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Ut varius tincidunt libero. Vivamus laoreet. Integer tincidunt. Duis lobortis massa imperdiet quam.
Notes
Brug evt. denne hjemmeside til at lave din gradient: https://cssgradient.io/
CSS
#gradient-header-top img{
display:block;
}
#gradient-header-top{
position:relative;
display:inline-block;
border-left: 50px solid #fff !important;
border-right: 50px solid #fff !important;
}
#gradient-header-bottom{
border-bottom: 50px solid #fff !important;
border-left: 50px solid #fff !important;
border-right: 50px solid #fff !important;
}
#gradient-header-top:after {
content:”;
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 32%, rgba(34,16,73,1) 100%);
}
#gradient-header-bottom .nf-field-label, #gradient-header-bottom span.ninja-forms-req-symbol {
color: #fff;
font-size: 18px !important;
}
@media only screen and (max-width: 767px) {
#gradient-header-top {
border-left: 10px solid #fff !important;
border-right: 10px solid #fff !important;}
#gradient-header-bottom {
border-bottom: 10px solid #fff !important;
border-left: 10px solid #fff !important;
border-right: 10px solid #fff !important;}
}
CSS
#footer3 .iconlist_content_wrap {
text-align: center;
}
#footer3 a {text-decoration: none !important;}
Praesent vestibulum dapibus nibh. In turpis. Aliquam erat volutpat. Quisque id mi. Curabitur turpis. Praesent vestibulum dapibus nibh. In turpis.
CSS
#kontakt4 img {border: 7px solid #fff;}
Noter
Sektionen er normalt sticky, men er lige nu udkommenteret. Kopier nedenstående ccs for at få det til at virke.
CSS
.fixed-cta {
position: fixed !important;
right: 0px;
bottom: -2px;
width: 26%;
background: transparent;
z-index: 999999999;
min-height: 0px;
border: none !important;
}
#kontakt5 .flex_column:hover {
background-color: #ebebeb !important;
transition: .7s;
}
@media only screen and (max-width : 1680px) {
#kontakt5 .no_margin.av_one_fifth {
width: 30% !important;}
}
@media only screen and (max-width : 1440px) {
#kontakt5 .no_margin.av_one_fifth {
width: 40% !important;
}
#kontakt5 .flex_cell {padding: 30px;}
}
@media only screen and (max-width: 989px) {
#kontakt5 .no_margin.av_one_fifth {
width: 50% !important;
}
}
Kontakt
Noter
CSS
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
#kontakt-6 .xl-padding-right {padding-right: 200px !important;}
#kontakt-6 .container {max-width:100% !important; width:70% !important; padding-left:0; padding-right:0;}
}