Häuser Galerie Cover

dev
fab_media 2022-02-17 06:27:55 +01:00
parent c2a30a5536
commit 15f5da83f9
9 changed files with 343 additions and 321 deletions

View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
@ -19,11 +19,11 @@
<link href="/assets/plugins/font-awesome/css/all.css" rel="stylesheet">
<link href="/assets/plugins/themify/themify-icons.min.css" rel="stylesheet">
<link href="/assets/plugins/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
</head>
<body data-preloader="1">
</head>
<body data-preloader="1">
<!-- Header -->
<div class="header right absolute-light">
<!-- Header -->
<div class="header right absolute-light">
<div class="container">
<!-- Logo -->
<div class="header-logo">
@ -70,10 +70,11 @@
<span></span>
</button>
</div><!-- end container -->
</div>
<!-- end Header -->
</div>
<!-- end Header -->
<div class="section-xl bg-image parallax" data-bg-src="/assets/images/Häuser_Cover.jpeg" style="background-image: url(&quot;../assets/images/servies.jpg&quot;); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center -160px;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Häuser_Cover.jpeg"
style="background-image: url(&quot;../assets/images/servies.jpg&quot;); background-size: cover; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="bg-dark-grey-06">
<div class="container text-center">
<h1 class="font-weight-light">Bauen mit BMS</h1>
@ -86,10 +87,10 @@
</nav>
</div><!-- end container -->
</div>
</div>
</div>
<!-- Blog section -->
<div class="section">
<!-- Blog section -->
<div class="section">
<div class="container">
<div class="row">
<div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
@ -103,12 +104,15 @@
<div class="margin-top-30">
<div class="d-flex justify-content-between margin-bottom-10">
<div class="d-inline-flex">
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt 1</a>
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt
1</a>
</div>
</div>
</div>
<h5><a href="1.html">Kompetente Erstberatung</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</div>
<!-- Blog Post box 2 -->
<div class="margin-bottom-50 margin-top-70">
@ -120,14 +124,17 @@
<div class="margin-top-30">
<div class="d-flex justify-content-between margin-bottom-10">
<div class="d-inline-flex">
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt 2</a>
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt
2</a>
</div>
<div class="d-inline-flex">
<span class="font-small"></span>
</div>
</div>
<h5><a href="#">Planung & Angebot</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</div>
</div>
@ -140,14 +147,17 @@
<div class="margin-top-30">
<div class="d-flex justify-content-between margin-bottom-10">
<div class="d-inline-flex">
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt 3</a>
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt
3</a>
</div>
<div class="d-inline-flex">
<span class="font-small"></span>
</div>
</div>
<h5><a href="#">Auftragstellung</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</div>
</div>
@ -160,14 +170,17 @@
<div class="margin-top-30">
<div class="d-flex justify-content-between margin-bottom-10">
<div class="d-inline-flex">
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt 4</a>
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt
4</a>
</div>
<div class="d-inline-flex">
<span class="font-small"></span>
</div>
</div>
<h5><a href="#">Bemusterung</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</div>
</div>
<div class="margin-bottom-50 margin-top-70">
@ -179,14 +192,17 @@
<div class="margin-top-30">
<div class="d-flex justify-content-between margin-bottom-10">
<div class="d-inline-flex">
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt 5</a>
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt
5</a>
</div>
<div class="d-inline-flex">
<span class="font-small"></span>
</div>
</div>
<h5><a href="#">Ausführungsplan</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</div>
</div>
@ -199,14 +215,17 @@
<div class="margin-top-30">
<div class="d-flex justify-content-between margin-bottom-10">
<div class="d-inline-flex">
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt 6</a>
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt
6</a>
</div>
<div class="d-inline-flex">
<span class="font-small"></span>
</div>
</div>
<h5><a href="#">Rohbau, bauen mit System</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</div>
</div>
@ -220,23 +239,26 @@
<div class="margin-top-30">
<div class="d-flex justify-content-between margin-bottom-10">
<div class="d-inline-flex">
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt 7</a>
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Schritt
7</a>
</div>
<div class="d-inline-flex">
<span class="font-small"></span>
</div>
</div>
<h5><a href="#">Schlüsselübergabe</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</div>
</div>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div>
<!-- end Blog section -->
</div>
<!-- end Blog section -->
<footer>
<footer>
<div class="section-sm bg-dark">
<div class="container">
<h3>BMS Bau</h3>
@ -282,7 +304,7 @@
</div>
<!-- end row(1) -->
<hr class="margin-top-30 margin-bottom-30" />
<hr class="margin-top-30 margin-bottom-30"/>
<div class="row col-spacing-10">
<div class="col-12 col-md-6 text-center text-md-left">
@ -309,19 +331,19 @@
</div>
<!-- end container -->
</div>
</footer>
</footer>
<!-- Scroll to top button -->
<div class="scrolltotop">
<!-- Scroll to top button -->
<div class="scrolltotop">
<a class="button-circle button-circle-sm button-circle-dark" href="#"><i class="ti-arrow-up"></i></a>
</div>
<!-- end Scroll to top button -->
</div>
<!-- end Scroll to top button -->
<!-- ***** JAVASCRIPTS ***** -->
<script src="/assets/plugins/jquery.min.js"></script>
<!--<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>-->
<!--<script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver"></script>-->
<script src="/assets/plugins/plugins.js"></script>
<script src="/assets/js/functions.js"></script>
</body>
<!-- ***** JAVASCRIPTS ***** -->
<script src="/assets/plugins/jquery.min.js"></script>
<!--<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>-->
<!--<script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver"></script>-->
<script src="/assets/plugins/plugins.js"></script>
<script src="/assets/js/functions.js"></script>
</body>
</html>

View File

@ -85,8 +85,8 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image parallax" data-bg-src="/assets/images/Haus3.jpeg"
style="background-image: url(&quot;assets/images/servies.jpg&quot;); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center -160px;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int3.jpeg"
style="background-image: url(&quot;assets/images/servies.jpg&quot;); background-size: cover; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="bg-dark-grey-06">
<div class="container text-center">
<h1 class="font-weight-light">Über Uns</h1>

View File

Before

Width:  |  Height:  |  Size: 125 KiB

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 834 KiB

After

Width:  |  Height:  |  Size: 834 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 2.2 MiB

View File

@ -129,7 +129,7 @@
button-reveal-left-outline-white
margin-top-40
"
href="contact.html#contact"
href="/kontakt.html#contact"
><i class="ti-arrow-down"></i><span>Kontakt</span></a>
</div>
</div>
@ -142,7 +142,7 @@
<!-- Slider Item 2 -->
<div
class="section-fullscreen bg-image"
data-bg-src="/assets/images/Haus_Pool.jpeg"
data-bg-src="/assets/images/Haus4.jpeg"
>
<div class="bg-dark-grey-06">
<div class="container">
@ -174,7 +174,7 @@
<!-- Slider Item 3 -->
<div
class="section-fullscreen bg-image"
data-bg-src="/assets/images/Haus_Winter.jpeg"
data-bg-src="/assets/images/Haus10.jpeg"
>
<div class="bg-dark-grey-06">
<div class="container">
@ -517,7 +517,7 @@
<div
class="owl-stage"
style="
transform: translate3d(-326px, 0px, 0px);
transform: translate(-326px, 0px, 0px);
transition: all 0.25s ease 0s;
width: 1304px;
"

View File

@ -85,13 +85,13 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image parallax" data-bg-src="/assets/images/Haus3.jpeg" style="background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center -160px;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus14.jpeg" style="background-size: cover; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="bg-dark-grey-06">
<div class="container text-center">
<h1 class="font-weight-light">Kontakt</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="/index.html">Home</a></li>
<!-- <li class="breadcrumb-item"><a href="#">Pages</a></li> -->
<li class="breadcrumb-item active" aria-current="page">Kontakt</li>
</ul>

View File

@ -88,7 +88,7 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Pan_View.jpeg" style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: cover; background-repeat: no-repeat; background-position: 100% 0%;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Häuser_Cover.jpeg" style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: cover; background-repeat: no-repeat; background-position: 100% 0%;">
<div class="bg-dark-grey-06">
<div class="container text-center">
<h1 class="font-weight-light">Referenzen</h1>