Skip to content

Instantly share code, notes, and snippets.

/index.html

Created March 12, 2012 13:01
Show Gist options
  • Save anonymous/2021693 to your computer and use it in GitHub Desktop.
Save anonymous/2021693 to your computer and use it in GitHub Desktop.
Download ZIP
Layout Mobile para aulas
Raw
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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment