BMS Häuser 3 Links added

dev
fab_media 2022-02-16 08:50:13 +01:00
parent be8fa1bbca
commit 0ec9fa22c6
6 changed files with 78 additions and 78 deletions

View File

@ -73,7 +73,7 @@
</div> </div>
<!-- end Header --> <!-- 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="bg-dark-grey-06">
<div class="container text-center"> <div class="container text-center">
<h1 class="font-weight-light">Bauen mit BMS</h1> <h1 class="font-weight-light">Bauen mit BMS</h1>

View File

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

View File

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

View File

@ -88,8 +88,8 @@
</div> </div>
<!-- end Header --> <!-- end Header -->
<div class="section-xl bg-image parallax" data-bg-src="/assets/images/Haus21.jpeg" <div class="section-xl bg-image" data-bg-src="/assets/images/Haus21.jpeg"
style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: auto; background-repeat: no-repeat; background-attachment: fixed; background-position: center -160px;"> style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: auto; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="bg-dark-grey-06"> <div class="bg-dark-grey-06">
<div class="container text-center"> <div class="container text-center">
<h1 class="font-weight-light">Haus 3</h1> <h1 class="font-weight-light">Haus 3</h1>

View File

@ -3,11 +3,11 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta <meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no" content="width=device-width, initial-scale=1, shrink-to-fit=no"
name="viewport"
/> />
<meta name="description" content="" /> <meta content="" name="description" />
<meta name="keywords" content="" /> <meta content="" name="keywords" />
<title>BMS - Homepage</title> <title>BMS - Homepage</title>
<!-- Favicon --> <!-- Favicon -->
<link href="/assets/images/FB_Red.png" rel="shortcut icon" /> <link href="/assets/images/FB_Red.png" rel="shortcut icon" />
@ -103,10 +103,10 @@
<!-- Hero section --> <!-- Hero section -->
<div <div
class="owl-carousel owl-nav-overlay owl-dots-overlay" class="owl-carousel owl-nav-overlay owl-dots-overlay"
data-owl-nav="true" data-owl-autoPlay="true"
data-owl-dots="true" data-owl-dots="true"
data-owl-items="1" data-owl-items="1"
data-owl-autoPlay="true" data-owl-nav="true"
> >
<!-- Slider Item 1 --> <!-- Slider Item 1 -->
<div <div
@ -214,9 +214,9 @@
<div class="row col-spacing-50 align-items-center"> <div class="row col-spacing-50 align-items-center">
<div class="col-12 col-lg-5 col-xl-6"> <div class="col-12 col-lg-5 col-xl-6">
<img <img
alt=""
class="border-radius box-shadow-with-hover" class="border-radius box-shadow-with-hover"
src="/assets/images/BMS_Team2.png" src="/assets/images/BMS_Team2.png"
alt=""
/> />
</div> </div>
<div class="col-12 col-lg-7 col-xl-6"> <div class="col-12 col-lg-7 col-xl-6">
@ -260,12 +260,12 @@
<div class="col-12 col-sm-6 col-lg-3"> <div class="col-12 col-sm-6 col-lg-3">
<div <div
class="pie-chart margin-bottom-10" class="pie-chart margin-bottom-10"
data-size="140"
data-percent="90"
data-bar-color="#fff" data-bar-color="#fff"
data-track-color="rgba(255,255,255,0.4)"
data-scale-color="rgba(255,255,255,0.4)"
data-line-width="2" data-line-width="2"
data-percent="90"
data-scale-color="rgba(255,255,255,0.4)"
data-size="140"
data-track-color="rgba(255,255,255,0.4)"
> >
<div class="pie-chart-content"> <div class="pie-chart-content">
<span class="percent font-large text-white"></span> <span class="percent font-large text-white"></span>
@ -279,12 +279,12 @@
<div class="col-12 col-sm-6 col-lg-3"> <div class="col-12 col-sm-6 col-lg-3">
<div <div
class="pie-chart margin-bottom-10" class="pie-chart margin-bottom-10"
data-size="140"
data-percent="85"
data-bar-color="#fff" data-bar-color="#fff"
data-track-color="rgba(255,255,255,0.4)"
data-scale-color="rgba(255,255,255,0.4)"
data-line-width="2" data-line-width="2"
data-percent="85"
data-scale-color="rgba(255,255,255,0.4)"
data-size="140"
data-track-color="rgba(255,255,255,0.4)"
> >
<div class="pie-chart-content"> <div class="pie-chart-content">
<span class="percent font-large text-white"></span> <span class="percent font-large text-white"></span>
@ -298,12 +298,12 @@
<div class="col-12 col-sm-6 col-lg-3"> <div class="col-12 col-sm-6 col-lg-3">
<div <div
class="pie-chart margin-bottom-10" class="pie-chart margin-bottom-10"
data-size="140"
data-percent="95"
data-bar-color="#fff" data-bar-color="#fff"
data-track-color="rgba(255,255,255,0.4)"
data-scale-color="rgba(255,255,255,0.4)"
data-line-width="2" data-line-width="2"
data-percent="95"
data-scale-color="rgba(255,255,255,0.4)"
data-size="140"
data-track-color="rgba(255,255,255,0.4)"
> >
<div class="pie-chart-content"> <div class="pie-chart-content">
<span class="percent font-large text-white"></span> <span class="percent font-large text-white"></span>
@ -317,12 +317,12 @@
<div class="col-12 col-sm-6 col-lg-3"> <div class="col-12 col-sm-6 col-lg-3">
<div <div
class="pie-chart margin-bottom-10" class="pie-chart margin-bottom-10"
data-size="140"
data-percent="80"
data-bar-color="#fff" data-bar-color="#fff"
data-track-color="rgba(255,255,255,0.4)"
data-scale-color="rgba(255,255,255,0.4)"
data-line-width="2" data-line-width="2"
data-percent="80"
data-scale-color="rgba(255,255,255,0.4)"
data-size="140"
data-track-color="rgba(255,255,255,0.4)"
> >
<div class="pie-chart-content"> <div class="pie-chart-content">
<span class="percent font-large text-white"></span> <span class="percent font-large text-white"></span>
@ -354,7 +354,7 @@
<div class="row col-spacing-40 icon-5xl mb-1"> <div class="row col-spacing-40 icon-5xl mb-1">
<!-- Icon text box 1 --> <!-- Icon text box 1 -->
<div class="col-12 col-lg-6"> <div class="col-12 col-lg-6">
<img class="sym-img" src="/assets/images/Leistungen1.png" alt="" /> <img alt="" class="sym-img" src="/assets/images/Leistungen1.png" />
<h5 class="font-weight-normal margin-top-20">Massivhäuser</h5> <h5 class="font-weight-normal margin-top-20">Massivhäuser</h5>
<p> <p>
Define what your brand stands for, its core values, its tone of Define what your brand stands for, its core values, its tone of
@ -366,7 +366,7 @@
</div> </div>
<!-- Icon text box 2 --> <!-- Icon text box 2 -->
<div class="col-12 col-lg-6"> <div class="col-12 col-lg-6">
<img class="sym-img" src="/assets/images/Leistungen1.png" alt="" /> <img alt="" class="sym-img" src="/assets/images/Leistungen1.png" />
<h5 class="font-weight-normal margin-top-20">Metallwerkhaüser</h5> <h5 class="font-weight-normal margin-top-20">Metallwerkhaüser</h5>
<p> <p>
Social media is all about connection, consistency and keeping Social media is all about connection, consistency and keeping
@ -380,7 +380,7 @@
<div class="row col-spacing-40 icon-5xl mt-3 mb-1"> <div class="row col-spacing-40 icon-5xl mt-3 mb-1">
<!-- Icon text box 1 --> <!-- Icon text box 1 -->
<div class="col-12 col-lg-6"> <div class="col-12 col-lg-6">
<img class="sym-img" src="/assets/images/Leistungen1.png" alt="" /> <img alt="" class="sym-img" src="/assets/images/Leistungen1.png" />
<h5 class="font-weight-normal margin-top-20">Jahreshäuser</h5> <h5 class="font-weight-normal margin-top-20">Jahreshäuser</h5>
<p> <p>
We help you develop an impactful content strategy to better engage We help you develop an impactful content strategy to better engage
@ -392,7 +392,7 @@
</div> </div>
<!-- Icon text box 2 --> <!-- Icon text box 2 -->
<div class="col-12 col-lg-6"> <div class="col-12 col-lg-6">
<img class="sym-img" src="/assets/images/Leistungen1.png" alt="" /> <img alt="" class="sym-img" src="/assets/images/Leistungen1.png" />
<h5 class="font-weight-normal margin-top-20">Holzhäuser</h5> <h5 class="font-weight-normal margin-top-20">Holzhäuser</h5>
<p> <p>
You are creative, independent and innovative. We support you to You are creative, independent and innovative. We support you to
@ -443,37 +443,37 @@
<!-- Contact Form --> <!-- Contact Form -->
<div class="col-12 col-lg-8 text-lg-right"> <div class="col-12 col-lg-8 text-lg-right">
<div class="contact-form"> <div class="contact-form">
<form method="post" id="contactform"> <form id="contactform" method="post">
<div class="form-row"> <div class="form-row">
<div class="col-12 col-sm-6"> <div class="col-12 col-sm-6">
<input class="large" <input class="large"
type="text"
id="name" id="name"
name="name" name="name"
placeholder="Name" placeholder="Name"
required required
type="text"
/> />
</div> </div>
<div class="col-12 col-sm-6"> <div class="col-12 col-sm-6">
<input class="large" <input class="large"
type="email"
id="email" id="email"
name="email" name="email"
placeholder="E-Mail" placeholder="E-Mail"
required required
type="email"
/> />
</div> </div>
</div> </div>
<input class="large" <input class="large"
type="text"
id="subject" id="subject"
name="subject" name="subject"
placeholder="Subject" placeholder="Subject"
required required
type="text"
/> />
<textarea class="large" <textarea class="large"
name="message"
id="message" id="message"
name="message"
placeholder="Message" placeholder="Message"
></textarea> ></textarea>
<button <button
@ -505,14 +505,14 @@
<div class="container"> <div class="container">
<div <div
class="owl-carousel owl-loaded owl-drag" class="owl-carousel owl-loaded owl-drag"
data-owl-nav="true"
data-owl-dots="false" data-owl-dots="false"
data-owl-margin="10"
data-owl-xs="1"
data-owl-sm="1"
data-owl-md="2"
data-owl-lg="2" data-owl-lg="2"
data-owl-margin="10"
data-owl-md="2"
data-owl-nav="true"
data-owl-sm="1"
data-owl-xl="2" data-owl-xl="2"
data-owl-xs="1"
> >
<div class="owl-stage-outer owl-height" style="height: 210.85px"> <div class="owl-stage-outer owl-height" style="height: 210.85px">
<div <div
@ -525,8 +525,8 @@
> >
<div class="owl-item" style="width: 316px; margin-right: 10px"> <div class="owl-item" style="width: 316px; margin-right: 10px">
<div> <div>
<a href="#" data-toggle="modal" data-target="#f1"> <a data-target="#f1" data-toggle="modal" href="#">
<img src="/assets/images/Ref_4.png" alt="" /> <img alt="" src="/assets/images/Ref_4.png" />
</a> </a>
</div> </div>
@ -536,8 +536,8 @@
style="width: 316px; margin-right: 10px" style="width: 316px; margin-right: 10px"
> >
<div> <div>
<a href="#" data-toggle="modal" data-target="#f2"> <a data-target="#f2" data-toggle="modal" href="#">
<img src="/assets/images/Ref_1.png" alt="" /> <img alt="" src="/assets/images/Ref_1.png" />
</a> </a>
</div> </div>
</div> </div>
@ -546,8 +546,8 @@
style="width: 316px; margin-right: 10px" style="width: 316px; margin-right: 10px"
> >
<div> <div>
<a href="#" data-toggle="modal" data-target="#f3"> <a data-target="#f3" data-toggle="modal" href="#">
<img src="/assets/images/Ref_2.png" alt="" /> <img alt="" src="/assets/images/Ref_2.png" />
</a> </a>
</div> </div>
</div> </div>
@ -555,8 +555,8 @@
class="owl-item " class="owl-item "
style="width: 316px; margin-right: 10px" > style="width: 316px; margin-right: 10px" >
<div> <div>
<a href="#" data-toggle="modal" data-target="#f4"> <a data-target="#f4" data-toggle="modal" href="#">
<img src="/assets/images/Ref_3.png" alt="" /> <img alt="" src="/assets/images/Ref_3.png" />
</a> </a>
</div> </div>
@ -565,8 +565,8 @@
class="owl-item " class="owl-item "
style="width: 316px; margin-right: 10px" > style="width: 316px; margin-right: 10px" >
<div> <div>
<a href="#" data-toggle="modal" data-target="#f5"> <a data-target="#f5" data-toggle="modal" href="#">
<img src="/assets/images/Ref_4.png" alt="" /> <img alt="" src="/assets/images/Ref_4.png" />
</a> </a>
</div> </div>
</div> </div>
@ -574,8 +574,8 @@
class="owl-item " class="owl-item "
style="width: 316px; margin-right: 10px" > style="width: 316px; margin-right: 10px" >
<div> <div>
<a href="#" data-toggle="modal" data-target="#f6"> <a data-target="#f6" data-toggle="modal" href="#">
<img src="/assets/images/Ref_5.png" alt="" /> <img alt="" src="/assets/images/Ref_5.png" />
</a> </a>
</div> </div>
</div> </div>
@ -583,17 +583,17 @@
class="owl-item " class="owl-item "
style="width: 316px; margin-right: 10px" > style="width: 316px; margin-right: 10px" >
<div> <div>
<a href="#" data-toggle="modal" data-target="#f6"> <a data-target="#f6" data-toggle="modal" href="#">
<img src="/assets/images/Ref_6.png" alt="" /> <img alt="" src="/assets/images/Ref_6.png" />
</a> </a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="owl-nav"> <div class="owl-nav">
<button type="button" role="presentation" class="owl-prev"> <button class="owl-prev" role="presentation" type="button">
<i class="ti-angle-left"></i></button <i class="ti-angle-left"></i></button
><button type="button" role="presentation" class="owl-next"> ><button class="owl-next" role="presentation" type="button">
<i class="ti-angle-right"></i> <i class="ti-angle-right"></i>
</button> </button>
</div> </div>
@ -604,17 +604,17 @@
<!-- f1 modal --> <!-- f1 modal -->
<div class="modal fade" id="f1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div aria-hidden="true" aria-labelledby="exampleModalLabel" class="modal fade" id="f1" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> --> <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> -->
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<img src="/assets/images/col-1.jpg" alt="" /> <img alt="" src="/assets/images/col-1.jpg" />
</div> </div>
</div> </div>
@ -623,17 +623,17 @@
<!-- f2 modal --> <!-- f2 modal -->
<div class="modal fade" id="f2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div aria-hidden="true" aria-labelledby="exampleModalLabel" class="modal fade" id="f2" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> --> <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> -->
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<img src="/assets/images/col-1.jpg" alt="" /> <img alt="" src="/assets/images/col-1.jpg" />
</div> </div>
</div> </div>
@ -642,17 +642,17 @@
<!-- f3 modal --> <!-- f3 modal -->
<div class="modal fade" id="f3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div aria-hidden="true" aria-labelledby="exampleModalLabel" class="modal fade" id="f3" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> --> <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> -->
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<img src="/assets/images/col-1.jpg" alt="" /> <img alt="" src="/assets/images/col-1.jpg" />
</div> </div>
</div> </div>
@ -661,17 +661,17 @@
<!-- f4 modal --> <!-- f4 modal -->
<div class="modal fade" id="f4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div aria-hidden="true" aria-labelledby="exampleModalLabel" class="modal fade" id="f4" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> --> <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> -->
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<img src="/assets/images/col-1.jpg" alt="" /> <img alt="" src="/assets/images/col-1.jpg" />
</div> </div>
</div> </div>
@ -680,17 +680,17 @@
<!-- f5 modal --> <!-- f5 modal -->
<div class="modal fade" id="f5" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div aria-hidden="true" aria-labelledby="exampleModalLabel" class="modal fade" id="f5" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> --> <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> -->
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<img src="/assets/images/col-1.jpg" alt="" /> <img alt="" src="/assets/images/col-1.jpg" />
</div> </div>
</div> </div>
@ -699,17 +699,17 @@
<!-- f6 modal --> <!-- f6 modal -->
<div class="modal fade" id="f6" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div aria-hidden="true" aria-labelledby="exampleModalLabel" class="modal fade" id="f6" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> --> <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> -->
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<img src="/assets/images/col-1.jpg" alt="" /> <img alt="" src="/assets/images/col-1.jpg" />
</div> </div>
</div> </div>

View File

@ -88,7 +88,7 @@
</div> </div>
<!-- end Header --> <!-- end Header -->
<div class="section-xl bg-image parallax" 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-attachment: fixed; background-position: center -160px;"> <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="bg-dark-grey-06"> <div class="bg-dark-grey-06">
<div class="container text-center"> <div class="container text-center">
<h1 class="font-weight-light">Referenzen</h1> <h1 class="font-weight-light">Referenzen</h1>