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> &copy; 2009 - 2010 
        </p> 
    </div><!-- // end: #footer --> 
 
</div><!-- // end: #page-body --> 
</body> 
</html>