🚀 Portfolio — Kossi N'Waliff SONHAYE

Structure du projet

portfolio/
├── index.html          → Page principale
├── css/
│   └── style.css       → Tous les styles
├── js/
│   └── main.js         → Animations & interactions
├── assets/             → Tes images (photo, icônes, etc.)
└── README.md           → Ce fichier

📸 Ajouter ta photo

1. Copie ta photo dans le dossier assets/ (ex: assets/photo.jpg)
2. Dans index.html, remplace ce bloc :

<div class="about-photo-placeholder">
  <span>K</span>
</div>

Par :

<img src="assets/photo.jpg" alt="Kossi N'Waliff SONHAYE" style="width:100%;height:100%;object-fit:cover;object-position:top;" />

🌐 Ouvrir le portfolio

Double-clique simplement sur index.html — il s'ouvre dans ton navigateur.

✅ Aucune installation nécessaire. Tout fonctionne hors-ligne.

📬 Formulaire de contact

Le formulaire simule un envoi (2 secondes puis confirmation). Pour un vrai envoi d'email, tu peux intégrer Formspree gratuitement :

1. Crée un compte sur formspree.io
2. Dans index.html, remplace :

   <form class="contact-form" id="contactForm">

   Par :

   <form class="contact-form" id="contactForm" action="https://formspree.io/f/TON_ID" method="POST">

3. Dans js/main.js, supprime le bloc setTimeout et laisse le formulaire se soumettre normalement.

🎨 Personnaliser les couleurs

Ouvre css/style.css et modifie les variables en haut du fichier :

:root {
  --bg: #0a0a0a;       /* Fond principal */
  --gold: #c8a84b;     /* Couleur accent dorée */
  --cream: #f5f0e8;    /* Texte clair */
}

➕ Ajouter un projet

Dans index.html, copie-colle un bloc .project-card et modifie le contenu.

🔗 Hébergement gratuit

• GitHub Pages : Gratuit, simple, rapide
• Netlify : Glisse-dépose ton dossier sur netlify.com
• Vercel : Idem, très rapide

---

Développé avec ❤️ à Lomé, Togo 🇹🇬