Skip to content

Commit

Permalink
commit final
Browse files Browse the repository at this point in the history
  • Loading branch information
sambrito-a committed Nov 28, 2024
1 parent 7598c51 commit 8374534
Show file tree
Hide file tree
Showing 11 changed files with 152 additions and 132 deletions.
61 changes: 55 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,47 @@
# Atlântico Avanti/ Residência em TIC 20/ Capacita Brasil/C-Jovem - Desenvolvimento Full Stack

# Projeto Integrador - #FSN5
Este é um projeto integrador desenvolvido para criar um site de perfumaria que oferece uma ampla variedade de perfumes de marcas como Natura, Avon, O Boticário e opções importadas. O objetivo do projeto é apresentar as categorias de produtos de forma organizada, com um design atraente e navegabilidade intuitiva.

# 🎯 Objetivo do Projeto
Criar um site responsivo e funcional que simule uma loja virtual de perfumaria, permitindo:

# 📂 Estrutura do Projeto
O projeto é dividido em diretórios e arquivos organizados para facilitar o desenvolvimento e a manutenção. Abaixo está uma descrição de cada parte:

assets/: Contém arquivos de suporte como estilos CSS e scripts JavaScript que ajudam a dar funcionalidade e design ao site.

images/: Diretório para imagens utilizadas nas páginas, como banners, logotipos e fotos dos produtos.

boticario/: Pasta dedicada às páginas relacionadas à marca O Boticário.

Arquivos principais:

index.html: Página inicial do site que apresenta uma visão geral dos produtos e categorias disponíveis.

equipe.html: Página com informações sobre a equipe responsável pelo desenvolvimento do projeto.

footer_sobre.html: Fragmento de HTML que contém informações sobre a empresa, utilizado como rodapé.

login.html: Simulação de um sistema de login para clientes acessarem suas contas.

natura-feminino.html e natura-masculino.html: Páginas exclusivas para perfumes da marca Natura, organizadas por gênero.

perfumes_avon.html: Página com a lista de perfumes da Avon.

perfumes_importados.html: Página geral que exibe todos os perfumes importados.

LICENSE: Documento que especifica a licença do projeto.
README.md: Arquivo de documentação que você está lendo

# 🚀 Funcionalidades
Home Page: Apresentação geral dos produtos.
Perfumes por Categorias:
Perfumes femininos e masculinos de marcas como Natura, Avon, e O Boticário.
Perfumes importados.
Página da Equipe: Informações sobre os desenvolvedores do projeto.
Login (em desenvolvimento): Simulação de autenticação.

# Membros da Equipe - FSN5-GRUPO04-PERFUMARIA

## Leonardo Cândido Hilário
Expand All @@ -10,6 +51,10 @@
</div>

## Jose Jair Santos da Costa
<div>
<a href="https://github.com/jjosejair" target="_blank"><img src="https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white" target="_blank"></a>
<a href="https://www.linkedin.com/in/jair-santos-informatica/" target="_blank"><img src="https://img.shields.io/badge/-LinkedIn-%230077B5?style=for-the-badge&logo=linkedin&logoColor=white" target="_blank"></a>
</div>


## Arthur Rebouças do Carmo
Expand Down Expand Up @@ -42,10 +87,14 @@
## Tecnologias Usadas
Markdown, HTML, CSS, Git, GitHub, Vs Code.

<div style="display: inline_block"><br>
<img align="center" alt="Rafa-Js" height="50" width="60" src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white" >
<img align="center" alt="Rafa-Js" height="50" width="60" src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white">
<img align="center" alt="Rafa-Js" height="50" width="60" src="https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white">
<img align="center" alt="Rafa-Js" height="50" width="80" src="https://img.shields.io/badge/Markdown-000000?style=for-the-badge&logo=markdown&logoColor=white">
</div>
<div style="display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 10px;">
<img alt="HTML5" height="60" src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white">
<img alt="CSS3" height="60" src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white">
<img alt="Bootstrap" height="60" src="https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white">
<img alt="GitHub" height="60" src="https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white">
<img alt="Markdown" height="60" src="https://img.shields.io/badge/Markdown-000000?style=for-the-badge&logo=markdown&logoColor=white">
</div>




33 changes: 1 addition & 32 deletions README.txt
Original file line number Diff line number Diff line change
@@ -1,32 +1 @@
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)


This is Forty, my latest and greatest addition to HTML5 UP and, per its incredibly
creative name, my 40th (woohoo)! It's built around a grid of "image tiles" that are
set up to smoothly transition to secondary landing pages (for which a separate page
template is provided), and includes a number of neat effects (check out the menu!),
extra features, and all the usual stuff you'd expect. Hope you dig it!

Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
you can use for pretty much whatever.

(* = not included)

AJ
[email protected] | @ajlkn


Credits:

Demo Images:
Unsplash (unsplash.com)

Icons:
Font Awesome (fontawesome.io)

Other:
jQuery (jquery.com)
Scrollex (github.com/ajlkn/jquery.scrollex)
Responsive Tools (github.com/ajlkn/responsive-tools)

2 changes: 1 addition & 1 deletion assets/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -3215,7 +3215,7 @@ input, select, textarea {
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
background-color: #e02222;
background-color: #9bf1ff;
color: #242943;
display: inline-block;
line-height: 1.65em;
Expand Down
1 change: 1 addition & 0 deletions boticario/perfumes_boticario.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Perfumes Boticário</title>
<link rel="icon" href="../images/LOGOSEMFUNDO1.png">
<link rel="stylesheet" href="styles.css">
</head>
<body >
Expand Down
2 changes: 1 addition & 1 deletion equipe.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Equipe FSN5 - Perfumaria</title>
<link rel="stylesheet" href="/assets/css/equipe.css">
<link rel="icon" href="/images/LOGOSEMFUNDO.png">
<link rel="icon" href="/images/LOGOSEMFUNDO1.png">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
</head>
Expand Down
164 changes: 84 additions & 80 deletions footer_sobre.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,22 +5,21 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="/images/LOGOSEMFUNDO1.png">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">

<!-- Wrapper -->
<div id="wrapper">

<!-- Wrapper -->
<div id="wrapper">

<header id="header" class="alt">
<img src="images/logo.png" alt="Logo Casa dos Aromas"> <a href="index.html" class="logo"><strong>Casa</strong> <span>dos Aromas</span></a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<body class="is-preload">
<div id="wrapper">
<header id="header" class="alt">
<img class="logo-img" src="images/LOGOSEMFUNDO1.png" alt="Logo Casa dos Aromas">
<a href="index.html" class="logo"><strong>Casa</strong> <span>dos Aromas</span></a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>

<nav id="menu">
<ul class="links">
Expand All @@ -31,8 +30,7 @@
<li><a href="perfumes_importados.html">Perfumes Importados</a></li>
</ul>
<ul class="actions stacked">
<li><a href="#" class="button primary fit">Get Started</a></li>
<li><a href="#" class="button fit">Log In</a></li>
<li><a href="login.html" class="button fit">Login</a></li>
</ul>
</nav>

Expand Down Expand Up @@ -128,73 +126,79 @@ <h2>Impacto Social e Ambiental</h2>

</div>

<!-- Contact -->
<section id="contact">
<div class="inner">
<section>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="name">Nome</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Mensagem</label>
<textarea name="message" id="message" rows="6"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Enviar mensagem" class="primary" /></li>
<li><input type="reset" value="Limpar" /></li>
</ul>
</form>
</section>
<section class="split">
<section>
<div class="contact-method">
<span class="icon solid alt fa-envelope"></span>
<h3>Email</h3>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-phone"></span>
<h3>Contato</h3>
<span>(85) 98154-3672</span>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-home"></span>
<h3>Endereço</h3>
<span>Rua Seis, 9000<br />
Messejana - Fortaleza, Brasil</span>
</div>
</section>
</section>
</div>
</section>

<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands alt fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
</ul>
<ul class="copyright">
<li>&copy; 2024 Casa dos Aromas</li>
</ul>
</div>
</footer>

</div>
<!-- Two -->
<section id="two">
<div class="inner">
<header class="major">
<h2>Fale Conosco</h2>
</header>
<p>Tem alguma dúvida, sugestão ou precisa de ajuda? Estamos aqui para você! Entre em contato conosco e teremos o maior prazer em atendê-lo</p>
</div>
</section>
<section id="contact">
<div class="inner">
<section>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="name">Nome</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Mensagem</label>
<textarea name="message" id="message" rows="6"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Enviar mensagem" class="primary" /></li>
<li><input type="reset" value="Limpar" /></li>
</ul>
</form>
</section>
<section class="split">
<section>
<div class="contact-method">
<span class="icon solid alt fa-envelope"></span>
<h3>Email</h3>
<a href="#">[email protected]</a>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-phone"></span>
<h3>Contato</h3>
<span>(85)98154-3672</span><br>
<span>(85)99999-9999</span>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-home"></span>
<h3>Endereço</h3>
<span>Avenida Imperador, 546 - Centro, Fortaleza - CE, 60015-050<br>Centro Municipal de Pequenos Negócios - Beco da Poeira</span>
</div>
</section>
</section>
</div>
</section>
</div>
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/vaghenrique/FSN5-GRUPO04-PERFUMARIA.git" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="equipe.html" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
<ul class="copyright">
<li>© 2024 Casa dos Aromas</li>
<li><a href="footer_sobre.html">Sobre</a></li>
</ul>
</div>
</footer>

<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
Expand Down
6 changes: 3 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="/images/LOGOSEMFUNDO.png">
<link rel="icon" href="/images/LOGOSEMFUNDO1.png">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<div id="wrapper">
<header id="header" class="alt">
<img class="logo-img" src="images/LOGOSEMFUNDO.png" alt="Logo Casa dos Aromas">
<img class="logo-img" src="images/LOGOSEMFUNDO1.png" alt="Logo Casa dos Aromas">
<a href="index.html" class="logo"><strong>Casa</strong> <span>dos Aromas</span></a>
<nav>
<a href="#menu">Menu</a>
Expand Down Expand Up @@ -62,7 +62,7 @@ <h3><a href="perfumes_avon.html" class="link">AVON</a></h3>
<img src="images/homeboticario.jpg" alt="" />
</span>
<header class="major">
<h3><a href="perfumes_boticario.html" class="link">BOTICÁRIO</a></h3>
<h3><a href="/boticario/perfumes_boticario.html" class="link">BOTICÁRIO</a></h3>
<h3><a href="/boticario/perfumes_boticario.html" class="link">BOTICÁRIO</a></h3>
<p>A arte de criar fragrâncias masculinas inesquecíveis<br>Perfumes que expressam a força e a sensibilidade do homem moderno
<br>Descubra o poder da sedução em cada gota</p>
Expand Down
2 changes: 1 addition & 1 deletion perfumes_avon.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="assets/css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="icon" href="/images/LOGOSEMFUNDO.png">
<link rel="icon" href="/images/LOGOSEMFUNDO1.png">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>

Expand Down
6 changes: 4 additions & 2 deletions perfumes_importados.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="/images/LOGOSEMFUNDO1.png">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
Expand All @@ -32,6 +33,7 @@
<li><a href="/boticario/perfumes_boticario.html"><strong>Perfumes Boticário</strong></a></li>
<li><a href="perfumes_natura.html"><strong>Perfumes Natura</strong></a></li>
<li><a href="perfumes_importados.html"><strong>Perfumes Importados</strong></a></li>


</ul>
</nav>
Expand Down Expand Up @@ -125,7 +127,7 @@ <h3><a href="perfumes_importados_femininos.html" class="link">Romeu - Masculino<
<img src="images/6.png" alt="" />
</span>
<header class="major">
<h3><a href="perfumes_importados_femininos.html" class="link">Etiam</a></h3>
<h3><a href="perfumes_importados_femininos.html" class="link">Scandal</a></h3>
<p>Perfume Inspirado na cultura Européia </p>
<p>A partir de R$ 300,00 até 3x de R$ 100,00 sem juros</p>
</header>
Expand All @@ -136,7 +138,7 @@ <h3><a href="perfumes_importados_femininos.html" class="link">Etiam</a></h3>
<img src="images/7.png" alt="" />
</span>
<header class="major">
<h3><a href="perfumes_importados_femininos.html" class="link">Code - Feminino</a></h3>
<h3><a href="perfumes_importados_femininos.html" class="link">Armani Code - Feminino</a></h3>
<p>Perfume Inspirado Em Italica Xerjoff </p>
<p>A partir de R$ 129,90 até 3x de R$ 43,30 sem juros</p>
</header>
Expand Down
Loading

0 comments on commit 8374534

Please sign in to comment.