webfrontend
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.
 
 
 

246 lines
9.2 KiB

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>TLC WebView</title>
<meta name="language" content="de">
<meta name="author" content="CopterSicht">
<meta name="date" content="2020-10-10T016: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/">Long term timelapse camera</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/">Contact</a>
</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 - not used yet</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 - not used yet</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> <!-- end of row -->
<!-- second row:
<div class="col-sm">
<a href="./data/TLC05.jpg""></a>
<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""></a>
<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""></a>
<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""></a>
<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>
<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 &copy; CopterSicht 2020</p>
<button type="button" class="btn btn-link"
onclick="window.location.href='https://coptersicht.de/index.php/agb/'">Terms</button>
<button type="button" class="btn btn-link"
onclick="window.location.href='https://coptersicht.de/index.php/impressum/'">Imprint</button>
<button type="button" class="btn btn-link"
onclick="window.location.href='https://coptersicht.de/index.php/datenschutzerklaerung/'">Privacy statement</button>
</div>
<!-- /.container -->
</footer>
</body>
</html>

Du besuchst diese Seite mit einem veralteten IPv4-Internetzugang. Möglicherweise treten in Zukunft Probleme mit der Erreichbarkeit und Performance auf. Bitte frage deinen Internetanbieter oder Netzwerkadministrator nach IPv6-Unterstützung.
You are visiting this site with an outdated IPv4 internet access. You may experience problems with accessibility and performance in the future. Please ask your ISP or network administrator for IPv6 support.
Weitere Infos | More Information
Klicke zum schließen | Click to close