Content panels
#01 Text/image panel - light gray background
Neubau Immobilien Blog
Beim Immobilienkauf stellen sich einem viele Fragen. In unserem Immobilien-Ratgeber und Blog finden Sie wertvolle Informationen zu Themen wie Immobilienauswahl, Finanzierung, Immobilienkauf, Förderprogramme und vieles mehr.
<section class="nbk-content-panel nbk-section--overflow-hidden nbk-section--outer-spacing-bottom ">
<div class="container nbk-content-panel__container">
<div class="row g-0">
<div class="d-flex col-sm-12 col-md-6 order-md-2 ">
<div class="nbk-content-panel__column nbk-content-panel__column--primary">
<div class="nbk-content-panel__content ">
<img data-sizes="(max-width: 1200px) 100vw, 1200px"
data-srcset="
/assets/blog-teaser/blog-teaser,w_200.jpg 200w,
/assets/blog-teaser/blog-teaser,w_581.jpg 581w,
/assets/blog-teaser/blog-teaser,w_855.jpg 855w,
/assets/blog-teaser/blog-teaser,w_1077.jpg 1077w,
/assets/blog-teaser/blog-teaser,w_1200.jpg 1200w"
data-src="/assets/blog-teaser/blog-teaser,w_1200.jpg" alt="blog-teaser"
class="nbk-content-panel__image lazy">
</div>
</div>
</div>
<div class="d-flex col-sm-12 col-md-6 ">
<div class="nbk-content-panel__column nbk-content-panel__column--secondary ">
<div class="nbk-content-panel__content nbk-content-panel__content--spaced ">
<section class="nbk-title-section " >
<span class="nbk-title-section__top ">Liefert Antworten auf viele Fragen</span>
<h2 class="nbk-title-section__title ">Neubau Immobilien Blog</h2>
</section> <p class="lead">Beim Immobilienkauf stellen sich einem viele Fragen. In unserem Immobilien-Ratgeber und Blog
finden Sie wertvolle Informationen zu Themen wie Immobilienauswahl, Finanzierung,
Immobilienkauf, Förderprogramme und vieles mehr. </p>
<button type="button" class="btn btn-outline-primary" >
Zum Immobilien Blog
</button>
</div>
</div>
</div>
</div>
</div>
</section> #02 Text/image panel - white background
Unser Premium-Magazin
Tauchen Sie ein in die faszinierende Welt der Neubauimmobilien mit unserem exklusiven Printmagazin!
<section class="nbk-content-panel nbk-content-panel--white nbk-section--overflow-hidden nbk-section--outer-spacing-bottom ">
<div class="container nbk-content-panel__container">
<div class="row g-0">
<div class="d-flex col-sm-12 col-md-6 ">
<div class="nbk-content-panel__column nbk-content-panel__column--primary">
<div class="nbk-content-panel__content nbk-content-panel__content--spaced ">
<img data-sizes="(max-width: 1200px) 100vw, 1200px"
data-srcset="
/assets/magazin-teaser/magazin-teaser,w_200.png 200w,
/assets/magazin-teaser/magazin-teaser,w_523.png 523w,
/assets/magazin-teaser/magazin-teaser,w_732.png 732w,
/assets/magazin-teaser/magazin-teaser,w_918.png 918w,
/assets/magazin-teaser/magazin-teaser,w_1069.png 1069w,
/assets/magazin-teaser/magazin-teaser,w_1200.png 1200w"
data-src="/assets/magazin-teaser/magazin-teaser,w_1200.png" alt="magazin-teaser"
class="nbk-content-panel__image lazy">
</div>
</div>
</div>
<div class="d-flex col-sm-12 col-md-6 ">
<div class="nbk-content-panel__column nbk-content-panel__column--secondary ">
<div class="nbk-content-panel__content nbk-content-panel__content--spaced ">
<section class="nbk-title-section " >
<span class="nbk-title-section__top ">informiert mit hochwertigen Inhalten</span>
<h2 class="nbk-title-section__title ">Unser Premium-Magazin</h2>
</section> <p class="lead">
Tauchen Sie ein in die faszinierende Welt der Neubauimmobilien mit unserem exklusiven
Printmagazin!</p>
<button type="button" class="btn btn-outline-primary" >
Zum Premium Magazin
</button>
</div>
</div>
</div>
</div>
</div>
</section> #03 Text/text panel - light gray background
Verpassen Sie nicht Ihre Traum-Immobilie
Starten Sie in Ihr neues Zuhause! Melden Sie sich jetzt für unseren Newsletter an und bleiben Sie über Neubauimmobilien informiert. Verpassen Sie keine Angebote und finden Sie Ihre Traumimmobilie. Melden Sie sich gleich an! Wählen Sie bis zu 28 Regionen in Deutschland
<section class="nbk-content-panel nbk-content-panel--white nbk-section--overflow-hidden nbk-section--outer-spacing-bottom ">
<div class="container nbk-content-panel__container">
<div class="row g-0">
<div class="d-flex col-sm-12 col-md-6 ">
<div class="nbk-content-panel__column nbk-content-panel__column--primary">
<div class="nbk-content-panel__content nbk-content-panel__content--spaced ">
<section class="nbk-title-section " >
<span class="nbk-title-section__top ">Manchmal muss es schnell gehen</span>
<h2 class="nbk-title-section__title ">Verpassen Sie nicht Ihre Traum-Immobilie</h2>
</section> <p class="lead">Starten Sie in Ihr neues Zuhause! Melden Sie sich jetzt für unseren Newsletter an und
bleiben Sie über Neubauimmobilien informiert.
Verpassen Sie keine Angebote und finden Sie Ihre Traumimmobilie. Melden Sie sich gleich an!
Wählen Sie bis zu 28 Regionen in Deutschland
</p>
</div>
</div>
</div>
<div class="d-flex col-sm-12 col-md-6 ">
<div class="nbk-content-panel__column nbk-content-panel__column--secondary ">
<div class="nbk-content-panel__content nbk-content-panel__content--spaced ">
<form class="row g-2">
<div class="col flex-grow-1">
<input type="text" class="form-control nbk-input nbk-input--pill" placeholder="E-Mail Adresse"
aria-describedby="newsletterEmailHelp"/>
</div>
<div class="col-auto ms-2">
<button type="button" class="btn btn-outline-primary btn--responsive" type="submit"
>
Abo
</button>
</div>
<div class="col-12">
<div id="newsletterEmailHelp" class="form-text">Die Anmeldung zum Newsletter ist kostenfrei und kann
jederzeit widerufen werden.
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section> #04 About us panel
Führende Online-Plattform für Neubau-Wohnimmobilien in Deutschland
Wir bieten hochwertige Neubau-Wohnungen und -Häuser. Neubaukompass ist die beste Anlaufstelle für erfolgreichen Kauf oder Verkauf. Akquirieren Sie mühelos qualifizierte Käufer bei uns.
<section class="nbk-content-panel nbk-content-panel--inner-spacing-bottom nbk-content-panel--purple nbk-section--overflow-hidden ">
<div class="container nbk-content-panel__container">
<div class="row g-0">
<div class="d-flex col-sm-12 col-md-4 ">
<div class="nbk-content-panel__column nbk-content-panel__column--primary">
<div class="nbk-content-panel__content nbk-content-panel__content--spaced ">
<section class="nbk-title-section nbk-title-section--no-spacing-bottom " >
<span class="nbk-title-section__top nbk-title-section__top--white ">Über uns</span>
<h2 class="nbk-title-section__title nbk-title-section__title--red ">Führende Online-Plattform für Neubau-Wohnimmobilien in Deutschland</h2>
</section> </div>
</div>
</div>
<div class="d-flex col-sm-12 col-md-8 ">
<div class="nbk-content-panel__column nbk-content-panel__column--secondary ">
<div class="nbk-content-panel__content nbk-content-panel__content--spaced ">
<p class="lead">Wir bieten hochwertige Neubau-Wohnungen und -Häuser. Neubaukompass ist die beste
Anlaufstelle für erfolgreichen Kauf oder Verkauf. Akquirieren Sie mühelos qualifizierte Käufer bei
uns.</p>
<button type="button" class="btn btn-outline-primary btn-outline-transparent btn--strict-color" >
Mehr erfahren
</button>
</div>
</div>
</div>
</div>
<div class="row g-0">
<div class="nbk-slider " >
<div class="nbk-slider__swiper swiper nbk-slider__swiper--overflow-visible"
data-nbk-slider='{"slidesPerView":{"default":1.5,"lg":3}}' id="about-us-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="#" class="nbk-card nbk-card--radius nbk-card--border nbk-card--light nbk-card--no-image-zoom ">
<header class="nbk-card__header">
<figure class="nbk-card__figure nbk-card__figure--no-spacing nbk-card__figure--landscape ">
<img data-src="/assets/building.svg" class="nbk-card__image lazy nbk-card__image--spacing nbk-card__image--contain " alt="Werthaltiger Neubau">
</figure>
</header>
<section class="nbk-card__body nbk-card__body--spacing ">
<h4 class="nbk-card__title nbk-card__title--larger nbk-card__title--tertiary-font ">Werthaltiger Neubau</h4>
<h5 class="nbk-card__subtitle "></h5>
<p class="nbk-card__description">Wir bieten einen umfassenden Überblick über Neubauprojekte der
renommiertesten Bauträger und Makler - der direkteste Weg vom Kaufangebot zu deiner
Traumimmobilie.</p>
</section>
</a> </div>
<div class="swiper-slide">
<a href="#" class="nbk-card nbk-card--radius nbk-card--border nbk-card--light nbk-card--no-image-zoom ">
<header class="nbk-card__header">
<figure class="nbk-card__figure nbk-card__figure--no-spacing nbk-card__figure--landscape ">
<img data-src="/assets/lens.svg" class="nbk-card__image lazy nbk-card__image--spacing nbk-card__image--contain " alt="Finde dein Zuhause">
</figure>
</header>
<section class="nbk-card__body nbk-card__body--spacing ">
<h4 class="nbk-card__title nbk-card__title--larger nbk-card__title--tertiary-font ">Finde dein Zuhause</h4>
<h5 class="nbk-card__subtitle "></h5>
<p class="nbk-card__description">Finde ganz einfach neue Nebau-Wohnungen und -Häuser in deiner Region. Suche und filtere, fordere ein Exposé an und lerne dein neues Zuhause kennen.</p>
</section>
</a> </div>
<div class="swiper-slide">
<a href="#" class="nbk-card nbk-card--radius nbk-card--border nbk-card--light nbk-card--no-image-zoom ">
<header class="nbk-card__header">
<figure class="nbk-card__figure nbk-card__figure--no-spacing nbk-card__figure--landscape ">
<img data-src="/assets/signpost.svg" class="nbk-card__image lazy nbk-card__image--spacing nbk-card__image--contain " alt="Guter Rat vom Profi">
</figure>
</header>
<section class="nbk-card__body nbk-card__body--spacing ">
<h4 class="nbk-card__title nbk-card__title--larger nbk-card__title--tertiary-font ">Guter Rat vom Profi</h4>
<h5 class="nbk-card__subtitle "></h5>
<p class="nbk-card__description">Wir teilen unser Wissen über den Bau, den Kauf und die Ausstattung neuer Immobilien in unseren Blogs und mit unseren Experten, damit du gut informiert bist.</p>
</section>
</a> </div>
</div>
</div>
</div>
</div>
</div>
</section>