Datenschutz Page
parent
0036dcd1db
commit
de4bc5aa15
|
|
@ -70,7 +70,7 @@
|
|||
</div>
|
||||
<!-- end Header -->
|
||||
|
||||
<div class="section-xl bg-image parallax" data-bg-src="../assets/images/Haus11.jpeg" style="background-image: url("../assets/images/servies.jpg"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center -160px;">
|
||||
<div class="section-xl bg-image parallax" data-bg-src="../assets/images/Häuser_Cover.jpeg" style="background-image: url("../assets/images/servies.jpg"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center -160px;">
|
||||
<div class="bg-dark-grey-06">
|
||||
<div class="container text-center">
|
||||
<h1 class="font-weight-light">Bauen mit BMS</h1>
|
||||
|
|
|
|||
|
|
@ -141,7 +141,7 @@
|
|||
<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>
|
||||
<h6 class="font-family-tertiary font-small font-weight-normal uppercase margin-0">Wohnbau</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">
|
||||
|
|
@ -149,7 +149,7 @@
|
|||
<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>
|
||||
<h6 class="font-family-tertiary font-small font-weight-normal uppercase margin-0">Gewerbebau</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">
|
||||
|
|
@ -157,7 +157,7 @@
|
|||
<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>
|
||||
<h6 class="font-family-tertiary font-small font-weight-normal uppercase margin-0">Sanierung</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">
|
||||
|
|
@ -165,7 +165,7 @@
|
|||
<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>
|
||||
<h6 class="font-family-tertiary font-small font-weight-normal uppercase margin-0">Innenaustattung</h6>
|
||||
</div>
|
||||
</div><!-- end row(inner) -->
|
||||
</div>
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 380 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 490 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
|
|
@ -0,0 +1,287 @@
|
|||
<!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>Mono - Clients 1</title>
|
||||
<!-- Favicon -->
|
||||
<link href="../assets/images/favicon.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 dark">
|
||||
<div class="container">
|
||||
<!-- Logo -->
|
||||
<div class="header-logo">
|
||||
<h3><a href="#">mono</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="#">Link Only</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Dropdown</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
||||
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
||||
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
||||
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Subdropdown</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li class="nav-dropdown-item">
|
||||
<a class="nav-dropdown-link" href="#">Dropdown Item</a>
|
||||
<ul class="nav-subdropdown">
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-dropdown-item">
|
||||
<a class="nav-dropdown-link" href="#">Dropdown Item</a>
|
||||
<ul class="nav-subdropdown">
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</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 -->
|
||||
|
||||
<!-- Clients section -->
|
||||
<div class="section-lg">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
|
||||
<h2 class="font-weight-normal">Our Amazing Clients</h2>
|
||||
<div class="divider-zigzag divider-zigzag-color-black-07 margin-bottom-20">
|
||||
<span></span><span></span><span></span><span></span>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
<ul class="clients-grid column-5 margin-top-70">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-5.jpg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-5.jpg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-5.jpg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-5.jpg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-5.jpg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-5.jpg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-5.jpg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-5.jpg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-5.jpg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-5.jpg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
<!-- end Clients section -->
|
||||
|
||||
<!-- Testimonial section -->
|
||||
<div class="section-lg bg-image parallax" data-bg-src="../assets/images/background.jpg">
|
||||
<div class="bg-black-04">
|
||||
<div class="container">
|
||||
<div class="margin-bottom-50 text-center">
|
||||
<h6 class="font-weight-normal uppercase letter-spacing-2">What People Say?</h6>
|
||||
</div>
|
||||
<div class="owl-carousel" data-owl-margin="30" data-owl-xs="1" data-owl-sm="1" data-owl-md="1" data-owl-lg="2" data-owl-xl="2" data-owl-nav="true">
|
||||
<!-- Testimonial box 1 -->
|
||||
<div class="bg-black-07 border-radius padding-30">
|
||||
<div class="d-flex align-items-center margin-bottom-20">
|
||||
<div class="d-inline-block margin-right-20">
|
||||
<img class="img-circle-sm" src="../assets/images/img-circle-small.jpg" alt="">
|
||||
</div>
|
||||
<div class="d-inline-block">
|
||||
<h5 class="font-weight-normal margin-0 line-height-140">Emiley Haley</h5>
|
||||
<span class="font-small font-weight-normal text-white-09">Manager - Mono</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
|
||||
</div>
|
||||
<!-- Testimonial box 2 -->
|
||||
<div class="bg-black-07 border-radius padding-30">
|
||||
<div class="d-flex align-items-center margin-bottom-20">
|
||||
<div class="d-inline-block margin-right-20">
|
||||
<img class="img-circle-sm" src="../assets/images/img-circle-small.jpg" alt="">
|
||||
</div>
|
||||
<div class="d-inline-block">
|
||||
<h5 class="font-weight-normal margin-0 line-height-140">Andrew Palmer</h5>
|
||||
<span class="font-small font-weight-normal text-white-09">Manager - Mono</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
|
||||
</div>
|
||||
<!-- Testimonial box 3 -->
|
||||
<div class="bg-black-07 border-radius padding-30">
|
||||
<div class="d-flex align-items-center margin-bottom-20">
|
||||
<div class="d-inline-block margin-right-20">
|
||||
<img class="img-circle-sm" src="../assets/images/img-circle-small.jpg" alt="">
|
||||
</div>
|
||||
<div class="d-inline-block">
|
||||
<h5 class="font-weight-normal margin-0 line-height-140">Anna Mullen</h5>
|
||||
<span class="font-small font-weight-normal text-white-09">Manager - Mono</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
|
||||
</div>
|
||||
<!-- Testimonial box 4 -->
|
||||
<div class="bg-black-07 border-radius padding-30">
|
||||
<div class="d-flex align-items-center margin-bottom-20">
|
||||
<div class="d-inline-block margin-right-20">
|
||||
<img class="img-circle-sm" src="../assets/images/img-circle-small.jpg" alt="">
|
||||
</div>
|
||||
<div class="d-inline-block">
|
||||
<h5 class="font-weight-normal margin-0 line-height-140">John Smith</h5>
|
||||
<span class="font-small font-weight-normal text-white-09">Manager - Mono</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
|
||||
</div>
|
||||
</div><!-- end owl-carousel -->
|
||||
</div><!-- end container -->
|
||||
</div><!-- end bg-black-* -->
|
||||
</div>
|
||||
<!-- end Testimonial 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>mono</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">Contact Info</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li>121 King St, Melbourne VIC 3000</li>
|
||||
<li>contact@example.com</li>
|
||||
<li>+(123) 456 789 01</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>© 2021 FlaTheme, 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>
|
||||
|
||||
<!-- ***** 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>
|
||||
|
|
@ -0,0 +1,322 @@
|
|||
<!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.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/Pan_View.jpeg" style="background-image: url("assets/images/Haus11.jpeg"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center -160px;">
|
||||
<div class="bg-dark-grey-06">
|
||||
<div class="container text-center">
|
||||
<h1 class="font-weight-light">Datenschutzeklärung</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">Datenschutzeklärung</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="font-weight-light margin-0">Vorwort</h3>
|
||||
<p>BMS Bauträger und Baumanagement GmbH. legt höchsten Wert auf die Einhaltung des Datenschutzgesetzes. Wir sehen es als unsere Verpflichtung, Ihnen eine Form der Internetnutzung anzubieten, die den Schutz Ihrer Privatsphäre respektiert und Ihr Recht auf informationelle Selbstbestimmung schützt.
|
||||
|
||||
|
||||
Wir verarbeiten, speichern und senden Daten, für die wir ein hohes Maß an Datenschutz und Datensicherheit gewährleisten. Dies gilt für Daten von Kunden, Interessenten und Geschäftspartnern genauso wie für eventuelle Mitarbeiterdaten. Denn Datenschutz ist Schutz der Person.
|
||||
Die Persönlichkeitsrechte und die Privatsphäre jedes Einzelnen zu respektieren ist uns ein wichtiges Anliegen und die Grundlage für vertrauensvolle Geschäftsbeziehungen.
|
||||
|
||||
|
||||
Bei uns gelten strenge Voraussetzungen für die Verarbeitung persönlich bezogener Daten. Diese entsprechen den Anforderungen der Europäischen Datenschutzgrundverordnung und dem Datenschutzanpassungsgesetz 2018.
|
||||
|
||||
|
||||
Unser Website enthält Links auf andere Sites. BMS Bauträger und Baumanagement GmbH ist nicht verantwortlich für den Inhalt anderer Websites und deren Datenschutzvorkehrungen.</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="font-weight-light margin-0">VERARBEITUNG PERSÖNLICH BEZOGENER DATEN</h3>
|
||||
<p>Unter persönlich bezogenen Daten verstehen wir Informationen zur Identität betroffener Personen, wie beispielsweise deren Namen, E-Mail-Adresse oder Postanschrift. Betroffene Personen sind jene, deren persönlich bezogene Daten wir verarbeiten.
|
||||
|
||||
|
||||
|
||||
Fairness und Rechtmäßigkeit
|
||||
|
||||
Bei der Verarbeitung persönlich bezogener Daten werden wir die Persönlichkeitsrechte der Betroffenen wahren. Persönlich bezogene Daten werden wir stets auf rechtmäßige Weise, nach Treu und Glauben und in einer für die betroffenen Personen nachvollziehbaren Weise verarbeiten.
|
||||
|
||||
Zweckbindung
|
||||
|
||||
Die Verarbeitung persönlich bezogener Daten darf lediglich jene Zwecke verfolgen, die vor der Erhebung der Daten festgelegt wurden. Nachträgliche Änderungen der Zwecke sind nur eingeschränkt möglich und bedürfen einer Rechtfertigung.
|
||||
|
||||
Sachliche Richtigkeit
|
||||
|
||||
Persönlich bezogene Daten sind richtig, vollständig und auf dem aktuellen Stand zu speichern. Wir treffen daher passende Maßnahmen, um sicherzustellen, dass nichtzutreffende, unvollständige oder veraltete Daten gelöscht, berichtigt, ergänzt oder aktualisiert werden.
|
||||
|
||||
Transparenz
|
||||
|
||||
Persönlich bezogene Daten erheben wir bei den betroffenen Personen selbst. Persönlich bezogene Daten verwenden wir im Rahmen der geschäftlichen Administration, in unserer Buchhaltung, der Personalverwaltung und im Marketing.
|
||||
|
||||
Datenvermeidung und Datensparsamkeit
|
||||
|
||||
Wir erheben persönlich bezogene Daten nur in dem Umfang, der für den angestrebten Zweck notwendig ist.
|
||||
|
||||
Löschung von Daten
|
||||
|
||||
Persönlich bezogene Daten, die nach Ablauf von gesetzlichen oder geschäftsprozessbezogenen Aufbewahrungsfristen nicht mehr erforderlich sind, werden wir löschen. Bestehen im Einzelfall Anhaltspunkte für schutzwürdige Interessen oder für eine historische Bedeutung dieser Daten, müssen wir die Daten weiter speichern, bis das schutzwürdige Interesse rechtlich geklärt wurde.
|
||||
|
||||
Vertraulichkeit und Datensicherheit
|
||||
|
||||
Für persönlich bezogene Daten gilt das Datengeheimnis. Sie werden im persönlichen Umgang vertraulich behandelt. Im Rahmen unserer Möglichkeiten treffen wir angemessene organisatorische und technische Maßnahmen gegen unberechtigten Zugriff, unrechtmäßige Verarbeitung oder Weitergabe, sowie versehentlichen Verlust, Veränderung oder Zerstörung.</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="font-weight-light margin-0">RECHTMÄSSIGKEIT DER DATENVERARBEITUNG</h3>
|
||||
<p>Die Erhebung, Verarbeitung und Nutzung persönlich bezogene Daten ist nur rechtmäßig, wenn eine der nachfolgenden Bedingungen vorliegt. Ändert sich der Zweck gegenüber der ursprünglichen Bestimmung, ist dafür erneut eine Rechtsgrundlage nachzuweisen.
|
||||
|
||||
Datenverarbeitung für eine vertragliche Beziehung
|
||||
|
||||
Persönlich bezogene Daten von betroffenen Interessenten, Kunden oder Partnern dürfen zur Begründung, zur Durchführung und zur Beendigung eines Vertrages verarbeitet werden. Dies umfasst auch die Betreuung der Vertragspartner, sofern dies im Zusammenhang mit dem Vertragszweck steht.
|
||||
|
||||
Interessenten dürfen während der Vertragsanbahnung unter Verwendung der Daten kontaktiert werden, die sie mitgeteilt haben. Eventuell vom Interessenten geäußerte Einschränkungen sind zu beachten.
|
||||
|
||||
Datenverarbeitung zu Werbezwecken
|
||||
|
||||
Wendet sich der Betroffene mit einem Informationsanliegen an unser Unternehmen, wie beispielsweise nach Zusendung von Informationsmaterial zu einem Produkt oder einer Leistung, so ist die Datenverarbeitung für die Erfüllung dieses Anliegens zulässig.
|
||||
|
||||
Freiwillige Einwilligung
|
||||
|
||||
Die betroffene Person ist über die Freiwilligkeit der Angabe von Daten ausschließlich für Werbezwecke zu informieren. Von der betroffenen Person ist eine klare und deutliche Einwilligung in die Verarbeitung ihrer Daten zu Werbezwecken einzuholen. Diese ist in jedem Fall zu dokumentieren.
|
||||
|
||||
Bei einem Widerspruch durch die betroffene Person ist eine weitere Verwendung ihrer Daten für diese Zwecke unzulässig und sie müssen für diese Zwecke gelöscht oder eingeschränkt werden.
|
||||
|
||||
Datenverarbeitung aufgrund berechtigten Interesses
|
||||
|
||||
Die Verarbeitung persönlich bezogener Daten kann auch erfolgen, wenn dies zur Verwirklichung eines berechtigten Interesses unseres Unternehmens erforderlich ist. Berechtigte Interessen sind in der Regel rechtliche, wie zur Durchsetzung von offenen Forderungen oder wirtschaftliche, wie zur Vermeidung von Vertragsstörungen.
|
||||
|
||||
Eine Verarbeitung persönlich bezogene Daten aufgrund eines berechtigten Interesses darf nicht erfolgen, wenn es im Einzelfall einen Anhaltspunkt dafür gibt, dass schutzwürdige Interessen des Betroffenen das Interesse an der Verarbeitung überwiegen. Die schutzwürdigen Interessen sind für jede Verarbeitung zu prüfen.</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="font-weight-light margin-0">ÜBERMITTLUNG PERSÖNLICH BEZOGENER DATEN</h3>
|
||||
<p>Eine Übermittlung von persönlich bezogenen Daten an Empfänger außerhalb des Unternehmens findet unter Beachtung der Datenschutzgesetze statt. Der Empfänger der Daten wird darauf verpflichtet, diese nur zu den festgelegten Zwecken zu verwenden.</p>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="font-weight-light margin-0">RECHTE DER BETROFFENEN PERSON</h3>
|
||||
<p>Jede betroffene Person kann nachfolgende Rechte wahrnehmen. Ihre Geltendmachung ist unverzüglich durch den Verantwortlichen zu bearbeiten und spätestens innerhalb von 4 Wochen zu beantworten. Für die betroffene Person darf die Ausübung der Rechte zu keinerlei Nachteilen führen.
|
||||
|
||||
a) Die betroffene Person kann Auskunft darüber verlangen, welche persönlich bezogenen Daten welcher Herkunft über sie zu welchem Zweck gespeichert sind.
|
||||
|
||||
b) Werden persönlich bezogene Daten an Dritte übermittelt, muss auch über die Identität des Empfängers oder über die Kategorien von Empfängern Auskunft gegeben werden.
|
||||
|
||||
c) Sollten persönlich bezogene Daten unrichtig oder unvollständig sein, kann die betroffene Person ihre Berichtigung oder Ergänzung verlangen.
|
||||
|
||||
d) Die betroffene Person kann der Verarbeitung ihrer persönlich bezogenen Daten widersprechen. Insbesondere im Zusammenhang mit Direktwerbung hat die betroffene Person das Recht, jederzeit Widerspruch gegen diese Verarbeitung einzulegen; dies gilt auch für das „Profiling“, soweit es mit solcher Direktwerbung in Verbindung steht.
|
||||
|
||||
e) Die betroffene Person ist berechtigt, die Löschung ihrer Daten zu verlangen, wenn die Rechtsgrundlage für die Verarbeitung der Daten fehlt oder weggefallen ist. Gleiches gilt für den Fall, dass der Zweck der Datenverarbeitung durch Zeitablauf oder aus anderen Gründen entfallen ist.
|
||||
|
||||
f) Bestehende Aufbewahrungspflichten und einer Löschung entgegenstehende schutzwürdige Interessen, wie zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen des Verantwortlichen oder Dritter, müssen beachtet werden.
|
||||
|
||||
g) Die betroffene Person hat ein grundsätzliches Widerspruchsrecht gegen die Verarbeitung ihrer Daten, wenn ihr schutzwürdiges Interesse aufgrund einer besonderen persönlichen Situation das Interesse an der Verarbeitung überwiegt. Dies gilt nicht, wenn eine Rechtsvorschrift zur Durchführung der Verarbeitung verpflichtet.
|
||||
|
||||
h) Die betroffene Person hat jederzeit ein Beschwerderecht bei der zuständigen Datenschutzbehörde.</p>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="font-weight-light margin-0">COOKIES</h3>
|
||||
<p>Wir sammeln grundsätzlich keinerlei personenbezogenen Daten während Ihres Besuches unserer Homepage.
|
||||
Internetseiten verwenden teilweise so genannte Cookies. Cookies richten auf Ihrem Rechner keinen Schaden an und enthalten keine Viren. Cookies dienen dazu, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen. Cookies sind kleine Textdateien, die auf Ihrem Rechner abgelegt werden und die Ihr Browser speichert. Die von uns verwendeten Cookies sind so genannte „Session-Cookies“. Sie werden nach Ende Ihres Besuchs automatisch gelöscht.
|
||||
Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische Löschen der Cookies beim Schließen des Browser aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein.</p>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="font-weight-light margin-0">ZUGRIFFSDATEN</h3>
|
||||
<p>Ihr Besuch unserer Webseite wird protokolliert. Erhoben werden Daten über Zugriffe auf die Seite und speichert diese als „Server-Logfiles“ ab. Folgende Daten werden so protokolliert:
|
||||
|
||||
• Besuchte Website
|
||||
• Uhrzeit zum Zeitpunkt des Zugriffes
|
||||
• Menge der gesendeten Daten in Byte
|
||||
• Quelle/Verweis, von welchem Sie auf die Seite gelangten
|
||||
• Verwendeter Browser
|
||||
• Verwendetes Betriebssystem
|
||||
• Verwendete IP-Adresse
|
||||
|
||||
Die erhobenen Daten dienen lediglich statistischen Auswertungen und zur Verbesserung der Website. Wir behalten uns allerdings vor, die Server-Logfiles nachträglich zu überprüfen, sollten konkrete Anhaltspunkte auf eine rechtswidrige Nutzung hinweisen.</p>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
</div><!-- end container -->
|
||||
|
||||
<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">
|
||||
Unsere Partners
|
||||
</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="services.html">Services</a></li>
|
||||
<li><a href="contact.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>© 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="#"><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>
|
||||
|
||||
|
||||
|
||||
<!-- ***** 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>
|
||||
<script src="../assets/js/cookie-consent.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,250 @@
|
|||
<!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>Mono - Portfolio Grid | Hover Style 1</title>
|
||||
<!-- Favicon -->
|
||||
<link href="../assets/images/favicon.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="#">mono</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="#">Link Only</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Dropdown</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
||||
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
||||
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
||||
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Subdropdown</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li class="nav-dropdown-item">
|
||||
<a class="nav-dropdown-link" href="#">Dropdown Item</a>
|
||||
<ul class="nav-subdropdown">
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-dropdown-item">
|
||||
<a class="nav-dropdown-link" href="#">Dropdown Item</a>
|
||||
<ul class="nav-subdropdown">
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</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/background.jpg">
|
||||
<div class="bg-black-06">
|
||||
<div class="container text-center">
|
||||
<h1 class="font-weight-light margin-0">Portfolio - Hover Style 1</h1>
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Portfolio section -->
|
||||
<div class="section">
|
||||
<div class="container">
|
||||
<!-- Portfolio Filter -->
|
||||
<div class="filter filter-style-3 text-center"><!-- filter-style-(1/2/3/4) -->
|
||||
<ul>
|
||||
<li data-filter="all">All</li>
|
||||
<li data-filter=".category-1">First</li>
|
||||
<li data-filter=".category-2">Second</li>
|
||||
<li data-filter=".category-3">Third</li>
|
||||
</ul>
|
||||
</div><!-- end Portfolio Filter -->
|
||||
<div class="row portfolio-wrapper spacing-10 border-radius-0375"><!-- border-radius-(025/0375/05/10/15/20/25/30) -->
|
||||
<!-- Portfolio box 1 -->
|
||||
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-img">
|
||||
<img src="../assets/images/col-2.jpg" alt=""><!-- Image source -->
|
||||
</div>
|
||||
<a href="#"></a><!-- Portfolio Single link -->
|
||||
<div class="portfolio-title">
|
||||
<div>
|
||||
<h5 class="font-weight-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 2 -->
|
||||
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-2">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-img">
|
||||
<img src="../assets/images/col-2.jpg" alt=""><!-- Image source -->
|
||||
</div>
|
||||
<a href="#"></a><!-- Portfolio Single link -->
|
||||
<div class="portfolio-title">
|
||||
<div>
|
||||
<h5 class="font-weight-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 3 -->
|
||||
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-3">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-img">
|
||||
<img src="../assets/images/col-2.jpg" alt=""><!-- Image source -->
|
||||
</div>
|
||||
<a href="#"></a><!-- Portfolio Single link -->
|
||||
<div class="portfolio-title">
|
||||
<div>
|
||||
<h5 class="font-weight-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 4 -->
|
||||
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-img">
|
||||
<img src="../assets/images/col-2.jpg" alt=""><!-- Image source -->
|
||||
</div>
|
||||
<a href="#"></a><!-- Portfolio Single link -->
|
||||
<div class="portfolio-title">
|
||||
<div>
|
||||
<h5 class="font-weight-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 5 -->
|
||||
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-2">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-img">
|
||||
<img src="../assets/images/col-2.jpg" alt=""><!-- Image source -->
|
||||
</div>
|
||||
<a href="#"></a><!-- Portfolio Single link -->
|
||||
<div class="portfolio-title">
|
||||
<div>
|
||||
<h5 class="font-weight-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 6 -->
|
||||
<div class="col-12 col-md-6 col-lg-4 portfolio-item category-3">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-img">
|
||||
<img src="../assets/images/col-2.jpg" alt=""><!-- Image source -->
|
||||
</div>
|
||||
<a href="#"></a><!-- Portfolio Single link -->
|
||||
<div class="portfolio-title">
|
||||
<div>
|
||||
<h5 class="font-weight-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end row/portfolio-wrapper -->
|
||||
<!-- Pagination -->
|
||||
<nav>
|
||||
<ul class="pagination justify-content-center margin-top-70">
|
||||
<li class="page-item"><a class="page-link" href="#">«</a></li>
|
||||
<li class="page-item active"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">»</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
<!-- end Portfolio section -->
|
||||
|
||||
<footer>
|
||||
<div class="section bg-dark">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-6 text-center text-md-left">
|
||||
<ul class="list-inline-dash">
|
||||
<li><a href="#">FAQ</a></li>
|
||||
<li><a href="#">Careers</a></li>
|
||||
<li><a href="#">Clients</a></li>
|
||||
</ul>
|
||||
<p class="margin-top-10">© 2021 FlaTheme, 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 -->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- ***** 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>
|
||||
20
index.html
20
index.html
|
|
@ -269,7 +269,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<h6 class="font-small font-weight-normal uppercase margin-0">
|
||||
Massivhaus
|
||||
Wohnbau
|
||||
</h6>
|
||||
</div>
|
||||
<!-- Pie Chart box 2 -->
|
||||
|
|
@ -288,7 +288,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<h6 class="font-small font-weight-normal uppercase margin-0">
|
||||
Metallhaus
|
||||
Gewerbebau
|
||||
</h6>
|
||||
</div>
|
||||
<!-- Pie Chart box 3 -->
|
||||
|
|
@ -326,7 +326,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<h6 class="font-small font-weight-normal uppercase margin-0">
|
||||
Ökohauser
|
||||
Innenaustattung
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -728,10 +728,10 @@
|
|||
</div>
|
||||
<div class="col-6 col-sm-6 col-lg-3">
|
||||
<h6 class="font-small font-weight-normal uppercase">
|
||||
Useful Links
|
||||
Unsere Partners
|
||||
</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html">About us</a></li>
|
||||
<li><a href="about.html">C-Profile</a></li>
|
||||
<li><a href="about.html#team">Team</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
|
|
@ -739,13 +739,13 @@
|
|||
</div>
|
||||
<div class="col-6 col-sm-6 col-lg-3">
|
||||
<h6 class="font-small font-weight-normal uppercase">
|
||||
Additional Links
|
||||
Geschäftsführung
|
||||
</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>
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -164,7 +164,100 @@
|
|||
</div><!-- end container -->
|
||||
</div>
|
||||
<!-- end Services section -->
|
||||
<!-- section -->
|
||||
<!-- Pie Charts section -->
|
||||
<div
|
||||
class="section-lg bg-image"
|
||||
data-bg-src="assets/images/Häuser_Cover.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="pie-chart margin-bottom-10"
|
||||
data-size="140"
|
||||
data-percent="90"
|
||||
data-bar-color="#fff"
|
||||
data-track-color="rgba(255,255,255,0.4)"
|
||||
data-scale-color="rgba(255,255,255,0.4)"
|
||||
data-line-width="2"
|
||||
>
|
||||
<div class="pie-chart-content">
|
||||
<span class="percent font-large text-white"></span>
|
||||
</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="pie-chart margin-bottom-10"
|
||||
data-size="140"
|
||||
data-percent="85"
|
||||
data-bar-color="#fff"
|
||||
data-track-color="rgba(255,255,255,0.4)"
|
||||
data-scale-color="rgba(255,255,255,0.4)"
|
||||
data-line-width="2"
|
||||
>
|
||||
<div class="pie-chart-content">
|
||||
<span class="percent font-large text-white"></span>
|
||||
</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="pie-chart margin-bottom-10"
|
||||
data-size="140"
|
||||
data-percent="95"
|
||||
data-bar-color="#fff"
|
||||
data-track-color="rgba(255,255,255,0.4)"
|
||||
data-scale-color="rgba(255,255,255,0.4)"
|
||||
data-line-width="2"
|
||||
>
|
||||
<div class="pie-chart-content">
|
||||
<span class="percent font-large text-white"></span>
|
||||
</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="pie-chart margin-bottom-10"
|
||||
data-size="140"
|
||||
data-percent="80"
|
||||
data-bar-color="#fff"
|
||||
data-track-color="rgba(255,255,255,0.4)"
|
||||
data-scale-color="rgba(255,255,255,0.4)"
|
||||
data-line-width="2"
|
||||
>
|
||||
<div class="pie-chart-content">
|
||||
<span class="percent font-large text-white"></span>
|
||||
</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=" border-top">
|
||||
<div class="container">
|
||||
<!-- box 1 -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue