From ed93af4fd0ca1ea4a6347a9eae805769b7cca479 Mon Sep 17 00:00:00 2001 From: Giovanni-Josserand Date: Sun, 30 Nov 2025 23:29:57 +0100 Subject: [PATCH] add a visual base of the website --- index.html | 33 +++++++++++++++++++++++ styles.css | 77 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 110 insertions(+) create mode 100644 index.html create mode 100644 styles.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..a4f2e0a --- /dev/null +++ b/index.html @@ -0,0 +1,33 @@ + + + + + + Linktree | Giovanni Josserand + + + +
+ Photo de profil + +

Giovanni Josserand

+

Junior Developer in a 3 year bachelor in computer science

+ +
+ + + Portfolio + + + + GitHub + + + + Gitea + + +
+
+ + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..4ca5cae --- /dev/null +++ b/styles.css @@ -0,0 +1,77 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; + background-color: #f0f0f0; + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + padding: 20px; +} + + +.container { + width: 100%; + max-width: 450px; + text-align: center; +} + + +.profile-picture { + width: 120px; + height: 120px; + border-radius: 50%; + object-fit: cover; + margin-bottom: 15px; + border: 4px solid #3498db; +} + +.profile-name { + color: #333; + margin-bottom: 5px; +} + +.description { + color: #666; + margin-bottom: 30px; +} + + +.links-container { + display: flex; + flex-direction: column; + gap: 15px; +} + + +.link-item { + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + color: white; + background-color: #3498db; + border: 2px solid #3498db; + padding: 15px 20px; + border-radius: 8px; + font-size: 1.1em; + font-weight: bold; + transition: background-color 0.3s, transform 0.1s; +} + + +.link-item:hover { + background-color: #2980b9; + transform: translateY(-2px); +} + + +.icon-left { + margin-right: 15px; + font-size: 1.2em; +} \ No newline at end of file