Skip to content

[Refatoração] Imagens #32

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
laurabuzato wants to merge 2 commits into
base: main
Choose a base branch
from
Open

[Refatoração] Imagens #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8dcbd57
chore: abre pr
laurabuzato Nov 27, 2023
937771e
fix: upload de imagens para a AWS
laurabuzato Nov 27, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
61 changes: 33 additions & 28 deletions src/components/CardHomeGerminne/cardHomeGerminne.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,53 +1,58 @@
.card-germinne {
width: 30%;
width: 30%;
}

.card-home-germinne {
width: 100%;
height: 230px;
display: flex;
align-items: flex-end;
justify-content: center;
background-size: cover !important;
background-position: center;
border-radius: 10px;
width: 100%;
height: 230px;
display: flex;
align-items: flex-end;
justify-content: center;
background-size: cover !important;
background-position: center;
border-radius: 10px;
}

.card-home-germinne h2 {
text-align: center;
width: 80%;
margin-bottom: 20px;
color: white;
font-size: var(--body-medium);
font-weight: var(--semi-bold);
text-align: center;
width: 80%;
margin-bottom: 20px;
color: white;
font-size: var(--body-medium);
font-weight: var(--semi-bold);
}

.card-home-germinne span, .second-germinne-large span, .third-germinne-card span {
color: var(--font-banner-verde);
.card-home-germinne span,
.second-germinne-large span,
.third-germinne-card span {
color: var(--font-banner-verde);
}

.first-germinne-card {
background: url(../../images/card-home-4.png) no-repeat;
background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-4.png)
no-repeat;
}

.second-germinne-card {
background: url(../../images/card-home-5.png) no-repeat;
height: 150px;
box-shadow: 0px -100px 80px 0px rgba(0, 0, 0, 0.50) inset;
background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-5.png)
no-repeat;
height: 150px;
box-shadow: 0px -100px 80px 0px rgba(0, 0, 0, 0.5) inset;
}

.second-germinne-large {
display: flex;
flex-direction: column;
justify-content: space-between;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.second-germinne-large h3 {
font-size: var(--subtitle-medium);
text-align: center;
text-transform: uppercase;
font-size: var(--subtitle-medium);
text-align: center;
text-transform: uppercase;
}

.third-germinne-card {
background: url(../../images/card-home-6.png) no-repeat;
background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-6.png)
no-repeat;
}
70 changes: 35 additions & 35 deletions src/components/CardHomeServicos/cardHomeServicos.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,62 +1,62 @@
.card-home-servicos {
text-align: center;
width: 30%;
text-align: center;
width: 30%;
}


.card-home-servicos div {
width: 100%;
height: 230px;
display: flex;
align-items: flex-end;
justify-content: center;
border-radius: 10px;
background-size: cover;
background-position: center;
}
width: 100%;
height: 230px;
display: flex;
align-items: flex-end;
justify-content: center;
border-radius: 10px;
background-size: cover;
background-position: center;
}

.card-home-servicos:hover {
cursor: pointer;
cursor: pointer;
}



.first-service-card {
background: url(../../images/card-home-1.png) no-repeat;
background-size: cover;
background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-1.png)
no-repeat;
background-size: cover;
}

.second-service-card {
background: url(../../images/card-home-2.png) no-repeat;
background-size: cover;
background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-2.png)
no-repeat;
background-size: cover;
}

.third-service-card {
background: url(../../images/card-home-3.png) no-repeat;
background-size: cover;
background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-3.png)
no-repeat;
background-size: cover;
}

.card-home-servicos h2 {
font-size: var(--body-medium);
width: 90%;
text-align: center;
color: white;
font-weight: var(--regular-bold);
margin-bottom: 20px;
font-size: var(--body-medium);
width: 90%;
text-align: center;
color: white;
font-weight: var(--regular-bold);
margin-bottom: 20px;
}

.card-home-servicos {
display: flex;
flex-direction: column;
align-items: center;
display: flex;
flex-direction: column;
align-items: center;
}

.card-home-servicos h3 {
font-size: var(--body-medium);
margin-top: 20px;
text-transform: uppercase;
font-size: var(--body-medium);
margin-top: 20px;
text-transform: uppercase;
}

.card-home-servicos span {
color: var(--verde-principal);
}
color: var(--verde-principal);
}
45 changes: 26 additions & 19 deletions src/components/CardHorticultor/CardHorticultor.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,34 +1,41 @@
import React from 'react';
import { MdOutlineWhatsapp } from 'react-icons/md';
import { FaPhoneAlt } from 'react-icons/fa';
import PropTypes from 'prop-types';
import estrelas from '../../images/stars.png';
import './cardHorticultor.css';
import React from "react";
import { MdOutlineWhatsapp } from "react-icons/md";
import { FaPhoneAlt } from "react-icons/fa";
import PropTypes from "prop-types";
import estrelas from "../../images/stars.png";
import "./cardHorticultor.css";

function CardHorticultor({ srcImg, name, description, rating }) {
return (
<div className='card-horticultor'>
<div className='foto-rating-horticultor'>
<div className="card-horticultor">
<div className="foto-rating-horticultor">
<div>
<img src={ srcImg } alt="Foto do horticultor" />
<img src={srcImg} alt="Foto do horticultor" />
</div>

<div>
<p>{ rating }</p>
<img src={ estrelas } alt="Imagem de estrelas" />
<p>{rating}</p>
<img
src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/stars.png"
alt="Imagem de estrelas"
/>
</div>
</div>

<div className='descricao-horticultor'>
<p>{ name }</p>
<p>{ description }</p>
<div className="descricao-horticultor">
<p>{name}</p>
<p>{description}</p>
<button>Ver perfil</button>
</div>

<div className='botoes-contato-horticultor'>
<div className="botoes-contato-horticultor">
<button>Solicitar orçamento</button>
<button><MdOutlineWhatsapp /> WhatsApp </button>
<button><FaPhoneAlt /> Telefone </button>
<button>
<MdOutlineWhatsapp /> WhatsApp{" "}
</button>
<button>
<FaPhoneAlt /> Telefone{" "}
</button>
</div>
</div>
);
Expand All @@ -38,7 +45,7 @@ CardHorticultor.propTypes = {
srcImg: PropTypes.string.isRequired,
name: PropTypes.string.isRequired,
description: PropTypes.string.isRequired,
rating: PropTypes.string.isRequired
rating: PropTypes.string.isRequired,
};

export default CardHorticultor;
export default CardHorticultor;
10 changes: 5 additions & 5 deletions src/components/CardPerguntas/CardPerguntas.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
import React from 'react';
import './CardPerguntas.css';
import greenElipse from '../../images/BolinhaVerde.png';
import PropTypes from 'prop-types';
import React from "react";
import "./CardPerguntas.css";
import greenElipse from "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/BolinhaVerde.png";
import PropTypes from "prop-types";

function CardPerguntas({ title, text }) {
return (
<div className="cardPerguntas">
<img src={greenElipse} alt="green elipse" />
<div className='cardPerguntasText'>
<div className="cardPerguntasText">
<h3>{title}</h3>
<p>{text}</p>
</div>
Expand Down
47 changes: 25 additions & 22 deletions src/components/CarouselBlog/carouselBlog.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +1,32 @@
.carousel-blog {
width: 100%;
margin: 30px auto;
height: 60vh;
border-radius: 20px;
.carousel-blog {
width: 100%;
margin: 30px auto;
height: 60vh;
border-radius: 20px;
}

.box-slide-imagem-1, .box-slide-imagem-2 {
.box-slide-imagem-1,
.box-slide-imagem-2 {
display: flex;
justify-content: center;
align-items: flex-end;
box-shadow: 0px -160px 80px 0px rgba(0, 0, 0, 0.50) inset;
box-shadow: 0px -160px 80px 0px rgba(0, 0, 0, 0.5) inset;
padding-bottom: 5%;
}

.box-slide-imagem-1 {
background: url(../../images/carousel-blog-1.png) no-repeat;
background-size: cover ;
background-position: center;
height: 100%;
width: 100%;
background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/carousel-blog-1.png)
no-repeat;
background-size: cover;
background-position: center;
height: 100%;
width: 100%;
}

.box-slide-imagem-2 {
background: url(../../images/carousel-blog-2.png) no-repeat;
background-size: cover ;
background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/carousel-blog-2.png)
no-repeat;
background-size: cover;
background-position: center;
height: 100%;
width: 100%;
Expand All @@ -35,31 +38,31 @@
font-weight: var(--semi-bold);
}

.slide-carousel

.aws-sld {
.slide-carousel .aws-sld {
--open-animation-perspective: 600px;
--open-animation-angle: 8deg;
--open-animation-enter-delay: 85ms;
}

.bannerpost1 {
box-shadow: 0px -180p x 80px 0px rgba(0, 0, 0, 0.70) inset;
box-shadow: 0px -180p x 80px 0px rgba(0, 0, 0, 0.7) inset;
display: flex;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
background-image: url(../../images/postbanner1.png);
background-image: url
"https://germinnecomp-img.s3.sa-east-1.amazonaws.com/postbanner1.png";
background-size: cover;
color: white;
font-size: var(--title-small);
text-align: center;
}

.bannerpost2{
.bannerpost2 {
background-size: cover;
width: 100%;
height: 100%;
background-image: url(../../images/homebanner.png);
}
background-image: url
"https://germinnecomp-img.s3.sa-east-1.amazonaws.com/homebanner.png";
}
Loading