index.php
<?php
/**
* @author Jeff a.k.a. (topdown / phpbbxpert)
* @package Valid Webs Mobile Sample - index.php
* @version $Id: index.php 9 2010-08-11 01:53:15Z topdown $
* Created Aug 10, 2010, 6:11:17 PM
* @copyright (c) 2009-10 Valid-Webs.com
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*/
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Mobile Device Sample</title>
<link href="style.css" rel="stylesheet" type="text/css">
<!-- This is the important stuff for mobile devices -->
<meta name="viewport" content="width=device-width" /> <!-- Mini Safari needs this, maybe others too -->
<link href="mobile.css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" rel="stylesheet" type="text/css">
<!-- This is the important stuff for mobile devices -->
</head>
<body>
<div id="page">
<div id="nav">
<ul>
<li><a class="current" href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!-- // end: #nav -->
<div id="header">
<h1>My Sample Site</h1>
</div><!-- // end: #header -->
<div id="content">
<h2>Hello World</h2>
<h3>CSS Mobile device Sample</h3>
<h4>Tested on iPhone/iTouch and AnDroid devices</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat laoreet augue, non congue lectus mattis
nec. Etiam augue risus, consequat et sodales at, scelerisque id orci. Sed posuere egestas tristique. Aenean
fermentum volutpat nisi, vitae convallis risus mollis vel. Nulla convallis venenatis tortor, nec congue
augue hendrerit quis. Fusce augue metus, venenatis posuere ornare quis, scelerisque sed quam. Nunc nec
adipiscing justo. Morbi eget ultrices diam. Proin nisl nisl, aliquet quis aliquet non, sollicitudin
ultricies lectus. Etiam malesuada mauris quis sem varius hendrerit. Etiam eu tempor magna. Donec quam metus,
elementum eget sollicitudin adipiscing, porttitor dignissim orci. In consectetur nulla sed lorem venenatis
ac condimentum nisl eleifend. Nunc ullamcorper euismod urna vel ullamcorper. Aenean et luctus tellus. Nunc
rhoncus consequat risus, vel condimentum lorem pulvinar et. </p>
<h5>The Source Code</h5>
<p> <a href="source/index.php.html">index.php</a><br/>
<a href="source/style.css.html">style.css</a><br/>
<a href="source/mobile.css.html">mobile.css</a><br/></p>
</div><!-- // end: # -->
<div id="footer">
<p>
Developed by <a title="Valid-Webs Web Solutions and Professional Themes" href="http://valid-webs.com">Valid-Webs.com</a> © 2009 - 2010
</p>
</div><!-- // end: #footer -->
</div><!-- // end: #page-body -->
</body>
</html>