Layout Mobile para aulas
<!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