https://github.com/danirodriguess22/danio/tree/main/portfolio
Quando vou colocar no vercel, nao vai de jeito nenhum
https://github.com/danirodriguess22/danio/tree/main/portfolio
Quando vou colocar no vercel, nao vai de jeito nenhum
hoje, com a Alura e o Google Gemini
Oi, Danielle, tudo bem?
O problema está acontecendo, pois a Vercel busca na raiz do repositório o documento "index.html", contudo na raiz do seu repositório está a pasta "portfolio" e os arquivos estão dentro desta pasta. Sendo assim, a Vercel, não conseguirá localizar o arquivo "index.html", gerando o erro 404 de não localizado.
Uma possível solução é remover os arquivos de dentro da pasta e deixá-los na raiz do seu repositório.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
eu tentei tirar da pasta mas deu erro quando fui abrir o vs code
Meu codigo não está mais funcionando
1° @import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat&display=swap');
:root { --cor-primaria: #000000; --cor-secundaria: #F6F6F6; --cor-terciaria: #22D4FD; --cor-hover: #272727; }
body { box-sizing: border-box; background-color: var(--cor-primaria); color: var(--cor-secundaria); }
.cabecalho{ padding: 2% 0% 0% 15%; }
.cabecalho__menu{ display: flex; gap: 80px;
} .cabecalho__menu__link{ font-family: 'montserrat', 'sans-serif'; font-size: 1.5rem; font-weight: 600; color: var(--cor-terciaria); text-decoration: none;
}
.apresentacao{
padding: 5% 15%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 82px;
}
.apresentacao__conteudo{ width: 50%; display: flex; flex-direction: column; gap: 5px;
}
.apresentacao__conteudo__titulo { font-size: 2.25rem; font-family: "Krona One", sans-serif;
}
.titulo-destaque { color: var(--cor-terciaria); }
.apresentacao__conteudo__texto{ font-size: 1.5rem; font-family: "Montserrat", sans-serif; }
.apresentacao__links{ display: flex; flex-direction: column; align-items: center; gap: 10px; justify-content: space-between; } .apresentaçao__links__subtitulo{ font-family: 'Krona One', 'sans-serif'; font-weight: 400; font-size: 1.5rem; }
.apresentacao__links__navegacao { border: 2px solid var(--cor-terciaria); display: flex; justify-content: center; gap: 16px; width: 50%; text-align: center; border-radius: 8px; font-size: 1.5rem; font-weight: 600; padding: 21.5px 0; text-decoration: none; font-family: "Montserrat", sans-serif; color: var(--cor-secundaria); }
.apresentacao__links__navegacao:hover{ background-color: var(--cor-hover);
}
.apresentacao__imagem{ width: 50%;
}
.rodape{ padding: 40px; color: var(--cor-primaria); background-color: var(--cor-terciaria); text-align: center; font-family: "Montserrat", sans-serif; font-size: 1.5rem; font-weight: 400; }
@media (max-width: 1200px) {
.cabecalho{
padding: 10%;
}
.cabecalho__menu{
justify-content: center;
}
.apresentacao{
flex-direction: column-reverse;
padding: 5%;
}
.apresentacao__conteudo{
width: auto;
}
}
2°
Home Sobre mim CurriculoOlá, sou Danielle Rodrigues, sou editora de vídeos, especialidade em premiere e capcut! Ajudo pequenos negócios a elevarem a sua empresa. Vamos conversar?
<a class="apresentacao__links__navegacao" href="https://www.linkedin.com/in/danielle-rodriguess/">Linkedin
<img src="./index/linkedin.png">
</a>
</div>
</section>
<img class="apresentacao__imagem" src="./index/danii.jpg" alt="dani">
</main>
<footer class="rodape">
<P>Desenvolvido por Danielle Rodrigues.</P>
</footer>
Oi, Danielle, tudo bem?
O seu projeto está com problemas, pois você alterou o local dos arquivos no seu repositório e não fez mudanças nos caminhos dentro dos arquivos referentes aos estilos e imagens. Uma possível solução seria revisar o código nos arquivos HTML para alterar o caminho dos arquivos.
Por exemplo, com as alterações no caminho das imagens o arquivo "index.html" ficariam assim:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="cabecalho">
<nav class="cabecalho__menu">
<a class="cabecalho__menu__link" href="index.html">Home</a>
<a class="cabecalho__menu__link" href="about.html">Sobre mim</a>
<a class="cabecalho__menu__link" href="curriculo.html">Curriculo</a>
</nav>
</header>
<main class="apresentacao">
<section class="apresentacao__conteudo">
<h1 class="apresentacao__conteudo__titulo">Eleve seu negócio digital a outro nível <strong class="titulo-destaque">com uma edição de qualidade!</strong> </h1>
<p class="apresentacao__conteudo__texto">Olá, sou Danielle Rodrigues, sou editora de vídeos, <strong> especialidade em premiere e capcut!</strong> Ajudo
pequenos negócios a elevarem a sua empresa. Vamos conversar? </p>
<div class="apresentacao__links">
<h2 class="apresentaçao__links__subtitulo">Acesse minhas redes:</h2>
<a class="apresentacao__links__navegacao" href="https://instagram.com/daniroodriguess_">Instagram
<img src="instagram.png"> </a>
<a class="apresentacao__links__navegacao" href="https://www.linkedin.com/in/danielle-rodriguess/">Linkedin
<img src="linkedin.png">
</a>
</div>
</section>
<img class="apresentacao__imagem" src="danii.jpg" alt="dani">
</main>
<footer class="rodape">
<P>Desenvolvido por Danielle Rodrigues.</P>
</footer>
</body>
</html>
Para os arquivos "about.html" e "curriculo.html" você pode fazer as alterações dos caminhos tendo como base o código acima.
Por fim, basta você atualizar os arquivos no GitHub e o resultado na Vercel já será alterado.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!