oho/detail.html

136 lines
5.1 KiB
HTML
Raw Normal View History

2019-03-28 22:17:03 +00:00
<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">&nbsp;</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">&nbsp;</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">&nbsp;</div>
</form>
</div>
</div>
<div class="row content">
<div class="col-1040">
<h1>Product title mechanical device</h1>
<div class="clearer">&nbsp;</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">&nbsp;</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">&nbsp;</div>
</div>
</div>
<div class="imprint">
<p><img src="img/oho-logo-imprint.png" width="36" height="19" /> CC 2019 open hardware observatory&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">imprint</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">legal</a></p>
</div>
</body>
</html>