diff --git a/.hintrc b/.hintrc new file mode 100644 index 0000000..ae62a1a --- /dev/null +++ b/.hintrc @@ -0,0 +1,13 @@ +{ + "extends": [ + "development" + ], + "hints": { + "axe/text-alternatives": [ + "default", + { + "image-alt": "off" + } + ] + } +} \ No newline at end of file diff --git a/cp1/cursos/admin.html b/cp1/cursos/admin.html new file mode 100644 index 0000000..8d21404 --- /dev/null +++ b/cp1/cursos/admin.html @@ -0,0 +1,35 @@ + + + + + + + + + + FIAP CURSOS - ADM + + +
+ +

ADMINSTRAÇÃO

+

INNOVATION & DIGITAL TRANSFORMATION

+
+
+

O Curso

+

A FIAP tem o melhor curso de Administração de São Paulo, primeiro colocado no ENADE. Isso é consequência de um + ambiente de excelência em tecnologia, inovação e empreendedorismo, que desperta nos alunos o pensamento crítico, + engajamento social e os prepara para o mercado de trabalho.
+ O curso aborda tanto o lado gerencial quanto o lado estratégico de negócios, em disciplinas como: negociação, + liderança e trabalho em equipe, direito empresarial, gestão financeira, gestão de pessoas, marketing, processos e + gestão de TI.
+ Você será capaz de apoiar e conduzir os principais planos de uma empresa em cenários dinâmicos, competitivos e + tecnológicos. +

+
+ + + \ No newline at end of file diff --git a/cp1/cursos/ads.html b/cp1/cursos/ads.html new file mode 100644 index 0000000..6dab309 --- /dev/null +++ b/cp1/cursos/ads.html @@ -0,0 +1,36 @@ + + + + + + + + + + FIAP CURSOS - ADS + + +
+ +

ANÁLISE E DESENVOLVIMENTO DE SISTEMAS

+

+
+
+

O Curso

+

+ Você vai aprender a identificar as necessidades estruturais de um sistema, documentar, criar protótipos e desenvolver + para web e mobile utilizando os principais softwares, ferramentas e metodologias do mercado, além de ser capaz de + gerenciar projetos e controlar a qualidade de programas. +
+ Você vai desenvolver sistemas de alta qualidade e produtividade para web e mobile nas linguagens de programação + Java, .NET, Android e Apple iOS, bem como integrar estas plataformas entre si e com outras, tal como Mainframe e + SAP. +

+
+ + + \ No newline at end of file diff --git a/cp1/cursos/bdados.html b/cp1/cursos/bdados.html new file mode 100644 index 0000000..d739fb0 --- /dev/null +++ b/cp1/cursos/bdados.html @@ -0,0 +1,41 @@ + + + + + + + + + + FIAP CURSOS - BANCO DE DADOS + + +
+ +

BANCO DE DADOS

+
+
+

O Curso

+

+ Tecnologia em Banco de Dados prepara você para entender e utilizar melhor os dados, criando soluções inovadoras a + partir de um fluxo de conteúdo monitorado e analisado. +
+ E personalizando os serviços prestados por meio da construção de bases de dados para tomada de decisão e aplicação + dos conceitos de BI (Business Intelligence) relacionados à modelagem de indicadores de desempenho, integração de + dados corporativos e visualização das informações. +
+ Aprenda ou aprofunde seus conhecimentos em aspectos técnicos, de infraestrutura e tuning, para desempenhar papel + estratégico nas empresas e dar suporte à área de negócios, garantindo a segurança e integridade das informações das + organizações. Tudo isso por meio do uso de tecnologias como Big Data, Cloud Computing e Mobilidade. +
+ Através do conceito de Big Data, organize as fontes de dados e utilize-as obtendo insights que embasem as + corporações para a melhoria da operação do seu negócio. +

+
+ + + \ No newline at end of file diff --git a/cp1/cursos/course-style.css b/cp1/cursos/course-style.css new file mode 100644 index 0000000..d03df56 --- /dev/null +++ b/cp1/cursos/course-style.css @@ -0,0 +1,29 @@ + /* Resetor */ + + /* Estilo da pagina */ +body{ + margin: 20px; + background-color:#FDFDFD; + color: #2e2e2e; +} + +p { width: 50%; } + +/* Design da Logotipo */ +.logo { + width: 150px; + float: right; +} + +.subtitle { font-size: 130%; } + +/* Decorando os links e palavras em negrito com a cor da FIAP */ +nav a, main p strong { color:#ED145B;} + +nav ul li {display: inline;} + +.sites_fav { + height:120px; + border-radius: 20px; + margin:20px; +} diff --git a/cp1/cursos/ecomp.html b/cp1/cursos/ecomp.html new file mode 100644 index 0000000..56e0069 --- /dev/null +++ b/cp1/cursos/ecomp.html @@ -0,0 +1,41 @@ + + + + + + + + + + FIAP CURSOS - ECOMP + + +
+ +

ENGENHARIA DA COMPUTAÇÃO

+
+
+

O Curso

+

+ O ENGENHEIRO DA COMPUTAÇÃO desenvolve projetos nas áreas de sistemas operacionais, arquitetura de + computadores, redes, robótica e inteligência artificial. +
+ A grade privilegia conhecimentos avançados na área de exatas (física e matemática) e aspectos de eletrônica, controle + e automação, telecomunicações e TI. +
+ Você aprende sobre o ciclo de fabricação (custos, prazos, riscos, qualidade), gerenciamento de equipe, + desenvolvimento de aplicativos, linguagens de programação e empreendedorismo. +
+ Na FIAP, o futuro engenheiro dispõe de um parque tecnológico avançado, laboratórios de química, informática, + fabricação e o ‘Maker Labs’, um dos laboratórios mais modernos de engenharia do Brasil, com impressoras 3D, + usinagem, cortadoras laser e fresadoras de precisão para criação de protótipos e peças em automação simples e com + CNC (Computer Numeric Control). +

+
+ + + \ No newline at end of file diff --git a/cp1/cursos/emec.html b/cp1/cursos/emec.html new file mode 100644 index 0000000..5ecaf1a --- /dev/null +++ b/cp1/cursos/emec.html @@ -0,0 +1,39 @@ + + + + + + + + + + FIAP CURSOS - EMEC + + +
+ +

ENGENHARIA DA MECATRÔNICA

+
+
+

O Curso

+

+ É uma das profissões mais promissoras do mercado, tanto em época de crise como em momentos positivos da + economia. Para ganhar competitividade, toda empresa precisa desenvolver e implantar sistemas automatizados, + utilizando tecnologias exponenciais. Por isso, a Mecatrônica surge como uma área emergente da Engenharia que ajuda + a encontrar soluções originais, integrando Engenharia Elétrica, Engenharia Mecânica, Ciência da Computação, + Engenharia de Controle e Tecnologia da Informação. +
+ Nosso curso proporciona a investigação, concepção e implementação de produtos e processos inteligentes e inéditos + dentro da Engenharia. Com o objetivo de solucionar problemas reais, você vai criar e realizar um projeto “hands on” + por ano, utilizando tecnologias disruptivas como: Inteligência Artificial, Robótica, Sensores, Design, Sistemas + Embarcados e Energias Alternativas. Transformar as empresas, aliando empreendedorismo, criatividade e design + thinking. Este é o Engenheiro Mecatrônico que a FIAP quer formar. +

+
+ + + \ No newline at end of file diff --git a/cp1/cursos/eprod.html b/cp1/cursos/eprod.html new file mode 100644 index 0000000..799ca44 --- /dev/null +++ b/cp1/cursos/eprod.html @@ -0,0 +1,37 @@ + + + + + + + + + + FIAP CURSOS - EPROD + + +
+ +

ENGENHARIA DA PRODUÇÃO

+
+
+

O Curso

+

+ O ENGENHEIRO DE PRODUÇÃO reúne conhecimentos das áreas de administração, economia e engenharia. O curso + foi planejado para incorporar a influência de ferramentas tecnológicas, indispensáveis para gestão de negócios. +
+ A grade privilegia conhecimentos avançados na área de exatas (matemática, ciência e tecnologia) e à formação em + aspectos políticos, sociais, ambientais, culturais e de sustentabilidade. +
+ Na FIAP, o futuro engenheiro dispõe de um parque tecnológico avançado, laboratórios de química, informática, + fabricação e o Maker Labs, onde você pode ir da ideia ao protótipo, unindo práticas multidisciplinares de mecânica, + eletrônica e tecnologia, com impressoras 3D, usinagem, cortadoras laser e fresadoras de precisão. +

+
+ + + \ No newline at end of file diff --git a/cp1/cursos/gtinfo.html b/cp1/cursos/gtinfo.html new file mode 100644 index 0000000..f591851 --- /dev/null +++ b/cp1/cursos/gtinfo.html @@ -0,0 +1,37 @@ + + + + + + + + + + FIAP CURSOS - GEST.TEC.INFO + + +
+ +

GESTÃO DE TECNOLOGIA DA INFORMAÇÃO

+
+
+

O Curso

+

+ Você vai planejar e gerenciar sistemas computacionais (hardware) e de informação (software) nas áreas de processos, + mobilidade, segurança, tecnologias emergentes, sistemas integrados, big data, cloud computing, engenharia de + software, marketing digital e redes sociais. +
+ O curso traz uma abordagem equilibrada entre o conhecimento técnico e de gestão, unindo conhecimento base de + plataformas de desenvolvimento com metodologias de projetos. +
+ A grade foi desenvolvida para que, desde o primeiro ano, os alunos recebam a base necessária para atuarem na área + de TI de grandes empresas. +

+
+ + + \ No newline at end of file diff --git a/cp1/cursos/jgd.html b/cp1/cursos/jgd.html new file mode 100644 index 0000000..05793cb --- /dev/null +++ b/cp1/cursos/jgd.html @@ -0,0 +1,43 @@ + + + + + + + + + + FIAP CURSOS - JOGOS DIGITAIS + + +
+ +

JOGOS DIGITAIS

+
+
+

O Curso

+

+ Você vai ser preparado para desenvolver jogos em todas as plataformas: internet, consoles (Playstation, Xbox e + Nintendo), smartphones (aplicativos para celulares e tablets), desktops (PC e Mac), TV digital, simuladores de realidade + virtual e virtualizações (totem tour virtual). +
+ Você vai aprender a idealizar e desenvolver um jogo desde o enredo, passando pela criação de personagens, conceitos + de gameficação, ambientes e objetos de cenários. +
+ A grade contempla conhecimentos de ilustração, programação, inteligência artificial, modelagem 2D e 3D, design, + testes, implantação e gestão. +
+ Todas as aulas são ministradas em laboratório (inclusive laboratório Apple) com a suíte da Autodesk, utilizada em + Hollywood, o Maya, além das ferramentas líderes do mercado como Photoshop e Unity3D. +
+ Os professores do curso são especialistas de mercado, com experiência acadêmica, atuantes na área e proprietários + de empresas que desenvolvem jogos. +

+
+ + + \ No newline at end of file diff --git a/cp1/cursos/rcomp.html b/cp1/cursos/rcomp.html new file mode 100644 index 0000000..4af19c7 --- /dev/null +++ b/cp1/cursos/rcomp.html @@ -0,0 +1,37 @@ + + + + + + + + + + FIAP CURSOS - REDE DE COMP. + + +
+ +

REDE DE COMPUTADORES

+
+
+

O Curso

+

+ É ministrado em um ambiente que simula uma empresa real, com computadores (SO Linux e Windows), roteadores, + switches, cabeamento e demais equipamentos, trazendo a vivência que você precisa para ser competitivo no mercado + de trabalho. +
+ Você vai aprender a dimensionar o uso de equipamentos multiusuários. Configurar acesso e disponibilidade para + internet e intranet, roteadores e provedores. Trabalhar com sistemas de gerenciamento de redes, sistemas + operacionais e simulação de ambiente de Cloud Computing. E com os novos conhecimentos sobre hardware, software + e modos de funcionamento, também vai ser capaz de otimizar o desempenho dos computadores, adequando a + estrutura física ao seu potencial de produção, o que aumenta o desempenho. Tudo isso de acordo com as regras de + segurança. +

+
+ + + \ No newline at end of file diff --git a/cp1/cursos/sinfo.html b/cp1/cursos/sinfo.html new file mode 100644 index 0000000..b36370a --- /dev/null +++ b/cp1/cursos/sinfo.html @@ -0,0 +1,39 @@ + + + + + + + + + + FIAP CURSOS - SISTEMAS DA INFORMAÇÃO + + +
+ +

SISTEMAS DA INFORMAÇÃO

+
+
+

O Curso

+

+ O BACHAREL EM SISTEMAS DE INFORMAÇÃO recebe uma visão ampla das organizações e seus modelos de negócio + e de como a tecnologia pode amplificar sua estratégia. +
+ Com conteúdo que vai de hardware a inteligência artificial, passando por gestão empresarial, o curso abrange + conhecimentos de desenvolvimento de aplicativos (mobile, games e web), engenharia de software e governança de + TI, banco de dados, redes, business intelligence, análise de sistemas orientados a objetos, gestão de SI, gerência de + projetos e segurança da informação. +
+ A grade foi desenvolvida para que, desde o primeiro ano, os alunos recebam a base necessária para atuarem na área + de TI de grandes empresas, resolvendo problemas por meio de raciocínio lógico e buscando solução para os desafios + das organizações. +

+
+ + + \ No newline at end of file diff --git a/cp1/cursos/sinter.html b/cp1/cursos/sinter.html new file mode 100644 index 0000000..0e62e42 --- /dev/null +++ b/cp1/cursos/sinter.html @@ -0,0 +1,48 @@ + + + + + + + + + + FIAP CURSOS - SIS. INTERNET + + +
+ +

SISTEMAS PARA INTERNET

+
+
+

O Curso

+

+ Pensar de uma forma digital não é mais uma tendência: é uma estratégia de inovação e de geração de negócios. O + acesso à Internet banda larga aumentou 55% em 2015, totalizando 133,7 milhões de acessos, segundo a Telebrasil. + Números que ampliam a importância de um tecnólogo não só voltado para a Internet, mas que também domine as + novas tecnologias e metodologias que estão surgindo. +
+ Neste cenário, a palavra de ordem é: Transformação Digital. Ou ampliar a interação entre cliente e empresa, + repensando modelos de negócio com foco na experiência e na continuidade da relação humana, promovendo assim + a integração entre os meios físico e digital. +
+ Tecnologia em Sistemas para Internet prepara você para criar experiências omnichannel e desenvolver plataformas + tecnológicas que apoiem o processo de transformação digital do mercado. +
+ Este é um curso que possibilita a imersão completa em todo o ecossistema digital: desde a criação, manutenção, + segurança e gerenciamento de sites, portais e aplicativos mobile até o desenvolvimento de projetos de Marketing + Digital e CyberSecurity. +
+ No primeiro ano, você já aprende a criar um e-commerce e a atuar como um Web Designer, utilizando os conceitos + de UX e Design Thinking. Também vai saber como programar Back-end em Java para acessar uma base de dados Oracle + ou MySQL. Já no segundo ano, o foco é no desenvolvimento de sistemas de portais corporativos, portais colaborativos + e apps mobile para as plataformas Android e iOS. +

+
+ + + \ No newline at end of file diff --git a/cp1/fav.html b/cp1/fav.html new file mode 100644 index 0000000..b1f14c1 --- /dev/null +++ b/cp1/fav.html @@ -0,0 +1,56 @@ + + + + + + + + + + FIAP - Sites fav. + + +
+ +
+
+

Nossos sites favoritos

+

Sites favoritos do André Sant'Ana

+
+ ChatGpt + Microsoft Bing +
+ +

Sites favoritos do Gabriel Eringer

+
+ Youtube + Mimo +
+ +

Sites favoritos do Juan Dutra

+
+ Fiap + Alura +
+ +

Sites favoritos do Yago Farah

+
+ TechTudo + Youtube +
+ +

Sites favoritos do Eduardo Tatsuo

+
+ jp.mercari + balenciaga +
+
+ + diff --git a/cp1/fav_style.css b/cp1/fav_style.css new file mode 100644 index 0000000..169a0af --- /dev/null +++ b/cp1/fav_style.css @@ -0,0 +1,90 @@ +* { + margin: 0; + padding: 0; + font-family:Arial, Helvetica, sans-serif; + box-sizing: border-box; + background-color: #000000; +} + +.cabecalho { + padding: 20px 8%; + position: fixed; + box-sizing: border-box; + width: 100%; + z-index: 100; + top: 0; + background-color: #000000 +} + +nav { + display: flex; + align-items: center; + justify-content: space-between; +} + +.logo-fiap { width: 140px; } + +.logo-omcorp { + color:#ffffff; + font-size: 32px; + font-family: Georgia, 'Times New Roman', Times, serif; +} + +.nav-links { padding: 28px 0; } + +.nav-links li { + display: inline-block; + margin: 0 15px; +} + +.nav-links li a { + text-decoration: none; + color: #ffffff; + padding: 5px 0; + position: relative; +} + +.nav-links li a::after { + content: ''; + background: #992c50; + width: 0; + height: 2px; + position: absolute; + bottom: 0; + left: 0; + transition: width 0.5s; +} + +.nav-links li a:hover::after { width: 100%; } + +.sites_fav { + color: #ffffff; + text-align: center; + align-items: center; + margin-top: 110px; + padding-top: 0; +} + +.sites_fav h1 { + background: #af1f4f; + padding: 20px 60px; + border-radius: 3px; + cursor: pointer; +} + +.sites_fav h2 { + background:#af1f4f; + padding:20px; + margin: 20px 30% ; + border-radius: 3px; +} + +.sites_fav div a img { + height: 130px; + margin: 20px; +} + +.sites_fav h1:hover { + transition: 0.5s; + color:#080008; +} \ No newline at end of file diff --git a/cp1/img/ChatGPT_logotipo.jpg b/cp1/img/ChatGPT_logotipo.jpg new file mode 100644 index 0000000..296d7a6 Binary files /dev/null and b/cp1/img/ChatGPT_logotipo.jpg differ diff --git a/cp1/img/MicrosoftBing_logotipo.jpg b/cp1/img/MicrosoftBing_logotipo.jpg new file mode 100644 index 0000000..5cbaf99 Binary files /dev/null and b/cp1/img/MicrosoftBing_logotipo.jpg differ diff --git a/cp1/img/Mimo_logotipo.png b/cp1/img/Mimo_logotipo.png new file mode 100644 index 0000000..bbc243b Binary files /dev/null and b/cp1/img/Mimo_logotipo.png differ diff --git a/cp1/img/YouTube_logotipo.png b/cp1/img/YouTube_logotipo.png new file mode 100644 index 0000000..b33882f Binary files /dev/null and b/cp1/img/YouTube_logotipo.png differ diff --git a/cp1/img/admin.png b/cp1/img/admin.png new file mode 100644 index 0000000..eabe7df Binary files /dev/null and b/cp1/img/admin.png differ diff --git a/cp1/img/alura_logotipo.png b/cp1/img/alura_logotipo.png new file mode 100644 index 0000000..00aa809 Binary files /dev/null and b/cp1/img/alura_logotipo.png differ diff --git a/cp1/img/balenciaga_logotipo.png b/cp1/img/balenciaga_logotipo.png new file mode 100644 index 0000000..c256899 Binary files /dev/null and b/cp1/img/balenciaga_logotipo.png differ diff --git a/cp1/img/blaze_logotipo.png b/cp1/img/blaze_logotipo.png new file mode 100644 index 0000000..3796242 Binary files /dev/null and b/cp1/img/blaze_logotipo.png differ diff --git a/cp1/img/fiap_logotipo.jpg b/cp1/img/fiap_logotipo.jpg new file mode 100644 index 0000000..e9ee082 Binary files /dev/null and b/cp1/img/fiap_logotipo.jpg differ diff --git a/cp1/img/jp.mercari_logotipo.jpg b/cp1/img/jp.mercari_logotipo.jpg new file mode 100644 index 0000000..5e059a0 Binary files /dev/null and b/cp1/img/jp.mercari_logotipo.jpg differ diff --git a/cp1/img/logo_black.png b/cp1/img/logo_black.png new file mode 100644 index 0000000..64a8d16 Binary files /dev/null and b/cp1/img/logo_black.png differ diff --git a/cp1/img/logo_gray.png b/cp1/img/logo_gray.png new file mode 100644 index 0000000..0f33974 Binary files /dev/null and b/cp1/img/logo_gray.png differ diff --git a/cp1/img/logo_original.png b/cp1/img/logo_original.png new file mode 100644 index 0000000..c7e9672 Binary files /dev/null and b/cp1/img/logo_original.png differ diff --git a/cp1/img/techtudo_logotipo.png b/cp1/img/techtudo_logotipo.png new file mode 100644 index 0000000..c828e12 Binary files /dev/null and b/cp1/img/techtudo_logotipo.png differ diff --git a/cp1/index.html b/cp1/index.html new file mode 100644 index 0000000..8a5b1f9 --- /dev/null +++ b/cp1/index.html @@ -0,0 +1,74 @@ + + + + + + + + + + + FIAP CURSOS + + + +
+ +
+
+

FIAP o novo está aqui

+

A FIAP é o centro de excelência em tecnologia mais respeitado do país. Uma história que vem sendo construída dia + após dia, estimulando mentes a vivenciarem a inovação e o empreendedorismo. Porque a FIAP acredita no poder + transformador da tecnologia. Um poder que, aliado à criatividade, inventa, muda, inquieta. Faz as pessoas buscarem + soluções que nunca foram pensadas. Tudo isso para construir um mundo melhor.

+
+ + + \ No newline at end of file diff --git a/cp1/index_style.css b/cp1/index_style.css new file mode 100644 index 0000000..814fe05 --- /dev/null +++ b/cp1/index_style.css @@ -0,0 +1,88 @@ + +* { + margin: 0; + padding: 0; + padding-left: 10px; + font-family:Arial, Helvetica, sans-serif; + box-sizing: border-box; + background-color: #000000; +} + +.header { + padding: 0 8%; + position:fixed; + box-sizing:border-box; + width: 100%; +} + +div nav { + display: flex; + align-items: center; + justify-content: space-between; +} + +.logo-fiap { width: 140px; } + +.logo-omcorp { + color:#ffffff; + font-size: 32px; + font-family: Georgia, 'Times New Roman', Times, serif; +} + +.nav-links { padding: 28px 0; } + +.nav-links li { + display: inline-block; + margin: 0 15px; +} + +.nav-links li a { + text-decoration: none; + color: #ffffff; + padding: 5px 0; + position: relative; +} + +.nav-links li a::after { + content: ''; + background: #992c50; + width: 0; + height: 2px; + position: absolute; + bottom: 0; + left: 0; + transition: width 0.5s; +} + +.nav-links li a:hover::after { width: 100%; } + +main, main nav{ + color:white; + padding-top: 100px; +} + +.subtitle { font-size: 130%; } + +nav a, main p strong { color:#ED145B;} + +.sites_fav { + color: #ffffff; + text-align: center; + align-items: center; + margin-top: 110px; + padding-top: 0; +} + +.sites_fav h1 { + background: #af1f4f; + padding: 20px 60px; + border-radius: 3px; + cursor: pointer; +} + +.sites_fav h2 { + background:#af1f4f; + padding:20px; + margin: 20px 30% ; + border-radius: 3px; +} \ No newline at end of file diff --git a/cp1/integrantes.txt b/cp1/integrantes.txt new file mode 100644 index 0000000..f863ce5 --- /dev/null +++ b/cp1/integrantes.txt @@ -0,0 +1,6 @@ +INTEGRANTES DA OM CORP. : + Gabriel Eringer - RM99632 + Eduardo Tatsuo - RM551428 + André Sant'Ana - RM551575 + Juan Dutra - RM98719 + Yago Marques - RM551616 diff --git a/cp1/testecss/test.html b/cp1/testecss/test.html new file mode 100644 index 0000000..a9c6efd --- /dev/null +++ b/cp1/testecss/test.html @@ -0,0 +1,41 @@ + + + + + + + + + + FIAP - Sites fav. + + +
+ + +
+

Learn Anything Online

+
+ + +
+
+
+
+
+
+
+
+
+
+ + diff --git a/cp1/testecss/test_style.css b/cp1/testecss/test_style.css new file mode 100644 index 0000000..e0052fc --- /dev/null +++ b/cp1/testecss/test_style.css @@ -0,0 +1,124 @@ + +* { + margin: 0; + padding: 0; + font-family:Arial, Helvetica, sans-serif; + box-sizing: border-box; +} + +.header { + height: 100vh; + width: 100vw; + padding: 0 8%; + background-color: #080008; + position: relative; + +} + +nav { + display: flex; + align-items: center; + justify-content: space-between; + +} + +.logo { + width: 140px; +} + +.nav-links { + padding: 28px 0; +} + +.nav-links li { + display: inline-block; + margin: 0 15px; + +} + +.nav-links li a { + text-decoration: none; + color: #ffffff; + padding: 5px 0; + position: relative; +} + +.nav-links li a::after { + content: ''; + background: #ff3d00; + width: 0; + height: 2px; + position: absolute; + bottom: 0; + left: 0; + transition: width 0.5s; + +} + +.nav-links li a:hover::after { + width: 100%; +} + +.btn { + background:#ff3d00; + color:#ffffff; + padding: 10px 30px; + border-radius: 3px; + cursor: pointer; +} + +.content { + position: absolute; + left: 50%; + top: 50%; + width: 90%; + max-width: 900px; + transform: translate(-50%, -50%); + text-align: center; + color:#ffffff; + padding-top: 50px; +} + +.content h1 { + font-size: 65px; + font-weight: 600px; + margin-bottom: 40px; +} + +.content form { + background: #ffffff; + padding: 10px; + border-radius: 8px; + display: flex; +} + +.content form input { + flex: 1; + border: none; + outline: none; + padding: 0 20px; + font-size: 18px; +} + +.content form button { + background:#ff3d00; + color: #ffffff; + padding: 15px 40px; + border: none; + border-radius: 6px; + cursor: pointer; +} + +.category-list { + display: flex; + align-items: center; + justify-content: center; + margin-top: 40px; +} + +.category { + width: 80px; + height: 80px; + background: rgba(255, 61, 0, 0.15); + margin: 0 10px; +} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index e69de29..0000000