Naaturel/landing-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add some style

Browse Source
This commit is contained in:
Laurent
2025-10-28 23:16:07 +01:00
parent 55f963d98b
commit 693484d44c
3 changed files with 98 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
html/index.html
View File

@@ -9,9 +9,9 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/introduction.css">
<link rel="stylesheet" href="styles/projects.css">
<link rel="stylesheet" href="./styles/style.css">
<link rel="stylesheet" href="./styles/introduction.css">
<link rel="stylesheet" href="./styles/projects.css">
<title>Naaturel</title>
@@ -27,37 +27,43 @@
</div>
<footer>
<p>Scroll down to get started</p>
<div><img src="/html/assets/arrow.svg" alt="arrow"></div>
<div><img src="./assets/arrow.svg" alt="arrow"></div>
</footer>
</section>
<section id="projects">
<div class="content">
<h1> My projects </h1>
<hr/>
<h2>Front</h2>
<div class="project-list">
<a href="https://unluckiest.naaturel.be"><img src="/html/assets/unluckiest.png" alt="unluckiest"></a>
<a href="https://letsmeet.naaturel.be"><img src="/html/assets/letsmeet.png" alt="letsmeet"></a>
</div>
<div>
<h1> Live projects </h1>
<hr/>
<div class="project-list">
<a href="https://unluckiest.naaturel.be"><img src="./assets/unluckiest.png" alt="unluckiest"></a>
<a href="https://letsmeet.naaturel.be"><img src="./assets/letsmeet.png" alt="letsmeet"></a>
</div>
<h2>Back</h2>
<div class="project-list">
<a href=""><img src="" alt=""></a>
<a href=""><img src="" alt=""></a>
</div>
<div class="separator"></div>
<div>
<h1> Connect with me! </h1>
<hr/>
<div class="links">
<ul>
<li><a href="https://github.com/Naaturel/">Github</a></li>
<li><a href="https://x.com/naaturel_/">X (Twitter)</a></li>
<li><a href="https://www.instagram.com/naaturel_/">Instagram</a></li>
</ul>
</div>
</div>
</div>
</section>
<section>Wow you've scrolled so far</section>
</main>
</body>
<script type="module">
import { Typer } from '/html/scripts/Typer.js';
import { Typer } from './scripts/Typer.js';
const target = document.getElementsByClassName('typer')[0];
const texts = ["Backend dev", "Frontend dev", "Fullstack software engineer"];