Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
atividade estruturada
Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>html - Projeto Mirror Fashion WD-43 Caelum</title>
<meta property="og:title" content="">
<meta property="og:site_name" content="guj.com.br">
<meta property="og:url" content='http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum'>
<meta property="og:type" content="website">
<meta property="og:image" content='http://www.guj.com.br/imgs/custom/logo-guj-fb.png'>
<link rel="stylesheet" href="/css/mamute.5ccd9a99.css"/>
<link rel="stylesheet" href="/css/deps/custom.css">
<!--[if lt IE 9]>
<script src="/js/html5shiv.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript">
var htmlshim='abbr,article,aside,audio,canvas,details,figcaption,figure,footer,header,mark,meter,nav,output,progress,section,summary,time,video'.split(',');
var htmlshimtotal=htmlshim.length;
for(var i=0;i<htmlshimtotal;i++) document.createElement(htmlshim[i]);
</script>
<![endif]-->
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/102249611/banner-direito', [300, 250], 'div-gpt-ad-1409592167217-0').addService(googletag.pubads());
googletag.defineSlot('/102249611/banner-topo', [728, 90], 'div-gpt-ad-1409775796804-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
<link rel="canonical" href="http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum"/>
</head>
<body>
<header class="header clear">
<section class="first-header">
<div class="container header-container">
<a class="logo big-logo sprite"
href="/">GUJ</a>
<nav class="nav main-nav piped-nav">
<ul class="nav-items">
<li class="nav-item">
<a class="button current" href="/">
Perguntas
</a>
</li>
<li class="nav-item menu-unanswered">
<a class="button unanswered " href="/sem-respostas">
Sem respostas
</a>
</li>
<li class="nav-item menu-rank">
<a class="button " href="/ranking">
Usuários
</a>
</li>
<li class="nav-item">
<a class="button " href="/noticias">
Notícias
</a>
</li>
<li class="nav-item">
<a class="button" href='/forums/list.java'>
<span class="menu-title">Discussões</span>
<span class="menu-subtitle">Antigo Fórum</span>
</a>
</li>
<li class="ask nav-item">
<a class="button ask-a-question" href='/perguntar'>
Pergunte
</a>
</li>
</ul>
</nav>
</div>
</section>
<section class="second-header">
<div class="container">
<section class="user-area">
<nav class="nav">
<ul class="nav-items">
<li class="nav-item user-item">
<a class="login" href="/login">
Entrar
</a>
</li>
<li class="nav-item">
<a class="signup" href="/cadastrar">
Cadastre-se
</a>
</li>
<li class="nav-item">
<a class="about" href="/sobre">
Sobre
</a>
</li>
<li class="nav-item">
<a href="#" class="search-dropdown dropdown-trigger"
data-target-id="dropdown-search-form">Procurar</a>
</li>
</ul>
</nav>
<form class="search-form" action="/busca" method="get">
<input class="text-input" name="query" placeholder="buscar" type="text" />
<input type="submit" value="go" />
</form>
</section>
</div>
<div class="container dropdown-target" id="dropdown-search-form">
<form class="search-form" action="/busca" method="get">
<input class="text-input" name="query" placeholder="buscar" type="text" />
<input type="submit" value="go" />
</form>
</div>
</section>
</header>
<div class="container">
<div class="hidden" itemprop="breadcrumb" xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb">
<a rel="v:url" property="v:title" href="/">
Perguntas
</a>
</span>
<span>�</span>
<span typeof="v:Breadcrumb">
<a rel="v:url" property="v:title" href="/tag/html">
html
</a>
</span>
<span>�</span>
<span typeof="v:Breadcrumb">
<a rel="v:url" property="v:title" href="/23627-Projeto+Mirror+Fashion+WD-43+Caelum">
Projeto Mirror Fashion WD-43 Caelum
</a>
</span>
</div>
<section class="first-content content">
<ol class="main-tags main-tags-header">
<li>
<a class=" main-tags-text main-tags-sprite main-tags-java" href="/tag/java"> java </a>
</li>
<li>
<a class=" main-tags-text main-tags-sprite main-tags-android" href="/tag/android"> android </a>
</li>
<li>
<a class=" main-tags-text main-tags-sprite main-tags-c" href="/tag/c%23"> c# </a>
</li>
<li>
<a class=" main-tags-text main-tags-sprite main-tags-net" href="/tag/.net"> .net </a>
</li>
<li>
<a class=" main-tags-text main-tags-sprite main-tags-javascript" href="/tag/javascript"> javascript </a>
</li>
<li>
<a class=" main-tags-text main-tags-sprite main-tags-php" href="/tag/php"> php </a>
</li>
<li>
<a class=" main-tags-text main-tags-sprite main-tags-jquery" href="/tag/jquery"> jquery </a>
</li>
<li>
<a class="main-tags-current main-tags-text main-tags-sprite main-tags-html" href="/tag/html"> html </a>
</li>
<li>
<a class=" main-tags-text main-tags-sprite main-tags-sql" href="/tag/sql"> sql </a>
</li>
</ol>
<p class = "banner-mark-as-solution">Se alguma pergunta ou resposta lhe foi útil, não deixe de dar seu voto positivo!</p>
<section itemscope itemtype="http://schema.org/Article" class="post-area question-area " >
<h1 itemprop="name" class="title subheader main-thread-title question-title">Projeto Mirror Fashion WD-43 Caelum</h1>
<div class="post-meta">
<div class="vote-container post-vote">
<a rel="nofollow" class="container requires-login requires-karma author-cant
up-vote up-arrow arrow vote-option
"
data-value="positivo" data-author="false"
data-type="pergunta"
data-karma="10"
data-id="23627"
title="Esta pergunta foi bem formulada, é útil ou clara.">
up
</a>
<span class="vote-count post-vote-count">0</span>
<a rel="nofollow" class="container requires-login author-cant down-vote down-arrow
arrow vote-option requires-karma
"
data-value="negativo"
data-author="false"
data-type="pergunta"
data-karma="100"
data-id="23627"
title="Esta pergunta não foi bem formulada, não é útil ou não está clara. (-2 pontos para o autor e -2 para você)">
down
</a>
</div>
<div>
<a rel="nofollow" class="watch requires-login" href="/pergunta/acompanhar/23627">
<span class="icon-eye-off icon-muted icon-2x container"
title="Clique aqui para ser notificado de novidades nessa questão e suas respostas. ">
</span>
</a>
</div>
</div>
<div class="post-container">
<div itemprop="articleBody" class="post-text question-description" id="question-description-23627">
<p>Estou com um problema no exercício 6.4 da apostila.</p>
<p>Coloco o código no arquivo estilo.css mas não tenho resposta na página. O submenu não desaparece e quando eu coloco ul ul li em .menu-departamentos desaparece, mas não aparece quando coloco o mouse em cima. E não está aparecendo o hífen antes dos sub-itens.
Todos os códigos estão exatamente como na apostila.</p>
<p>Arquivo estilo.css</p>
<pre class="prettyprint"><code>header{
position: relative;
}
body{
color: #333333;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* Header */
.sacola{
background: url(../img/sacola.png) no-repeat top right;
font-size: 14px;
padding-right: 35px;
text-align: right;
width: 140px;
padding-top: 8px;
}
.menu-opcoes ul{
font-size: 15px;
}
.menu-opcoes a{
color: #003366;
}
.menu-opcoes ul li{
display: inline;
margin-left: 20px;
}
.menu-opcoes{
position: absolute;
bottom: 0;
right: 0;
}
.container{
margin: 0 auto;
width: 940px;
}
.sacola{
position: absolute;
top: 0;
right: 0;
}
/* Container */
.busca,
.menu-departamentos{
background-color: #dcdcdc;
font-weight: bold;
text-transform: uppercase;
margin-right: 10px;
width: 230px;
float: left;
}
.menu-departamentos{
margin-top: 10px;
margin-bottom: 10px;
clear: left;
}
.busca h2,
.busca form,
.menu-departamentos h2{
margin: 10px;
}
.menu-departamentos li{
background-color: white;
margin-bottom: 1px;
padding: 5px, 10px;
}
.menu-departamentos a{
color: #333333;
text-decoration: none;
}
.busca input{
vertical-align: middle;
}
.busca input[type=search]{
width: 170px;
}
.destaque{
margin-top: 10px;
}
.painel{
margin: 10px, 0;
padding: 10px;
width: 445px;
}
.novidades{
float: left;
}
.mais-vendidos{
float: right;
}
/* Paineis */
.painel li{
display: inline-block;
vertical-align: top;
width: 140px;
margin: 2px;
padding-bottom: 10px;
}
.painel h2{
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.painel a{
color: #333;
font-size: 14px;
text-align: center;
text-decoration: none;
}
.novidades{
background-color: #f5dcdc;
}
.mais-vendidos{
background-color: #dcdcf5;
}
footer{
background-image: url(../img/fundo-rodape.png);
clear: both;
padding: 20px 0;
}
.social li a{
height: 32px;
width: 32px;
display: block;
text-indent: -9999px;
}
.social a[href*="facebook.com"]{
background-image: url(../img/facebook.png);
}
.social a[href*="twitter.com"]{
background-image: url(../img/twitter.png);
}
.social a[href*="plus.google.com"]{
background-image: url(../img/googleplus.png);
}
footer .container{
position: relative;
}
.social{
position: absolute;
top: 12px;
right: 0;
}
.social li{
float: left;
margin-left: 25px;
}
.destaque{
position: relative;
}
.pause,
.play{
display: block;
position: absolute;
right: 15px;
top: 15px;
}
.pause{
border-left: 10px solid #900;
border-right: 10px solid #900;
height: 30px;
width: 5px;
}
.play{
border-left: 25px solid #900;
border-bottom: 15px solid transparent;
border-top: 15px solid transparent;
}
.menu-opcoes a:hover{
color: #007dc6;
}
.menu-opcoes a:active{
color: #867dc6;
}
.menu-departamentos li ul{
display: none;
}
.menu-departamentos li:hover ul {
display: block;
}
.menu-departamentos ul ul li {
background-color: #dcdcdc;
}
.menu-departamentos li li a:before {
content: '- ';
}</code></pre>
<p>index.html</p>
<pre class="prettyprint"><code><!DOCTYPE html>
<html>
<head>
<title>Mirror Fashion</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/estilos.css">
</head>
<body>
<!-- Header - Cabeçalho da página -->
<header class="container">
<h1><img src="img/logo.png" alt="Mirror Fashion"></h1>
<p class="sacola">
Nenhum item na sacola de compras
</p>
<nav class="menu-opcoes">
<ul>
<li><a href="#">Sua Conta</a></li>
<li><a href="#">Lista de Desejos</a></li>
<li><a href="#">Cartão Fidelidade</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="#">Ajuda</a></li>
</ul>
</nav>
</header>
<!-- Caixa de busca -->
<div class="container destaque">
<section class="busca">
<h2>Busca</h2>
<form action="http://www.google.com.br/search" id="form-busca">
<input type="search" name="q" id="q">
<input type="image" src="img/busca.png">
</form>
</section>
<!-- Menu -->
<section class="menu-departamentos">
<h2>Departamentos</h2>
<nav>
<ul>
<li><a href="#">Blusas e Camisas</a>
<ul>
<li><a href="#">Manga curta</a></li>
<li><a href="#">Manga comprida</a></li>
<li><a href="#">Camisa social</a></li>
<li><a href="#">Camisa casual</a></li>
</ul>
<li><a href="#">Calças</a></li>
<li><a href="#">Saias</a></li>
<li><a href="#">Vestidos</a></li>
<li><a href="#">Sapatos</a></li>
<li><a href="#">Bolsas e Carteiras</a></li>
<li><a href="#">Acessórios</a></li>
</ul>
</nav>
</section>
<a href="#" class="pause"></a>
<img src="img/destaque-home.png" alt="Promoção: Big City Night">
</div>
<!-- Paineis de destaque dos produtos -->
<div class="container paineis">
<section class="painel novidades">
<h2>Novidades</h2>
<ol>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura1.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura2.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura3.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura4.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura5.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura6.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
</ol>
</section>
<section class="painel mais-vendidos">
<h2>Mais Vendidos</h2>
<ol>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura7.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura8.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura9.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura10.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura11.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
<li>
<a href="produto.html">
<figure>
<img src="img/produtos/miniatura12.png">
<figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>
</a>
</li>
</ol>
</section>
</div>
<!-- Footer - Rodapé da página -->
<footer>
<div class="container">
<img src="img/logo-rodape.png" alt="Logo Mirror
Fashion">
<ul class="social">
<li><a href="http://facebook.com/mirrorfashion">Facebook</a></li>
<li><a href="http://twitter.com/mirrorfashion">Twitter</a></li>
<li><a href="http://plus.google.com/mirrorfashion">Google+</a></li>
</ul>
</div>
</footer>
<script src="js/home.js"></script>
</body>
</html></code></pre>
</div>
<ul class="tags" itemprop="keywords">
<li class="tags-item">
<a href="/tag/html" class="tag-brutal">html</a>
</li>
<li class="tags-item">
<a href="/tag/css3" class="tag-brutal">css3</a>
</li>
</ul>
<div class="post-interactions">
<ul class="post-action-nav piped-nav nav">
<li class="nav-item">
<a class="post-action show-popup" href="#">
compartilhar
</a>
<div class="popup share small">
<form class="validated-form">
<label for="share-url">compartilhe um link para esta pergunta</label>
<input type="text" class="text-input required" id="share-url" value="http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum"/>
</form>
<a target="_blank" class="share-button"
data-shareurl="http://www.facebook.com/sharer/sharer.php?u=http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum">
<i class="icon-facebook-squared icon-almost-3x"></i>
</a>
<a target="_blank" class="share-button"
data-shareurl="https://twitter.com/share?text=Projeto Mirror Fashion WD-43 Caelum&url=http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum">
<i class="icon-twitter-squared icon-almost-3x"></i>
</a>
<a target="_blank" class="share-button"
data-shareurl="https://plus.google.com/share?&url=http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum">
<i class="icon-gplus-squared icon-almost-3x"></i>
</a>
<a class="close-popup">fechar</a>
</div>
</li>
<li class="nav-item">
<a class="post-action edit-question
requires-login requires-karma"
data-author="false"
data-karma="20"
href="/pergunta/editar/23627">
editar
</a>
</li>
<li class="nav-item">
<div class="hidden modal modal-flag" id="question-flag-modal23627">
<ul class="nav">
<li class="modal-close-button">x</li>
</ul>
<form class="validated-form" action="/pergunta/23627/marcar">
<input type="radio" value="RUDE" name="flagType" id="flag-type-rude" />
<label for="flag-type-rude">grosseiro ou ofensivo</label>
<input type="radio" value="NOT_CONSTRUCTIVE" name="flagType" id="flag-type-notconstructive" />
<label for="flag-type-notconstructive">pouco construtivo</label>
<input type="radio" value="OBSOLETE" name="flagType" id="flag-type-obsolete" />
<label for="flag-type-obsolete">obsoleto</label>
<input class="other-option" type="radio" value="OTHER" name="flagType" id="flag-type-other" data-reason-id="other-reason" />
<label for="flag-type-other">outro...</label>
<div id="other-reason" class="hidden">
<label for="reason-text">Motivo</label>
<textarea id="reason-text" name="reason"></textarea>
</div>
<label class="error"></label>
<input type="submit" value="Reportar"/>
</form>
</div>
</li>
</ul>
<ul class="post-touchs">
<li class="touch author-touch">
<div class="complete-user">
<time class="when" itemprop="dateCreated" datetime="2014-07-02T23:39:40.000-03:00">criado
02 de Jul de 2014
</time>
<img class="user-image" src="http://www.gravatar.com/avatar/d3ae5e2db6c3c52dff4dd4a1d5f59824.png?r=PG&size=48x48&d=http%3A%2F%2Frobohash.org%2Fsize_48x48%2Fset_set1%2Fbgset_any%2Fd3ae5e2db6c3c52dff4dd4a1d5f59824.png"/>
<div class="user-info"
itemscope itemtype="http://schema.org/Person" itemprop="author"
>
<a class="user-name ellipsis" itemprop="name" href="/usuario/19222/jeffmaia">
jeffmaia
</a>
<div title="forma de medir a reputação do usuário" class="user-karma ellipsis">6
pontos</div>
</div>
</div>
</li>
<li class="touch edited-touch">
<div class="complete-user">
<a href="/23627/historico">
<time class="when" itemprop="dateModified" datetime="2014-07-02T23:53:33.000-03:00">
editado
02 de Jul de 2014
</time>
</a>
</div>
</li>
</ul>
</div>
<ul class="comment-list hidden" id="new-comment-for-pergunta-new-comment-23627">
</ul>
<div class="simple-ajax-form">
<a href="#" class="requires-login post-action add-comment requires-karma" data-karma="0">
Adicionar comentário
</a>
<div class="ajax-form hidden">
<form method="post" action="/pergunta/23627/comentar" class="validated-form ajax"
data-ajax-on-callback="append"
data-ajax-result="new-comment-for-pergunta-new-comment-23627">
<textarea class="comment-textarea required to-focus hintable text-input"
minlength="15" maxlength="600" name="comment"
data-hint-id="new-comment-for-pergunta-new-comment-23627-hint"></textarea>
<input class="post-submit submit" type="submit" value="Adicionar comentário" />
<div class="comment-remaining-characters">Caracteres restantes:<span class="comment-length-counter"> 600</span></div>
<button class="post-submit submit cancel ">
Cancelar
</button>
<label class="form-watch">
<input type="checkbox" name="watching" value="true" checked="checked"/>
Quero acompanhar este tópico via email.
</label>
</form>
<div class="hint" id="new-comment-for-pergunta-new-comment-23627-hint">
<h2 class="title section-title hint-title">Comentário</h2><p>Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.</p><p>Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações</p>
</div>
</div>
</div>
</div>
</section>
<ol id="intro">
<li data-button="próxima" data-class="post-meta" data-options="tipLocation:right">Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.</li>
<li data-button="próxima" data-class="edit-question" data-options="tipLocation:bottom">Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.</li>
<li data-button="próxima" data-class="add-comment"
data-options="tipLocation:bottom">Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.</li>
<li data-button="próxima" data-class="solution-tick" data-options="tipLocation:right">Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.</li>
<li data-button="próxima" data-class="about" data-options="tipLocation:bottom">Clique aqui para mais detalhes sobre o funcionamento do GUJ!</li>
</ol>
<div class="subheader">
<h2 class="title page-title">
0
resposta
</h2>
</div>
<ul>
</ul>
<section class="notice">
<h3 class="title">
Não é a resposta que estava procurando? Procure outras perguntas com as tags <a href="/tag/html" class="tag-brutal">html</a>
<a href="/tag/css3" class="tag-brutal">css3</a> ou <a href="/perguntar">faça a sua própria pergunta</a>.
</h3>
</section>
<div class="login-or-signup">
<a class="hide-next login-form-hide">Entrar<i class="icon-angle-right"></i></a>
<div class="login">
<form class="validated-form user-form" action="/login" method="POST">
<a href="https://www.facebook.com/dialog/oauth?client_id=311129402335175&redirect_uri=http%3A%2F%2Fwww.guj.com.br%2Fsign-up%2Ffacebook%2F&scope=email,user_location&state=http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum" class="social-button-wraper">
<p>Entrar c/ Facebook</p>
<span class="face-button">Fazer Login</span>
</a>
<p class="or">— OU —</p>
<a href="" class="social-button-wraper">
<p>entrar c/ Google+</p>
<span class="google-button">Fazer Login</span>
</a>
<p class="or">— OU —</p>
<label for="email">Email</label>
<input type="email" name="email" class="required text-input email" placeholder="user@example.com"/>
<label for="password">Senha</label>
<input name="password" type="password" class="required text-input" placeholder="Password"/>
<a href="/esqueci-minha-senha" class="forgot-password">
Esqueci minha senha.
</a>
<input name="redirectUrl" value="http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum" type="hidden"/>
<input class="post-submit big-submit submit" type="submit" value="Login"/>
</form>
</div>
<a class="hide-next signup-form-hide">Cadastrar <i class="icon-angle-right"></i></a>
<div class="signup">
<form action="/cadastrar" method="POST" class="validated-form user-form">
<a href="https://www.facebook.com/dialog/oauth?client_id=311129402335175&redirect_uri=http%3A%2F%2Fwww.guj.com.br%2Fsign-up%2Ffacebook%2F&scope=email,user_location&state=http://www.guj.com.br/23627-projeto-mirror-fashion-wd-43-caelum" class="social-button-wraper">
<p>Cadastrar c/ Facebook</p>
<span class="face-button">Cadastre-se</span>
</a>
<p class="or">— OU —</p>
<a href="" class="social-button-wraper">
<p>Cadastrar c/ Google+</p>
<span class="google-button">Cadastre-se</span>
</a>
<p class="or">— OU —</p>
<label for="name">Nome</label>
<input id="name" type="text" name="name" class="required text-input" maxlength="100" value=""/>
<label for="email">Email</label>
<input id="email" type="email" name="email" class="required text-input email" maxlength="100" value="" />
<label for="password">Senha</label>
<input id="password" name="password" type="password" minlength="6" maxlength="100" class="required text-input"/>
<label for="password-confirmation">Confirmação da senha</label>
<input id="password-confirmation" name="passwordConfirmation" type="password" minlength="6" maxlength="100" class="required text-input"/>
<span>Criando uma conta neste site, você está de acordo com os <a href="/termos-de-uso">termos de uso</a></span>
<input class="post-submit big-submit submit" type="submit" value="Cadastrar "/>
</form>
</div>
</div>
</section>
<aside class="sidebar">
<div class="subheader">
<h2 class="title page-title">
Notícias
</h2>
<a href="/noticias/rss" class="rss-link"><i class="icon-rss"></i></a>
</div>
<ol class="sidebar-list">
<li class="post-item sidebar-item">
<div class="summary sidebar-summary">
<time class="when"
datetime="2015-05-23T14:43:12.000-03:00">
23/05/2015
</time> -
<h3 class="title item-title sidebar-item-title">
<a href="/noticias/387-novo-projeto-para-flexibilizar-a-serializacao-de-objetos-para-json">Novo projeto para flexibilizar a serialização de objetos para JSON</a>
</h3>
</div>
</li>
<li class="post-item sidebar-item">
<div class="summary sidebar-summary">
<time class="when"
datetime="2015-05-21T15:26:41.000-03:00">
21/05/2015
</time> -
<h3 class="title item-title sidebar-item-title">
<a href="/noticias/386-novo-livro-de-php-com-laravel-5-">Novo livro de PHP com Laravel 5 </a>
</h3>
</div>
</li>
<li class="post-item sidebar-item">
<div class="summary sidebar-summary">
<time class="when"
datetime="2015-05-20T10:00:48.000-03:00">
20/05/2015
</time> -
<h3 class="title item-title sidebar-item-title">
<a href="/noticias/385-video-aulas---desenvolvimento-de-aplicativos-para-android">Vídeo Aulas - Desenvolvimento de aplicativos para Android.</a>
</h3>
</div>
</li>
<li class="post-item sidebar-item">
<div class="summary sidebar-summary">
<time class="when"
datetime="2015-05-18T10:43:11.000-03:00">
18/05/2015
</time> -
<h3 class="title item-title sidebar-item-title">
<a href="/noticias/384-novo-agregador-de-blogs-de-desenvolvedores-devall">Novo agregador de blogs de desenvolvedores /dev/All</a>
</h3>
</div>
</li>
<li class="post-item sidebar-item">
<div class="summary sidebar-summary">
<time class="when"
datetime="2015-05-15T12:25:29.000-03:00">
15/05/2015
</time> -
<h3 class="title item-title sidebar-item-title">
<a href="/noticias/383-aberta-a-submissao-de-short-talk-na-mobile-conf">Aberta a submissão de Short Talk na Mobile Conf</a>
</h3>
</div>
</li>
</ol>
<a class="more-items" href="/noticias">Mais notícias...</a>
<div id='div-gpt-ad-1409592167217-0' style='width:300px; height:250px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1409592167217-0'); });
</script>
</div>
<div class="subheader">
<h3 class="title page-title">Tags recentes</h3>
</div>
<ol class="tags-usage">
<li class="tags-item">
<a href="/tag/html" class="tag-brutal">html</a>
x 1174</li>
<li class="tags-item">
<a href="/tag/css3" class="tag-brutal">css3</a>
x 207</li>
</ol>
<div class="subheader">
<h3 class="title page-title">Perguntas relacionadas</h3>
</div>
<ol class="related-questions">
<li><span>0</span>
<a href="/41124-ao-clicar-na-imagem-o-menu-e-submenu-fiquem-ativos">
Ao Clicar na Imagem o Menu e Submenu fiquem Ativos
</a>
</li>
<li><span>0</span>
<a href="/41096-como-se-resolve-essa-questao-do-livro-logica-de-programacao-">
Como se resolve essa questão do livro logica de programação ?
</a>
</li>
<li><span>0</span>
<a href="/41086-saber-qual-botao-foi-clicado">
Saber qual botão foi clicado
</a>
</li>
<li><span>0</span>
<a href="/41057-duvida-gerar-boleto">
Duvida gerar boleto
</a>
</li>
<li><span>0</span>
<a href="/40552-engenharia-da-computacao-">
Engenharia da computação
</a>
</li>
</ol>
</aside>
</div>
<footer class="footer black-top-border">
<div class="container">
<ul class="footer-list">
<li class="sponsor-box">
<a class="footer-logo first-logo" href="http://www.alura.com.br/"><span class='i18n_missing_key'>footer.guj</span></a>
<ul class="footer-sub-list">
<li><a href="http://www.alura.com.br/">Cursos online de tecnologia</a></li>
</ul>
</li>
<li class="sponsor-box">
<a class="footer-logo second-logo" href="http://www.caelum.com.br"><span class='i18n_missing_key'>footer.caelum</span></a>
<ul class="footer-sub-list">
<li><a class="footer-link" href="http://www.caelum.com.br/cursos/java/">Curso de Java</a></li>
<li><a class="footer-link" href="http://www.caelum.com.br/curso-android/">Curso de Android</a></li>
<li><a class="footer-link" href="http://www.caelum.com.br/curso-javascript-jquery/">Curso de JavaScript</a></li>
</ul>
<ul class="footer-sub-list">
<li><a class="footer-link" href="http://www.caelum.com.br/cursos/dotnet/">Curso de .NET</a></li>
<li><a class="footer-link" href="http://www.caelum.com.br/cursos/agile/">Curso de Agile</a></li>
<li><a class="footer-link" href="http://www.caelum.com.br/curso-html-css-javascript/">Curso de HTML e CSS</a></li>
</ul>
</li>
<li class="sponsor-box">
<a class="footer-logo third-logo" href="http://www.casadocodigo.com.br/"><span class='i18n_missing_key'>footer.casa_do_codigo</span></a>
<ul class="footer-sub-list">
<li><a href="http://www.casadocodigo.com.br">Conheça também os livros da Casa do Código</a></li>
</ul>
</li>
<!-- <li class="sponsor-box"><a class="footer-logo online-logo" href="#">Caelum Online</a></li> -->
</ul>
</div>
<div class="dark-footer">
<ol class="main-tags main-tags-footer">
<li>
<a class=" tag-brutal " href="/tag/java"> java </a>
</li>
<li>
<a class=" tag-brutal " href="/tag/android"> android </a>
</li>
<li>
<a class=" tag-brutal " href="/tag/c%23"> c# </a>
</li>
<li>
<a class=" tag-brutal " href="/tag/.net"> .net </a>
</li>
<li>
<a class=" tag-brutal " href="/tag/javascript"> javascript </a>
</li>
<li>
<a class=" tag-brutal " href="/tag/php"> php </a>
</li>
<li>
<a class=" tag-brutal " href="/tag/jquery"> jquery </a>
</li>
<li>
<a class=" tag-brutal " href="/tag/html"> html </a>
</li>
<li>
<a class=" tag-brutal " href="/tag/sql"> sql </a>
</li>
</ol>
<ol class="main-tags main-tags-second">
<li><a class="tag-brutal" href="http://www.lumpa.com.br/tag/photoshop">photoshop</a></li>
<li><a class="tag-brutal" href="http://www.lumpa.com.br/tag/illustrator">illustrator</a></li>
<li><a class="tag-brutal" href="http://www.lumpa.com.br/tag/inDesign">inDesign</a></li>
<li><a class="tag-brutal" href="http://www.lumpa.com.br/tag/tipografia">tipografia</a></li>
<li><a class="tag-brutal" href="http://www.lumpa.com.br/tag/vetorização">vetorização</a></li>
</ol>
<div class="container">
<span class="footer-menu">
<span class="footer-menu-label">GUJ Respostas: </span>
<a href="/nao-resolvido" class="unsolved-link">Não solucionadas</a>
<a href="/sem-respostas">Sem respostas</a>
<span class="footer-menu-label">GUJ Fórum </span>
<a href="/forums/list.java" >Índice de Fóruns</a>
<a href="/recentTopics/list.java" >Tópicos Recentes</a>
</span>
<span class="footer-menu">
<span class="footer-menu-label">Este projeto é open source: </span>
<a href="http://www.mamute.org/">Mamute.org</a>
—
<span class="footer-menu-label">Em breve, fórum para músicos: </span>
<a href="http://www.musicdot.com.br/">Music Dot</a>
—
<span class="footer-menu-label">Conheça o também o </span>
<a href="http://mamaepergunta.com.br/">Mamãe pergunta</a>
</span>
<span class="footer-muted-message">
Publicidade: guj@guj.com.br — Desenvolvido por
<a class="footer-caelum" href="http://www.caelum.com.br/">Caelum</a>
— GUJ: desde 2002
</span>
</div>
</div>
</footer>
<script src="/js/jquery.706b6c73.js"></script>
<script type="text/javascript">
//UI flags (GLOBAL VARIABLES)
var Globals = {};
Globals.inHouseUploading = false;
var ANYONE_CAN_CREATE_TAGS = false;
var TAGS_SPLITTER_CHAR = " ";
var LOGGED_IN = false;
var MODERATOR = false;
var KARMA = 0;
var CONTEXT_PATH = "";
var AVIARY_API_KEY = "et9pkf3wlm9299uk";
var INK_API_KEY = "A9UgH5nqtSwezTFGjRxj4z";
var ALL_TAGS_URL = "/pergunta/allTags";
var MESSAGES_LOADER_URL = "/messages/loadAll";
</script>
<script src="/js/jquery-plugins.b0e752d0.js"></script>
<script src="/js/mamute.2c93aa73.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-132222-1']);
_gaq.push(['_trackPageview']);
_gaq.push(['b._setAccount', 'UA-132222-7']);
_gaq.push(['b._trackPageview']);
_gaq.push(['_setCustomVar',
1,
'LoggedUser',
LOGGED_IN,
3
]);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga,
s);
})();
</script>
<script type="text/javascript">
// fix context path of ajax requests *cool*
$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
if(options.url.indexOf(CONTEXT_PATH) != 0){
options.url = CONTEXT_PATH + options.url;
}
});
function errorPopup(text, target, clazz){
clazz = clazz || "";
if(!$(".validation-error.popup").is(":visible")) {
var errorPopup = $("<div class='"+ clazz +" validation-error popup close-popup'><div class='popup-error-message'>"+text+"</div><div class='subtitle'>("+ Messages.get('button_hint.click_to_close') +")</div></div>");
errorPopup.insertAfter(target).show();
}
setTimeout(function(){
errorPopup.fadeOut(200, "linear", function(){errorPopup.remove();});
},1500);
}
function setLoading(target){
target.html("<img src="+CONTEXT_PATH+"/imgs/loading.gif>");
}
function intro(){
if($("#intro")[0]){
$(".intro").css('visibility', 'visible').click(function(){
intro();
});
if($(".automatically-joyride")[0]){
$("#intro").joyride({});
}
}
$("#intro").joyride({});
}
$(function() {
intro();
prettyPrint();
$("#datepicker-age").pickadate({
format: 'dd/mm/yyyy',
max: -12*365,
readOnly: false
});
$(".datepicker").pickadate({
format: 'dd/mm/yyyy',
max: 1,
readOnly: false
});
$(".validated-form input").eq(0).focus();
});
</script>
<!-- Código do Google para tag de remarketing do Alura -->
<!--------------------------------------------------
As tags de remarketing não podem ser associadas a informações pessoais de identificação nem inseridas em páginas relacionadas a categorias de confidencialidade. Veja mais informações e instruções sobre como configurar a tag em: http://google.com/ads/remarketingsetup
--------------------------------------------------->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 980051072;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/980051072/?value=0&guid=ON&script=0"/>
</div>
</noscript>
</body>
</html>Compartilhar
Materiais relacionados
5 pág.
1 pág.
2 pág.
Compartilhar