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

add some responsive shit

Browse Source
This commit is contained in:
Laurent
2025-10-30 22:12:54 +01:00
parent a56f774525
commit 3a8454474f
4 changed files with 52 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
html/index.html
View File

@@ -10,8 +10,8 @@
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./styles/style.css">
<link rel="stylesheet" href="./styles/mobile.css">
<link rel="stylesheet" href="./styles/introduction.css">
<link rel="stylesheet" href="./styles/mobile.css">
<title>Naaturel</title>
@@ -56,10 +56,23 @@
<section>
<h3><span class="accentuated">Connect</span> with me</h3>
<p>
<a href="mailto:yourname@example.com">Email</a> •
<a href="https://github.com/yourusername" target="_blank">GitHub</a> •
<a href="https://linkedin.com/in/yourprofile" target="_blank">LinkedIn</a>
<a href="https://github.com/yourusername" target="_blank">
<img src="./assets/marks/github-mark.svg" alt="github logo" class="logo">
</a> •
<a href="https://linkedin.com/in/yourprofile" target="_blank">
<img src="./assets/marks/linkedin-mark.svg" alt="linkedin logo" class="logo">
</a> •
<a href="https://twitter.com/naaturel_" target="_blank">
<img src="./assets/marks/twitter-mark.png" alt="twitter logo" class="logo">
</a> •
<a href="https://instagram.com/naaturel_" target="_blank">
<img src="./assets/marks/instagram-mark.svg" alt="instagram logo" class="logo">
</a>
</p>
</section>
</div>
@@ -80,7 +93,7 @@
<div class="card-details">
<h3>Unluckiest</h3>
<p class="notice">
Art & design by <a href="https://linktr.ee/yanderechan133">@YandereDraws</a>
Art & design by <a href="https://linktr.ee/yanderechan133">@ArwenDraws</a>
</p>
</div>
</div>
@@ -96,6 +109,7 @@
</div>
</div>
</div>
<!--<div class="card-list">
@@ -171,7 +185,7 @@
const cards = document.querySelectorAll('.introduction-box');
cards.forEach(card => { new CardTilter({card : card, tilt : 5, perspective : 950}) })
cards.forEach(card => { new CardTilter({card : card, tilt : 3, perspective : 1000}) })
</script>