add event

src/pages/Profile/ProfilePage.jsx

@@ -1,14 +1,65 @@
 import styles from "./ProfilePage.module.css";
-import LoginForm from "../../components/form/form.jsx";
 
 function ProfilePage() {
   return (
     <div className={styles.container}>
-        <LoginForm />
+      <div className={`${styles.profileboard} glassCard`}>
+        
+        <div className={styles.contentWrapper}>
+          <div className={styles.profilePictureContainer}>
+            <img
+              src="../src/assets/react.svg"
+              alt="Photo de profil"
+              className={styles.profilePicture}
+            />
+          </div>
+          <div className={styles.description}>
+            <h2>LEBLOND Malo</h2>
+
+            <div className={styles.topDescription}>
+              <div className={styles.infoBlock}>
+                <p><strong>Role :</strong> Président</p>
+                <p><strong>Membre depuis :</strong> 2019</p>
+              </div>
+              <div className={styles.infoBlock} >
+                <p><strong>Mail :</strong> mailpro@gmail.com</p>
+                <p><strong>Téléphone :</strong> 08 67 87 32 21</p>
+              </div>
+            </div>
+            <p>..............................................................................................................................................................................................</p>
+            <h2>Vos Evenements :</h2>
+              <div className={`${styles.event} glassCard`}>
+                <h3>Titre event</h3>
+                <ul>
+                  <li>-- Votre tâche 1</li>
+                  <li>-- Votre tâche 2</li>
+                  <li>-- Votre tâche 3</li>
+                </ul>
+              </div>
+              <div className={`${styles.event} glassCard`}>
+                <h3>Titre event</h3>
+                <ul>
+                  <li>-- Votre tâche 1</li>
+                  <li>-- Votre tâche 2</li>
+                  <li>-- Votre tâche 3</li>
+                </ul>
+              </div>
+              <div className={`${styles.event} glassCard`}>
+                <h3>Titre event</h3>
+                <ul>
+                  <li>-- Votre tâche 1</li>
+                  <li>-- Votre tâche 2</li>
+                  <li>-- Votre tâche 3</li>
+                </ul>
+              </div>
+          </div>
+        </div>
+      </div>
     </div>
   );
 }
 
+
 export default ProfilePage;
 
 

src/pages/Profile/ProfilePage.module.css

@@ -0,0 +1,37 @@
+.container{
+    width:100%;
+    display: flex;
+    justify-content: center;
+}
+.profileboard{
+    display: flex;
+    justify-content: center;
+    width:90%;
+    height:500px;
+}
+
+.contentWrapper{
+    display:flex;
+    width:90%;
+}
+.profilePictureContainer{
+    width:30%;
+    margin:0;
+}
+.profilePicture{
+    width:100%;
+    border:1px dotted rgb(77, 68, 68);
+    border-radius:12px;
+}
+.description{
+    margin-left:12%;
+}
+.topDescription{
+    display:flex;
+}
+.description h2{
+    font-size:30px;
+}
+.infoBlock p {
+    font-size: 22px;;
+}