TLC_Web_View/index_neu.html

259 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://www.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://www.coptersicht.de/">Home
<span class="sr-only">(current)</span>
</a></li>
<li class="nav-item"><a class="nav-link"
href="https://www.coptersicht.de">Kontakt</a></li>
</li>
</ul>
</div>
</div>
</nav>
<header>
<div id="carouselExampleIndicators" 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('1img.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 &copy;
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>