-
+
-
Web Design
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique, ipsam est.
-
+
SpaceTrip
+
SpaceTrip is a web game where you are an astronaut who has to collect stars and avoid asteroids.
+ The game features a simple and intuitive interface, with colorful graphics and sound effects.
+ It is designed to be fun and challenging for players of all ages.
+
+
-
+
-
Web Design
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique, ipsam est.
-
+
Deep Ambition
+
Deep Ambition is a web game where you are an archaeologist in a mine who has to collect dynamite to make your way
+ and find a relic.
+ On your way you will have to evade dangerous Wendigos who will want to murder you.
+
+
-
+
-
Web Design
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique, ipsam est.
-
+
ClimAPP
+
ClimAPP is a weather app that provides real-time weather information using external APIs.
+
+
-
+
-
Web Design
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique, ipsam est.
-
+
Drum Pad Machine
+
Drum Pad Machine is a web app that allows you to create your own beats and music tracks using a variety of drum sounds and effects.
+ It features a user-friendly interface and customizable sound options.
+
+
+
-
+
-
Web Design
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique, ipsam est.
-
+
Calculator
+
Calculator is a web app that allows you to perform basic arithmetic operations.
+ It features a simple and intuitive interface.
+
-
-
+
+
+
-
Web Design
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique, ipsam est.
-
+
Markdown Previewer
+
Markdown Previewer is a web app that allows you to write and preview Markdown text in real-time.
+ It features a simple and intuitive interface.
+
+
-
-
-
Valuable Testimonial
-
-
-
-
-
-
-
Jackson Levi
-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Exercitationem dignissimos aliquid
- iure delectus corrupti impedit, beatae aperiam ad iusto nostrum possimus cum pariatur harum
- assumenda suscipit a, qui, tempora maxime nulla facere quo ipsum tempore. Atque libero
- provident ad aut officia pariatur voluptate quaerat delectus nesciunt, sequi eligendi
- aperiam fugit unde nihil, iste similique illum. Dignissimos enim officia consequuntur
- dolores.
-
-
-
-
Flora Ocean
-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Exercitationem dignissimos aliquid
- iure delectus corrupti impedit, beatae aperiam ad iusto nostrum possimus cum pariatur harum
- assumenda suscipit a, qui, tempora maxime nulla facere quo ipsum tempore. Atque libero
- provident ad aut officia pariatur voluptate quaerat delectus nesciunt, sequi eligendi
- aperiam fugit unde nihil, iste similique illum. Dignissimos enim officia consequuntur
- dolores.
-
-
-
-
Julian Grayson
-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Exercitationem dignissimos aliquid
- iure delectus corrupti impedit, beatae aperiam ad iusto nostrum possimus cum pariatur harum
- assumenda suscipit a, qui, tempora maxime nulla facere quo ipsum tempore. Atque libero
- provident ad aut officia pariatur voluptate quaerat delectus nesciunt, sequi eligendi
- aperiam fugit unde nihil, iste similique illum. Dignissimos enim officia consequuntur
- dolores.
-
-
-
-
-
-
-
-
-
-
@@ -292,6 +335,7 @@
Contact Me!
+
diff --git a/js/script.js b/js/script.js
index f31fcce..f29a2a3 100644
--- a/js/script.js
+++ b/js/script.js
@@ -1,6 +1,6 @@
/*========== menu icon navbar ==========*/
-let menuIcon = document.querySelector('#menu-icon');
-let navbar = document.querySelector('.navbar');
+const menuIcon = document.querySelector('#menu-icon');
+const navbar = document.querySelector('.navbar');
menuIcon.onclick = () => {
menuIcon.classList.toggle('bx-x');
@@ -9,8 +9,8 @@ menuIcon.onclick = () => {
/*========== scroll sections active link ==========*/
-let sections = document.querySelectorAll('section');
-let navLinks = document.querySelectorAll('header nav a');
+const sections = document.querySelectorAll('section');
+const navLinks = document.querySelectorAll('header nav a');
window.onscroll = () => {
sections.forEach(sec => {
@@ -29,7 +29,7 @@ window.onscroll = () => {
/*========== sticky navbar ==========*/
-let header = document.querySelector('.header');
+const header = document.querySelector('.header');
header.classList.toggle('sticky', window.scrollY > 100);
@@ -41,21 +41,6 @@ navbar.classList.remove('active');
};
-/*========== swiper ==========*/
-var swiper = new Swiper(".mySwiper", {
- slidesPerView: 1,
- spaceBetween: 50,
- loop: true,
- grabCursor: true,
- pagination: {
- el: ".swiper-pagination",
- clickable: true,
- },
- navigation: {
- nextEl: ".swiper-button-next",
- prevEl: ".swiper-button-prev",
- },
-});
/*========== dark light mode ==========*/
@@ -76,6 +61,7 @@ ScrollReveal({
});
ScrollReveal().reveal('.home-content, .heading', { origin: 'top' });
-ScrollReveal().reveal('.home-img img, .services-container, .portfolio-box, .testimonial-wrapper, .contact form', { origin: 'bottom' });
+ScrollReveal().reveal('.home-img img, .services-container, .technologies-container, .certificates-container, .portfolio-box, .testimonial-wrapper, .contact form', { origin: 'bottom' });
ScrollReveal().reveal('.home-content h1, .about-img img', { origin: 'left' });
-ScrollReveal().reveal('.home-content h3, .home-content p, .about-content', { origin: 'right' });
\ No newline at end of file
+ScrollReveal().reveal('.home-content h3, .home-content p, .about-content', { origin: 'right' });
+
+ 
+