index.html

## index.html
<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="css/mobile.css" />
        <script src="js/jquery-1.7.1.js"> </script>
        <script src="js/jq-mobile.js"></script>
     <title></title>
    </head>
    <body>
    <div id="container"> <!-- container -->
        <div id="home"> <!-- home -->
            <div id="header"> <!-- header -->
                <span class="logo">Cesar</span>
                <span class="slogan">Photografo</span>
            </div> <!-- end header -->

            <div class="menu"> <!-- menu -->
                        <ul>
                    <li class="submenu">Ensaios</li>
                    <ul>
                        <li>Pessoas</li>
                        <li>Outros</li>

                    </ul>
                    <li>Paisagens</li>
                    <li>Quem somos</li>
                    <li>Contato</li>

                </ul>
            </div> <!-- end menu -->
            <div class="footer"></div>
        </div> <!-- end home -->

          <div id="ensaios"> <!-- ensaios -->

            <div class="menu"> <!-- menu -->
                <ul>
                    <li>Home</li>
                </ul>
            </div> <!-- end menu -->
        <div id="pessoas">
            <h1> Pessoas</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
        </div>
        <div id="outros">
             <h1>Outros</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
        </div>

            <div class="footer"></div>
        </div> <!-- end ensaios -->

          <div id="paisagens"> <!-- paisagens -->

            <div class="menu"> <!-- menu -->
                <ul>
                    <li>Home</li>
                </ul>
            </div> <!-- end menu -->
        <div class="content">
            <h1> Arvores</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
        </div>


            <div class="footer"></div>
        </div> <!-- end paisagens -->

        <div id="quemsomos"> <!-- quemsomos -->

            <div class="menu"> <!-- menu -->
                <ul>
                    <li>Home</li>
                </ul>
            </div> <!-- end menu -->
        <div class="content">
            <h1> Quem Somos</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
        </div>


            <div class="footer"></div>
        </div> <!-- end quemsomos -->

         <div id="contato"> <!-- contato -->

            <div class="menu"> <!-- menu -->
                <ul>
                    <li>Home</li>
                </ul>
            </div> <!-- end menu -->
        <div id="conteudo">
            <h1> Contato</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
        </div>


            <div class="footer"></div>
            </div> <!--contato-->
    </div>  <!-- end container -->

    </body>
</html>