Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="default.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="rollovers.js" type="text/JavaScript"></script>
</head>
<body onLoad="preloadImages()">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" class="bg1">
<table width="711" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="463"><img src="images/index03.jpg" alt="" width="463" height="30"></td>
<td width="73"><a href="#"><img src="images/index04.jpg" alt="" width="73" height="30" border="0"></a></td>
<td width="76"><a href="#"><img src="images/index05.jpg" alt="" width="76" height="30" border="0"></a></td>
<td width="99"><a href="#"><img src="images/index06.jpg" alt="" width="99" height="30" border="0"></a></td>
</tr>
</table>
<table width="711" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="311"><img src="images/index07.jpg" alt="" width="311" height="276"></td>
<td width="711" valign="top">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/index08.jpg" alt="" width="400" height="24"></td>
</tr>
</table>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="5">
<table width=385 border=0 cellpadding=0 cellspacing=0>
<tr>
<td> <a href="#"
onMouseOver="changeImages('index09', 'images/index09-over.jpg'); return true;"
onMouseOut="changeImages('index09', 'images/index09.jpg'); return true;"> <img name="index09" src="images/index09.jpg" width=75 height=42 border=0 alt=""></a></td>
<td> <a href="#"
onMouseOver="changeImages('index10', 'images/index10-over.jpg'); return true;"
onMouseOut="changeImages('index10', 'images/index10.jpg'); return true;"> <img name="index10" src="images/index10.jpg" width=74 height=42 border=0 alt=""></a></td>
<td> <a href="#"
onMouseOver="changeImages('index11', 'images/index11-over.jpg'); return true;"
onMouseOut="changeImages('index11', 'images/index11.jpg'); return true;"> <img name="index11" src="images/index11.jpg" width=74 height=42 border=0 alt=""></a></td>
<td> <a href="#"
onMouseOver="changeImages('index12', 'images/index12-over.jpg'); return true;"
onMouseOut="changeImages('index12', 'images/index12.jpg'); return true;"> <img name="index12" src="images/index12.jpg" width=74 height=42 border=0 alt=""></a></td>
<td> <a href="#"
onMouseOver="changeImages('index13', 'images/index13-over.jpg'); return true;"
onMouseOut="changeImages('index13', 'images/index13.jpg'); return true;"> <img name="index13" src="images/index13.jpg" width=88 height=42 border=0 alt=""></a></td>
</tr>
</table>
</td>
<td><img src="images/index14.jpg"></td>
</tr>
<tr>
<td colspan="6"><img src="images/index15.jpg" alt="" width="400" height="167"></td>
</tr>
<tr>
<td colspan="6">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="159"><img src="images/index16.jpg" alt="" width="159" height="43"></td>
<td width="224" background="images/index17.jpg">
<form name="form1" method="post" action="">
<table width="224" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="13"> </td>
<td>
<input name="textfield" type="text" class="input1" value="yourdomain"> </td>
<td>
<select name="select" class="input2">
<option>com</option>
</select> </td>
<td><label>
<input name="imageField" type="image" src="images/index18.jpg" width="42" height="20" border="0">
</label></td>
<td width="10"> </td>
</tr>
</table>
</form>
</td>
<td width="17"><img src="images/index19.jpg" alt="" width="17" height="43"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="711" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="12" background="images/index20.jpg"> </td>
<td width="683" valign="top" class="bg6"><table width="683" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="7"><img src="images/spacer.gif" alt="" width="1" height="7"></td>
</tr>
<tr>
<td><table width="683" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"><img src="images/index22.jpg" alt="" width="20" height="23"></td>
<td width="663" align="left" background="images/index23.jpg"><img src="images/inside3_02.jpg" alt="" width="219" height="23"></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="center"><table width="668" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="align-justify">Nulla facilisi. Sed tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis sit amet, accumsan congue.
<p>Consectetuer adipiscing elit. Mauris sodales, elit vitae tempor consectetuer, nulla augue commodo sem, sed feugiat libero libero sed lectus. Phasellus eget est eu dolor tempor sodales. Etiam fermentum, pede quis dapibus hendrerit, nisl ligula posuere quam, nec aliquet risus odio non orci. Donec nibh odio, euismod ac, pretium at, posuere et, est.</p>
<p>Nunc lacus massa, blandit sagittis, pharetra a, congue et, odio. Praesent purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer consequat mauris ut pede. Aenean in libero sit amet mauris nonummy vulputate. Nullam convallis, leo ac vehicula dignissim, libero risus consectetuer quam, sit amet porta eros felis sit amet pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent in sem. Vestibulum placerat, libero non rutrum rutrum, velit justo rhoncus elit, id dapibus ante dolorin lectus.</p>
<p>Nulla ante neque, euismod sit amet, malesuada vitae, elementum sit amet, ipsum. Proin bibendum, orci sed consectetuer laoreet, augue odio consectetuer elit, quis consequat mauris elit ut massa. In bibendum mi auctor felis convallis sollicitudin. Nulla in ante a turpis ullamcorper congue. Donec nunc neque, placerat nec, mollis non, nonummy sit amet, sem. Proin ut nunc at metus imperdiet nonummy. Curabitur velit lacus, tristique eu, ultricies in, facilisis nec, sem. Morbi lacus arcu, pharetra quis, varius sit amet, tincidunt sed, velit. Etiam varius. Cras vestibulum velit quis dolor. Donec eget leo. Ut laoreet tincidunt urna. Pellentesque quis arcu. Cras iaculis ante in leo. Cras dictum enim ac sapien. Etiam ultrices porttitor enim.</p>
<p>Sed volutpat lobortis dui. Vivamus eros. Aenean id ante ut justo posuere interdum. Sed velit sapien, facilisis ut, rhoncus vitae, dignissim quis, pede. Praesent scelerisque dignissim nulla. Ut condimentum viverra dolor. Curabitur fringilla neque sed erat. Mauris ullamcorper, lacus sed venenatis dictum, purus wisi consectetuer quam, id lacinia dui arcu non lorem. Suspendisse tincidunt odio ut tortor. Mauris rutrum commodo lacus.</p>
<p><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a><br>
<a href="#">Vestibulum quis elit nec tellus ullamcorper accumsan.</a><br>
</p></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center"> </td>
</tr>
</table>
</td>
<td width="16" background="images/index21.jpg"> </td>
</tr>
</table>
<table width="711" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="120" align="center" valign="middle" background="images/index41.jpg">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30" align="center" valign="top" class="text3"><a href="#" class="link1">Home</a> | <a href="#" class="link1">Plans</a> | <a href="#" class="link1">Services</a> | <a href="#" class="link1">Login</a> | <a href="#" class="link1">Support</a> | <a href="#" class="link1">Contact</a></td>
</tr>
<tr>
<td align="center"> </td>
</tr>
<tr>
<td align="center"> </td>
</tr>
<tr>
<td align="center">Copyright © 2001-2005 Companyname. All Rights Reserved.</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>