Skip to content

Commit

Permalink
#8
Browse files Browse the repository at this point in the history 
08
  • Loading branch information
@ArthurTuy
ArthurTuy committed Dec 18, 2023
1 parent 3642e5a commit baba155
Show file tree
Hide file tree
Showing 9 changed files with 283 additions and 7 deletions.
Binary file added public/img/projeto/projeto1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/projeto/projeto2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/projeto/projeto3.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
43 changes: 40 additions & 3 deletions src/components/home/BannerFaisca/banner.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@

.logo{
padding: 200px;
padding-left: 300px;
padding-right: 300px;
padding-left: 150px;
padding-right: 150px;
align-items: center;
}

Expand Down Expand Up @@ -45,4 +45,41 @@
font-size: 18px;
text-align: justify;
margin-top: -55px;
}
}

@media only screen and (max-width: 600px) {
.container{
flex-direction: column;
padding: 5px;
}

.logo{
padding: 0px;
padding-left: 0px;
padding-right: 0px;
}

.imglogo{
height: 350px;
width: 350px;
padding-left: 300px;
}

.title1{
padding: 0px;
margin: 0px;
text-align: center;
}

.title2{
padding: 0px;
margin: 0px;
text-align: center;
}

.title3{
padding: 0px;
margin: 0px;
text-align: center;
}
}
61 changes: 58 additions & 3 deletions src/components/home/HomeCarrousel/carousel.module.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,62 @@
.depoimentos{
background-color: #20181B;
padding: 125px;
padding-bottom: 200px;
}

.depoimentosTitle{
text-align: left;
color:white;
font-size: 50px;
font-family: 'Allegin';
font-weight: 200;
padding-bottom: 40px;
font-family: 'Allegin';
}

.depoimentosText{
padding-right: 75px;
padding-left: 75px;
padding-top: 115px;
padding-bottom: 115px;
border: solid;
border-width: 0.5px;
border-color: white;
text-align: center;
font-weight: 100;
}

.item {
height: 10rem;
background: #4dc7a0;
padding: 1rem;
padding-right: 30px;
background: transparent;
color: white;
font-family: Arial, Helvetica, sans-serif;
}
<<<<<<< Updated upstream
}
=======
padding-bottom: 150px;
}

@media only screen and (max-width: 600px) {
.depoimentos{
padding: 25px;
}

.depoimentosTitle{
text-align: center;
}

.depoimentosText{
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 220px;
border-width: 0px;
border-color: white;
text-align: center;
font-weight: 100;
margin-bottom: 50px;
}
}
>>>>>>> Stashed changes
84 changes: 83 additions & 1 deletion src/components/home/HomeCarrousel/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ import "owl.carousel/dist/assets/owl.theme.default.css";
import dynamic from "next/dynamic";


<<<<<<< Updated upstream
const OwlCarousel = dynamic(() => import('react-owl-carousel'), {
ssr: false,
});
Expand All @@ -27,4 +28,85 @@ export default function Slider() {
</div>
</OwlCarousel>
)
}
}
=======
const Slider = (props) => {
const PartnersConfig = {
loop: true,
nav: false,
dots: false,
autoplay: true,
autoplayTimeout: 5000,
autoplaySpeed: 2000,
autoplayHoverPause: true,
responsiveClass: true,
mouseDrag: true,
touchDrag: true,
responsive: {
0: {
items: 1,
},
700: {
items: 1,
},
1000: {
items: 1,
},
},
navContainerClass: `${styles.owlNav}`,
navClass: [`${styles.owlPrev}`, `${styles.owlNext}`],
navText: ['', ''],
};

return (
<div className={styles.depoimentos}>
<h2 className={styles.depoimentosTitle}>O QUE NOSSOS CLIENTES TEM A DIZER</h2>
<OwlCarousel className={styles.slider}
{...PartnersConfig} >
<div className={styles.item}>
<h2 className={styles.depoimentosText}>
“Trabalhar com a faísca foi uma excelente experiência, o resultado superou
toda e qualquer expectativa. Nos impactou de tal forma que buscamos estabelecer
uma parceria e recomendamos o trabalho sempre que possível”
<br></br><b>Equipe IECBiot</b>
</h2>
</div>
<div className={styles.item}>
<h2 className={styles.depoimentosText}>
“Trabalhar com a faísca foi uma excelente experiência, o resultado superou
toda e qualquer expectativa. Nos impactou de tal forma que buscamos estabelecer
uma parceria e recomendamos o trabalho sempre que possível”
<br></br><b>Equipe IECBiot</b>
</h2>
</div>
<div className={styles.item}>
<h2 className={styles.depoimentosText}>
“Trabalhar com a faísca foi uma excelente experiência, o resultado superou
toda e qualquer expectativa. Nos impactou de tal forma que buscamos estabelecer
uma parceria e recomendamos o trabalho sempre que possível”
<br></br><b>Equipe IECBiot</b>
</h2>
</div>
<div className={styles.item}>
<h2 className={styles.depoimentosText}>
“Trabalhar com a faísca foi uma excelente experiência, o resultado superou
toda e qualquer expectativa. Nos impactou de tal forma que buscamos estabelecer
uma parceria e recomendamos o trabalho sempre que possível”
<br></br><b>Equipe IECBiot</b>
</h2>
</div>
<div className={styles.item}>
<h2 className={styles.depoimentosText}>
“Trabalhar com a faísca foi uma excelente experiência, o resultado superou
toda e qualquer expectativa. Nos impactou de tal forma que buscamos estabelecer
uma parceria e recomendamos o trabalho sempre que possível”
<br></br><b>Equipe IECBiot</b>
</h2>
</div>
</OwlCarousel>
</div>
);
};

export default Slider;
>>>>>>> Stashed changes
31 changes: 31 additions & 0 deletions src/components/projeto/ProjectCarousel/carousel.module.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
.projetos{
width: 100%;
height: 100%;
padding-left: 13vh;
padding-top: 100px;
padding-bottom: 100px;
}

.projetosTitle{
text-align: left;
color:white;
font-size: 50px;
font-family: 'Allegin';
font-weight: 200;
padding-bottom: 25px;
}

.item {
padding-right: 25px;
}

.imgcarimbo{
width: 1000px;
height: 585px;
}

@media only screen and (max-width: 600px) {
.projetos{
padding-left: 2vh;
}
}
70 changes: 70 additions & 0 deletions src/components/projeto/ProjectCarousel/index.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
'use client';
import React, { useState, useEffect } from "react";
import dynamic from "next/dynamic";
import "owl.carousel/dist/assets/owl.carousel.css";
import "owl.carousel/dist/assets/owl.theme.default.css";
import styles from './carousel.module.css'
import Image from 'next/image';
import proj1 from './../../../../public/img/projeto/projeto1.png'
import proj2 from './../../../../public/img/projeto/projeto2.png'
import proj3 from './../../../../public/img/projeto/projeto3.png'


var $ = require("jquery");
if (typeof window !== "undefined") {
window.$ = window.jQuery = require("jquery");
}

const OwlCarousel = dynamic(() => import("react-owl-carousel"), {
ssr: false,
});

const Slider = (props) => {
const PartnersConfig2 = {
loop: true,
nav: false,
dots: false,
autoplay: true,
autoplayTimeout: 5000,
autoplaySpeed: 2000,
autoplayHoverPause: true,
responsiveClass: true,
mouseDrag: true,
touchDrag: true,
responsive: {
0: {
items: 3,
},
700: {
items: 3,
},
1000: {
items: 3,
},
},
navContainerClass: `${styles.owlNav}`,
navClass: [`${styles.owlPrev}`, `${styles.owlNext}`],
navText: ['', ''],
};

return (
<div className={styles.projetos}>
<h2 className={styles.projetosTitle}>confira outros projetos</h2>
<OwlCarousel className={styles.slider}
{...PartnersConfig2} >
<div className={styles.item}>
<Image className={styles.imgcarimbo} src={proj1} alt={'nome'} width={1000} height={585}/>
</div>
<div className={styles.item}>
<Image className={styles.imgcarimbo} src={proj2} alt={'nome'} width={1000} height={585}/>
</div>
<div className={styles.item}>
<Image className={styles.imgcarimbo} src={proj3} alt={'nome'} width={1000} height={585}/>
</div>
</OwlCarousel>
</div>
);
};

export default Slider;

1 change: 1 addition & 0 deletions src/styles/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: 'Chillax';
font: inherit;
vertical-align: baseline;
}
Expand Down

0 comments on commit baba155

Please sign in to comment.