FanicaSite/about.html

301 lines
12 KiB
HTML

<!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 - Über Uns</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">
</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="services.html">Leistungen</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.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 parallax" data-bg-src="assets/images/Haus3.jpeg" style="background-image: url(&quot;assets/images/servies.jpg&quot;); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center -160px;">
<div class="bg-black-06">
<div class="container text-center">
<h1 class="font-weight-light">Über Uns</h1>
<nav aria-label="breadcrumb">
<ul class="breadcrumb breadcrumb-font-3">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<!-- <li class="breadcrumb-item"><a href="#">Pages</a></li> -->
<li class="breadcrumb-item active" aria-current="page">Über Uns</li>
</ul>
</nav>
</div><!-- end container -->
</div>
</div>
<!-- About section -->
<div class="section">
<div class="container">
<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> Vertrauen muss verdient werden</h2>
<p>Wir sehen uns selbst als dienstleistungs- und serviceorientiertes Unternehmen,
das sowohl soziale, als auch ökologische Verantwortung als Selbstverständlichkeit sieht und aktiv nachhaltig übernimmt.
</p>
</div>
</div>
</div>
<div class="owl-carousel owl-dots-overlay" data-owl-items="1" data-owl-dots="true" data-owl-nav="true">
<!-- Slider Image 1 -->
<div>
<img src="assets/images/BMS_AboutUS.png" alt="">
</div>
<!-- Slider Image 2 -->
<div>
<img src="assets/images/Brand_Darkblue.png" alt="">
</div>
<!-- Slider Image 3 -->
<div>
<img src="assets/images/Capture_Greatness.png" alt="">
</div>
</div><!-- end owl-carousel -->
</div><!-- end container -->
</div>
<!-- end About section -->
<!-- Pie Charts -->
<div class="section padding-top-0">
<div class="container text-center">
<div class="row">
<div class="col-12 col-md-10 offset-md-1">
<div class="row icon-3xl">
<div class="col-12 col-sm-6 col-lg-3">
<div class="pie-chart margin-bottom-10" data-size="140" data-percent="90" data-bar-color="#141414" data-track-color="#e6e6e6" data-scale-color="rgba(0, 0, 0, 0.3)" data-line-width="2">
<div class="pie-chart-content">
<i class="ti-announcement text-black"></i>
</div>
</div>
<h6 class="font-family-tertiary font-small font-weight-normal uppercase margin-0">App Design</h6>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="pie-chart margin-bottom-10" data-size="140" data-percent="85" data-bar-color="#141414" data-track-color="#e6e6e6" data-scale-color="rgba(0, 0, 0, 0.3)" data-line-width="2">
<div class="pie-chart-content">
<i class="ti-comment-alt text-black"></i>
</div>
</div>
<h6 class="font-family-tertiary font-small font-weight-normal uppercase margin-0">Content Design</h6>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="pie-chart margin-bottom-10" data-size="140" data-percent="95" data-bar-color="#141414" data-track-color="#e6e6e6" data-scale-color="rgba(0, 0, 0, 0.3)" data-line-width="2">
<div class="pie-chart-content">
<i class="ti-star text-black"></i>
</div>
</div>
<h6 class="font-family-tertiary font-small font-weight-normal uppercase margin-0">Brand Design</h6>
</div>
<div class="col-12 col-sm-6 col-lg-3">
<div class="pie-chart margin-bottom-10" data-size="140" data-percent="80" data-bar-color="#141414" data-track-color="#e6e6e6" data-scale-color="rgba(0, 0, 0, 0.3)" data-line-width="2">
<div class="pie-chart-content">
<i class="ti-user text-black"></i>
</div>
</div>
<h6 class="font-family-tertiary font-small font-weight-normal uppercase margin-0">Web Design</h6>
</div>
</div><!-- end row(inner) -->
</div>
</div><!-- end row(outer) -->
</div><!-- end container -->
</div>
<!-- end Pie Charts -->
<!-- Team section -->
<div class="section border-top" id="team">
<div class="container">
<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>Unser Team</h2>
<p>Unser Fokus richtet sich gezielt auf hohe Qualitätsstandards und zufriedene Kunden. Dies ermöglichen wir durch kompetente Beratung und Ausführung während jeder Bauphase. Dabei steht an erster Stelle unsere Kunden in jeder Angelegenheit zufrieden zu stellen.
Das Ziel ist simpel: Unsere Kunden zu begeistern. Um dieses Ziel bei jedem Auftrag zu erreichen, bringen wir unsere Höchstleistung immer wieder aufs Neue. Erst wenn Kunden absolut zufrieden sind, sehen wir ein Projekt als abgeschlossen an. Bei uns endet Solidarität nicht mit der Unterschrift.</p>
</div>
</div>
</div>
<div class="row col-spacing-20 team-wrapper">
<!-- Team box 1 -->
<div class="col-12 col-sm-6 col-lg-6 team-box">
<div class="team-img">
<img src="assets/images/BMS_Team.png" alt=""><!-- image source -->
<!-- social links -->
<div>
<ul>
<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>
</ul>
</div>
</div>
<div class="margin-bottom-10">
<h6 class="font-weight-normal margin-0">Gerhard Zimmermann</h6>
<p>Geschäftsführer - Technikleitung</p>
</div>
</div>
<!-- Team box 2 -->
<div class="col-12 col-sm-6 col-lg-6 team-box">
<div class="team-img">
<img src="assets/images/BMS_Team.png" alt=""><!-- image source -->
<!-- social links -->
<div>
<ul>
<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>
</ul>
</div>
</div>
<div class="margin-bottom-10">
<h6 class="font-weight-normal margin-0">Richard Wippel</h6>
<p>Geschäftsführer - Betrieb & Verkauf</p>
</div>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div>
<!-- end Team section -->
<footer>
<div class="section-sm bg-dark">
<div class="container">
<div class="row col-spacing-20">
<div class="col-6 col-sm-6 col-lg-3">
<h3>BMS Bau</h3>
</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-dash">
<li><a href="#">About us</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Prices</a></li>
<li><a href="#">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-dash">
<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">Kontakt Info</h6>
<ul class="list-unstyled">
<li>Reichsstrasse 37, 8430 Leibnitz</li>
<li>office@bms-bau.at</li>
<li>Tel: 0043 (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 FAB Media, All Rights Reserved.</p>
</div>
<div class="col-12 col-md-6 text-center text-md-right">
<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-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>