Om os
Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.
Ydelser
Notes
Color-section:
Custom: ydelse1
Helper:
Layout elements:
Custom: ydelse1, color-overlay
Helper:
CSS
/* Ydelser */
.ydelse1 .color-overlay {box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.3);}
.ydelse1 .avia-full-stretch {background-attachment: fixed !important;}
.ydelse1 .flex_column_table {margin-top:0px !important;}Ydelser 2
Ydelse 1
Morbi dapibus tortor lorem, ut vestibulum nibh porttitor vel.
Ydelse 2
Morbi dapibus tortor lorem, ut vestibulum nibh porttitor vel.
Ydelse 3
Morbi dapibus tortor lorem, ut vestibulum nibh porttitor vel.
Ydelse 4
Morbi dapibus tortor lorem, ut vestibulum nibh porttitor vel.
Ydelser 3
Ydelse 1
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 2
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 3
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelser 4
Ydelse 1
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 2
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 3
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 4
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelser 5
Ydelse 1
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem.
Ydelse 2
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem.
Ydelse 3
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem.
Ydelse 4
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem.
Notes
Color-section:
Custom: ydelse5
Helper:
Layout elements:
Custom: box-border-right
Helper:
CSS
/* Ydelser */
@media only screen and (min-width: 989px) {
.ydelse5 .box-border-right {border-right:1px solid #eaeaea;}
}Ydelser 6
Follow a manual added link
Ydelse 1
Ut venenatis enim nec ligula bibendum, sed varius lectus maximus, vivamus neque risus, luctus ac suscipit
Follow a manual added link
Ydelse 2
Ut venenatis enim nec ligula bibendum, sed varius lectus maximus, vivamus neque risus, luctus ac suscipit
Follow a manual added link
Ydelse 3
Ut venenatis enim nec ligula bibendum, sed varius lectus maximus, vivamus neque risus, luctus ac suscipit
Notes
Color-section:
Custom:
Helper:
Layout elements:
Custom: ydelsesektioner, ydelsesektionershadow, ellipse
Helper:
CSS
/* Ydelser - skygger */
.ellipse {
background-color: #000000;
width: 100%;
height: 26px;
filter: blur(10px);
opacity: 0.2 !important;
border-radius: 25px;
margin-top: 0px;
}
.avia_codeblock.ydelsesektionershadow {
z-index: 3 !important;
margin-top: -35px !important;
width: 90%;
margin-left: 5%;
}
.avia_textblock.shadowdrop img {
filter: drop-shadow(2px 4px 6px black);
}Ydelser 7
Ydelser 8
Notes
Color-section:
Custom: #ydelser
Helper:
Layout elements:
Custom:
Helper:
CSS
/* Ydelser */
#ydelser .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
margin-top: 0px;
}
/* Border under menu punkterne */
.avia-menu-fx {
top: 75px;
width: 65%;
left: 17%;
transition: all .8s ease-in-out;
}Ydelser 9
Ydelse 1
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 2
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 3
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 1
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 2
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 3
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Notes
Color-section:
Custom:
Helper:
Layout elements:
Custom: border-left
Helper:
CSS
.border-left {
border-left: 3px solid !important;
border-color: #206db5 !important;
padding-left: 40px;
}
Ydelser 11
Ydelse 1
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 1
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Ydelse 1
Phasellus commodo id massa molestie tristique. Cras interdum urna nec risus faucibus pulvinar. Aenean non mattis ex, ut interdum sem. Pellentesque habitant morbi.
Notes
Color-section:
Custom:
Helper:
Layout elements:
Custom: padding-left-20 & text-padding-20
Helper: padding-left-20 sættes på knapperne og text-padding-20 sættes på tekst boksene
CSS
.padding-left-20 {
padding-left: 20px !important;
}
.text-padding-20 p {
padding: 0px 20px;
}
Ydelser 12
Der er 2 sektioner til denne ydelse
Notes
Color-section:
Custom:
Helper:
Layout elements:
Custom: border-left-12
Helper:
Der er 1 sektion til desktop og mobil. Og 1 til tablet
CSS
.border-left-12 {
border-left: 3px solid !important;
border-color: #206db5 !important;
padding-left: 20px;
}
Notes
Color-section:
Custom:
Helper:
Layout elements:
Custom: .border-venstre .border-hojre .mobil-borders
Helper:
CSS
.border-venstre {
border-left: 0px !important;
}
.border-hojre {
border-right: 0px !important;
}
@media only screen and (max-width: 479px) {
.mobil-borders {
border-left: 0px !important;
border-right: 0px !important;
}
}
Ydelser 15
Notes
Color-section:
Custom: ydelser15
Helper:
Layout elements:
Custom: ydelsebox
Helper:
Øverste whitespace på 100px skal fjernes ved brug. Da det oprindelige design går 100px op i næste sektion
CSS
#ydelser15 .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
margin-top: 0px;
}
.ydelsebox, .ydelsebox p {
transition: all .4s ease-in-out;
}
.ydelsebox:hover {
background-color: #206db5 !important;
color: #ffffff !important;
}
.ydelsebox:hover p {
color: #ffffff !important;
}
.ydelsebox:hover > .custom-icon span.av-icon-char {
color: #ffffff !important;
}
.ydelsebox:hover > .fake-heading p {
color: #ffffff !important;
}
@media only screen and (max-width: 767px) {
/* Break columns så de ligger 2 og 2 */
.ydelsebox {width:50% !important;}
.ydelsebox.av_one_fourth {float: left !important; height: 200px !important; margin-bottom: 0 !important;}
.ydelsebox.av_one_half, .ydelsebox.av_one_third {height: 300px !important; margin-bottom: 0 !important; width: 100% !important;}
}
Vi tilbyder
Ydelse
Ydelse
Ydelse
Ydelse
Ydelse
Ydelse
Ydelse
Ydelse
Ydelse
Ydelser 17
MANGLER STADIG STICKY
Follow a manual added link
Ydelse
Follow a manual added link
Ydelse
Follow a manual added link
Ydelse
Follow a manual added link
Ydelse
Follow a manual added link
Ydelse
Ydelser 18
Om ydelser
Volutpat ante sit amet varius
Cras feugiat tellus erat, sit amet blandit turpis gravida quis. Phasellus justo dui, ornare sit amet orci in, cursus ultricies turpis. Ut sit amet efficitur ligula. Sed non dignissim nisl. Maecenas libero nulla, hendrerit sit amet luctus id, ullamcorper sit amet metus.
Ydelse 1
Ydelse 2
Ydelse 3
Ydelse 4
Ydelser 19
Vores ydelser
Cras feugiat tellus erat, sit amet blandit turpis gravida quis. Phasellus justo dui, ornare sit amet orci in, cursus ultricies turpis. Ut sit amet efficitur ligula. Sed non dignissim nisl. Maecenas libero nulla, hendrerit sit amet luctus id, ullamcorper sit amet metus.
Ydelse 1
Cras feugiat tellus erat, sit amet blandit turpis gravida quis. Donec tempor lorem justo, nec vulputate est feugiat ac.
Ydelse 2
Cras feugiat tellus erat, sit amet blandit turpis gravida quis. Donec tempor lorem justo, nec vulputate est feugiat ac.
Ydelse 3
Cras feugiat tellus erat, sit amet blandit turpis gravida quis. Donec tempor lorem justo, nec vulputate est feugiat ac.
Ydelse 4
Cras feugiat tellus erat, sit amet blandit turpis gravida quis. Donec tempor lorem justo, nec vulputate est feugiat ac.
Ydelse 5
Cras feugiat tellus erat, sit amet blandit turpis gravida quis. Donec tempor lorem justo, nec vulputate est feugiat ac.
Ydelse 6
Cras feugiat tellus erat, sit amet blandit turpis gravida quis. Donec tempor lorem justo, nec vulputate est feugiat ac.
Ydelser 20
Ydelse 1
Nulla id mi quis lacus facilisis commodo eu non lectus. Donec tempor lorem justo, nec vulputate est feugiat ac.
Ydelse 2
Nulla id mi quis lacus facilisis commodo eu non lectus. Donec tempor lorem justo, nec vulputate est feugiat ac.
Ydelse 3
Nulla id mi quis lacus facilisis commodo eu non lectus. Donec tempor lorem justo, nec vulputate est feugiat ac.
Notes
Color-section:
Custom: #ydelse20
Helper:
Layout elements:
Custom: .ydelse20
Helper:
CSS
.ydelse20 {box-shadow: rgba(85, 94, 104, 0.25) 0px 31px 48px 0px;}
.ydelse20 .avia-image-container {margin-bottom: 0;}
.ydelse20 .avia-image-container img {border-radius: 10px 10px 0px 0px;}
.ydelse20 .av-icon-char {margin-top: -53px !important;
background-color: #206db5;
color: #fff !important;
box-shadow: 0px 0px 15px rgba(15, 37, 57, 0.25);
border-color: #206db5 !important;
}
.ydelse20 .av-special-heading, .ydelse20 .av_textblock_section {
padding-left: 30px;
padding-right: 30px;
}
@media only screen and (max-width: 989px) {.ydelse20 .avia-image-container img {
height: 200px;
object-fit: cover;
}}
Lorem ipsum
Lorem ipsum dolor, lorem ipsum dolor
Notes
Color-section:
Custom:
Helper:
Layout elements:
Custom: .border-venstre-23 .border-hojre-23 .mobil-borders
Helper:
CSS
/* Ydelse 23 */
.border-venstre-23 {
border-left: 0px !important;
}
.border-hojre-23 {
border-right: 0px !important;
}
@media only screen and (max-width: 479px) {
.mobil-borders {
border-left: 0px !important;
border-right: 0px !important;
}
}
Notes
CSS
#ydelse24 .border-1 {border-color: #444; border-width: 0 .5px .5px 0; border-style: solid;}
#ydelse24 .border-2 {border-color: #444; border-width: 0 .5px .5px .5px; border-style: solid;}
#ydelse24 .border-3 {border-color: #444; border-width: 0 .0 .5px .5px; border-style: solid;}
#ydelse24 .border-4 {border-color: #444; border-width: .5px .5px .5px 0; border-style: solid;}
#ydelse24 .border-5 {border-color: #444; border-width: .5px .5px .5px .5px; border-style: solid;}
#ydelse24 .border-6 {border-color: #444; border-width: .5px 0 .5px .5px; border-style: solid;}
#ydelse24 .border-7 {border-color: #444; border-width: .5px .5px 0 0; border-style: solid;}
#ydelse24 .border-8 {border-color: #444; border-width: .5px .5px 0 .5px; border-style: solid;}
#ydelse24 .border-9 {border-color: #444; border-width: .5px 0 0 .5px; border-style: solid;
@media only screen and (max-width: 767px) {
#ydelse24 .border-1, #ydelse24 .border-2, #ydelse24 .border-3, #ydelse24 .border-4, #ydelse24 .border-5, #ydelse24 .border-6, #ydelse24 .border-7, #ydelse24 .border-8, #ydelse24 .border-9 {
border-width: 0 .5px .5px 0;
}
}
Link to: Kontakt
Lorem ipsum
Lorem ipsum dolor sit consectetur adipiscing. Lorem ipsum dolor sit consectetur adipiscing.
Link to: Kontakt
Lorem ipsum
Lorem ipsum dolor sit consectetur adipiscing. Lorem ipsum dolor sit consectetur adipiscing.
Link to: Kontakt
Lorem ipsum
Lorem ipsum dolor sit consectetur adipiscing. Lorem ipsum dolor sit consectetur adipiscing.
Link to: Kontakt
Lorem ipsum
Lorem ipsum dolor sit consectetur adipiscing. Lorem ipsum dolor sit consectetur adipiscing.
Link to: Kontakt
Lorem ipsum
Lorem ipsum dolor sit consectetur adipiscing. Lorem ipsum dolor sit consectetur adipiscing.
Notes
CSS
#ydelse25 .fake-heading p {background-color: #206db5 !important; padding: 30px;}
#ydelse25 .flex_column {border-color: #ebebeb !important;}
#ydelse25 .flex_column:hover {border-color: #206db5 !important; transition: 1s}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.m-col-25 {width:50% !important;}
.m-col-25.av_one_fifth {float: left !important;}
}
Link to: Underside
Ydelse 1
Link to: Henvendelse
Ydelse 2
Link to: Header
Ydelse 3
Link to: priser
Ydelse 4
Link to: Kontakt
Ydelse 5
Link to: Ydelser
Ydelse 6
Link to: Webshop
Ydelse 7
Link to: Kontakt sektioner
Ydelse 8
Notes
CSS
#ydelse26 {
width: 60%;
margin: auto;
}
#ydelse26 .flex_cell {
padding-right: .7%;
}
#ydelse26 .lodret {
min-height: 21em;
}
#ydelse26 .lodret p {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-150%) rotate(90deg);
width: 100%;
}
#ydelse26 .vandret-bund {
top: -10.9em;
}
@media only screen and (max-width : 1680px) {
#ydelse26 {
width: 70%;
margin: auto;
}}
@media only screen and (max-width : 1440px) {
#ydelse26 {
width: 90%;
margin: auto;
}}
@media only screen and (max-width: 767px) {
#ydelse26 .lodret p {
position: absolute;
transform: translateX(0%) translateY(0%) rotate(0deg);
top: 23%;
left: 0%;
}
#ydelse26 .ydelse {
max-height: 160px;
min-height: 160px;
}
#ydelse26 .vandret-bund {
top: 0 !important;
}
}