244 lines
9.7 KiB
HTML
244 lines
9.7 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>Bauen mit BMS</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/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="bg-black-06">
|
|
<div class="container text-center">
|
|
<h1 class="font-weight-light">Blog</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">Blog</li>
|
|
</ul>
|
|
</nav>
|
|
</div><!-- end container -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blog section -->
|
|
<div class="section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
|
|
<!-- Blog Post box 1 -->
|
|
<div class="margin-bottom-50">
|
|
<div class="hoverbox-8">
|
|
<a href="1.html">
|
|
<img src="../assets/images/Haus11.jpeg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="margin-top-30">
|
|
<div class="d-flex justify-content-between margin-bottom-10">
|
|
<div class="d-inline-flex">
|
|
</div>
|
|
<div class="d-inline-flex">
|
|
<span class="font-small">Jan 24, 2019</span>
|
|
</div>
|
|
</div>
|
|
<h5><a href="1.html">Benefits of Minimalism</a></h5>
|
|
<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.</p>
|
|
<div class="margin-top-20">
|
|
<a class="button-text-1" href="1.html">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Blog Post box 2 -->
|
|
<div class="margin-bottom-50">
|
|
<div class="hoverbox-8">
|
|
<a href="#">
|
|
<img src="../assets/images/col-1.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="margin-top-30">
|
|
<div class="d-flex justify-content-between margin-bottom-10">
|
|
<div class="d-inline-flex">
|
|
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Knowledge</a>
|
|
</div>
|
|
<div class="d-inline-flex">
|
|
<span class="font-small">Jan 24, 2019</span>
|
|
</div>
|
|
</div>
|
|
<h5><a href="#">10 Books that I will recommend</a></h5>
|
|
<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.</p>
|
|
<div class="margin-top-20">
|
|
<a class="button-text-1" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Blog Post box 3 -->
|
|
<div class="margin-bottom-50">
|
|
<div class="hoverbox-8">
|
|
<a href="#">
|
|
<img src="../assets/images/col-1.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="margin-top-30">
|
|
<div class="d-flex justify-content-between margin-bottom-10">
|
|
<div class="d-inline-flex">
|
|
<a class="font-family-tertiary font-small font-weight-normal uppercase" href="#">Health</a>
|
|
</div>
|
|
<div class="d-inline-flex">
|
|
<span class="font-small">Jan 24, 2019</span>
|
|
</div>
|
|
</div>
|
|
<h5><a href="#">Benefits of house plants</a></h5>
|
|
<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.</p>
|
|
<div class="margin-top-20">
|
|
<a class="button-text-1" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 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>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Blog 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>FAB Media</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>Mariengasse 21/3, A-8430 Leibnitz</li>
|
|
<li>contact@fabmedia.com</li>
|
|
<li>Tel: 0043 (0) 69910489773</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 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> |