OptimusTech 🌏

Descrição

OptimusTech 🌏 é uma plataforma informativa que visa fornecer informações sobre a empresa, seus produtos, vagas de emprego, artigos do blog e muito mais.

Conteúdo

• Visão Geral
• Tecnologias Utilizadas
• Instalação
• Como Usar
• Contribuição
• Licença

Visão Geral

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.

Tecnologias Utilizadas

• 
• 
• 
• HTML5, CSS3, JavaScript

Vizualizar Projeto na Web

Instalação

Para executar localmente, siga estas etapas:

1. Clone o repositório: git clone https://github.com/dvizioon/OPTIMUSTECH.git
2. Navegue até o diretório: cd OPTIMUSTECH
3. Abra o arquivo index.html no seu navegador.

Como Usar

• 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.

Adicionar Vagas:

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"

Adicionar Testimonials:

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"
        }
    ]

Plugins Exemplos:

[!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);

Licença

Este projeto é licenciado sob a MIT. Veja o arquivo LICENSE para mais detalhes.

---

OptimusTech 🌏 - Criado por Divizioon