karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

started adding transitions

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/js/main.js
View File

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

14
index.html
View File

@ -42,9 +42,10 @@
<body> <body>
<!-- ======= Header ======= --> <!-- ======= 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> <ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li> <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li> <li><a class="nav-link scrollto" href="#about">About</a></li>
@ -61,16 +62,17 @@
<!-- ======= Hero Section ======= --> <!-- ======= Hero Section ======= -->
<section id="hero"> <section id="hero">
<div class="hero-container"> <div class="hero-container">
<h1>Arnaud Fauconnet</h1> <h1 data-aos="zoom-in">Arnaud Fauconnet</h1>
<h2>I'm a Computer Science student</h2> <h2 data-aos="fade" data-aos-delay="1000">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> <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> </div>
</section><!-- End Hero --> </section><!-- End Hero -->
<main id="main"> <main id="main">
<!-- ======= About Me Section ======= --> <!-- ======= About Me Section ======= -->
<section id="about" class="about"> <section id="about" class="about" data-aos="fade-up">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">