136 lines
5.1 KiB
HTML
136 lines
5.1 KiB
HTML
<html>
|
|
<head>
|
|
<title>Open Source Ecology (OSE) Germany - Entwicklungsplattform</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Lora|Open+Sans:400,500,600,700,800,900" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css"/>
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
|
|
<script src="js/jquery-3.3.1.min.js"></script>
|
|
<script src="js/oseg-search.js"></script>
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
|
</head>
|
|
<body class="product-detail">
|
|
<div class="header-black">
|
|
<ul>
|
|
<li><a class="logo" href="#"><img src="img/oho-logo-imprint.png" width="47" height="25" /></a></li>
|
|
<li><a href="#">news</a></li>
|
|
<li><a href="#">about <i class="fas fa-caret-down"></i></a></li>
|
|
<li><a href="#">metadata repository <i class="fas fa-caret-down"></i></a></li>
|
|
<li><a href="#">list of platforms</a></li>
|
|
<li><a href="#">categories <i class="fas fa-caret-down"></i></a></li>
|
|
<li><a href="#">menupunkt <i class="fas fa-caret-down"></i></a></li>
|
|
</ul>
|
|
<div class="clearer"> </div>
|
|
</div>
|
|
<div class="searchbar">
|
|
<div class="col-1040">
|
|
<form>
|
|
<div class="searchfield">
|
|
<input type="text" name="search" placeholder="What Open Hardware are you looking for?" />
|
|
<button type="submit" value="Submit">
|
|
<i class="fa fa-search"></i>
|
|
</button>
|
|
</div>
|
|
<div class="search-filter-important">
|
|
<div class="clearer"> </div>
|
|
<select class="search-filter-licence">
|
|
<option value="licence">Licence</option>
|
|
<option value="cc-by-sa-1">CC-BY-SA-1</option>
|
|
<option value="cc-by-sa-2">CC-BY-SA-1</option>
|
|
<option value="cc-by-sa-3">CC-BY-SA-1</option>
|
|
<option value="cc-by-sa-4">CC-BY-SA-1</option>
|
|
</select>
|
|
<select class="search-filter-source">
|
|
<option value="licence">Source</option>
|
|
<option value="cc-by-sa-1">CC-BY-SA-1</option>
|
|
<option value="cc-by-sa-2">CC-BY-SA-1</option>
|
|
<option value="cc-by-sa-3">CC-BY-SA-1</option>
|
|
<option value="cc-by-sa-4">CC-BY-SA-1</option>
|
|
</select>
|
|
<select class="search-filter-language">
|
|
<option value="licence">Language</option>
|
|
<option value="cc-by-sa-1">CC-BY-SA-1</option>
|
|
<option value="cc-by-sa-2">CC-BY-SA-1</option>
|
|
<option value="cc-by-sa-3">CC-BY-SA-1</option>
|
|
<option value="cc-by-sa-4">CC-BY-SA-1</option>
|
|
</select>
|
|
</div>
|
|
<div class="clearer"> </div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="row content">
|
|
<div class="col-1040">
|
|
<h1>Product title mechanical device</h1>
|
|
<div class="clearer"> </div>
|
|
<div class="col-2-3">
|
|
<img src="img/fancycrave-530803-unsplash.jpg" />
|
|
</div>
|
|
<div class="col-1-3">
|
|
<div class="product-meta">
|
|
<h3>Completeness of profile</h3>
|
|
</div>
|
|
</div>
|
|
<div class="clearer"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="col-1055">
|
|
<div class="col-1-5">
|
|
<h3>Categories</h3>
|
|
<ul>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-1-5">
|
|
<h3>Categories</h3>
|
|
<ul>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-1-5">
|
|
<h3>Categories</h3>
|
|
<ul>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-1-5">
|
|
<h3>Categories</h3>
|
|
<ul>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-1-5">
|
|
<h3>Categories</h3>
|
|
<ul>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
<li><a href="#">sit amet</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="clearer"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="imprint">
|
|
<p><img src="img/oho-logo-imprint.png" width="36" height="19" /> CC 2019 open hardware observatory | <a href="#">imprint</a> | <a href="#">legal</a></p>
|
|
</div>
|
|
</body>
|
|
</html>
|