diff --git a/assets/artesanato.jpeg b/assets/artesanato.jpeg new file mode 100644 index 00000000..a750826d Binary files /dev/null and b/assets/artesanato.jpeg differ diff --git a/assets/cachorro-quente.jpeg b/assets/cachorro-quente.jpeg new file mode 100644 index 00000000..58a4f9fc Binary files /dev/null and b/assets/cachorro-quente.jpeg differ diff --git a/assets/confeitaria.jpeg b/assets/confeitaria.jpeg new file mode 100644 index 00000000..f00804fd Binary files /dev/null and b/assets/confeitaria.jpeg differ diff --git a/assets/costureira.jpeg b/assets/costureira.jpeg new file mode 100644 index 00000000..5fe09b08 Binary files /dev/null and b/assets/costureira.jpeg differ diff --git a/assets/crescimento-dinheiro.jpg b/assets/crescimento-dinheiro.jpg new file mode 100644 index 00000000..fe0fc105 Binary files /dev/null and b/assets/crescimento-dinheiro.jpg differ diff --git a/assets/dinheiro.avif b/assets/dinheiro.avif new file mode 100644 index 00000000..0530fc02 Binary files /dev/null and b/assets/dinheiro.avif differ diff --git a/assets/facebook.png b/assets/facebook.png new file mode 100644 index 00000000..efe4f06a Binary files /dev/null and b/assets/facebook.png differ diff --git a/assets/ideias.jpg b/assets/ideias.jpg new file mode 100644 index 00000000..6c53268e Binary files /dev/null and b/assets/ideias.jpg differ diff --git a/assets/insta.jpg b/assets/insta.jpg new file mode 100644 index 00000000..2e73eeb8 Binary files /dev/null and b/assets/insta.jpg differ diff --git a/assets/logo-menor-upfour.jpg b/assets/logo-menor-upfour.jpg new file mode 100644 index 00000000..24dac97d Binary files /dev/null and b/assets/logo-menor-upfour.jpg differ diff --git "a/assets/orienta\303\247\303\243o.png" "b/assets/orienta\303\247\303\243o.png" new file mode 100644 index 00000000..c2723db0 Binary files /dev/null and "b/assets/orienta\303\247\303\243o.png" differ diff --git a/assets/upFour (1).png b/assets/upFour (1).png new file mode 100644 index 00000000..5e09a91e Binary files /dev/null and b/assets/upFour (1).png differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..3a6ffb94 --- /dev/null +++ b/index.html @@ -0,0 +1,104 @@ + + + + + + + + upFour + + + + + +
+
+ + +
+
+ + +
+ + + + + +
+ +
+
+ +
+
+

Crédito de até 5 mil reais para você iniciar o seu negócio. Oferecemos as menores taxas do mercado.

+
+ +
dinheiro +
+ +
+

Realize seu sonho com pagamento facilitado em até 60 meses. Casa, carro ou moto como garantia.

+

Um crédito em dinheiro para que você possa iniciar adquirindo os materiais e/ou ferramentas necessárias + para começar

+
+ +
+ costura +
+ +
+

Orientação Financeira Gratuita

+

Contamos com uma equipe de especialistas em gerenciamento financeiro para te ajudar no controle dos seus + gastos e proventos

+ + orientacao

+
+ +
+ hot-dog +
+ +
+

Pgamento Facilitado

+

Pagamento em até 60 meses para você que tem uma boa ideia, deseja empreender e precisa daquele + empurrãozinho

+ dinheiro + +
+ +
+

Acreditamos que a sua mudança de vida influencia e muda a vida de outras pessoas.

+

Oferecemos crédito especial para que pessoas com renda inferior a três salários mínimos possam iniciar e + gerir o próprio negócio

+
+
+ confeitaria +
+
+

Ideias de negócios

+

Ainda não sabe por onde começar?

+

Existem várias histórias de pessoas que começaram investindo muito pouco em seus negócios e hoje gerenciam + grandes empresas. Se você sente que este é o seu momento de empreender mas não sabe por onde começar, + separamos algumas opções que podem te ajudar a criar a sua própria marca

+
+ +
+ Veja + aqui algumas ideias de com começar o proprio negocio +
+ +
+
+ +
+ + + \ No newline at end of file diff --git a/projeto-upfour-joyce/readme.md b/projeto-upfour-joyce/readme.md new file mode 100644 index 00000000..64146c5d --- /dev/null +++ b/projeto-upfour-joyce/readme.md @@ -0,0 +1,10 @@ +# Landing Page +Nesse projeto, o objetivo foi criar uma **Landing Page**, ou seja, um site de **apenas uma página** cujo objetivo é atrair clientes e despertar curiosidade e interesse nos serviços e/ou produtos de uma empresa. +A empresa escolhida foi a "UpFour.", uma empresa fictícia que fornece crédito para moradores da periferia começarem seu próprio negócio. Similar a modelos como Creditas, mas concentrado apenas em moradores de periferia, a empresa oferece dois serviços: (I) crédito pessoal ; (II) sistema de controle e orientação financeira. Tendo como proposta construir um site capaz de atingir esse público em específico, reforçando a oportunidade de mudança de vida e de tornar-se protagonista em seu contexto social, a pagina foi especialmente estruturada para atender esses requisitos. + +Durante a construção desse site, foram estudados e praticados os seguintes conteúdos: +* HTML +* CSS + * Flex + * Grid +* DOM \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 00000000..3e5a6172 --- /dev/null +++ b/style.css @@ -0,0 +1,185 @@ +*{ + + font-family: Arial, Helvetica, sans-serif; + margin: 0; + padding: 0; + +} +#logo{ + width: 20vw; +} + +main{ + background-color: rgb(31,31,36); + +} +header{ + display: flex; + color: white; + margin-top: 100px; + justify-items: end; +} + + +section{ + display: flex; +} +/* header img{ + + width: 50vw; + height: 30vh; + +} */ +#cadastro button{ + /* width: 100vw; + height: 4vw; */ + background-color:yellow; + font-size: 2rem; + position: fixed; + height: 100px; + width: 100%; + top: 0; + cursor: pointer; + +} +#cadastro button:hover{ + background-color: rgb(31,31,36); + color: antiquewhite; +} +#cadastro button:active{ + color: gray; + +} +#simule{ + /* width: 40%; */ + display: flex; + + +} +#simule button{ + background-color: yellow; + color: black; + font-size: 1.3rem; + cursor: pointer; + /* width: 0%; */ + height: 60px; + border-radius: 20px; + +} +#simule button:hover{ + background-color: rgb(31,31,36); + color: antiquewhite; +} +#simule button:active{ + color: gray; +} + +#bloco-central{ + display: grid; + grid-template: repeat(4,1fr) / repeat(2,1fr); + /* border: 1px solid red; */ + color: antiquewhite; + justify-items: center; + align-items:start; + margin-top: 200px; + width: 100vw; + + + + +} +#bloco-1{ + height: 500px; + /* width: 30vw; */ + /* background-color: blue; */ + grid-column: 1/2; + grid-row: 1/2; + /* border: 2px solid white; */ + font-size: 1.3rem; + text-align: end; + border-radius: 20px; + + +} +#imagem-dinheiro{ + grid-row: 1/2; + grid-column: 2/3; + height: 50vh; + width: 50vw; + text-align: center; + border-radius: 30px; +} +#bloco-2{ + /* background-color: blueviolet; */ + width: 500px; + height: 500px; + grid-column: 2/2; + grid-row: 2/3; + font-size: 2rem; + text-align: start; + + +} +#imagem-costureira{ + grid-row: 2/3; + grid-column: 1/2; + text-align: end; + border-radius: 30px; +} +#bloco-3{ + /* background-color: aqua; */ + height: 500px; + width: 500px; + grid-row: 3/4; + grid-column: 1/2; + /* border: 2px solid white; */ + font-size: 2rem; + text-align: end; + +} +#imagem-hotdog{ + grid-row: 3/4; + grid-column: 2/2; + height: 500px; + width: 500px; + text-align: start; + border-radius: 30px; +} +#bloco-5{ + /* background-color:coral ; */ + height: 500px; + width: 500px; + grid-row: 4/5; + grid-column: 2/2; + /* border: 2px solid white; */ + font-size: 2rem; + text-align: start; + + +} +#imagem-confeitaria{ + grid-row: 4/5; + grid-column: 1/2; + text-align: end; + border-radius: 30px; + border-radius: 100px; +} + +footer{ + width: 50%; + display: flex; + justify-items:flex-end; + color: white; + +} +h6{ + width: 20vw; + +} +#insta{ + width: 10%; +} + +#facebook{ + width: 50%; +} \ No newline at end of file