public
Created — forked from /index.html

Layout Mobile para aulas

  • Download Gist
index.html
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110
<!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>

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.