Compare commits

...

4 Commits

Author SHA1 Message Date
fab_media 1808fa472e Changes by haraldwolff 2022-03-14 09:54:47 +01:00
fab_media 47aec5b507 Links Pages 2022-03-14 09:54:30 +01:00
fab_media 36d1fe08c8 Merge branch 'master' of https://git.l--n.de/haraldwolff/FanicaSite
 Conflicts:
	referenzen.html
2022-03-14 09:05:34 +01:00
fab_media 41197e330c Links Pages 2022-03-10 09:54:48 +01:00
11 changed files with 481 additions and 462 deletions

View File

@ -10855,7 +10855,22 @@ textarea.large {
}
.padding-bottom-30 {
padding-bottom: 30px;
padding-bottom: 30px !important;
}
.padding-bottom-40 {
padding-bottom: 40px !important;
}
.padding-bottom-50 {
padding-bottom: 50px !important;
}
.padding-bottom-60 {
padding-bottom: 60px !important;
}
.padding-bottom-70 {
padding-bottom: 70px !important;
}
.padding-bottom-90 {
padding-bottom: 90px !important;
}
.opaque {
@ -10864,4 +10879,8 @@ textarea.large {
.opaque {
opacity: 1.0 !important;
}
.readmore.font-large {
font-size: 18px;
}

View File

@ -1,426 +0,0 @@
<!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_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="bg-dark-grey-06">
<div class="container text-center">
<h1 class="font-weight-light">Haus Juno 116</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>
</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-8">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div data-hash="1">
<img src="/assets/images/Haus6.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Haus6.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Haus6.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>
</div>
<div class="col-12 col-lg-4">
<ul class="list-inline-slash font-small margin-bottom-10">
<li><a href="#">Massivhäuser</a></li>
<li><a href="#">Haus 3</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Juno Haus 116</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">
<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">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>
</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 -->
<!-- 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>

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 -->
@ -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,17 @@
</div>
<!-- end Header -->
<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-position: center 100% 0%;">
<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="bg-dark-grey-06">
<div class="container text-center">
<h1 class="font-weight-light">Bungalow</h1>
<h1 class="font-weight-light">Haus Juno 116</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 active" aria-current="page">Haus Juno</li>
</ul>
</nav>
</div><!-- end container -->
@ -108,39 +108,39 @@
<div class="section">
<div class="container">
<div class="row col-spacing-50">
<div class="col-12 col-lg-7">
<div class="col-12 col-lg-8">
<div class="owl-carousel product-carousel owl-dots-overlay-right">
<div data-hash="1">
<img src="/assets/images/Bungalow1.jpeg" alt="">
<img src="/assets/images/Haus6.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Bungalow1.jpeg" alt="">
<img src="/assets/images/Haus6.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Bungalow1.jpeg" alt="">
<img src="/assets/images/Haus6.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>
<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>
</div>
<div class="col-12 col-lg-5">
<div class="col-12 col-lg-4">
<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 3</a></li>
</ul>
<h3 class="font-weight-normal margin-0">Bungalow</h3>
<h3 class="font-weight-normal margin-0">Juno Haus 116</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">

View File

@ -0,0 +1,426 @@
<!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>Projekt 2</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/Bungalow1.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>
<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>
</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-right">
<div data-hash="1">
<img src="/assets/images/Bungalow1.jpeg" alt="">
</div>
<div data-hash="2">
<img src="/assets/images/Bungalow1.jpeg" alt="">
</div>
<div data-hash="3">
<img src="/assets/images/Bungalow1.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>
</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>
</ul>
<h3 class="font-weight-normal margin-0">Bungalow</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>
<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">
<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">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>
</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 -->
<!-- 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>

View File

@ -361,7 +361,7 @@
voice and then communicate it consistentely on all platforms.
</p>
<a class="text-primary readmore" href="/referenzen.html#mh"> Mehr erfahren</a>
<a class="text-primary readmore font-large" href="/referenzen.html#mh"> Mehr erfahren</a>
</div>
<!-- Icon text box 2 -->
@ -373,7 +373,7 @@
things simple. Build relationships and stay authentic.
</p>
<a class="text-primary readmore" href="/referenzen.html#mfwh"> Mehr erfahren</a>
<a class="text-primary readmore font-large" href="/referenzen.html#mfwh"> Mehr erfahren</a>
</div>
</div>
<!-- end row -->
@ -387,7 +387,7 @@
with your audience and build brand loyalty.
</p>
<a class="text-primary readmore" href="/referenzen.html#jh"> Mehr erfahren</a>
<a class="text-primary readmore font-large" href="/referenzen.html#jh"> Mehr erfahren</a>
</div>
<!-- Icon text box 2 -->
@ -399,7 +399,7 @@
take your gifts and turn them into real projects.
</p>
<a class="text-primary readmore" href="/referenzen.html#hh"> Mehr erfahren</a>
<a class="text-primary readmore font-large" href="/referenzen.html#hh"> Mehr erfahren</a>
</div>
</div>
<!-- end row -->
@ -408,7 +408,7 @@
</div>
<!-- end Services section -->
<!-- Contact section -->
<div class="section border-top">
<div class="section border-top">
<div class="container">
<div class="margin-bottom-70">
<div class="row text-center">

View File

@ -124,7 +124,7 @@
voice and then communicate it consistentely on all platforms.
</p>
<a class="text-primary readmore" href="/referenzen.html#mh"> Mehr erfahren</a>
<a class="text-primary readmore font-large" href="/referenzen.html#mh"> Mehr erfahren</a>
</div>
<!-- Icon text box 2 -->
@ -136,7 +136,7 @@
things simple. Build relationships and stay authentic.
</p>
<a class="text-primary readmore" href="/referenzen.html#mfwh"> Mehr erfahren</a>
<a class="text-primary readmore font-large" href="/referenzen.html#mfwh"> Mehr erfahren</a>
</div>
</div>
<!-- end row -->
@ -150,7 +150,7 @@
with your audience and build brand loyalty.
</p>
<a class="text-primary readmore" href="/referenzen.html#jh"> Mehr erfahren</a>
<a class="text-primary readmore font-large" href="/referenzen.html#jh"> Mehr erfahren</a>
</div>
<!-- Icon text box 2 -->
@ -162,7 +162,7 @@
take your gifts and turn them into real projects.
</p>
<a class="text-primary readmore" href="/referenzen.html#hh"> Mehr erfahren</a>
<a class="text-primary readmore font-large" href="/referenzen.html#hh"> Mehr erfahren</a>
</div>
</div>

View File

@ -105,9 +105,9 @@
</div>
<!-- Clients section -->
<div class="section-lg padding-bottom-0 padding-y-70">
<div class="section-lg padding-bottom-40 padding-y-70">
<div class="container">
<div class="row text-center">
<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
@ -180,9 +180,9 @@
</div>
<!-- end Clients section -->
<!-- Clients section -->
<div class="section-lg padding-y-70">
<div class="section-lg padding-y-40">
<div class="container">
<div class="row text-center">
<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
@ -257,7 +257,7 @@
<!-- Clients section -->
<div class="section-lg padding-y-40">
<div class="container">
<div class="row text-center">
<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
@ -331,8 +331,8 @@
<!-- end Clients section -->
<!-- Clients section -->
<div class="section-lg padding-y-40">
<div class="container">
<div class="row text-center">
<div class="container padding-bottom-50">
<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