FanicaSite/leistungen.html

466 lines
21 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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 - Leistungen</title>
<!-- Favicon -->
<link href="/assets/images/FB_Red.jpeg" 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/BMS_Logo.png">
</a>
</h3>
<!--
<img class="logo-dark" src="/assets/images/your-logo-dark.jpeg" alt="">
<img class="logo-light" src="/assets/images/your-logo-light.jpeg" 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="https://www.facebook.com/people/BMS-Bau/100063715863092/"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="https://www.instagram.com/bmsbau/"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/in/firma-bms-bau-b91463241/"><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('/assets/images/Haus11.jpeg'); background-size: cover; background-repeat: no-repeat; background-position: 100% 0%;">
<div class="bg-dark-grey-04">
<div class="container text-center">
<h1 class="font-weight-light">Leistungen</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="#">Pages</a></li> -->
<li class="breadcrumb-item active" aria-current="page">Leistungen</li>
</ul>
</nav>
</div><!-- end container -->
</div>
</div>
<!-- Services section -->
<div class="section">
<div class="container text-center">
<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">Unsere Leistungen auf einem Blick</h2>
</div>
</div>
</div>
<div class="row col-spacing-40 icon-5xl mb-1">
<!-- Icon text box 1 -->
<div class="col-12 col-lg-6">
<img class="sym-img" src="/assets/images/H5.jpeg" alt=""/>
<h5 class="font-weight-normal margin-top-20">Massivhäuser</h5>
<p>
Define what your brand stands for, its core values, its tone of
voice and then communicate it consistentely on all platforms.
</p>
<a class="text-primary readmore font-large" href="/referenzen.html#mh"> Mehr erfahren</a>
</div>
<!-- Icon text box 2 -->
<div class="col-12 col-lg-6">
<img class="sym-img" src="/assets/images/H6.jpeg" alt=""/>
<h5 class="font-weight-normal margin-top-20">Metallwerkhaüser</h5>
<p>
Social media is all about connection, consistency and keeping
things simple. Build relationships and stay authentic.
</p>
<a class="text-primary readmore font-large" href="/referenzen.html#mfwh"> Mehr erfahren</a>
</div>
</div>
<!-- end row -->
<div class="row col-spacing-40 icon-5xl mt-3 mb-1">
<!-- Icon text box 1 -->
<div class="col-12 col-lg-6">
<img class="sym-img" src="/assets/images/H7.jpeg" alt=""/>
<h5 class="font-weight-normal margin-top-20">Jahreshäuser</h5>
<p>
We help you develop an impactful content strategy to better engage
with your audience and build brand loyalty.
</p>
<a class="text-primary readmore font-large" href="/referenzen.html#jh"> Mehr erfahren</a>
</div>
<!-- Icon text box 2 -->
<div class="col-12 col-lg-6">
<img class="sym-img" src="/assets/images/H4.jpeg" alt=""/>
<h5 class="font-weight-normal margin-top-20">Holzhäuser</h5>
<p>
You are creative, independent and innovative. We support you to
take your gifts and turn them into real projects.
</p>
<a class="text-primary readmore font-large" href="/referenzen.html#hh"> Mehr erfahren</a>
</div>
</div>
</div><!-- end container -->
</div>
<!-- end Services section -->
<!-- Pie Charts section -->
<div
class="section-lg bg-image"
data-bg-src="/assets/images/Haus_Int6.jpeg"
>
<div class="bg-dark-grey-06">
<div class="container text-center">
<div class="row">
<!-- Pie Chart box 1 -->
<div class="col-12 col-sm-6 col-lg-3">
<div
class=" margin-bottom-10 ">
<img src="assets/images/SVG/Asset%202.svg" style="width: 120px">
<div class="pie-chart-content">
</div>
</div>
<h6 class="font-small font-weight-normal uppercase margin-0">
Wohnbau
</h6>
</div>
<!-- Pie Chart box 2 -->
<div class="col-12 col-sm-6 col-lg-3">
<div
class=" margin-bottom-10 ">
<img src="assets/images/SVG/Asset%203.svg" style="width: 100px">
<div class="pie-chart-content">
</div>
</div>
<h6 class="font-small font-weight-normal uppercase margin-0">
Gewerbebau
</h6>
</div>
<!-- Pie Chart box 3 -->
<div class="col-12 col-sm-6 col-lg-3">
<div
class=" margin-bottom-10 ">
<img src="assets/images/SVG/Asset%204.svg" style="width: 120px">
<div class="pie-chart-content">
</div>
</div>
<h6 class="font-small font-weight-normal uppercase margin-0">
Sanierung
</h6>
</div>
<!-- Pie Chart box 4 -->
<div class="col-12 col-sm-6 col-lg-3">
<div
class=" margin-bottom-10 ">
<img src="assets/images/SVG/Asset%205.svg" style="width: 100px">
<div class="pie-chart-content">
</div>
</div>
<h6 class="font-small font-weight-normal uppercase margin-0">
Innenaustattung
</h6>
</div>
</div>
<!-- end row(inner) -->
</div>
<!-- end container -->
</div>
<!-- end bg-black-* -->
</div>
<!-- end Pie Charts section -->
<!-- section -->
<div class="container">
<!-- box 1 -->
<!-- Services section -->
<div class="section">
<div class="container text-center">
<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 Häuser</h2>
</div>
</div>
</div>
<div id="brand" class="row align-items-center col-spacing-50 margin-top-50 text-md-left">
<div class="col-12 col-md-6">
<img class="border-radius box-shadow-with-hover" src="/assets/images/Haus1.jpeg" alt="">
</div>
<div class="col-12 col-md-6">
<h6 class="font-family-tertiary font-small font-weight-normal uppercase">Haustyp #1</h6>
<h4>Modernes Haus mit Pool</h4>
<p>A brand can be a logo, a symbol or even a slogan, but above all it is an identity and a
reputation. A positive image you have to create online and offline that helps you get
recognition and move forward.</p>
</div>
</div>
<br>
<!-- box 2 -->
<div id="social" class="row align-items-center col-spacing-50 margin-top-50 text-md-right">
<div class="col-12 col-md-6 order-md-2">
<img class="border-radius box-shadow-with-hover" src="/assets/images/Haus2.jpeg" alt="">
</div>
<div class="col-12 col-md-6 order-md-1">
<h6 class="font-family-tertiary font-small font-weight-normal uppercase">Haustyp #2</h6>
<h4>Ökologisches Traumhaus mit Aussicht</h4>
<p>Brand attributes are the core values of what your brand stands for, a set of unique
characteristics of your business that help you formulate a distinctive brand identity.
Choose wisely the elements that define your brand and use them throughout all channels, in
every piece of content you create. They help you establish a competitive advantage for your
business and place you miles ahead of your competition.</p>
</div>
</div>
<br>
<!-- box 3 -->
<div class="row align-items-center col-spacing-50 margin-top-50 text-md-left">
<div id="web" class="col-12 col-md-6">
<img class="border-radius box-shadow-with-hover" src="/assets/images/Haus3.jpeg" alt="">
</div>
<div class="col-12 col-md-6">
<h6 class="font-family-tertiary font-small font-weight-normal uppercase">Haustyp #3</h6>
<h4>Modernes Haus mit großer Terrasse</h4>
<p>Even individuals need to develop a brand for themselves. Whatever your area of expertise is,
you can take the steps to make people think of YOU when they think of your field. Always
remember that "your personal brand is a promise to your clients... a promise of quality,
consistency, competency and reliability." - Jason Hartman</p>
</div>
</div>
<br>
<!-- box 4 -->
<div id="content" class="row align-items-center col-spacing-50 margin-top-50 text-md-right">
<div class="col-12 col-md-6 order-md-2">
<img class="border-radius box-shadow-with-hover" src="/assets/images/Haus4.jpeg" alt="">
</div>
<div class="col-12 col-md-6 order-md-1">
<h6 class="font-family-tertiary font-small font-weight-normal uppercase">Haustyp #4</h6>
<h4>Familienwohntraum mit Flachdach</h4>
<p>By creating a compelling brand story, you attract loyal customers, build authentic
relationships and add a lifetime value to your audience. Remember "your brand is the single
most important investment you can make in your business." - Steve Forbes</p>
</div>
</div>
<br>
<!-- box 5 -->
<div id="business" class="row align-items-center col-spacing-50 margin-top-50 text-md-left">
<div class="col-12 col-md-6">
<img class="border-radius box-shadow-with-hover" src="/assets/images/Haus5.jpeg" alt="">
</div>
<div class="col-12 col-md-6">
<h6 class="font-family-tertiary font-small font-weight-normal uppercase">Haustyp #5</h6>
<h4>Villa mit ausgebautem Dachgeschöß</h4>
<p>A brand is worthless if it doesnt CONNECT with the right audience in a relevant way. We
believe that there is no more B2C or B2B, there is just HUMAN to HUMAN.</p>
</div>
</div>
<br>
<!-- box 6-->
<div id="app" class="row align-items-center col-spacing-50 margin-top-50 text-md-right">
<div class="col-12 col-md-6 order-md-2">
<img class="border-radius box-shadow-with-hover" src="/assets/images/Haus10.jpeg" alt="">
</div>
<div class="col-12 col-md-6 order-md-1">
<h6 class="font-family-tertiary font-small font-weight-normal uppercase">Haustyp #6</h6>
<h4>Energiesparhaus mit Satteldach</h4>
<p>A consistent and professional channel will position you as an expert in your field and will
help you create brand recognition. Choose the right social media channels for your business,
stick with 2 or 3 and commit to those, be consistent, so you can build a loyal
following.</p>
</div>
</div>
</div><!-- end container -->
</div>
<!-- end section -->
</div>
<!-- Testimonial section -->
<div class="section border-top">
<div class="container">
<div class="owl-carousel" data-owl-nav="true" data-owl-dots="false" data-owl-items="1">
<!-- Testimonial box 1 -->
<div class="testimonial-box">
<p class="margin-bottom-30">Ihr individuelles Eigenheim - vom Rohbau bis schlüsselfertig.</p>
<img class="margin-bottom-20" src="/assets/images/FB_Red.jpeg" alt="">
<h5 class="font-weight-normal margin-0 line-height-140">BMS</h5>
<span>Bauen mit System</span>
</div>
<!-- Testimonial box 2 -->
<div class="testimonial-box">
<p class="margin-bottom-30">Ihr Spezialist für Neubau, Sanierung und Renovierung.</p>
<img class="margin-bottom-20" src="/assets/images/FB_Red.jpeg" alt="">
<h5 class="font-weight-normal margin-0 line-height-140">BMS</h5>
<span>Bauen mit System</span>
</div>
<!-- Testimonial box 3 -->
<div class="testimonial-box">
<p class="margin-bottom-30">Bauen. Wohnen. Leben. Alles aus einer Hand!</p>
<img class="margin-bottom-20" src="/assets/images/FB_Red.jpeg" alt="">
<h5 class="font-weight-normal margin-0 line-height-140">BMS</h5>
<span>Bauen mit System</span>
</div>
</div><!-- end owl-carousel -->
</div><!-- end container -->
</div>
<!-- end Testimonial section -->
<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 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">
Useful Links
</h6>
<ul class="list-unstyled">
<li><a href="/about.html">About us</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">
Additional Links
</h6>
<ul class="list-unstyled">
<li><a href="#">Services</a></li>
<li><a href="#">Process</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Careers</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="https://www.facebook.com/people/BMS-Bau/100063715863092/"><i
class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="https://www.instagram.com/bmsbau/"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/in/firma-bms-bau-b91463241/"><i
class="fab fa-linkedin-in"></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>