haraldwolff
/
FanicaSite
1
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

Hauses

dev
fab_media 2022-03-27 21:10:10 +02:00
parent 8190055542
commit b7f3c214c9
15 changed files with 1218 additions and 335 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
bms_houses/haus10.html
View File

@ -28,7 +28,7 @@
<!-- Logo -->
<div class="header-logo">
<h3>
<a href="/index.html"
<a href="index.html"
><img src="/assets/images/1x/BMS_Logo.png" alt="BMS">
</a>
</h3>
@ -88,17 +88,16 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int4.jpeg"
style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: auto; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Haus Juno 116</h1>
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/index.html">Home</a></li>
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item active" aria-current="page">Haus Juno</li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
@ -108,32 +107,38 @@
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-8">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails">
<li><a href="#1"><img src="/assets/images/Haus6.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20OG.bmp" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20OG.bmp" alt=""></a></li>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-4">
<div class="col-12 col-lg-5">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 3</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Juno Haus 116</h3>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
@ -154,18 +159,16 @@
<div class="container">
<div class="product-info-box">
<ul class="nav margin-bottom-20">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#specs">Haus Beschreibung</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#additional-info">Mehr Info</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
@ -184,17 +187,15 @@
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="additional-info">
<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. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div>
</div>
</div>
</div><!-- end container -->

427
bms_houses/haus11.html 100644
View File

@ -0,0 +1,427 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="keywords" content="">
<title>BMS - Häuser</title>
<!-- Favicon -->
<link href="/assets/images/FB_Red.png" rel="shortcut icon">
<!-- CSS -->
<link href="/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="/assets/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet">
<link href="/assets/plugins/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
<link href="/assets/plugins/magnific-popup/magnific-popup.min.css" rel="stylesheet">
<link href="/assets/plugins/sal/sal.min.css" rel="stylesheet">
<link href="/assets/css/theme.css" rel="stylesheet">
<!-- Fonts/Icons -->
<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">
<!-- Header -->
<div class="header right absolute-light">
<div class="container">
<!-- Logo -->
<div class="header-logo">
<h3>
<a href="index.html"
><img src="/assets/images/1x/BMS_Logo.png" alt="BMS">
</a>
</h3>
<!--
<img class="logo-dark" src="/assets/images/your-logo-dark.png" alt="">
<img class="logo-light" src="/assets/images/your-logo-light.png" alt="">
-->
</div>
<!-- Menu -->
<div class="header-menu">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/Blog/blog.html">Bauen mit BMS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about.html">Über Uns</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/leistungen.html">Leistungen</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/referenzen.html">Referenzen</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/kontakt.html">Kontakt</a>
</li>
</ul>
</div>
<!-- Menu Extra -->
<div class="header-menu-extra">
<ul class="list-inline">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
<!-- Menu Toggle -->
<button class="header-toggle">
<span></span>
</button>
</div>
<!-- end container -->
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
</div>
</div>
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-5">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
<ins>€ 224.990</ins>
</h5>
</div>
<p>Einfamilienhaus Juno 116 m² - Schlüsselfertig mit Bodenplatte</p><br>
<button class="button button-md button-dark" type="submit">Kontakt</button>
</form>
<div class="margin-top-30">
<p>SKU: 7777</p>
<a class="button-text-1 margin-top-10" href="#">Merkliste</a>
</div>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div>
<div class="container">
<div class="product-info-box">
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
</tr>
<tr>
<th scope="row">Dimension</th>
<td>38.6 x 33.3 x 10.5 mm</td>
</tr>
<tr>
<th scope="row">Color</th>
<td>Space Gray, Rose, White</td>
</tr>
<tr>
<th scope="row">Care</th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div><!-- end container -->
<!-- Related Products -->
<div class="section">
<div class="container">
<div class="margin-bottom-70 text-center">
<h3 class="font-weight-normal">Related Products</h3>
</div>
<div class="owl-carousel" data-owl-dots="false" data-owl-autoplay="true" data-owl-margin="30" data-owl-xs="1"
data-owl-sm="2" data-owl-md="3" data-owl-lg="3" data-owl-xl="3">
<!-- Carousel Item 1 -->
<div class="product-box">
<div class="product-img">
<!-- Product IMG -->
<a class="product-img-link" href="#">
<img src="/assets/images/col-2-tall.jpg" alt="">
</a>
<!-- Badge (left) -->
<div class="product-badge-left"><!-- you can add: 'red/green' -->
<span>New</span>
</div>
<!-- Badge (right) -->
<div class="product-badge-right red"><!-- you can add: 'red/green' -->
<span>-50%</span>
</div>
<!-- Add to Cart -->
<div class="add-to-cart">
<a href="#">Add to Cart</a>
</div>
</div>
<div class="product-title">
<!-- Product Title -->
<h6 class="font-weight-medium"><a href="#">Product title</a></h6>
<!-- Product Price -->
<div class="price">
<del>$98</del>
<span>$49</span>
</div>
</div>
</div>
<!-- Carousel Item 2 -->
<div class="product-box">
<div class="product-img">
<!-- Product IMG -->
<a class="product-img-link" href="#">
<img src="/assets/images/col-2-tall.jpg" alt="">
</a>
<!-- Badge (left) -->
<div class="product-badge-left"><!-- you can add: 'red/green' -->
<span>New</span>
</div>
<!-- Badge (right) -->
<div class="product-badge-right red"><!-- you can add: 'red/green' -->
<span>-50%</span>
</div>
<!-- Add to Cart -->
<div class="add-to-cart">
<a href="#">Add to Cart</a>
</div>
</div>
<div class="product-title">
<!-- Product Title -->
<h6 class="font-weight-medium"><a href="#">Product title</a></h6>
<!-- Product Price -->
<div class="price">
<del>$98</del>
<span>$49</span>
</div>
</div>
</div>
<!-- Carousel Item 3 -->
<div class="product-box">
<div class="product-img">
<!-- Product IMG -->
<a class="product-img-link" href="#">
<img src="/assets/images/col-2-tall.jpg" alt="">
</a>
<!-- Badge (left) -->
<div class="product-badge-left"><!-- you can add: 'red/green' -->
<span>New</span>
</div>
<!-- Badge (right) -->
<div class="product-badge-right red"><!-- you can add: 'red/green' -->
<span>-50%</span>
</div>
<!-- Add to Cart -->
<div class="add-to-cart">
<a href="#">Add to Cart</a>
</div>
</div>
<div class="product-title">
<!-- Product Title -->
<h6 class="font-weight-medium"><a href="#">Product title</a></h6>
<!-- Product Price -->
<div class="price">
<del>$98</del>
<span>$49</span>
</div>
</div>
</div>
<!-- Carousel Item 4 -->
<div class="product-box">
<div class="product-img">
<!-- Product IMG -->
<a class="product-img-link" href="#">
<img src="/assets/images/col-2-tall.jpg" alt="">
</a>
<!-- Badge (left) -->
<div class="product-badge-left"><!-- you can add: 'red/green' -->
<span>New</span>
</div>
<!-- Badge (right) -->
<div class="product-badge-right red"><!-- you can add: 'red/green' -->
<span>-50%</span>
</div>
<!-- Add to Cart -->
<div class="add-to-cart">
<a href="#">Add to Cart</a>
</div>
</div>
<div class="product-title">
<!-- Product Title -->
<h6 class="font-weight-medium"><a href="#">Product title</a></h6>
<!-- Product Price -->
<div class="price">
<del>$98</del>
<span>$49</span>
</div>
</div>
</div>
</div><!-- end owl-carousel -->
</div><!-- end container -->
</div>
<!-- end Related Products -->
<footer>
<div class="section-sm bg-dark">
<div class="container">
<h3>BMS Bau</h3>
<div class="row col-spacing-20">
<div class="col-6 col-sm-6 col-lg-3">
<h6 class="font-small font-weight-normal uppercase pr-lg-5">
Kundennähe wird bei <br> uns mehr als groß geschrieben und hat höchste Priorität.
</h6>
</div>
<div class="col-6 col-sm-6 col-lg-3">
<h6 class="font-small font-weight-normal uppercase">
Unsere Partner
</h6>
<ul class="list-unstyled">
<li><a href="/about.html">C-Profile</a></li>
<li><a href="/about.html#team">Team</a></li>
<li><a href="/leistungen.html">Services</a></li>
<li><a href="/kontakt.html">Contact</a></li>
</ul>
</div>
<div class="col-6 col-sm-6 col-lg-3">
<h6 class="font-small font-weight-normal uppercase">
Geschäftsführung
</h6>
<ul class="list-unstyled">
<li><a href="#">Gerhard Zimmermann</a></li>
<li><a href="#">Richard Wippel</a></li>
<li><a href="#">Firmenbuch Nr: 456884p</a></li>
<li><a href="#">UID-NR: ATU71244325</a></li>
</ul>
</div>
<div class="col-6 col-sm-6 col-lg-3">
<h6 class="font-small font-weight-normal uppercase">
Contact Info
</h6>
<ul class="list-unstyled">
<li>Reichsstraße 37</li>
<li>A - 8430 Leibnitz</li>
<li>office@bms-bau.at</li>
<li>Tel: +43 (0) 3452 89090</li>
</ul>
</div>
</div>
<!-- end row(1) -->
<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">
<p>&copy; 2022 BMS Bau, All Rights Reserved.</p>
</div>
<div class="col-12 col-md-6 text-center text-md-right">
<ul class="list-inline">
<li>
<a href="/datenschutz.html">Datenschutzerklärung</a>
</li>
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-pinterest"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
<!-- end row(2) -->
</div>
<!-- end container -->
</div>
</footer>
<!-- 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 -->
<!-- ***** 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>

427
bms_houses/haus12.html 100644
View File

@ -0,0 +1,427 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="keywords" content="">
<title>BMS - Häuser</title>
<!-- Favicon -->
<link href="/assets/images/FB_Red.png" rel="shortcut icon">
<!-- CSS -->
<link href="/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="/assets/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet">
<link href="/assets/plugins/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
<link href="/assets/plugins/magnific-popup/magnific-popup.min.css" rel="stylesheet">
<link href="/assets/plugins/sal/sal.min.css" rel="stylesheet">
<link href="/assets/css/theme.css" rel="stylesheet">
<!-- Fonts/Icons -->
<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">
<!-- Header -->
<div class="header right absolute-light">
<div class="container">
<!-- Logo -->
<div class="header-logo">
<h3>
<a href="index.html"
><img src="/assets/images/1x/BMS_Logo.png" alt="BMS">
</a>
</h3>
<!--
<img class="logo-dark" src="/assets/images/your-logo-dark.png" alt="">
<img class="logo-light" src="/assets/images/your-logo-light.png" alt="">
-->
</div>
<!-- Menu -->
<div class="header-menu">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/Blog/blog.html">Bauen mit BMS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about.html">Über Uns</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/leistungen.html">Leistungen</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/referenzen.html">Referenzen</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/kontakt.html">Kontakt</a>
</li>
</ul>
</div>
<!-- Menu Extra -->
<div class="header-menu-extra">
<ul class="list-inline">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
<!-- Menu Toggle -->
<button class="header-toggle">
<span></span>
</button>
</div>
<!-- end container -->
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
</div>
</div>
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-5">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
<ins>€ 224.990</ins>
</h5>
</div>
<p>Einfamilienhaus Juno 116 m² - Schlüsselfertig mit Bodenplatte</p><br>
<button class="button button-md button-dark" type="submit">Kontakt</button>
</form>
<div class="margin-top-30">
<p>SKU: 7777</p>
<a class="button-text-1 margin-top-10" href="#">Merkliste</a>
</div>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div>
<div class="container">
<div class="product-info-box">
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
</tr>
<tr>
<th scope="row">Dimension</th>
<td>38.6 x 33.3 x 10.5 mm</td>
</tr>
<tr>
<th scope="row">Color</th>
<td>Space Gray, Rose, White</td>
</tr>
<tr>
<th scope="row">Care</th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div><!-- end container -->
<!-- Related Products -->
<div class="section">
<div class="container">
<div class="margin-bottom-70 text-center">
<h3 class="font-weight-normal">Related Products</h3>
</div>
<div class="owl-carousel" data-owl-dots="false" data-owl-autoplay="true" data-owl-margin="30" data-owl-xs="1"
data-owl-sm="2" data-owl-md="3" data-owl-lg="3" data-owl-xl="3">
<!-- Carousel Item 1 -->
<div class="product-box">
<div class="product-img">
<!-- Product IMG -->
<a class="product-img-link" href="#">
<img src="/assets/images/col-2-tall.jpg" alt="">
</a>
<!-- Badge (left) -->
<div class="product-badge-left"><!-- you can add: 'red/green' -->
<span>New</span>
</div>
<!-- Badge (right) -->
<div class="product-badge-right red"><!-- you can add: 'red/green' -->
<span>-50%</span>
</div>
<!-- Add to Cart -->
<div class="add-to-cart">
<a href="#">Add to Cart</a>
</div>
</div>
<div class="product-title">
<!-- Product Title -->
<h6 class="font-weight-medium"><a href="#">Product title</a></h6>
<!-- Product Price -->
<div class="price">
<del>$98</del>
<span>$49</span>
</div>
</div>
</div>
<!-- Carousel Item 2 -->
<div class="product-box">
<div class="product-img">
<!-- Product IMG -->
<a class="product-img-link" href="#">
<img src="/assets/images/col-2-tall.jpg" alt="">
</a>
<!-- Badge (left) -->
<div class="product-badge-left"><!-- you can add: 'red/green' -->
<span>New</span>
</div>
<!-- Badge (right) -->
<div class="product-badge-right red"><!-- you can add: 'red/green' -->
<span>-50%</span>
</div>
<!-- Add to Cart -->
<div class="add-to-cart">
<a href="#">Add to Cart</a>
</div>
</div>
<div class="product-title">
<!-- Product Title -->
<h6 class="font-weight-medium"><a href="#">Product title</a></h6>
<!-- Product Price -->
<div class="price">
<del>$98</del>
<span>$49</span>
</div>
</div>
</div>
<!-- Carousel Item 3 -->
<div class="product-box">
<div class="product-img">
<!-- Product IMG -->
<a class="product-img-link" href="#">
<img src="/assets/images/col-2-tall.jpg" alt="">
</a>
<!-- Badge (left) -->
<div class="product-badge-left"><!-- you can add: 'red/green' -->
<span>New</span>
</div>
<!-- Badge (right) -->
<div class="product-badge-right red"><!-- you can add: 'red/green' -->
<span>-50%</span>
</div>
<!-- Add to Cart -->
<div class="add-to-cart">
<a href="#">Add to Cart</a>
</div>
</div>
<div class="product-title">
<!-- Product Title -->
<h6 class="font-weight-medium"><a href="#">Product title</a></h6>
<!-- Product Price -->
<div class="price">
<del>$98</del>
<span>$49</span>
</div>
</div>
</div>
<!-- Carousel Item 4 -->
<div class="product-box">
<div class="product-img">
<!-- Product IMG -->
<a class="product-img-link" href="#">
<img src="/assets/images/col-2-tall.jpg" alt="">
</a>
<!-- Badge (left) -->
<div class="product-badge-left"><!-- you can add: 'red/green' -->
<span>New</span>
</div>
<!-- Badge (right) -->
<div class="product-badge-right red"><!-- you can add: 'red/green' -->
<span>-50%</span>
</div>
<!-- Add to Cart -->
<div class="add-to-cart">
<a href="#">Add to Cart</a>
</div>
</div>
<div class="product-title">
<!-- Product Title -->
<h6 class="font-weight-medium"><a href="#">Product title</a></h6>
<!-- Product Price -->
<div class="price">
<del>$98</del>
<span>$49</span>
</div>
</div>
</div>
</div><!-- end owl-carousel -->
</div><!-- end container -->
</div>
<!-- end Related Products -->
<footer>
<div class="section-sm bg-dark">
<div class="container">
<h3>BMS Bau</h3>
<div class="row col-spacing-20">
<div class="col-6 col-sm-6 col-lg-3">
<h6 class="font-small font-weight-normal uppercase pr-lg-5">
Kundennähe wird bei <br> uns mehr als groß geschrieben und hat höchste Priorität.
</h6>
</div>
<div class="col-6 col-sm-6 col-lg-3">
<h6 class="font-small font-weight-normal uppercase">
Unsere Partner
</h6>
<ul class="list-unstyled">
<li><a href="/about.html">C-Profile</a></li>
<li><a href="/about.html#team">Team</a></li>
<li><a href="/leistungen.html">Services</a></li>
<li><a href="/kontakt.html">Contact</a></li>
</ul>
</div>
<div class="col-6 col-sm-6 col-lg-3">
<h6 class="font-small font-weight-normal uppercase">
Geschäftsführung
</h6>
<ul class="list-unstyled">
<li><a href="#">Gerhard Zimmermann</a></li>
<li><a href="#">Richard Wippel</a></li>
<li><a href="#">Firmenbuch Nr: 456884p</a></li>
<li><a href="#">UID-NR: ATU71244325</a></li>
</ul>
</div>
<div class="col-6 col-sm-6 col-lg-3">
<h6 class="font-small font-weight-normal uppercase">
Contact Info
</h6>
<ul class="list-unstyled">
<li>Reichsstraße 37</li>
<li>A - 8430 Leibnitz</li>
<li>office@bms-bau.at</li>
<li>Tel: +43 (0) 3452 89090</li>
</ul>
</div>
</div>
<!-- end row(1) -->
<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">
<p>&copy; 2022 BMS Bau, All Rights Reserved.</p>
</div>
<div class="col-12 col-md-6 text-center text-md-right">
<ul class="list-inline">
<li>
<a href="/datenschutz.html">Datenschutzerklärung</a>
</li>
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-pinterest"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
<!-- end row(2) -->
</div>
<!-- end container -->
</div>
</footer>
<!-- 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 -->
<!-- ***** 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>

73
bms_houses/haus2.html
View File

@ -28,7 +28,7 @@
<!-- Logo -->
<div class="header-logo">
<h3>
<a href="/index.html"
<a href="index.html"
><img src="/assets/images/1x/BMS_Logo.png" alt="BMS">
</a>
</h3>
@ -88,17 +88,16 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int4.jpeg"
style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: auto; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Haus Juno 116</h1>
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/index.html">Home</a></li>
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item active" aria-current="page">Haus Juno</li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
@ -108,32 +107,38 @@
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-8">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails">
<li><a href="#1"><img src="/assets/images/Haus6.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20OG.bmp" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20OG.bmp" alt=""></a></li>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-4">
<div class="col-12 col-lg-5">haus1.html
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 3</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Juno Haus 116</h3>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
@ -154,18 +159,16 @@
<div class="container">
<div class="product-info-box">
<ul class="nav margin-bottom-20">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#specs">Haus Beschreibung</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#additional-info">Mehr Info</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
@ -184,17 +187,15 @@
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="additional-info">
<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. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div>
</div>
</div>
</div><!-- end container -->

73
bms_houses/haus3.html
View File

@ -28,7 +28,7 @@
<!-- Logo -->
<div class="header-logo">
<h3>
<a href="/index.html"
<a href="index.html"
><img src="/assets/images/1x/BMS_Logo.png" alt="BMS">
</a>
</h3>
@ -88,17 +88,16 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int4.jpeg"
style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: auto; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Haus Juno 116</h1>
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/index.html">Home</a></li>
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item active" aria-current="page">Haus Juno</li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
@ -108,32 +107,38 @@
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-8">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assehaus1.htmlhaus1.htmlts/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails">
<li><a href="#1"><img src="/assets/images/Haus6.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20OG.bmp" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20OG.bmp" alt=""></a></li>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-4">
<div class="col-12 col-lg-5">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 3</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Juno Haus 116</h3>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
@ -154,18 +159,16 @@
<div class="container">
<div class="product-info-box">
<ul class="nav margin-bottom-20">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#specs">Haus Beschreibung</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#additional-info">Mehr Info</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
@ -184,17 +187,15 @@
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="additional-info">
<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. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div>
</div>
</div>
</div><!-- end container -->

75
bms_houses/haus4.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html>
haus3.html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
@ -28,7 +28,7 @@
<!-- Logo -->
<div class="header-logo">
<h3>
<a href="/index.html"
<a href="index.html"
><img src="/assets/images/1x/BMS_Logo.png" alt="BMS">
</a>
</h3>
@ -88,17 +88,16 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int4.jpeg"
style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: auto; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Haus Juno 116</h1>
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/index.html">Home</a></li>
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item active" aria-current="page">Haus Juno</li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
@ -108,32 +107,38 @@
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-8">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assehaus1.htmlhaus1.htmlts/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails">
<li><a href="#1"><img src="/assets/images/Haus6.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20OG.bmp" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20OG.bmp" alt=""></a></li>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-4">
<div class="col-12 col-lg-5">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 3</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Juno Haus 116</h3>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
@ -154,18 +159,16 @@
<div class="container">
<div class="product-info-box">
<ul class="nav margin-bottom-20">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#specs">Haus Beschreibung</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#additional-info">Mehr Info</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
@ -184,17 +187,15 @@
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="additional-info">
<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. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div>
</div>
</div>
</div><!-- end container -->

69
bms_houses/haus5.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Projekt 2</title>
<title>BMS - Häuser</title>
<!-- Favicon -->
<link href="/assets/images/FB_Red.png" rel="shortcut icon">
<!-- CSS -->
@ -88,17 +88,16 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Bungalow1.jpeg"
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Bungalow</h1>
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/index.html">Home</a></li>
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item active" aria-current="page">Bungalow</li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
@ -109,38 +108,44 @@
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Bungalow1.jpeg" alt="">
<img src="/assets/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Bungalow1.jpeg" alt="">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Bungalow1.jpeg" alt="">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails">
<li><a href="#1"><img src="/assets/images/Bungalow12.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Bungalow13.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Bungalow14.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Bungalow15.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Bungalow16.jpeg" alt=""></a></li>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-5">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 2</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Bungalow</h3>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
<ins>€ 224.990</ins>
</h5>
</div>
<p>Wohnfläche 116 m² - Schlüsselfertig mit Bodenplatte</p><br>
<p>Einfamilienhaus Juno 116 m² - Schlüsselfertig mit Bodenplatte</p><br>
<button class="button button-md button-dark" type="submit">Kontakt</button>
</form>
<div class="margin-top-30">
@ -154,18 +159,16 @@
<div class="container">
<div class="product-info-box">
<ul class="nav margin-bottom-20">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#specs">Haus Beschreibung</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#additional-info">Mehr Info</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
@ -184,17 +187,15 @@
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="additional-info">
<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. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div>
</div>
</div>
</div><!-- end container -->

73
bms_houses/haus6.html
View File

@ -28,7 +28,7 @@
<!-- Logo -->
<div class="header-logo">
<h3>
<a href="/index.html"
<a href="index.html"
><img src="/assets/images/1x/BMS_Logo.png" alt="BMS">
</a>
</h3>
@ -88,17 +88,16 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int4.jpeg"
style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: auto; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Haus Juno 116</h1>
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/index.html">Home</a></li>
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item active" aria-current="page">Haus Juno</li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
@ -108,32 +107,38 @@
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-8">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails">
<li><a href="#1"><img src="/assets/images/Haus6.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20OG.bmp" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20OG.bmp" alt=""></a></li>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-4">
<div class="col-12 col-lg-5">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 3</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Juno Haus 116</h3>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
@ -154,18 +159,16 @@
<div class="container">
<div class="product-info-box">
<ul class="nav margin-bottom-20">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#specs">Haus Beschreibung</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#additional-info">Mehr Info</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
@ -184,17 +187,15 @@
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="additional-info">
<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. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div>
</div>
</div>
</div><!-- end container -->

73
bms_houses/haus7.html
View File

@ -28,7 +28,7 @@
<!-- Logo -->
<div class="header-logo">
<h3>
<a href="/index.html"
<a href="index.html"
><img src="/assets/images/1x/BMS_Logo.png" alt="BMS">
</a>
</h3>
@ -88,17 +88,16 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int4.jpeg"
style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: auto; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Haus Juno 116</h1>
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/index.html">Home</a></li>
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item active" aria-current="page">Haus Juno</li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
@ -108,32 +107,38 @@
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-8">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assehaus1.htmlhaus1.htmlts/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails">
<li><a href="#1"><img src="/assets/images/Haus6.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20OG.bmp" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20OG.bmp" alt=""></a></li>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-4">
<div class="col-12 col-lg-5">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 3</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Juno Haus 116</h3>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
@ -154,18 +159,16 @@
<div class="container">
<div class="product-info-box">
<ul class="nav margin-bottom-20">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#specs">Haus Beschreibung</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#additional-info">Mehr Info</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
@ -184,17 +187,15 @@
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="additional-info">
<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. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div>
</div>
</div>
</div><!-- end container -->

73
bms_houses/haus8.html
View File

@ -28,7 +28,7 @@
<!-- Logo -->
<div class="header-logo">
<h3>
<a href="/index.html"
<a href="index.html"
><img src="/assets/images/1x/BMS_Logo.png" alt="BMS">
</a>
</h3>
@ -88,17 +88,16 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int4.jpeg"
style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: auto; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Haus Juno 116</h1>
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/index.html">Home</a></li>
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item active" aria-current="page">Haus Juno</li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
@ -108,32 +107,38 @@
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-8">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails">
<li><a href="#1"><img src="/assets/images/Haus6.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20OG.bmp" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20OG.bmp" alt=""></a></li>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-4">
<div class="col-12 col-lg-5">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 3</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Juno Haus 116</h3>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
@ -154,18 +159,16 @@
<div class="container">
<div class="product-info-box">
<ul class="nav margin-bottom-20">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#specs">Haus Beschreibung</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#additional-info">Mehr Info</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
@ -184,17 +187,15 @@
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget
dolor.
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="additional-info">
<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. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div>
</div>
</div>
</div><!-- end container -->

87
bms_houses/haus9.html
View File

@ -28,7 +28,7 @@
<!-- Logo -->
<div class="header-logo">
<h3>
<a href="/index.html"
<a href="index.html"
><img src="/assets/images/1x/BMS_Logo.png" alt="BMS">
</a>
</h3>
@ -88,17 +88,16 @@
</div>
<!-- end Header -->
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int4.jpeg"
style="background-image: url(&quot;assets/images/Haus11.jpeg&quot;); background-size: auto; background-repeat: no-repeat; background-position: center 100% 0%;">
<div class="section-xl bg-image" data-bg-src="/assets/images/Haus_Int6.jpeg"
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="container text-center">
<h1 class="font-weight-light">Haus Juno 116</h1>
<h1 class="font-weight-light">Einfamilienhaus</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="/index.html">Home</a></li>
<li class="breadcrumb-item"><a href="/leistungen.html">Leistungen</a></li>
<li class="breadcrumb-item"><a href="/galerie.html">Galerie</a></li>
<li class="breadcrumb-item active" aria-current="page">Haus Juno</li>
<li class="breadcrumb-item"><a href="/referenzen.html">Massivhäuser</a></li>
</ul>
</nav>
</div><!-- end container -->
@ -108,32 +107,38 @@
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-8">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div class="col-12 col-lg-7">
<div class="owl-carousel product-carousel owl-dots-overlay">
<div data-hash="1">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus12.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Haus6.jpeg" alt="">
<img src="/assets/images/Massivhaus13.jpeg" alt="">
</div>
<div data-hash="4">
<img src="/assets/images/Massivhaus14.jpeg" alt="">
</div>
<div data-hash="5">
<img src="/assets/images/Massivhaus15.jpeg" alt="">
</div>
</div>
<ul class="product-carousel-thumbnails">
<li><a href="#1"><img src="/assets/images/Haus6.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20Ansicht%20Oben%20OG.bmp" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20EG.bmp" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/BMS_Haus%20Flachdach%20Grundriss%20195%20OG.bmp" alt=""></a></li>
<ul class="product-carousel-thumbnails padding-20">
<li><a href="#1"><img src="/assets/images/Massivhaus1.jpeg" alt=""></a></li>
<li><a href="#2"><img src="/assets/images/Massivhaus12.jpeg" alt=""></a></li>
<li><a href="#3"><img src="/assets/images/Massivhaus13.jpeg" alt=""></a></li>
<li><a href="#4"><img src="/assets/images/Massivhaus14.jpeg" alt=""></a></li>
<li><a href="#5"><img src="/assets/images/Massivhaus15.jpeg" alt=""></a></li>
</ul>
</div>
<div class="col-12 col-lg-4">
<div class="col-12 col-lg-5">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 3</a></li>
<li><a href="#">Haus 1</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Juno Haus 116</h3>
<h3 class="font-weight-normal margin-0">Haus 224</h3>
<div class="product-price">
<h5 class="font-weight-light">
<del>€ 255.990</del>
@ -154,18 +159,16 @@
<div class="container">
<div class="product-info-box">
<ul class="nav margin-bottom-20">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#specs">Haus Beschreibung</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#additional-info">Mehr Info</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="specs">
<table class="table">
<tbody>
<tr>
<th scope="row"></th>
<td>
<h5>Haus Beschreibung</h5>
</td>
</tr>
<tr>
<th scope="row">Weight</th>
<td>25 g</td>
@ -184,17 +187,29 @@
dolor.
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Modernes und innovatives Design
Der Bungalow Sunny beeindruckt mit größzügigem Wohn- und Essbereich in schlichter Grundrissform. Die Schlafbereiche wurden als seperater Trakt geplant. Im Inneren des Bungalows fällt besonders die großzügige Verglasung im Wohnbereich auf. Optional ist auch der Anbau einer Garage möglich.
- Bungalow Sunny in belagsfertiger Ausführung
-Bodenplatte/Fundamentplatte enthalten (Keller optional möglich)
- Ziegel - Massivhaus mit 132m² Wohnfläche
- 25cm Ziegel mit 20cm Wärmedämmung (Alternativ: 50cm Ziegel)
- Walmdach
- Spenglerarbeiten in Alu Color
- Kunststoff-Fenster weiß
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="additional-info">
<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. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div>
</div>
</div>
</div><!-- end container -->

2
index.html
View File

@ -480,7 +480,7 @@
></textarea>
<button
class="
button button-lg button-radius button-reveal-right-outline-white button-font-2
button button-lg button-radius button-reveal-right-outline-white button-font-2 margin-top-30 float-left
"
type="submit"
>

4
kontakt.html
View File

@ -514,8 +514,8 @@
</div>
<div class="col-12">
<button class="float-right button button-lg button-radius button-dark button-font-2" type="submit">Absenden</button>
<div class="col-12 text-center margin-top-50">
<button class="button button-lg button-radius button-dark button-font-2" type="submit">Absenden</button>
</div>
</div>

2
leistungen.html
View File

@ -272,7 +272,7 @@
<div class="margin-bottom-70">
<div class="row text-center">
<div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h2 class="font-weight-normal">BMS Haüser</h2>
<h2 class="font-weight-normal">BMS Häuser</h2>
</div>
</div>
</div>

22
referenzen.html
View File

@ -110,8 +110,9 @@
<div class="row text-center padding-bottom-30">
<div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
<h2 class="font-weight-normal" id="mh">Massivhäuser</h2><br>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Das Prinzip "Stein auf Stein" macht den Unterschied. Massivhäuser bieten hohe Energieeffizienz,
große Stabilität, einzigartiges Wohnklima, Schallschutz und dabei eine sichere Wertanlage <br> für
ein ganzes Leben.</p>
</div>
</div><!-- end row -->
<div class="portfolio-wrapper column-2 spacing-50 hover-style-2">
@ -185,8 +186,10 @@
<div class="row text-center padding-bottom-30">
<div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
<h2 class="font-weight-normal" id="mfwh">Metallfachwerkhäuser</h2><br>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Die Stahl-Leichtbauweise verbindet Funktionalität mit Innovation, Nachhaltigkeit mit Ästhetik und bietet zahlreiche
Variationsmöglichkeiten die Fassade und Raumteilung ganz nach persönlichen Wünschen und
Bedürfnissen zu gestalten. In Kombination mit anderen Baustoffen <br> erreicht man eine neue Qualität des
Wohnens.</p>
</div>
</div><!-- end row -->
<div class="portfolio-wrapper column-2 spacing-50 hover-style-2">
@ -260,8 +263,9 @@
<div class="row text-center padding-bottom-30">
<div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
<h2 class="font-weight-normal" id="jh">Jahreshäuser</h2><br>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Hier finden Sie einen Überblick unserer Ziegel-Massiv-Niedrigenergiehäuser in Top Qualität
zum besten Preis. Diese Aktionshäuser haben einen festen Grundriss, aber Türen, Fenster,
Dach sowie die Fassadenverkleidung sind individuell gestaltbar.</p>
</div>
</div><!-- end row -->
<div class="portfolio-wrapper column-2 spacing-50 hover-style-2">
@ -335,8 +339,10 @@
<div class="row text-center padding-bottom-30">
<div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
<h2 class="font-weight-normal" id="hh">Holzhäuser</h2><br>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Ob Sie Ihr ganzes Leben in einem Holzhaus verbringen wollen oder es nur als Ferienhaus verwenden,
es gibt viele Gründe welche für ein Holzhaus sprechen:
maximale Wärme- und Schalldämmung sowie Wärmespeichervermögen und
Feuchteausgleich zeichnen das Naturstammhaus besonders aus.</p>
</div>
</div><!-- end row -->
<div class="portfolio-wrapper column-2 spacing-50 hover-style-2">