A “Vibe” (Introdução)
Imagine seu portfólio online como seu palco iluminado, seu espaço para brilhar na multidão digital. Ter um portfólio na internet é como abrir as cortinas para um show onde você é a estrela principal — e tudo começa com HTML e CSS, os mágicos bastidores que fazem a sua apresentação acontecer. Se você quer mostrar seu talento para o mundo, vamos juntos criar essa vitrine cheia de estilo, funcionalidade e aquele toque seu!
O Arsenal (Materiais)
- Um computador esperto, aquele que não dorme no ponto
- Um editor de texto (pode ser o VSCode, Sublime Text, ou aquele bloco de notas que você ainda ama)
- Navegador web para testar a mágica da vida real
- Uma pitada de criatividade e uma colher de paciência de um monge zen
O Plano de Ataque (Passo a Passo)
📝 Passo 1: Estruturando o HTML
Pense no HTML como o esqueleto do seu portfólio — as costelas que seguram tudo no lugar.
- Crie um arquivo chamado `index.html`.
- Defina a estrutura básica com ``, ``, `` e ``.
- Dentro do ``, insira o título do seu site com a tag `
`.</li> <li>No corpo (`<body>`), crie seções como `<br /> <header>`, `<main>` e `</p> <footer>`.</li> <li>Adicione títulos, parágrafos, listas e imagens para contar sua história.</li> </ul> <h3>🎨 Passo 2: Pintando com CSS</h3> <p>CSS é como a maquiagem do seu site — deixa tudo mais bonito e com sua cara.</p> <ul> <li>Crie um arquivo chamado `styles.css`.</li> <li>Dentro do `index.html`, linke o CSS usando `<link rel="stylesheet" href="styles.css">` dentro de `<head>`.</li> <li>Defina cores, fontes, espaçamentos e até transformar seu texto em uma dança visual com propriedades como `color`, `font-family`, `margin` e `padding`.</li> <li>Use seletores para estilizar suas seções específicas, como `header`, `main` e `footer`.</li> </ul> <h3>🚀 Passo 3: Mostrando seu Trabalho</h3> <ul> <li>Crie uma lista ou grade para seus projetos usando ` <ul>` ou `</p> <div>` com imagens e descrições.</li> <li>Adicione links para redes sociais ou seu contato para que clientes e recrutadores possam te achar.</li> </ul> <h3>🌐 Passo 4: Testar e Ajustar</h3> <ul> <li>Abra seu `index.html` no navegador para ver seu portfólio ganhando vida.</li> <li>Ajuste estilos e conteúdo até ficar do jeitinho que você sonhou.</li> </ul> <h2>O Pulo do Gato (Dica de Mestre)</h2> <p>Quer dar um charme extra? Use fontes do Google Fonts e animações CSS simples para deixar seu portfólio pulsando com energia. Aquelas transições suaves fazem toda a diferença — é como passar um filtro mágico no seu site!</p> <h2>Aviso de Perigo (ou Humor)</h2> <p>Cuidado! Um CSS muito rebelde pode transformar seu lindo portfólio em uma festa de cores que mais parece um carnaval fora de época. Modere na loucura das cores e fontes para evitar que seus visitantes saiam mais confusos do que aproveitaram.</p> </div><div class="newsx-static-sharing newsx-s0"><div class="newsx-post-sharing"><div class="sharing-header"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z'></path></svg></span><span>Share this Article</span></div><div class="sharing-icons"><a class="facebook-share" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://kichute.com/projeto-pratico-como-criar-um-portfolio-online-usando-html-e-css/" rel="nofollow"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'></path></svg></span></a><a class="x-twitter-share" target="_blank" href="https://twitter.com/intent/tweet?text=Projeto+Pr%C3%A1tico%3A+Como+Criar+um+Portf%C3%B3lio+Online+Usando+HTML+e+CSS+%28Sem+Dor+de+Cabe%C3%A7a%29&url=https%3A%2F%2Fkichute.com%2Fprojeto-pratico-como-criar-um-portfolio-online-usando-html-e-css%2F&via=kichute" rel="nofollow"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.244 2.25H21.552L14.325 10.51L22.827 21.75H16.17L10.956 14.933L4.99 21.75H1.68L9.41 12.915L1.254 2.25H8.08L12.793 8.481L18.244 2.25ZM17.083 19.77H18.916L7.084 4.126H5.117L17.083 19.77Z'/></svg></span></a><a class="copy-share" target="_blank" href="https://kichute.com/projeto-pratico-como-criar-um-portfolio-online-usando-html-e-css/" data-copied="Copiado!" data-tooltip="Copiar Link" data-gravity="s" rel="nofollow"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z'></path></svg></span></a><a class="print-share" href="javascript:if(window.print)window.print()" data-tooltip="Imprimir artigo" data-gravity="s" rel="nofollow"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M448 192V77.25c0-8.49-3.37-16.62-9.37-22.63L393.37 9.37c-6-6-14.14-9.37-22.63-9.37H96C78.33 0 64 14.33 64 32v160c-35.35 0-64 28.65-64 64v112c0 8.84 7.16 16 16 16h48v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h48c8.84 0 16-7.16 16-16V256c0-35.35-28.65-64-64-64zm-64 256H128v-96h256v96zm0-224H128V64h192v48c0 8.84 7.16 16 16 16h48v96zm48 72c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z'></path></svg></span></a></div></div></div><div class="newsx-post-sources"></div><div class="newsx-post-navigation newsx-flex-nowrap newsx-s0-nr"><a href="https://kichute.com/5-melhores-alternativas-gratis-ao-adobe-photoshop/" class="prev-post newsx-flex-nowrap" ><span class="newsx-flex"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z'></path></svg></span>Previous Article</span><div class="newsx-flex-nowrap"><img width="150" height="150" src="https://kichute.com/wp-content/uploads/2025/12/data-26-150x150.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" /><h4>Trocando de Paleta: As 5 Melhores Alternativas Grátis ao Adobe Photoshop que Funcionam de Verdade</h4></div></a><span class="newsx-divider"></span><a href="https://kichute.com/7-truques-escondidos-no-excel-para-dobrar-sua-produtividade/" class="next-post newsx-flex-nowrap" ><span class="newsx-flex">Next Article<span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'></path></svg></span></span><div class="newsx-flex-nowrap"><h4>7 Truques Escondidos no Excel para Dobrar Sua Produtividade (Sem Pirar nas Planilhas)</h4><img width="150" height="150" src="https://kichute.com/wp-content/uploads/2025/12/data-28-150x150.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" /></div></a></div><div class="newsx-post-author-box newsx-flex-nowrap newsx-s4"><div class="box-header newsx-flex"><div class="author-avatar"><img alt='' src='https://secure.gravatar.com/avatar/1033d89933707a257ddb495512b879b448d04ff5e3e91cb437daee684f0db0d4?s=100&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/1033d89933707a257ddb495512b879b448d04ff5e3e91cb437daee684f0db0d4?s=200&d=mm&r=g 2x' class='avatar avatar-100 photo' height='100' width='100' decoding='async'/></div><div class="author-info newsx-flex"><div class="newsx-flex"><a href="https://kichute.com/author/rodrigo-guimaraes/" class="author-name">Rodrigo Guimaraes</a></div></div></div><div class="box-content"><div class="author-socials"><a class="social-link-website" aria-label="Site" data-title="Site" href="https://wordpress-wordpress.gcqeiu.easypanel.host" target="_blank" rel="noopener"><span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path d='M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm82.29 357.6c-3.9 3.88-7.99 7.95-11.31 11.28-2.99 3-5.1 6.7-6.17 10.71-1.51 5.66-2.73 11.38-4.77 16.87l-17.39 46.85c-13.76 3-28 4.69-42.65 4.69v-27.38c1.69-12.62-7.64-36.26-22.63-51.25-6-6-9.37-14.14-9.37-22.63v-32.01c0-11.64-6.27-22.34-16.46-27.97-14.37-7.95-34.81-19.06-48.81-26.11-11.48-5.78-22.1-13.14-31.65-21.75l-.8-.72a114.792 114.792 0 0 1-18.06-20.74c-9.38-13.77-24.66-36.42-34.59-51.14 20.47-45.5 57.36-82.04 103.2-101.89l24.01 12.01C203.48 89.74 216 82.01 216 70.11v-11.3c7.99-1.29 16.12-2.11 24.39-2.42l28.3 28.3c6.25 6.25 6.25 16.38 0 22.63L264 112l-10.34 10.34c-3.12 3.12-3.12 8.19 0 11.31l4.69 4.69c3.12 3.12 3.12 8.19 0 11.31l-8 8a8.008 8.008 0 0 1-5.66 2.34h-8.99c-2.08 0-4.08.81-5.58 2.27l-9.92 9.65a8.008 8.008 0 0 0-1.58 9.31l15.59 31.19c2.66 5.32-1.21 11.58-7.15 11.58h-5.64c-1.93 0-3.79-.7-5.24-1.96l-9.28-8.06a16.017 16.017 0 0 0-15.55-3.1l-31.17 10.39a11.95 11.95 0 0 0-8.17 11.34c0 4.53 2.56 8.66 6.61 10.69l11.08 5.54c9.41 4.71 19.79 7.16 30.31 7.16s22.59 27.29 32 32h66.75c8.49 0 16.62 3.37 22.63 9.37l13.69 13.69a30.503 30.503 0 0 1 8.93 21.57 46.536 46.536 0 0 1-13.72 32.98zM417 274.25c-5.79-1.45-10.84-5-14.15-9.97l-17.98-26.97a23.97 23.97 0 0 1 0-26.62l19.59-29.38c2.32-3.47 5.5-6.29 9.24-8.15l12.98-6.49C440.2 193.59 448 223.87 448 256c0 8.67-.74 17.16-1.82 25.54L417 274.25z'></path></svg></span></a></div></div></div> <div class="newsx-related-posts-wrap"> <h4>Related Posts</h4> <div class="newsx-related-posts newsx-col-3"> <section> <a href="https://kichute.com/alternativas-gratis-photoshop-eficazes/"><img width="330" height="220" src="https://kichute.com/wp-content/uploads/2025/12/data-31-330x220.png" class="attachment-newsx-330x220 size-newsx-330x220 wp-post-image" alt="" decoding="async" /></a> <h5> <a href="https://kichute.com/alternativas-gratis-photoshop-eficazes/"> Além do Photoshop: As 5 Alternativas Gratuitas que Realmente Func ... </a> </h5> <span class="post-date">23 de dezembro de 2025</span> </section> <section> <a href="https://kichute.com/como-usar-canva-do-zero-guia-passso-a-passo-iniciantes/"><img width="330" height="220" src="https://kichute.com/wp-content/uploads/2025/12/data-30-330x220.png" class="attachment-newsx-330x220 size-newsx-330x220 wp-post-image" alt="" decoding="async" /></a> <h5> <a href="https://kichute.com/como-usar-canva-do-zero-guia-passso-a-passo-iniciantes/"> Como Usar Canva do Zero: Um Mergulho Profundo no Universo do Desi ... </a> </h5> <span class="post-date">23 de dezembro de 2025</span> </section> <section> <a href="https://kichute.com/como-usar-canva-do-zero-guia-iniciantes/"><img width="330" height="220" src="https://kichute.com/wp-content/uploads/2025/12/data-29-330x220.png" class="attachment-newsx-330x220 size-newsx-330x220 wp-post-image" alt="" decoding="async" /></a> <h5> <a href="https://kichute.com/como-usar-canva-do-zero-guia-iniciantes/"> Domine o Canva do Zero: Guia Completo e Prático para Iniciantes </a> </h5> <span class="post-date">23 de dezembro de 2025</span> </section> </div> </div> <div class="comments-area" id="comments"> <div id="respond" class="comment-respond"> <h4 id="reply-title" class="comment-reply-title">Deixe um Comentário <small><a rel="nofollow" id="cancel-comment-reply-link" href="/projeto-pratico-como-criar-um-portfolio-online-usando-html-e-css/#respond" style="display:none;">Cancelar resposta</a></small></h4><form action="https://kichute.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">O seu endereço de e-mail não será publicado.</span> <span class="required-field-message">Campos obrigatórios são marcados com <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comentário</label><textarea name="comment" id="comment" placeholder="Comentário" cols="45" rows="8" maxlength="65525" required="required" spellcheck="false"></textarea></p><p class="comment-form-author"><label for="author">Nome <span class="required">*</span></label> <input placeholder="Seu nome" id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">E-mail <span class="required">*</span></label> <input placeholder="Seu e-mail" id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Site</label> <input placeholder="Seu Website" id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Salvar meus dados neste navegador para a próxima vez que eu comentar.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Postar Comentário" /> <input type='hidden' name='comment_post_ID' value='97' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> </article> </div><!-- .newsx-single-content-wrap --> </div><!-- #primary --> </div><!-- .newsx-single-inner --> </div><!-- .newsx-single-wrap --> </main> </div> <!-- Site Footer --> <footer id="site-footer" class="newsx-site-footer"> <div class="newsx-bottom-section-wrap newsx-section-wrap" data-section="newsx_section_ft_bottom"><div class="newsx-builder-grid-row newsx-builder-grid-row-full newsx-builder-grid-row-group-stack newsx-container"><div class="newsx-grid-column-1 site-footer-column newsx-flex"><div class="newsx-copyright">Copyright © 2026 kichute | Desenvolvido por <a href="https://wp-royal-themes.com/themes/item-news-magazine-x-free/?ref=newsx-free-footer-credit" rel="nofollow noopener" target="_blank">Revista de Notícias X</a></div></div></div></div> <div tabindex="0" id="newsx-back-to-top" class=""> <span class="newsx-svg-icon newsx-inline-flex"><svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z'></path></svg></span></div> </footer> </div><!-- #page --> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/news-magazine-x/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type='text/javascript'> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <script type="text/javascript" src="https://kichute.com/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script> <script type="text/javascript" src="https://kichute.com/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after /* ]]> */ </script> <script type="text/javascript" defer src="https://kichute.com/wp-content/plugins/kubio/build/scripts/index.js?ver=934d42b7738f05db7abd" id="kubio-scripts-js"></script> <script type="text/javascript" defer src="https://kichute.com/wp-content/plugins/kubio/build/frontend/index.js?ver=a8e81fe1b05690675cc9" id="kubio-frontend-js"></script> <script type="text/javascript" src="https://kichute.com/wp-content/themes/news-magazine-x/assets/lib/swiper/swiper.min.js?ver=11.0.3" id="newsx-swiper-js"></script> <script type="text/javascript" src="https://kichute.com/wp-content/themes/news-magazine-x/assets/lib/marquee/marquee.min.js?ver=1.2.50" id="newsx-marquee-js"></script> <script type="text/javascript" src="https://kichute.com/wp-content/themes/news-magazine-x/assets/lib/tipsy/jquery.tipsy.min.js?ver=1.7.1" id="newsx-tipsy-js"></script> <script type="text/javascript" id="newsx-main-js-extra"> /* <![CDATA[ */ var NewsxMain = {"ajaxurl":"https://kichute.com/wp-admin/admin-ajax.php","nonce":"e022fed549","tablet_bp":"768","mobile_bp":"480","dark_mode":"body.newsx-dark-mode, .site-content, .newsx-offcanvas-widgets-area, .newsx-mobile-menu-container, .search-form, .newsx-ajax-search-results, .newsx-table-of-contents h3:after, .newsx-single-post-media .image-caption,.newsx-site-header .newsx-section-wrap, .newsx-site-footer .newsx-section-wrap, .newsx-desktop-menu .sub-menu, .newsx-preloader-wrap {background-color:#222222;}input, select, textarea,.comment-form input, .comment-form select, .comment-form textarea {background-color:#272727;}.tipsy-inner {background-color:#383838;color:#fff;}.tipsy-arrow {border-color:#383838;}.newsx-grid-filters-dropdown {background-color:#383838;color:#c4c4c4;}.newsx-newsletter-wrap, .newsx-weather-wrap,.newsx-table-of-contents, .newsx-table-of-contents \u003E div:before,.newsx-s2.newsx-category-list .category-meta,.newsx-s0.newsx-float-sharing:not(.pos-outside) .sharing-icons, .newsx-s0.newsx-float-sharing.pos-outside .newsx-post-sharing,.header-search-s2.active .search-form, .newsx-ajax-search-results,.newsx-dark-mode-switcher {background-color:#333333 !important;}.newsx-offcanvas-widgets-area::-webkit-scrollbar-thumb,.newsx-offcanvas-widgets-area::-webkit-scrollbar-thumb:hover{background-color:#333333 !important;}.header-search-s2 .search-form::after {border-bottom-color:#333333;}.single .newsx-newsletter-wrap {background-color:transparent !important;}.comment-form .form-submit .submit, .post-password-form input[type=\"submit\"], .wpcf7-submit, .wp-block-file__button, .wp-block-loginout .button {background-color:#333333;}@media screen and (max-width:768px) {.newsx-post-meta .newsx-s0.newsx-static-sharing {background:#333333;}}pre, button, input, select, textarea, .newsx-mobile-menu li, .newsx-cta-button, .search-form, .search-field, .newsx-ajax-search-results, .newsx-grid-filters-dropdown, .newsx-prev, .newsx-next, .newsx-load-more, .newsx-category-list li a, .newsx-tabs li, .newsx-social-icon, .newsx-blog-pagination \u003E *, article.entry-comments, .newsx-table-of-contents a, .newsx-post-navigation, .newsx-post-navigation .newsx-divider, .comments-pagination, .newsx-post-author-box, .newsx-newsletter-wrap, .newsx-related-posts-wrap, table, td, th, .widget_block table thead, .widget_block table th, .widget_block table td, .widget_block table tfoot, .wp-block-search__input, :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper), .wp-block-tag-cloud.is-style-outline a, .widget_nav_menu li a, .wp-block-group, .wp-block-code, .wp-block-table thead, .wp-block-table tfoot, .wp-block-table td, .wp-block-table th,.newsx-site-header .newsx-section-wrap, .newsx-site-footer .newsx-section-wrap, .newsx-header-menu-primary .newsx-desktop-menu .sub-menu.newsx-submenu-divider .menu-item:not(:last-child), .newsx-header-menu-secondary .newsx-desktop-menu .sub-menu.newsx-submenu-divider .menu-item:not(:last-child),.newsx-s3.newsx-widget-title-wrap {border-color:#383838;}hr, .wp-block-separator {color:#383838;background-color:#383838;}.newsx-site-header .newsx-top-section-wrap {border-bottom-width:1px;border-bottom-style:solid;}.newsx-table-of-contents a,.header-search-s2.active .search-form .search-field,.newsx-site-footer .newsx-category-list.newsx-s0 li a {border-color:#4a4a4a;}.newsx-s3.newsx-widget-title-wrap {border-bottom-color:#4a4a4a;}body, button, input, select, textarea, .newsx-social-icon, .newsx-cta-button a, .newsx-random-post a, .newsx-blog-pagination \u003E *, .newsx-breadcrumbs a, .newsx-post-sources a, .widget_nav_menu li a, .newsx-grid-view-all a,.newsx-header-menu-secondary a, .newsx-header-weather,.newsx-single-wrap .newsx-post-content,.newsx-date-and-time,.newsx-site-footer {color:#c4c4c4;}.newsx-header-menu-secondary .sub-menu-icon .newsx-svg {fill:#c4c4c4;}.newsx-weather-content .weather-condition, .newsx-weather-content .weather-extra-info, .newsx-grid-date-time, .newsx-grid-author a, .newsx-grid-author a:hover, .newsx-grid-post-meta div:first-child:after, .wp-block-tag-cloud.is-style-outline a, .sharing-header, .newsx-post-meta-inner, .newsx-post-meta-inner a, .newsx-post-author-box .author-job, .newsx-related-posts .post-date, .comment-meta, .comment-meta a, .comment-respond .logged-in-as, .comment-respond .logged-in-as, .comment-respond .comment-notes, .comment-form .comment-form-cookies-consent label, .comment-form textarea::placeholder, .comment-form input::placeholder, .wpcf7-form-control::placeholder, .newsx-newsletter-form .agree-to-terms, .newsx-newsletter-policy, .newsx-archive-page-header .sub-categories span,.search-field::placeholder, .newsx-newsletter-form input::placeholder, .wp-block-search__input::placeholder, .newsx-site-title-tagline .site-description, .newsx-ajax-search-results .search-results-content span,.newsx-s0.newsx-category-list li a,.newsx-site-footer .newsx-post-meta {color:#9e9e9e;}.newsx-static-sharing .sharing-header {color:#9e9e9e !important;}.newsx-static-sharing .sharing-header svg {color:#9e9e9e !important;fill:#9e9e9e !important;}.newsx-svg-icon svg,.newsx-offcanvas-btn svg,.newsx-header-social-icons .newsx-social-icon svg,.newsx-header-search .newsx-search-icon svg,.newsx-random-post svg,.newsx-s0.newsx-static-sharing .sharing-icons .copy-share svg,.newsx-s0.newsx-static-sharing .sharing-icons .print-share svg,.newsx-s0.newsx-float-sharing .sharing-icons .copy-share svg,.newsx-s0.newsx-float-sharing .sharing-icons .print-share svg,.newsx-grid-filters-dropdown-more:hover svg,.newsx-widget .newsx-social-icon svg,.newsx-site-footer .newsx-social-icon svg {fill:#fff;color:#fff;}:not(.newsx-original-colors) .newsx-post-sharing .sharing-icons svg {fill:#fff;color:#fff;}.newsx-post-format-icon {border-color:#f9f9f9;}.newsx-post-format-icon svg path {color:#f9f9f9;}:where(.newsx-s2, .newsx-s2-sr, .newsx-s2-br) \u003E .newsx-post-sharing .sharing-icons .copy-share {border-color:#999;}:where(.newsx-s2, .newsx-s2-sr, .newsx-s2-br) \u003E .newsx-post-sharing .sharing-icons .copy-share svg {fill:#999;}:where(.newsx-s2, .newsx-s2-sr, .newsx-s2-br).newsx-float-sharing.newsx-original-colors:not(.newsx-s0) .sharing-icons a {background-color:transparent;}.newsx-header-search .newsx-ring-loader div {border-left-color:#fff !important;}a, .newsx-header-menu-primary a,.newsx-grid-filters-dropdown-more:hover {color:#fff;}.newsx-site-title-tagline .site-title a, .newsx-site-title-tagline .site-title a:hover, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, .newsx-grid-title \u003E :where(div, p, span) a,.newsx-table-of-contents a, .newsx-grid-read-more a, .newsx-weather-content .weather-location, .newsx-weather-content .weather-temp,.newsx-post-meta-inner .newsx-post-author a, .comment-author, .comment .comment-author a, .newsx-post-content + .newsx-static-sharing .sharing-header,.newsx-single-post-media .image-caption, .newsx-newsletter-title svg, .widget_block .wp-block-quote, .widget_block .wp-block-details:not(.has-text-color) summary,.newsx-mobile-menu-toggle, .newsx-ajax-search-results .search-results-content a,.newsx-header-news-ticker a.newsx-news-ticker-title,.newsx-widget .soc-brand, .newsx-widget .newsx-lt-s1 .soc-label1, .newsx-widget .soc-count,.newsx-widget .newsx-social-icon:hover .soc-brand, .newsx-widget .newsx-lt-s1 .newsx-social-icon:hover .soc-label1, .newsx-widget .newsx-social-icon:hover .soc-count,.newsx-heading-widget h3, .newsx-widget-title-text,.newsx-site-footer .newsx-widget :where(h1, h2, h3, h4, h5, h6) a {color:#fff;}"}; //# sourceURL=newsx-main-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://kichute.com/wp-content/themes/news-magazine-x/assets/js/main.min.js?ver=1.2.50" id="newsx-main-js"></script> <script type="text/javascript" src="https://kichute.com/wp-includes/js/comment-reply.min.js?ver=6.9" id="comment-reply-js" async="async" data-wp-strategy="async" fetchpriority="low"></script> <script type="text/javascript" src="https://kichute.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" src="https://kichute.com/wp-content/plugins/jetpack/jetpack_vendor/automattic/woocommerce-analytics/build/woocommerce-analytics-client.js?minify=false&ver=75adc3c1e2933e2c8c6a" id="woocommerce-analytics-client-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://kichute.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.4.3" id="sourcebuster-js-js"></script> <script type="text/javascript" id="wc-order-attribution-js-extra"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://kichute.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; //# sourceURL=wc-order-attribution-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://kichute.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.4.3" id="wc-order-attribution-js"></script> <script type="text/javascript" id="jetpack-stats-js-before"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"251221520\",\"post\":\"97\",\"tz\":\"-3\",\"srv\":\"kichute.com\",\"j\":\"1:15.3.1\"}") ]); _stq.push([ "clickTrackerInit", "251221520", "97" ]); //# sourceURL=jetpack-stats-js-before /* ]]> */ </script> <script type="text/javascript" src="https://stats.wp.com/e-202603.js" id="jetpack-stats-js" defer="defer" data-wp-strategy="defer"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://kichute.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9"}} </script> <script type="module"> /* <![CDATA[ */ /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://kichute.com/wp-includes/js/wp-emoji-loader.min.js /* ]]> */ </script> <script type="text/javascript"> (function() { window.wcAnalytics = window.wcAnalytics || {}; const wcAnalytics = window.wcAnalytics; // Set the assets URL for webpack to find the split assets. wcAnalytics.assets_url = 'https://kichute.com/wp-content/plugins/jetpack/jetpack_vendor/automattic/woocommerce-analytics/src/../build/'; // Set the REST API tracking endpoint URL. wcAnalytics.trackEndpoint = 'https://kichute.com/wp-json/woocommerce-analytics/v1/track'; // Set common properties for all events. wcAnalytics.commonProps = {"blog_id":251221520,"store_id":"15a87d95-3fad-44aa-b63e-b04d6e59b848","ui":null,"url":"https://kichute.com","woo_version":"10.4.3","wp_version":"6.9","store_admin":0,"device":"desktop","store_currency":"BRL","timezone":"America/Sao_Paulo","is_guest":1}; // Set the event queue. wcAnalytics.eventQueue = []; // Features. wcAnalytics.features = { ch: false, sessionTracking: false, proxy: false, }; wcAnalytics.breadcrumbs = ["Sem categoria","Projeto Pr\u00e1tico: Como Criar um Portf\u00f3lio Online Usando HTML e CSS (Sem Dor de Cabe\u00e7a)"]; // Page context flags. wcAnalytics.pages = { isAccountPage: false, isCart: false, }; })(); </script> </body> </html>