diff --git a/Fontes/Azonix.otf b/Fontes/Azonix.otf new file mode 100644 index 0000000..bcfb61d Binary files /dev/null and b/Fontes/Azonix.otf differ diff --git a/Fontes/Futurism.otf b/Fontes/Futurism.otf new file mode 100644 index 0000000..5cbac0a Binary files /dev/null and b/Fontes/Futurism.otf differ diff --git a/Fontes/GothamBook.ttf b/Fontes/GothamBook.ttf new file mode 100644 index 0000000..6cdde85 Binary files /dev/null and b/Fontes/GothamBook.ttf differ diff --git a/Url do site hospedado.txt b/Url do site hospedado.txt new file mode 100644 index 0000000..94e5787 --- /dev/null +++ b/Url do site hospedado.txt @@ -0,0 +1,3 @@ +Url do site hospedado + +https://wevertonluis.github.io/Helial/ \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..d3d6d9e --- /dev/null +++ b/css/style.css @@ -0,0 +1,111 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + letter-spacing: .7px; + scroll-behavior: smooth; + box-sizing: border-box; + text-decoration: none; + } + +/* linkando font externa */ +@font-face { + font-family: "Azonix"; + src: + url("/Fontes/Futurism.otf"); + } + + @font-face { + font-family: "Gotham"; + src: + url("/Fontes/GothamBook.ttf"); + } +/* Fim do link da font externa */ + + +body{ + line-height: 1.5; + font-family: "Gotham", sans-serif; +} + +.titulo-principal{ + font-family: "Azonix", serif; +} + +.bg-color, .footer, center { +background-image: linear-gradient(110deg, + + hsl(223deg 63% 9%) 0%, + hsl(226deg 63% 9%) 13%, + hsl(226deg 65% 9%) 26%, + hsl(228deg 65% 9%) 39%, + hsl(220deg 70% 9%) 52%, + hsl(230deg 70% 9%) 65%, + hsl(233deg 72% 9%) 77%, + hsl(235deg 72% 9%) 89%, + hsl(235deg 73% 9%) 100%); +} + +/* Ativando o Scrollspy */ +.scrollspy-example { + height: 200px; + margin-top: .5rem; + overflow: auto; +} + +.rounded-2 { + border-radius: var(--bs-border-radius)!important; +} + +.bg-body-tertiary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important; +} + +*, ::after, ::before { + box-sizing: border-box; +} + +.bd-example { + --bd-example-padding: 1rem; + position: relative; + padding: var(--bd-example-padding); + margin: 0 -1.5rem 1rem; + border: solid var(--bs-border-color); + border-width: 1px 0; +} + +.bd-example>:last-child, .bd-example>nav:last-child .breadcrumb { + margin-bottom: 0; +} +/* Fim ativando o Scrollspy */ + +/********************** Seção do footer ********************/ +.footer-section .footer{ + height: 100%; + padding: .5rem; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); + text-align: center; + gap: .5rem; + background-color: #000000; +} + +center{ + background-color: #000000; + color: #dadada; + padding: 2rem; +} + +.footer-section .footer h3{ + font-weight: 500; + padding: .5rem 0; + color: #dadada; +} +.footer-section .footer h4{ + line-height: 1.5; + letter-spacing: .1rem; + font-weight: 300; + color: #dadada; +} +/******************** Fim seção do footer *****************/ diff --git a/dados.css b/dados.css new file mode 100644 index 0000000..315a543 --- /dev/null +++ b/dados.css @@ -0,0 +1,114 @@ +:root{ + --green: #1b1357; + --green-dark: #1b1357; + --light-grey: #f1f4f6; +} + +*{ + font-family: 'Roboto', sans-serif; +} + +/* misc stylings */ +ul li{ + list-style-type: none; +} +.container{ + max-width: 1200px; +} +.display-1{ + letter-spacing: 1px; +} +.bg-green{ + background-color: var(--green)!important; +} +.bg-grey{ + background-color: var(--light-grey); +} +.text-green{ + color: var(--green); +} +.btn{ + border: 2px solid #fff; + border-radius: 1.5rem; + padding: 0.6rem 0; + width: 160px; +} +.btn-green{ + background-color: var(--green); + color: #fff; + padding: 0.55rem 0; + width: 140px; +} +.btn-green:hover{ + color: var(--green); + background: #fff; + border-color: var(--green); +} +.lh-lg{ + line-height: 1.7!important; +} +.circle-icon{ + width:55px; + height: 55px; + border-radius: 50%; + background-color: var(--green); +} + +/* header */ +header{ + height: 100vh; +} +.navbar-brand .fa{ + font-size: 1.3rem; +} +.nav-icons p{ + font-size: 1rem; + margin-right: 0.6rem; +} +.nav-icons{ + font-size: 1.2rem; +} +.btn-header:hover{ + background-color: #fff; + color: var(--green)!important; +} +.phone-img img{ + width: 500px; +} + +/* section 6 */ +#sec-6{ + background: linear-gradient(rgba(36, 3, 94, 0.9), rgba(36, 3, 94, 0.9)), url(images/section-6-bg.jpg) center/cover no-repeat; +} +#sec-6 .circle-icon{ + width: 95px; + height: 95px; +} + +/* section 7 */ +#sec-7 .card{ + border: none; +} + +/* section 8 */ +#sec-8 .carousel-item img{ + width: 180px!important; +} + +/* section 9 */ +.pricing-item{ + border-radius: 0.3rem; + overflow: hidden; + max-width: 340px; +} +.pricing-title{ + background-color: var(--green-dark); +} +.pricing-price, .pricing-item ul li{ + border-bottom: 1px solid rgba(255, 255, 255, 0.5); + padding: 0.9rem 0; +} +.pricing-item .btn:hover{ + background: transparent!important; + color: #fff; +} \ No newline at end of file diff --git a/dados.html b/dados.html new file mode 100644 index 0000000..53f5e9a --- /dev/null +++ b/dados.html @@ -0,0 +1,346 @@ + + + + + + + Empresa ABC - Dados gerados + + + + + + +
+
+
+
+ + Helial Rustage + +
+
+ +
+
+

Explore nossos planos!

+

Neste nível, disponibilizamos uma visão geral dos estudos realizados sobre o mercado de robótica educacional em sua região ou no país. Aqui, você encontrará números e dados essenciais para entender o cenário atual

+ +
+
+ +
+
+
+
+ +
+
+
+
+ + + +

Estratégia

+

Nosso foco inicial será em nossa região geográfica, onde desenvolveremos relacionamentos sólidos com empresas locais. Isso nos permitirá criar uma base de clientes leais e construir nossa reputação.

+
+
+ + + +

Ofertas Personalizadas

+

Nossos serviços de consultoria e soluções tecnológicas serão adaptados às necessidades específicas de cada cliente.

+
+
+ + + +

Parceria Estratégica

+

Estabeleceremos colaborações com instituições de ensino e organizações empresariais, criando uma rede sólida que poderá nos ajudar a identificar novas oportunidades de mercado.

+
+
+
+
+ +
+
+
+
+ +
+
+

Nossa Pesquisa

+

Pesquisas apontam que o mercado de ações no ramo de Robótica no Brasil ultrapassou a margem de 1,4 Bi de reais no ultimo ano. O mercado de robôs educacionais tem experimentado um crescimento constante nos últimos anos. O interesse na integração da robótica na educação tem impulsionado esse mercado.

+ +
+
+
+
+ +
+
+
+
+
+ +
+

Diferencial Competitivo

+

O que nos destaca é a sinergia entre nossa plataforma de aprendizado online interativa e nossos kits de robótica prática. Nossa equipe multidisciplinar, composta por educadores, engenheiros e designers, trabalha em conjunto para criar conteúdo de alta qualidade.

+
+
+
+ +
+
+ +
+

Publico alvo

+

Atendemos a uma ampla audiência que inclui estudantes de todas as idades, pais que buscam recursos educacionais para seus filhos, escolas interessadas em programas STEAM e organizações comprometidas em fomentar a aprendizagem em comunidades desfavorecidas. +

+
+
+
+
+
+ +
+
+
+
+

Tamanho do mercado estimado

+

Acreditamos que o mercado estimado para soluções tecnológicas inovadoras é vasto e em constante crescimento. A transformação digital é uma prioridade para empresas de todos os setores, e nossa abordagem flexível se encaixa em uma ampla gama de necessidades. Estimamos que o mercado potencial abrange milhões de empresas em todo o mundo.

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet error id qui labore dolorem omnis?

+
+
+ +
+
+
+
+ +
+
+
+
+

Elementos-Chave do Guia de Operação Robótica!

+
+
+
+
+
+
+ + + +
+
+

Instruções de Segurança

+

Diretrizes abrangentes para garantir a operação segura do robô, abordando riscos potenciais e medidas de prevenção.

+
+
+
+ +
+
+
+ + + +
+
+

rocedimentos de Inicialização

+

Passo a passo para ligar, calibrar e preparar o robô para operação.

+
+
+
+ +
+
+
+ + + +
+
+

Programação e Comandos

+

Instruções sobre como programar o robô para realizar tarefas específicas, com exemplos de código e comandos.

+
+
+
+ +
+
+
+ + + +
+
+

Manutenção e Solução de Problemas

+

Informações sobre como manter o robô em boas condições de funcionamento e orientações para solucionar problemas comuns.

+
+
+
+
+
+
+ + + +
+
+

Aplicações Avançadas

+

Para usuários experientes, o guia pode incluir seções sobre recursos avançados e possibilidades de personalização.

+
+
+
+ +
+
+
+ + + +
+
+

Vantagens do Guia de Operação Robótica

+

Facilita o aprendizado e uso eficaz de robôs em diversos cenários. + Promove a segurança e reduz riscos associados à operação de robôs. + Capacita os usuários a tirarem o máximo proveito dos recursos do robô. + Agiliza o processo de solução de problemas, minimizando interrupções na operação.

+
+
+
+
+
+
+ +
+
+
+
+ +
+
+

GUIA DE OPERAÇÃO ROBÓTICA

+

Além disso, forneceremos acesso ao nosso "Manual de Instruções" com um conceito mais adequado para a robótica educacional. Este manual apresenta uma abordagem inovadora e prática para a indústria, abrangendo tópicos como currículos, tecnologias educacionais, integração de robótica na sala de aula e muito mais. Ele servirá como um guia abrangente para aqueles que desejam entender as nuances da robótica educacional e como ela pode ser efetivamente implementada em ambientes educacionais.

+
+
+
+
+ +
+
+
+
+

Estatisticas da Empresa!

+

Aqui, algumas das estatisticas da nossa empresa baseada em avaliações dos nossos clientes.

+
+
+
+
+
+ 200+ +
+
Projetos!
+
+ +
+
+ 50+ +
+
Clentes felizes!
+
+ +
+
+ 90% +
+
Dos nossos clientes voltaram!
+
+ +
+
+ 9/10 +
+
Média de nota!
+
+
+
+
+ +
+
+
+
+

Avaliações!

+
+
+ +
+ +
+
+
+ + + + + + + \ No newline at end of file diff --git a/imagens/Arma.jpg b/imagens/Arma.jpg new file mode 100644 index 0000000..e8d7d4f Binary files /dev/null and b/imagens/Arma.jpg differ diff --git a/imagens/ArthurFoto.jpg b/imagens/ArthurFoto.jpg new file mode 100644 index 0000000..80f2bac Binary files /dev/null and b/imagens/ArthurFoto.jpg differ diff --git a/imagens/BeaFoto.jpg b/imagens/BeaFoto.jpg new file mode 100644 index 0000000..1299400 Binary files /dev/null and b/imagens/BeaFoto.jpg differ diff --git a/imagens/CaraSentado.png b/imagens/CaraSentado.png new file mode 100644 index 0000000..db7d097 Binary files /dev/null and b/imagens/CaraSentado.png differ diff --git a/imagens/Fototeste.jpg b/imagens/Fototeste.jpg new file mode 100644 index 0000000..2631cbf Binary files /dev/null and b/imagens/Fototeste.jpg differ diff --git a/imagens/Grupo montando robo.jpg b/imagens/Grupo montando robo.jpg new file mode 100644 index 0000000..48bfda1 Binary files /dev/null and b/imagens/Grupo montando robo.jpg differ diff --git a/imagens/HeliaRustage.jpg b/imagens/HeliaRustage.jpg new file mode 100644 index 0000000..97060fc Binary files /dev/null and b/imagens/HeliaRustage.jpg differ diff --git a/imagens/Helial1.jpg b/imagens/Helial1.jpg new file mode 100644 index 0000000..4e44f74 Binary files /dev/null and b/imagens/Helial1.jpg differ diff --git a/imagens/Helial2.jpg b/imagens/Helial2.jpg new file mode 100644 index 0000000..d6ffd99 Binary files /dev/null and b/imagens/Helial2.jpg differ diff --git a/imagens/Helial3.jpg b/imagens/Helial3.jpg new file mode 100644 index 0000000..5bccd48 Binary files /dev/null and b/imagens/Helial3.jpg differ diff --git a/imagens/Helial4.jpg b/imagens/Helial4.jpg new file mode 100644 index 0000000..5d6a5b2 Binary files /dev/null and b/imagens/Helial4.jpg differ diff --git a/imagens/HeloFoto2.jpg b/imagens/HeloFoto2.jpg new file mode 100644 index 0000000..b1f6787 Binary files /dev/null and b/imagens/HeloFoto2.jpg differ diff --git a/imagens/ProfessorEAluno.jpg b/imagens/ProfessorEAluno.jpg new file mode 100644 index 0000000..d2adb9e Binary files /dev/null and b/imagens/ProfessorEAluno.jpg differ diff --git a/imagens/Robocafe.jpg b/imagens/Robocafe.jpg new file mode 100644 index 0000000..448ef40 Binary files /dev/null and b/imagens/Robocafe.jpg differ diff --git a/imagens/Robohumano.jpg b/imagens/Robohumano.jpg new file mode 100644 index 0000000..d676c84 Binary files /dev/null and b/imagens/Robohumano.jpg differ diff --git "a/imagens/Robom\303\243o.jpg" "b/imagens/Robom\303\243o.jpg" new file mode 100644 index 0000000..08b953b Binary files /dev/null and "b/imagens/Robom\303\243o.jpg" differ diff --git a/imagens/RobonaCozinha.jpg b/imagens/RobonaCozinha.jpg new file mode 100644 index 0000000..6f9a74d Binary files /dev/null and b/imagens/RobonaCozinha.jpg differ diff --git a/imagens/bga.png b/imagens/bga.png new file mode 100644 index 0000000..015a33c Binary files /dev/null and b/imagens/bga.png differ diff --git a/imagens/hardware.jpg b/imagens/hardware.jpg new file mode 100644 index 0000000..83398b5 Binary files /dev/null and b/imagens/hardware.jpg differ diff --git a/imagens/hardware2.jpg b/imagens/hardware2.jpg new file mode 100644 index 0000000..a205deb Binary files /dev/null and b/imagens/hardware2.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..b81aae0 --- /dev/null +++ b/index.html @@ -0,0 +1,452 @@ + + + + + + + + + FourCore + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +
+
+
+ +

Helial Rustage

+

Nosso robô é um anjo que caiu na terra. Por isso escolhemos o nome Helial Rustage, rustage que traduzindo vira ferrugem, nosso robô com a queda ficou enferrujado mas ainda sim continua sendo um anjo e não vai desistir até voltar para o paraiso.

+
+ +
+ ... +
+ +
+
+ + + + + +
+
+
+ + + + + +
+
+
+ Foto do robo do lado esquerdo mostrando a asa +
+
+ Foto do robo do lado direito mostrando a asa +
+
+ Foto do robo com a arma acionada +
+
+ Foto do Hardware do robo por dentro +
+
+ Foto mais perto da arma acionada +
+
+ + +
+
+
+ + + + +
+ +
+ +

Arma do Robô

+ +
+ +
+
+ + Foto do robo com a arma acionada + +
+ +
+ +

Informações da Arma

+ +
+
+

+ +

+
+
+ A arma tem o formato que lembra uma flecha. Nós escolhemos esse formato por conta do tema do nosso robô. Achamos que um anjo deve carregar consigo um arco e uma flecha, É uma arma que para manusear, o guerreiro deve ter destreza e paciência. +
+
+
+
+

+ +

+
+
+ Para seguir com o estilo de flecha. O corpo da arma é feito inteiramente de madeira, com exceção da lamina, que é composta por duas navalhas e uma agulha na ponta. Assim não importa de qual direção o inimigo venha, nossa arma doi feita para cortar qualquer coisa. +
+
+
+
+

+ +

+
+
+ Assim como o arco e flecha é visto como uma arma simples. Nossa arma funciona de uma maneira bem simples, a felcha é presa em um motor que gira em 180°, fazendo com que ela assim que o sensor do robô é acionado, nossa arma seja acionada rapidamente. +
+
+
+
+
+
+
+ + + + + +
+ +
+ +

Hardware ultilizado

+ +
+ +
+
+ Foto das peças utilizadas no hardware do robo +
+ +
+ + +
+
Componentes Eletrônicos
+
    +
  • Arduino Mega2560 - 1 unidade
    • +
  • Soquete de Pilha AA - 1 unidade
    • +
  • Led de 3MM - 1 unidade
    • +
  • Motor DC 3V - 6V Eixo Duplo - Com caixa de Redução (com roda) - 2 unidades
    • +
  • Motor de 5V / 150RPM para as armas - 1 unidade
    • +
  • Chave fim de curso - 4 unidades
    • +
  • Chave alavanca de 2 terminais - 1 unidade
    • +
  • Shield de motor - 1 unidade
    • +
  • Shield de Bluetooth HC-06 - 1 unidade
    • +
+ +
Componentes de conexão
+
    +
  • Protoboard de 400 pontos - 1 unidade
    • +
  • Transistor BD 135 - 10 unidades
    • +
  • Barra de pinos macho - 1 barra
    • +
  • Resistor de carbono - 100 unidades
    • +
  • Jumper MM - 20 unidades
    • +
  • Jumper MF - 20 unidades
    • +
  • Fita isolante
    • +
+
Para a estilização do robô
+
    +
  • Placa de MDF - 2 Unidades
    • +
  • Tintas: Laranja, Azul, Marrom e Preta
    • +
  • Fita LED com iluminação RGB - 5 metros
    • +
  • Papelão para fazer as Asas do robô
    • +
  • Caneta preta para fazer o contorno das asas e o nome do robo.
    • +
+
Demais Componentes
+
    +
  • Suporte para o balão - 1 unidade
    • +
  • Roda-Boba - para locomoção.
    • +
  • Palitos de churrasco para sustentação de componetes.
    • +
+
Conexão Bluetooth
+

Para que o robô funcione, foi desenvolvido um código que é passado para o arduino do robô. Esse código serve para que todos o componentes do robô funcionem corretamente em suas respectivas funções.

+

Assim que esse código é passado para o nosso Arduino, já fica possivel de controlar o robô para a batalha. O professor nos forneceu o aplicativo para android, esse aplicativo é conectado via Bluetooth com o nosso módulo Bluetooth, nesse aplicativo vem o controle remoto para andar com o robô.

+
+
+
+
+ + + + + + +
+
+ +
+ +

Veja nosso robô em pratica!

+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+ + + + +
+ +
+ +

Grupo FourCore

+ +
+ +
+
+
+ Foto da Integrante do Grupo Beatriz +
+
Beatriz Maria
+

+
+
+
+ Foto da Integrante do Grupo Heloisa +
+
Heloisa Vital
+

+
+
+
+ Foto do Integrante do Grupo Weverton +
+
Weverton Luis
+

+
+
+
+ Foto do Integrante do Grupo Arthur +
+
Arthur Siqueira
+

+
+
+
+ +
+ +
+ + + + + +
+
+
+ +

NEXT

+

O NEXT é o Festival de Tecnologia e Inovação que reune em média 2.000 jovens talentos para uma feira de projetos feitos durante o ano na FIAP em seus respectivos cursos. Nesse festival esses jovens, apresentam suas melhores criações: drones, robôs, conteúdos para VR devices, aplicativos mobiles e muito mais. Nesse festival diversas empresas parceiras vão para a faculdade, para recrutar esses jovens talentos.

+
+ +
+ +

Robô Cup

+

A Robocup é a competição mais antiga da FIAP. Alunos dos 1°s anos de Sistemas de Informação constroem robôs para participar de duelos, onde o principal objetivo é estourar o balão que o adversário carrega. Para isso, todas as máquinas possuem armas em seu corpo. Mas a competição também exige o funcionamento pleno do robô: após estourar o balão do oponente, ele deve recolher sua arma, só assim é considerado o vencedor.

+
+
+
+ + + + +
+

Para obter mais dados da nossa empresa, faça o login logo abaixo!

+
+
+ +
+ + +
+
+ + +
+ +
+ +
+
+
+
+ + + + + +
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/js/acesso.js b/js/acesso.js new file mode 100644 index 0000000..e9e1ba8 --- /dev/null +++ b/js/acesso.js @@ -0,0 +1,13 @@ +const pass = '123456'; +document.querySelector('form').addEventListener('submit', (e) => { + e.preventDefault(); + const formPassword = document.querySelector('#password').value; + + if(pass === formPassword){ + window.location.href = 'dados.html'; + } else { + alert('Você precisa de uma permissão para acessar a página') + document.querySelector('#password').focus(); + } + +}) \ No newline at end of file