started adding transitions

This commit is contained in:
Karma Riuk 2023-09-02 16:36:37 +02:00
parent fae9c15584
commit fe83b657e1
2 changed files with 9 additions and 6 deletions

View File

@ -236,6 +236,7 @@
true,
);
}
AOS.init();
});
/**

View File

@ -42,9 +42,10 @@
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex justify-content-center align-items-center header-transparent">
<header id="header" class="fixed-top d-flex justify-content-center
align-items-center header-transparent">
<nav id="navbar" class="navbar">
<nav id="navbar" class="navbar" data-aos="fade-down" data-aos-delay="2000">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
@ -61,16 +62,17 @@
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="hero-container">
<h1>Arnaud Fauconnet</h1>
<h2>I'm a Computer Science student</h2>
<a href="#about" class="btn-scroll scrollto" title="Scroll Down"><i class="bx bx-chevron-down"></i></a>
<h1 data-aos="zoom-in">Arnaud Fauconnet</h1>
<h2 data-aos="fade" data-aos-delay="1000">I'm a Computer Science student</h2>
<span data-aos="fade-down" data-aos-delay="2000"><a href="#about" class="btn-scroll scrollto" title="Scroll
Down"><i class="bx bx-chevron-down"></i></a></span>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Me Section ======= -->
<section id="about" class="about">
<section id="about" class="about" data-aos="fade-up">
<div class="container">
<div class="section-title">