Skip to content

Commit

Permalink
Atualiza estrutura do HTML e corrige caminhos das imagens
Browse files Browse the repository at this point in the history
  • Loading branch information
Rallenson authored and Rallenson committed Jan 30, 2025
1 parent a29eb2b commit 432ecc1
Showing 1 changed file with 113 additions and 100 deletions.
213 changes: 113 additions & 100 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,109 +10,122 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portifólio</title>
</head>
<body>
<div class="container">
<div id="header">
Portifólio
</div>
<div id="menu">
<ul>
<li ></li><a href="#serviçes">Meus Serviços</a></li>
<li ><a href="#contact">Contato</a></li>
<li><a href="#portfolioTitle">Portifólio</a></li>
</ul>
<body>
<div class="container">
<div id="header">
Portifólio
</div>
<div id="menu">
<ul>
<li ></li><a href="#serviçes">Meus Serviços</a></li>
<li ><a href="#contact">Contato</a></li>
<li><a href="#portfolioTitle">Portifólio</a></li>
</ul>
</div>
</div>
<div Class="container">
<div id="cta">
<h1>Óla meu nome<br></br>
é Maria
</h1>
<p class="gray">
Sou programadora e gostaria de apresentar meu<br>
trabalho para você através deste portfólio.
</p>
<a id="buttoncta" href="">Meus Serviços</a>
</div>
<div id="img">
<img src="./imagens/header.svg">
</div>
</div>
<div Class="container" id="Clients">
<div id="headerClientText">
Alguns dos<br>
meus clientes
</div>
<div class="headerLogo">
<img src="./imagens/apple.svg">
</div>
<div class="headerLogo">
<img src="./imagens/slack.svg">
</div>
<div class="headerLogo">
<img src="./imagens/spotify.svg">
</div>
</div>
<div Class="container text-center">
<div id="serviçes">
<h2 class="red">Conheça</h2>
<h1 class="black">Meus Serviços</h1>
</div>
</div>
<div class="container" id= "serviçes">
<div class="text-center">
<img src="./imagens/icon1.svg">
<h3>Consultoria</h3>
<p class="gray">
Te ajudo a organizar sua empresa<br> e melhorar seus resultados.
</p>
</div>
<div Class="text-center">
<img src="./imagens/icon2.svg">
<h3>E-mail Marketing</h3>
<p class="gray">Gerenciar campanhas é difícil.<br>
Conte comigo para te ajudar.
</p>
</div>
<div Class="text-center">
<img src="./imagens/icon3.svg">
<h3>Criação de sites</h3>
<p class="gray">Desenvolvo seu site inteiro<br>
do zero e te entrego prontinho.
</p>
</div>
</div>
</div>
<div Class="container">
<div id="cta">
<h1>Óla meu nome<br></br>
é Maria
</h1>
<div class="container" id="contact">
<div id="contactImg"><img src="./imagens/contact.svg"></div>
<div id="contactForm">
<h2 class="red">Economize seu tempo</h2>
<h1 class="black">Ganhe mais dinheiro1</h1>
<p class="gray">
Sou programadora e gostaria de apresentar meu<br>
trabalho para você através deste portfólio.
Digite aqui seu endereço de e-mail. Eu entrarei em<br>
contato para fornecer um diagnóstico gratuito.
</p>
<a id="buttoncta" href="">Meus Serviços</a>
</div>
<div id="img">
<img src="./imagens/header.svg">
</div>
</div>
<div Class="container" id="Clients">
<div id="headerClientText">
Alguns dos<br>
meus clientes
</div>
<div class="headerLogo">
<img src="./imagens/apple.svg">
</div>
<div class="headerLogo">
<img src="./imagens/slack.svg">
</div>
<div class="headerLogo">
<img src="./imagens/spotify.svg">
</div>
</div>
<div Class="container text-center">
<div id="serviçes">
<h2 class="red">Conheça</h2>
<h1 class="black">Meus Serviços</h1>
</div>
</div>
<div class="container" id= "serviçes">
<div class="text-center">
<img src="./imagens/icon1.svg">
<h3>Consultoria</h3>
<p class="gray">
Te ajudo a organizar sua empresa<br> e melhorar seus resultados.
</p>
</div>
<div Class="text-center">
<img src="./imagens/icon2.svg">
<h3>E-mail Marketing</h3>
<p class="gray">Gerenciar campanhas é difícil.<br>
Conte comigo para te ajudar.
</p>
</div>
<div Class="text-center">
<img src="./imagens/icon3.svg">
<h3>Criação de sites</h3>
<p class="gray">Desenvolvo seu site inteiro<br>
do zero e te entrego prontinho.
</p>
</div>
</div>
<div class="container" id="contact">
<div id="contactImg"><img src="/imagens/contact.svg"></div>
<div id="contactForm">
<h2 class="red">Economize seu tempo</h2>
<h1 class="black">Ganhe mais dinheiro1</h1>
<p class="gray">
Digite aqui seu endereço de e-mail. Eu entrarei em<br>
contato para fornecer um diagnóstico gratuito.
</p>
<form action="https://formspree.io/f/meqnyvdn" method="POST"></form>
<p><input placeholder="Seu E-mail" type="text"required "name="conctactEmail"></p>
<button type="submit">Solicitar</button>
</div>
<form action="https://formspree.io/f/meqnyvdn" method="POST"></form>
<p><input placeholder="Seu E-mail" type="text"required "name="conctactEmail"></p>
<button type="submit">Solicitar</button>
</div>

</div>
<div class="container" id="portfolioTitle">
<div>
<h2 class="red">Conheça o meu</h2>
<h1 class="black">Portifólio</h1>
</div>
</div>
<div class="container">
<div class="portfolioImg">
<img src="imagens/portfolio1.svg">
</div>
<div class="portfolioImg">
<img src="imagens/portfolio2.svg">
</div>
<div class="portfolioImg">
<img src="imagens/portfolio3.svg">
</div>
</div>
</body>
<div class="container" id="portfolioTitle">
<div>
<h2 class="red">Conheça o meu</h2>
<h1 class="black">Portifólio</h1>
</div>
</div>
<div class="container">
<div class="portfolioImg">
<img src="./imagens/portfolio1.svg">
</div>
<div class="portfolioImg">
<img src="./imagens/portfolio2.svg">
</div>
<div class="portfolioImg">
<img src="./imagens/portfolio3.svg">
</div>
</div>
</body>
<script>
document.addEventListener("DOMContentLoaded", function () {
const basePath = window.location.pathname.includes('/PaginaPortifolioDigital-Exemplo/') ? '/PaginaPortifolioDigital-Exemplo/' : '/';

document.querySelectorAll("img").forEach(img => {
const src = img.getAttribute("src");
if (!src.startsWith("http") && !src.startsWith(basePath)) {
img.src = basePath + src;
}
});
});
</script>

</html>

0 comments on commit 432ecc1

Please sign in to comment.