You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
257 lines
9.7 KiB
257 lines
9.7 KiB
<!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>
|
|
|