diff --git a/frontend/app_student/assets/images/student-info.svg b/frontend/app_student/assets/images/student-info.svg
new file mode 100644
index 0000000..6ac60ae
--- /dev/null
+++ b/frontend/app_student/assets/images/student-info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M219.3 .5c3.1-.6 6.3-.6 9.4 0l200 40C439.9 42.7 448 52.6 448 64s-8.1 21.3-19.3 23.5L352 102.9V160c0 70.7-57.3 128-128 128s-128-57.3-128-128V102.9L48 93.3v65.1l15.7 78.4c.9 4.7-.3 9.6-3.3 13.3s-7.6 5.9-12.4 5.9H16c-4.8 0-9.3-2.1-12.4-5.9s-4.3-8.6-3.3-13.3L16 158.4V86.6C6.5 83.3 0 74.3 0 64C0 52.6 8.1 42.7 19.3 40.5l200-40zM111.9 327.7c10.5-3.4 21.8 .4 29.4 8.5l71 75.5c6.3 6.7 17 6.7 23.3 0l71-75.5c7.6-8.1 18.9-11.9 29.4-8.5C401 348.6 448 409.4 448 481.3c0 17-13.8 30.7-30.7 30.7H30.7C13.8 512 0 498.2 0 481.3c0-71.9 47-132.7 111.9-153.6z"/></svg>
\ No newline at end of file
diff --git a/frontend/app_student/assets/images/user.svg b/frontend/app_student/assets/images/user.svg
new file mode 100644
index 0000000..30cbd7d
--- /dev/null
+++ b/frontend/app_student/assets/images/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"/></svg>
\ No newline at end of file
diff --git a/frontend/app_student/lib/main_prod.dart b/frontend/app_student/lib/main_prod.dart
index 7982f2b..d8d39ad 100644
--- a/frontend/app_student/lib/main_prod.dart
+++ b/frontend/app_student/lib/main_prod.dart
@@ -1,5 +1,5 @@
 import 'package:app_student/config/prod_config.dart';
-import 'package:app_student/login/views/login_page.dart';
+import 'package:app_student/profils/views/profil_page.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
@@ -25,7 +25,7 @@ class MyApp extends StatelessWidget {
         primarySwatch: Colors.blue,
         focusColor: const Color(0xffE84E0F),
       ),
-      home: const LoginPage(),
+      home: const ProfilPage(),
     );
   }
 }
diff --git a/frontend/app_student/lib/profils/views/profil_page.dart b/frontend/app_student/lib/profils/views/profil_page.dart
new file mode 100644
index 0000000..5479b0b
--- /dev/null
+++ b/frontend/app_student/lib/profils/views/profil_page.dart
@@ -0,0 +1,67 @@
+import 'package:app_student/class_groups/views/widgets/header/header_text.dart';
+import 'package:app_student/profils/views/widgets/class_group_button.dart';
+import 'package:flutter/material.dart';
+import 'package:app_student/login/widgets/header/header_logo.dart';
+import 'package:flutter_svg/svg.dart';
+
+class ProfilPage extends StatelessWidget {
+  const ProfilPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Column(
+        children: <Widget>[
+          const HeaderLogo(),
+          const Padding(
+            padding: EdgeInsets.all(15.0),
+            child: HeaderText('Quel beau profil ####### !'),
+          ),
+          Padding(
+            padding: const EdgeInsets.all(30.0),
+            child: Card(
+              child: ListTile(
+                leading: SizedBox(
+                  width: 50,
+                  child: ColorFiltered(
+                    colorFilter: const ColorFilter.mode(
+                        Color(0xFF005067), BlendMode.srcIn),
+                    child: SvgPicture.asset(
+                      'assets/images/user.svg',
+                      width: 30,
+                      height: 30,
+                    ),
+                  ),
+                ),
+                title: const Text('Classe'),
+                subtitle: const Text('Nom du user'),
+              ),
+            ),
+          ),
+          Padding(
+            padding: const EdgeInsets.all(30.0),
+            child: Card(
+              child: ListTile(
+                leading: SizedBox(
+                  width: 50,
+                  child: ColorFiltered(
+                    colorFilter: const ColorFilter.mode(
+                        Color(0xFF005067), BlendMode.srcIn),
+                    child: SvgPicture.asset(
+                      'assets/images/student-info.svg',
+                      width: 30,
+                      height: 30,
+                    ),
+                  ),
+                ),
+                title: const Text('ISBN'),
+                subtitle: const Text('dd/mm/yyyy'),
+              ),
+            ),
+          ),
+          const ClassGroupButton(),
+        ],
+      ),
+    );
+  }
+}
diff --git a/frontend/app_student/lib/profils/views/widgets/class_group_button.dart b/frontend/app_student/lib/profils/views/widgets/class_group_button.dart
new file mode 100644
index 0000000..1646a31
--- /dev/null
+++ b/frontend/app_student/lib/profils/views/widgets/class_group_button.dart
@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+
+class ClassGroupButton extends StatelessWidget {
+  const ClassGroupButton({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.only(left: 25.0, top: 80.0, right: 25.0),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          SizedBox(
+            width: double.infinity,
+            height: 50.0,
+            child: ElevatedButton(
+              style: ButtonStyle(
+                textStyle: MaterialStateProperty.all<TextStyle>(
+                  const TextStyle(
+                    fontSize: 16.0,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+                backgroundColor: MaterialStateProperty.all<Color>(
+                    Theme.of(context).focusColor),
+                foregroundColor: MaterialStateProperty.all<Color>(Colors.white),
+                shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+                  RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(3.0),
+                  ),
+                ),
+              ),
+              onPressed: () {
+                GoRouter.of(context).go('/class-list');
+              },
+              child: const Text('Changer de classe'),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}