Banner

Magna mollis euismod. Donec sed odio dui.

Card

Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna.

Card

Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam id dolor id nibh ultricies vehicula ut id elit.

John Doe

Kunderådgiver

smartphone+45 20 30 60 80

phone+45 80 80 60 80

mailjohn.doe@logo.dk

John Doe

John Doe

Kunderådgiver

+45 20 30 60 80

+45 80 80 60 80

Email

John Doe

Bliv ringet op

Icon + text

Filled icon and bodycopy in 'small'.

Icon + text

Filled icon and bodycopy in 'small'.

Icon + text

Filled icon and bodycopy in 'small'.


Icon + text

Left-aligned filled icon and bodycopy in 'small'.

Icon + text

Left-aligned filled icon and bodycopy in 'small'.

Mosaic left-aligned text

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Mosaic right-aligned text

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Section with background color and multiple paragraphs

Text + image on top

Maecenas faucibus mollis interdum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur.

Text + image on top

Maecenas faucibus mollis interdum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur.

Section with background image and multiple paragraphs

Card

Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Card

Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Text + Image on top

Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.

Text + Image side by side

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper.

Exception in template (Designs/zone-danmark/Paragraph/Banner Extended.cshtml): System.NullReferenceException: Object reference not set to an instance of an object.
   at Co3.Espresso.Base.Extensions.ItemExtensions.GetValue[T](Item item, String key) in C:\Projects\espresso-solution\Co3.Espresso.Utilities\Extensions\ItemExtensions.cs:line 12
   at Co3.Espresso.Website.Models.FrontEnd.Elements.EspressoText..ctor(Item paragraphItem) in C:\Projects\espresso-solution\Co3.Espresso.Website\Models\FrontEnd\Elements\EspressoText.cs:line 52
   at Co3.Espresso.Website.Models.FrontEnd.Paragraphs.ImageTextModel..ctor(Paragraph paragraph, Item dynamicwebItem) in C:\Projects\espresso-solution\Co3.Espresso.Website\Models\FrontEnd\Paragraphs\ImageTextModel.cs:line 25
   at Co3.Espresso.Website.Models.FrontEnd.Paragraphs.BannerModel..ctor(Paragraph paragraph, Item dynamicwebItem) in C:\Projects\espresso-solution\Co3.Espresso.Website\Models\FrontEnd\Paragraphs\BannerModel.cs:line 23
   at Co3.Espresso.Website.TemplateBases.Paragraphs.Banner..ctor() in C:\Projects\espresso-solution\Co3.Espresso.Website\TemplateBases\Paragraphs\Banner.cs:line 19
   at CompiledRazorTemplates.Dynamic.daeefaaedaf..ctor()
   at lambda_method(Closure )
   at RazorEngine.Templating.TypeLoader.CreateInstance(Type type)
   at RazorEngine.Templating.DefaultActivator.CreateInstance(InstanceContext context)
   at RazorEngine.Templating.TemplateService.CreateTemplate(String razorTemplate, Type templateType, Object model)
   at RazorEngine.Templating.TemplateService.GetTemplate[T](String razorTemplate, Object model, String cacheName)
   at RazorEngine.Templating.TemplateService.GetTemplate(String razorTemplate, Object model, String cacheName)
   at RazorEngine.Templating.TemplateService.Parse(String razorTemplate, Object model, DynamicViewBag viewBag, String cacheName)
   at RazorEngine.Razor.Parse[T](String razorTemplate, T model, String cacheName)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()
@inherits Co3.Espresso.Website.TemplateBases.Paragraphs.Banner @{ if ( Espresso.Item.ImageDisableGradientOverlay == "True" || Espresso.Text.Raw == "" ) { Espresso.Container.ClassList.AddClasses("p-banner-gradient-disabled"); } if ( string.IsNullOrEmpty( Espresso.Item.PaddingTop ) == false && Espresso.Item.PaddingTop != "0" ) { Espresso.Container.ClassList.AddClasses("p-t-" + Espresso.Item.PaddingTop); } if ( string.IsNullOrEmpty( Espresso.Item.PaddingBottom ) == false && Espresso.Item.PaddingBottom != "0" ) { Espresso.Container.ClassList.AddClasses("p-b-" + Espresso.Item.PaddingBottom); } if(Espresso.Item.AddBannerSlides == "True"){ Espresso.Image.Container.ClassList.AddClasses("e-banner-zoom js-e-banner-zoom"); Espresso.Image.ClassList.AddClasses("e-banner-zoom-image js-e-banner-zoom-image"); } } </div> </div> </div> </div> </section> <section class="@Espresso.Container.ClassList e-section" id="@Espresso.Id"> @if( Espresso.Image.URL != "" ){ if(Espresso.Item.AddBannerSlides == "True"){ <div class="@Espresso.Image.Container.ClassList"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="@Espresso.Image.AltText" class="@Espresso.Image.ClassList" data-src="@Espresso.Image.URL"> @foreach(LoopItem extraImage in GetLoop("Item.BannerSlides")){ string imageSrc = String.Format("/admin/public/getimage.ashx?Crop={0}&Image={1}&Format=jpg&Width=5120&Height=3413&Quality={2}", extraImage.GetString("Item.BannerSlides.ImageCroppingAnchor"), extraImage.GetString("Item.BannerSlides.Image"), extraImage.GetString("Item.BannerSlides.ImageQuality")); <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="@Espresso.Image.AltText" class="@Espresso.Image.ClassList" data-src="@imageSrc"> } </div> } else{ if( Espresso.ParallaxScrolling == true ){ <div class="@Espresso.Image.Container.ClassList"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="@Espresso.Image.AltText" class="@Espresso.Image.ClassList" data-src="@Espresso.Image.URL"> </div> } else{ <div class="@Espresso.Image.Container.ClassList" style="background-image:url(@Espresso.Image.URL)" title="@Espresso.Image.AltText"></div> } } if(string.IsNullOrEmpty(Espresso.Item.TeaserArrowLink) == false){ <a href="@Espresso.Item.TeaserArrowLink" class="e-banner-teaser"> <i class="material-icons e-banner-teaser-icon">keyboard_arrow_down</i> </a> } } <div class="@Espresso.Wrapper.ClassList"> <div class="container-fluid"> <div class="@Espresso.Text.Container.ClassList"> <div class="@Espresso.Text.Wrapper.ClassList"> @Espresso.Text.Raw </div> </div> </div> </div> </section> <section class="e-section"> <div class="container-fluid"> <div class="row"> <div class="@Espresso.ContentSection.ClassList"> <div class="row">
keyboard_arrow_up