258 lines
9.7 KiB
HTML
258 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>TLC WebView CDS</title>
|
|
<meta name="language" content="de">
|
|
<meta name="author" content="CopterSicht">
|
|
<meta name="date" content="2017-11-13T016:43:53+01:00">
|
|
<meta name="keywords" content="Luftaufnahmen, Luftbild, Filmproduktion">
|
|
<meta name="description" content="CopterSicht Website">
|
|
<meta name="robots" content="index,follow">
|
|
<meta name="audience" content="alle">
|
|
<meta name="page-topic" content="Dienstleistungen">
|
|
<meta name="revisit-after" CONTENT="7 days">
|
|
<meta name="expires" content="0">
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="refresh" content="20" >
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Custom styles for this template -->
|
|
<link href="half-slider.css" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" type="text/css" href="design.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="https://coptersicht.de/">CopterSicht</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse"
|
|
data-target="#navbarResponsive" aria-controls="navbarResponsive"
|
|
aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item active"><a class="nav-link" href="https://coptersicht.de/">Home
|
|
<span class="sr-only">(current)</span>
|
|
</a></li>
|
|
<li class="nav-item"><a class="nav-link"
|
|
href="https://coptersicht.de/index.php/kontakt/">Kontakt</a></li>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<header>
|
|
<div id="carouseIndicators" class="carousel slide"
|
|
data-ride="carousel">
|
|
<div class="carousel-inner" role="listbox">
|
|
<!-- Slide One - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item active"
|
|
style="background-image: url('banner.jpg')">
|
|
<div class="carousel-caption d-none d-md-block"></div>
|
|
</div>
|
|
<!-- Slide Two - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item"
|
|
style="background-image: url('img/2img.jpg')">
|
|
<div class="carousel-caption d-none d-md-block"></div>
|
|
</div>
|
|
<!-- Slide Three - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item"
|
|
style="background-image: url('img/3img.jpg')">
|
|
<div class="carousel-caption d-none d-md-block"></div>
|
|
</div>
|
|
<!-- Slide Three - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item"
|
|
style="background-image: url('img/4img.jpg')">
|
|
<div class="carousel-caption d-none d-md-block"></div>
|
|
</div>
|
|
<!-- Slide Three - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item"
|
|
style="background-image: url('img/5img.jpg')">
|
|
<div class="carousel-caption d-none d-md-block"></div>
|
|
</div>
|
|
<!-- Slide Three - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item"
|
|
style="background-image: url('img/6img.jpg')">
|
|
<div class="carousel-caption d-none d-md-block"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Slide Three - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item"
|
|
style="background-image: url('img/7img.jpg')">
|
|
<div class="carousel-caption d-none d-md-block"></div>
|
|
</div>
|
|
<!-- Slide Three - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item"
|
|
style="background-image: url('img/8img.jpg')">
|
|
<div class="carousel-caption d-none d-md-block"></div>
|
|
</div>
|
|
<!-- Slide Three - Set the background image for this slide in the line below -->
|
|
<div class="carousel-item"
|
|
style="background-image: url('img/9img.jpg')">
|
|
<div class="carousel-caption d-none d-md-block"></div>
|
|
</div>
|
|
<!--
|
|
|
|
<a class="carousel-control-prev" href="#carouselExampleIndicators"
|
|
role="button" data-slide="prev"> <span
|
|
class="carousel-control-prev-icon" aria-hidden="true"></span> <span
|
|
class="sr-only">Previous</span>
|
|
</a> <a class="carousel-control-next" href="#carouselExampleIndicators"
|
|
role="button" data-slide="next"> <span
|
|
class="carousel-control-next-icon" aria-hidden="true"></span> <span
|
|
class="sr-only">Next</span>
|
|
</a>
|
|
-->
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-sm">
|
|
<a href="./data/TLC01.jpg"">
|
|
<img width="100%" src="./data/TLC01_resized.jpg" alt="TLC01"/>
|
|
</a>
|
|
<div class="location">TLC01 - Salmenkopf, Freistett</div>
|
|
<div class="text-center">
|
|
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC01.jpg">Copy direct link to clipboard</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-sm">
|
|
<a href="./data/TLC02.jpg"">
|
|
<img width="100%" src="./data/TLC02_resized.jpg" alt="TLC02"/>
|
|
</a>
|
|
<div class="location">TLC02 - Salmenkopf, Freistett</div>
|
|
<div class="text-center">
|
|
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC02.jpg">Copy direct link to clipboard</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-sm">
|
|
<a href="./data/TLC03.jpg"">
|
|
<img width="100%" src="./data/TLC03_resized.jpg" alt="TLC03"/>
|
|
</a>
|
|
<div class="location">TLC03 - not used yet</div>
|
|
<div class="text-center">
|
|
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC03.jpg">Copy direct link to clipboard</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-sm">
|
|
<a href="./data/TLC04.jpg"">
|
|
<img width="100%" src="./data/TLC04_resized.jpg" alt="TLC04"/>
|
|
</a>
|
|
<div class="location">TLC04 - Demo</div>
|
|
<div class="text-center">
|
|
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC04.jpg">Copy direct link to clipboard</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- end of row -->
|
|
|
|
<!-- second row:
|
|
|
|
<div class="col-sm">
|
|
<a href="./data/TLC05.jpg"">
|
|
<img width="100%" src="./data/TLC05_resized.jpg" alt="TLC05"/>
|
|
</a>
|
|
<div class="location">TLC05 - Salmenkopf, Freistett</div>
|
|
<div class="text-center">
|
|
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC05.jpg">Copy direct link to clipboard</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-sm">
|
|
<a href="./data/TLC02.jpg"">
|
|
<img width="100%" src="./data/TLC02_resized.jpg" alt="TLC02"/>
|
|
</a>
|
|
<div class="location">TLC02 - Salmenkopf, Freistett</div>
|
|
<div class="text-center">
|
|
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC02.jpg">Copy direct link to clipboard</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-sm">
|
|
<a href="./data/TLC03.jpg"">
|
|
<img width="100%" src="./data/TLC03_resized.jpg" alt="TLC03"/>
|
|
</a>
|
|
<div class="location">TLC03 - not used yet</div>
|
|
<div class="text-center">
|
|
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC03.jpg">Copy direct link to clipboard</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-sm">
|
|
<a href="./data/TLC04.jpg"">
|
|
<img width="100%" src="./data/TLC04_resized.jpg" alt="TLC04"/>
|
|
</a>
|
|
<div class="location">TLC04 - Demo</div>
|
|
<div class="text-center">
|
|
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC04.jpg">Copy direct link to clipboard</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
uncommend here-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript">/* jshint browser: true */</script>
|
|
<script src="browser.flow.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
</script>
|
|
|
|
<script src="clipboard.min.js"></script>
|
|
<script>
|
|
var btns = document.querySelectorAll('button');
|
|
var clipboard = new Clipboard(btns);
|
|
clipboard.on('success', function(e) {
|
|
console.log(e);
|
|
});
|
|
clipboard.on('error', function(e) {
|
|
console.log(e);
|
|
});
|
|
</script>
|
|
|
|
|
|
<!-- Footer -->
|
|
<footer class="py-5 bg-dark">
|
|
<div class="container">
|
|
<p class="m-0 text-center text-white">Copyright © CopterSicht 2018</p>
|
|
<button type="button" class="btn btn-link"
|
|
onclick="window.location.href='https://coptersicht.de/index.php/agb/'">AGB</button>
|
|
<button type="button" class="btn btn-link"
|
|
onclick="window.location.href='https://coptersicht.de/index.php/impressum/'">Impressum</button>
|
|
<button type="button" class="btn btn-link"
|
|
onclick="window.location.href='https://coptersicht.de/index.php/datenschutzerklaerung/'">Datenschutzerklärung</button>
|
|
</div>
|
|
<!-- /.container -->
|
|
</footer>
|
|
</body>
|
|
</html>
|