<!DOCTYPE html>
	<html lang="de">

	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
   	<meta charset="utf-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    	<meta name="description" content="">
    	<meta name="author" content="">
    	<link rel="icon" href="https://getbootstrap.com/favicon.ico">
	<!-- please dont judge me, im not getting paid for this. -->
<title>Metallic-EMCO_360</title>

	<!-- Bootstrap core CSS -->
    	<link href="ressources/bootstrap.css" rel="stylesheet">
    	<!-- Custom styles for this template -->
    	<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
	</head>
<header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation</a>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Coaches.html">IT-LAB-Coaches</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Labor.html">IT-LAB-Labor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Lehrsaal.html">IT-LAB-Lehrsaal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Leitung.html">IT-LAB-Leitung</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_50.html">Metallic-DMC_50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_635.html">Metallic-DMC_635</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_332.html">Metallic-EMCO_332</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Metallic-EMCO_360</a>
</li>
</ul>
</div>
</nav></header>
<body>
<style>
  .bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
    #myIframe {
      width: 100%;
      height: 1000px;
    }
  }

  @media (max-width: 640px) {
    #myIframe {
      width: auto;
      height: 500px;
    }
    #viewerContainer {
      overflow-x: inherit;
    }
  }
</style>
<main role="main" class="container">
  <div class="container">
    <p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/EMCO_360.pdf"></iframe></p>
    <p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/EMCO_360.pdf" role="button">PDF öffnen</a></p>
 </div>
</main>
<footer class="footer">
  <div class="container">
    <span class="text-muted">© 2019, BFI Ausbildungszentrum St. Stefan im Lavanttal</span>
  </div>
</footer>
 <script src="lib/web/viewer.js"></script>
<script src="ressources/jquery-3.js"></script>
<script src="ressources/popper.js"></script>
<script src="ressources/bootstrap.js"></script>
</body></html>