diff --git a/img/Logo Discord.png b/img/Logo Discord.png new file mode 100644 index 00000000..71c07d17 Binary files /dev/null and b/img/Logo Discord.png differ diff --git a/img/logo github.png b/img/logo github.png new file mode 100644 index 00000000..3ae03670 Binary files /dev/null and b/img/logo github.png differ diff --git a/img/logo insta.png b/img/logo insta.png new file mode 100644 index 00000000..872d1328 Binary files /dev/null and b/img/logo insta.png differ diff --git a/img/pp.jpg b/img/pp.jpg new file mode 100644 index 00000000..88db37a2 Binary files /dev/null and b/img/pp.jpg differ diff --git a/index.html b/index.html index f3b12987..984ace02 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,58 @@ - + - Portfolio + + Portfolio - Arthur - +
+

Portfolio

+ +
+
+
+

Salut ! 👋🏻
Je m'appelle Arthur.

+

Hay there! 👋🏻
I'm Arthur.

+ +

Fondateur

+

Founder

+ +
+

Je suis un jeune français passionné de développement, je suis un autodidacte et ma créativité ne connaît pas de limites. Chaque pixel que je modifie raconte une histoire. Passionné par la transformation d'idées en expériences visuellement captivantes, je crée des projets qui repoussent les limites de l'innovation en matière de design.

+

I am a young Frenchman with a passion for development, I am a self-taught learner and my creativity knows no limits. Every pixel I edit tells a story. Passionate about transforming ideas into visually captivating experiences, I create projects that push the boundaries of design innovation.

+
+ +

"Au milieu de chaque difficulté se trouve une opportunité."

+

"In the middle of every difficulty lies opportunity."

+

Albert Einstein

+ + +
+
+ Photo de profil + Profile picture +
+
+ + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 00000000..dcba69af --- /dev/null +++ b/script.js @@ -0,0 +1,10 @@ +document.addEventListener("DOMContentLoaded", function() { + var userLanguage = navigator.language || navigator.userLanguage; + + // Supposons que vous preniez en charge l'anglais (en) et le français (fr) + if (userLanguage.startsWith("fr")) { + document.body.classList.add("lang-fr"); + } else { + document.body.classList.add("lang-en"); + } +}); diff --git a/styles.css b/styles.css index e69de29b..e054c283 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,112 @@ +[lang='en'] { + display: none; +} + +[lang='fr'] { + display: block; +} + +* { + padding: 0; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +header { + margin: 100px 100px 100px; +} + +h1 { + padding: 0 0 50px 0; + font-weight: 900; + font-size: 50px; +} + +h2 { + font-size: 40px; + font-weight: 700; + margin-bottom: 30px; +} + +h3 { + font-size: 28px; + font-weight: 700; + margin-bottom: 10px; +} + +.barre-verticale { + border-left: 5px solid rgb(94, 94, 94); + padding-left: 15px; + margin-bottom: 10px; +} + +.citation { + font-style: italic; + color: rgb(61, 61, 61); +} + +.citation-auth { + color: rgb(61, 61, 61); + margin-bottom: 40px; +} + +main { + margin: 100px 100px 100px; + display: flex; +} + +.main-left { + margin-right: 40px; +} + +.main-right { + margin-left: 40px; +} + +nav ul { + display: flex; + justify-content: space-between; + margin: 0 50px 0 50px; +} + +nav li { + list-style: none; + margin: 0 5px 0 5px; +} + +nav a { + padding: 5px 10px; + color: rgb(83, 83, 83); + text-decoration: none; + border: 2px solid rgb(83, 83, 83); + border-radius: 5px; + cursor: pointer; + font-weight: bold; +} + +nav a:hover { + color: gray; + border-color: gray; +} + +.div-lien div { + text-align: left; + text-decoration: none; + margin: 5px 0 5px; + padding: 20px 40px; + color: rgb(83, 83, 83); + text-decoration: none; + border: 2px solid rgb(83, 83, 83); + border-radius: 5px; + cursor: pointer; + font-weight: bold; +} + +.div-lien img { + width: 50px; +} + +.pp { + width: 500px; + border-radius: 50%; +} \ No newline at end of file