OptimusTech 🌏 é uma plataforma informativa que visa fornecer informações sobre a empresa, seus produtos, vagas de emprego, artigos do blog e muito mais.
Este projeto consiste em uma aplicação web que oferece várias seções:
- Home: Informações principais sobre a empresa.
- Produtos: Detalhes sobre os produtos oferecidos.
- Vagas de Emprego: Oportunidades disponíveis na empresa.
- Blog: Artigos e notícias relacionadas ao setor.
- Equipe: Perfil dos membros da equipe.
- FAQ: Perguntas frequentes respondidas.
- Contato: Formulário de contato e informações para se comunicar com a empresa.
Para executar localmente, siga estas etapas:
- Clone o repositório:
git clone https://github.com/dvizioon/OPTIMUSTECH.git
- Navegue até o diretório:
cd OPTIMUSTECH
- Abra o arquivo
index.html
no seu navegador.
- Navegue pelas diferentes seções usando a barra de navegação.
- Explore produtos, vagas de emprego, artigos do blog e informações sobre a equipe.
Você pode adicionar novas vagas de emprego editando o arquivo vagas.json
conforme o exemplo abaixo que faz uma simulação API:
Important
Para Editar as Vagas Você precias entrar em api
[
{
"img": "https://via.placeholder.com/100",
"empresa": "optimustech",
"nome": "Desenvolvedor Web JR",
"disponibilidade": "open",
"data": "23/02/2024",
"estilo": "remoto",
"salario": 2000,
"horas_dia": 8
},
{
"img": "https://via.placeholder.com/100",
"empresa": "optimustech",
"nome": "Designer UX/UI",
"disponibilidade": "close",
"data": "01/02/2024",
"estilo": "presencial",
"salario": 2500,
"horas_dia": 7
},
]
Caution
É importante resaltar que essa vagas possuem um estado de "opne","close","warning"
Você pode adicionar novos testemunhos editando o arquivo render_testimonials.js
conforme o exemplo abaixo que faz uma simulação API:
Important
Para Editar as Vagas Você precias entrar em js
document.addEventListener('DOMContentLoaded', () => {
const testimonials = [
{
"text": "Estamos muito satisfeitos as Soluções da OptimusTech. Eles são inovadores e sempre entregam resultados excepcionais.",
"image": "https://avatars.githubusercontent.com/u/147283064?v=4",
"name": "Daniel Estevão",
"title": "CEO, Empresa OptimusTech"
},
{
"text": "OptimusTech se importa com a saúde dos seus colaboradores e sempre procura nos dar todo tipo de auxílio possível.",
"image": "./assets/img/Julia.jpg",
"name": "Júlia Castro",
"title": "Desenvolvedora Web"
}
]
renderTestimonials(testimonials);
function showTestimonial(index) {
const testimonials = document.querySelectorAll('.testimonial-card');
const dots = document.querySelectorAll('.testimonial-dot');
if (index < 0 || index >= testimonials.length) {
return;
}
testimonials.forEach(testimonial => {
testimonial.style.display = 'none';
});
dots.forEach(dot => {
dot.classList.remove('active');
});
testimonials[index].style.display = 'block';
dots[index].classList.add('active');
}
const dots = document.querySelectorAll('.testimonial-dot');
dots.forEach((dot, index) => {
dot.addEventListener('click', () => {
showTestimonial(index);
});
});
});
Warning
Para vc está mudando é necessario vc adicionar mais um item ao Array Aqui
const testimonials = [
{
"text": "Estamos muito satisfeitos as Soluções da OptimusTech. Eles são inovadores e sempre entregam resultados excepcionais.",
"image": "https://avatars.githubusercontent.com/u/147283064?v=4",
"name": "Daniel Estevão",
"title": "CEO, Empresa OptimusTech"
},
{
"text": "OptimusTech se importa com a saúde dos seus colaboradores e sempre procura nos dar todo tipo de auxílio possível.",
"image": "./assets/img/Julia.jpg",
"name": "Júlia Castro",
"title": "Desenvolvedora Web"
}
{
"text": "Melhor BigTech",
"image": "https://via.placeholder.com/100",
"name": "Daniel Estevão",
"title": "Desenvolvedor JR"
}
]
Important
Você pode querer modificar os plugins então Entre em plugins
//Plugin de Carrosel
let slideIndex = 0;
function showSlides() {
const slides = document.querySelector('.slide');
const totalSlides = slides.children.length;
slideIndex++;
if (slideIndex >= totalSlides) {
slideIndex = 0;
}
slides.style.transform = `translateX(${-slideIndex * 100}%)`;
}
function moveSlide(n) {
slideIndex += n;
const slides = document.querySelector('.slide');
const totalSlides = slides.children.length;
if (slideIndex >= totalSlides) {
slideIndex = 0;
} else if (slideIndex < 0) {
slideIndex = totalSlides - 1;
}
slides.style.transform = `translateX(${-slideIndex * 100}%)`;
}
setInterval(showSlides, 4000);
Este projeto é licenciado sob a MIT. Veja o arquivo LICENSE para mais detalhes.
OptimusTech 🌏 - Criado por Divizioon