Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@herbertribeiro19
herbertribeiro19 committed Apr 22, 2023
1 parent 72369c8 commit 787d548
Show file tree
Hide file tree
Showing 4 changed files with 231 additions and 345 deletions.
194 changes: 88 additions & 106 deletions content.html
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
<!DOCTYPE html>

<html lang="pt-br">



<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Expand Down Expand Up @@ -137,7 +134,7 @@ <h1>Skills</h1>
<div class="c-card" data-aos="fade-up">
<div class="card">


<img src="./assets/flutter.png" alt="nodejs">
<h3>flutter</h3>
</div>
Expand Down Expand Up @@ -185,108 +182,93 @@ <h1>Projetos</h1>
<p>Abaixo será possível visualizar alguns projetos desenvolvidos por mim</p>

<div class="img-projetos" data-aos="fade-up">
<div class="swiper-projetos">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto5.png" data-aos="fade-right" alt="GOW">
<a target="_blank" href="https://herbertribeiro19.github.io/GoW/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto4.png" data-aos="fade-right" alt="Cumply">
<a target="_blank" href="https://herbertribeiro19.github.io/Cumply/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto6.png" data-aos="fade-left" alt="Valhalla">
<a target="_blank" href="https://herbertribeiro19.github.io/Valhalla/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto11.png" data-aos="fade-left" alt="Portfólio profissional">
<a target="_blank" href="https://herbertribeiro19.github.io/BrendaFiuza/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto1.png" data-aos="fade-right" alt="Login-Page">
<a target="_blank" href="https://herbertribeiro19.github.io/Login/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto7.png" data-aos="fade-right" alt="Relogio">
<a target="_blank" href="https://herbertribeiro19.github.io/Relogio/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto8.png" data-aos="fade-right" alt="Calculadora">
<a target="_blank" href="https://herbertribeiro19.github.io/CalculadoraJS/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto9.png" data-aos="fade-right" alt="TimeRest">
<a target="_blank" href="https://herbertribeiro19.github.io/timerest/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto10.png" data-aos="fade-right" alt="IMC">
<a target="_blank" href="https://herbertribeiro19.github.io/IMC/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto3.png" data-aos="fade-left" alt="NLW - eSports">
<a target="_blank" href="https://herbertribeiro19.github.io/NLW/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-character" data-aos="zoom-in">
<div class="image">
<img src="./assets/projeto2.png" data-aos="fade-right" alt="Aniversário de namoro">
<a target="_blank"
href="https://herbertribeiro19.github.io/site-aniversario/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto5.png" data-aos="fade-right" alt="GOW">
<a target="_blank" href="https://herbertribeiro19.github.io/GoW/"><button>Ver
Projeto</a></button>
</div>
</div>

<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto4.png" data-aos="fade-right" alt="Cumply">
<a target="_blank" href="https://herbertribeiro19.github.io/Cumply/"><button>Ver
Projeto</a></button>
</div>
</div>

<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto6.png" data-aos="fade-left" alt="Valhalla">
<a target="_blank" href="https://herbertribeiro19.github.io/Valhalla/"><button>Ver
Projeto</a></button>
</div>
</div>

<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto11.png" data-aos="fade-left" alt="Portfólio profissional">
<a target="_blank" href="https://herbertribeiro19.github.io/BrendaFiuza/"><button>Ver
Projeto</a></button>
</div>
</div>

<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto1.png" data-aos="fade-right" alt="Login-Page">
<a target="_blank" href="https://herbertribeiro19.github.io/Login/"><button>Ver
Projeto</a></button>
</div>
</div>

<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto7.png" data-aos="fade-right" alt="Relogio">
<a target="_blank" href="https://herbertribeiro19.github.io/Relogio/"><button>Ver
Projeto</a></button>
</div>
</div>

<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto8.png" data-aos="fade-right" alt="Calculadora">
<a target="_blank" href="https://herbertribeiro19.github.io/CalculadoraJS/"><button>Ver
Projeto</button></a>
</div>
</div>

<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto9.png" data-aos="fade-right" alt="TimeRest">
<a target="_blank" href="https://herbertribeiro19.github.io/timerest/"><button>Ver
Projeto</a></button>
</div>
</div>


<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto10.png" data-aos="fade-right" alt="IMC">
<a target="_blank" href="https://herbertribeiro19.github.io/IMC/"><button>Ver
Projeto</a></button>
</div>
</div>

<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto3.png" data-aos="fade-left" alt="NLW - eSports">
<a target="_blank" href="https://herbertribeiro19.github.io/NLW/"><button>Ver
Projeto</a></button>
</div>
</div>


<div class="card-character">
<div class="image-projeto" data-aos="fade-up">
<img src="./assets/projeto2.png" data-aos="fade-right" alt="Aniversário de namoro">
<a target="_blank" href="https://herbertribeiro19.github.io/site-aniversario/"><button>Ver
Projeto</a></button>
</div>
</div>
</div>
Expand Down
80 changes: 42 additions & 38 deletions script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,44 +42,48 @@ function send() {
}
//-----------------------------------------

//Função swiperJS
var swiper = new Swiper(".swiper-projetos", {
effect: "coverflow",
grabCursor: true,
centeredSlides: true,
slidesPerView: 1.5,
loop: false,
coverflowEffect: {
rotate: 20,
stretch: 0,
depth: 100,
modifier: 1,
slideShadows: false,
},
breakpoints: {
320: {
slidesPerView: 1,
centeredSlides: false,
centeredSlides: true,
slideShadows: true,
},
768: {
slidesPerView: 0,
centeredSlides: true,
slideShadows: true,
},
991: {
slidesPerView: 1.2,
centeredSlides: true,
slideShadows: true,
},
1200: {
slidesPerView: 1.4,
centeredSlides: true,
slideShadows: true,
},
},
});




// //Função swiperJS
// var swiper = new Swiper(".swiper-projetos", {
// effect: "coverflow",
// grabCursor: true,
// centeredSlides: true,
// slidesPerView: 1.5,
// loop: false,
// coverflowEffect: {
// rotate: 20,
// stretch: 0,
// depth: 100,
// modifier: 1,
// slideShadows: false,
// },
// breakpoints: {
// 320: {
// slidesPerView: 1,
// centeredSlides: false,
// centeredSlides: true,
// slideShadows: true,
// },
// 768: {
// slidesPerView: 0,
// centeredSlides: true,
// slideShadows: true,
// },
// 991: {
// slidesPerView: 1.2,
// centeredSlides: true,
// slideShadows: true,
// },
// 1200: {
// slidesPerView: 1.4,
// centeredSlides: true,
// slideShadows: true,
// },
// },
// });
//-------------------------------------


Expand Down
Loading

0 comments on commit 787d548

Please sign in to comment.