Tokn Project

Projet de landing page pour "Tokn", une plateforme fictive d'apprentissage du trading de cryptomonnaies. Ce projet a été développé dans le cadre de la SAS Posture Pro organisée par Z-association.

🚀 Contexte du Projet

Tokn project est un projet réalisé dans le cadre de la SAS-Posture pro c'est le premier projet en groupe, il a été réalisé en quelques heures.

SAS Posture Pro - Z-association

• Bootcamp intensif de 4 semaines organisé par Z-association
• Objectif : Acquisition de compétences techniques et comportementales
• Public : Jeunes en insertion professionnelle - Promotion #2
• Lieu : Paris

📖 Description

Tokn est une maquette de site web statique qui présente une plateforme d'initiation au trading de cryptomonnaies. L'idée principale est de permettre aux utilisateurs de s'exercer avec de l'argent virtuel pour apprendre les mécanismes du trading sans aucun risque financier.

Le site est composé de plusieurs pages :

• Une page d'accueil (index.html) qui présente le concept, les avantages et les fonctionnalités clés.
• Une page de connexion (form.html) pour les utilisateurs.
• Une page de présentation de l'équipe (teams.html) qui met en avant les membres du projet avec un design soigné et un graphique de répartition des rôles.

✨ Fonctionnalités

• Design Moderne et Sombre : Une interface élégante et immersive.
• Animations CSS : Des animations fluides sur le footer, les boutons et les cartes pour une expérience utilisateur dynamique.
• Responsive Design : Le site s'adapte aux différentes tailles d'écran (mobile, tablette, ordinateur) grâce à l'utilisation de Flexbox, Grid et des media queries.
• Composants Réutilisables : Des classes CSS bien définies pour les boutons, les cartes et les sections, facilitant la maintenance et la cohérence.
• Structure Sémantique HTML5 : Utilisation de balises sémantiques (<nav>, <footer>, <section>, etc.) pour une meilleure accessibilité et un meilleur SEO.

👥 Équipe Originale

L'analyse du fichier teams.html a permis de compléter les rôles de chaque membre :

• Dawid
• Sofian
• Mohammad

🛠️ Technologies utilisées

• HTML5
• CSS3
  • Flexbox & Grid Layout
  • Animations et Transitions (@keyframes)
  • Variables CSS (Custom Properties)
  • Responsive Design (Media Queries)

📂 Structure des fichiers

Tokn Project/
├── .idea/
│   └── .gitignore         # Fichier gitignore pour l'IDE
├── source/
│   └── img/
│       ├── btc3Dimg.png
│       ├── daived.jpg
│       ├── learning.gif
│       ├── mohammad.png
│       ├── sofian.jpg
│       └── Tokn_logo_white_grayddot.png
├── form.html              # Page de connexion
├── index.html             # Page d'accueil
├── style.css              # Feuille de style principale
├── stylesteams.css        # Feuille de style (non utilisée dans la version finale de teams.html)
├── teams.html             # Page de présentation de l'équipe (avec CSS intégré)
└── README.md              # Ce fichier