<!DOCTYPE html>
<html lang="de">
<head>
<title>Auswahlliste</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="favicon/favicon-96x96.png">
<link rel="stylesheet" href="Script/semantic.min.css" type="text/css">
<style>
* {
box-sizing: border-box;
}
body {
color: #000;
background: #414141;
font-family: "Verdana";
}
/* Style the header */
.header {
background-color: #414141;
padding: 20px;
text-align: center;
}
/* Style the top navigation bar */
.topnav {
overflow: hidden;
background-color: #000000;
}
/* Style the topnav links */
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* Change color on hover */
.topnav a:hover {
background-color: #da291c;
color: white;
}
/* Create three equal columns that floats next to each other */
.column1 {
float: left;
width: 60%;
padding: 10px;
}
/* Create three equal columns that floats next to each other */
.column2 {
float: left;
width: 40%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/*ASIDE*/
.aside {
float: left;
height: 50%;
padding: 10px;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
.column {
width: 100%;
}
}
</style>
</head>
<body>
<div class="header">
<h1><img src="" alt="Leer" width="80" height="80">Auswahlseite</img></h1>
</div>
<div class="topnav">
<a href=""></a>
</div>
<div class="row">
<div class="column1">
<table>
<tr>
<th width="210" height="110"><h2><img src="fussball.jpg" width="100" height="80"></img></h2></th>
</tr>
<tr>
<!-- VIG -->
<td><center>
<select id="select" onchange="var win = window.open(this.value);win.focus()">
<option value="">Menü 1</option>
<option value="https://www.bild.de">BILD.de</option>
<option value="https://www.laola1.at">LAOLA1</option>
<option value="https://www.krone.at">KRONE</option>
</select></center>
</td>
<br/>
<div class="ui container">
<div class="ui grid">
<div class="ui sixteen column">
<div id="calendar"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>