diff --git a/bbbeasy-backend/app/config/default.ini b/bbbeasy-backend/app/config/default.ini
index 169b2284..36b5041b 100644
--- a/bbbeasy-backend/app/config/default.ini
+++ b/bbbeasy-backend/app/config/default.ini
@@ -77,8 +77,8 @@ view.default = website
 log.keep = 14
 
 ; BigBlueButton
-bbb.shared_secret = unsecure_shared_secret_to_change_immediately
-bbb.server = unsecure_server_to_change_immediately
+bbb.shared_secret =qo3ek2Ft1p8tuyFiLciTWXFGeTyxwkZ6XWqz6IiQMR8
+bbb.server =https://bbb.riadvice.ovh/bigbluebutton/
 
 webapps.allowed =
 
diff --git a/bbbeasy-docs/guides/administrator-guide/Install step.md b/bbbeasy-docs/guides/administrator-guide/Install step.md
new file mode 100644
index 00000000..fa6f9854
--- /dev/null
+++ b/bbbeasy-docs/guides/administrator-guide/Install step.md	
@@ -0,0 +1,109 @@
+# Install steps 
+
+`Tip` : If this is your first time using BBBeasy , it's primordially that you create an administrator account first in order to be able to use the application 
+The BBBeasy project work great in the browser .
+
+# Administrator account 
+The administrator account consists of three steps :
+
+  __The first step__
+
+  * Create an administrator Account
+
+  __The second step__
+
+  * Fill the organization and branding fields
+
+   __The third step__
+
+  * Configure the BigBlueButton room settings
+
+### Step 1 :  Administrator Account
+To create an administrator account , Please follow these steps
+
+ >1. Enter the Username(The username is used only once )
+ >2. Enter your Email(Your email must be personal and unique)
+ >3. Create Password (Type a GDPR compatible password during installation)
+ >4. Click on the Next button 
+
+  ![Admin](/img/admin.png)
+
+## Step 2: Organization and branding
+
+___Organization and branding are the best things for creating , design, and general look-and-feel of a company's branding___
+
+`To identify the Organisation  , you must fill in these fields `
+
+ 1. Organisation name
+ 2. Organisation website
+ 3. Platform name
+ 4. Terms of use URL
+ 5. Privacy Policy URL
+
+` Branding is very distinctive in that it defines  logo,Brand color,Default font size,Border radius and Wireframe style  to create organization and branding these fields must be filled out`
+1. Upload  the logo in the filed designated for the logo 
+2. Brand color 
+3. Default font size (increase or decrease the default font size)
+4. Border radius 
+5. Wireframe style
+6. Click on the Next button
+![Organisation & Branding](/img/Organisation_branding_step2.png)
+
+
+## Step3 BigBlueButton rooms settings :
+
+ BigBlueButton settings is the console to enable or disable BigBlueButton room settings . 
+ Some of the key features of BBBeasy include :
+ * Audio,
+ * Branding
+ * Breakout Rooms
+ * General
+ * Guest policy
+ * Language
+ * Layout
+ * Learning Dashboard
+ * Lock Settings
+ * Recording
+ * Screenshare
+ * Security (Password for moderator & Password for attendee)
+ * Presentations with interactive and multi-share whiteboard capabilities – such as a pointer, zooming and drawing,
+ public and private chat,
+ * Breakout rooms, 
+ * User Experience
+ * Webcams
+ * ZcaleRight
+
+   **An overview of some BigBlueButton room settings**  :
+
+ 1. Duration: set the duration of the meeting
+ 2. Maximum participants: Maximum numbers of users that can join the room
+ 3. Anyone can start the meeting: Anyone can start the room even he's not the room's owner
+ 4. Join all as moderators: All the users join the meeting as Moderators 
+ 5. Allow only logged users: Only the logged in  users will be able to join the room
+>You can easily join a BigBlueButton meeting  by opening the room link and click on the join button via a browser on your laptop or mobile phone.
+## Finish
+After enable/ disable the BigBlueButton room settings  , Click on the' Finish' button .the application  will  be installed and you will be able to use the application  
+
+![Bigbluebutton room setting](/img/BigBlueButton_room_setting.png)
+![Install](/img/Finish.png)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/bbbeasy-docs/guides/administrator-guide/install.md b/bbbeasy-docs/guides/administrator-guide/install.md
index d9ecce8b..9f655b27 100644
--- a/bbbeasy-docs/guides/administrator-guide/install.md
+++ b/bbbeasy-docs/guides/administrator-guide/install.md
@@ -33,6 +33,8 @@ It is important to understand that BBBEasy installation have 2 stesp:
 1. Install in the server: install of the packages by the system administrator.
 2. Install from the web browser: configuration settings meant for creating the administrator account, branding and configuration of the presets.
 
+**[Install](./Install step.md)**
+
 ### Server install
 
 Installing BBBEasy happens through a single command line.
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Administration.md b/bbbeasy-docs/guides/user-guide/introduction/Administration.md
new file mode 100644
index 00000000..14b33259
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Administration.md
@@ -0,0 +1,12 @@
+## Administration
+The administration settings section is related to the registration method of users .The settings are set by default to inactive during the install , then we can modify them depending on the client requirements
+
+___Edit the administration settings___
+
+`To Edit the administration settings, you must follow the following steps`
+
+1. Go to the Administration page.
+2. Enable or disable the settings  then save the changes .
+3. The administration settings  will be saved.
+
+![Users](/img/administration.png)
diff --git a/bbbeasy-docs/guides/user-guide/introduction/BigBlueButton room settings.md b/bbbeasy-docs/guides/user-guide/introduction/BigBlueButton room settings.md
new file mode 100644
index 00000000..7c485830
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/BigBlueButton room settings.md	
@@ -0,0 +1,33 @@
+
+## Edit BigBlueButton rooms settings :
+
+After already have the application installed , you can customize the BigBlueButton Room settings through the BigBlueButton view 
+  
+`To Edit BigBlueButton room settings`
+
+1. Go to the BigBlueButton page under the settings menu
+2. Select one group from the preset setting groups
+3. Enable/disable the BigBlueButton room settings needed for use then confirm the changes 
+4. The BigBlueButton room settings group will be updated with success
+
+
+![Audio](/img/Audio.png)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Branding.md b/bbbeasy-docs/guides/user-guide/introduction/Branding.md
new file mode 100644
index 00000000..7e38568d
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Branding.md
@@ -0,0 +1,15 @@
+##  Organization and branding
+
+You can customize the organization and branding information after the install , during using the application
+
+
+___Update the Organization & Branding settings ___
+
+`To Edit the Organisation and branding settings , you must follow these steps `
+
+1. Go to the Organization and branding  page.
+2. Edit the organization or branding settings then submit the changes.
+3. the  organization and branding settings will be saved.
+
+
+   ![Organisation & Branding](/img/edit_branding.png)
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Details rooms.md b/bbbeasy-docs/guides/user-guide/introduction/Details rooms.md
new file mode 100644
index 00000000..be56b6df
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Details rooms.md	
@@ -0,0 +1,27 @@
+
+## Rooms Details
+
+Room details on contains  the entire room details (room informations , room presentations , room recordings)
+
+
+
+___Room details___
+
+1. Go to the Rooms page
+2. Choose a room and click on it to access to the room details page
+
+___Room Recordings section___
+
+The room recordings contains all the recordings related to the specified room
+This section after the end of the meeting
+
+___Room presentations section___
+
+In the room presentations section , you can upload the desired documents for the room before starting it .
+This section is available in case of the preupload setting is active on its related preset
+
+![Room details](/img/details_room.png)
+
+
+
+  
\ No newline at end of file
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Labels.md b/bbbeasy-docs/guides/user-guide/introduction/Labels.md
new file mode 100644
index 00000000..336d45d7
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Labels.md
@@ -0,0 +1,34 @@
+## labels
+Labels are used to distinguish the rooms and facilitate rooms identification by using different labels 
+
+___New Labels___
+
+`To create a new label , click on Create a new label and populate the fileds`
+1. Go on labels  page
+2. Click on the New label button
+3. Fill the Create Label form and submit the form 
+
+   ![labels](/img/new_labels.png)
+   ![labels](/img/labels.png)
+
+___Edit Label___
+
+`To Edit labels , you must follow the following steps`
+
+1. Go to the labels page
+2. Choose a label from the list and click on the edit button
+3. Edit the label details then click on save button
+4. The changes will be saved successfully
+
+   ![labels](/img/Edit_labels.png)
+
+___Delete labels___
+
+`To delete  labels , you must follow the following steps`
+
+1. Go to the labels page
+2. Choose a label from the list and click on the delete button
+3. Confirm deletion
+4. The label will be deleted .
+
+   ![labels](/img/delete_label.png)
\ No newline at end of file
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Login.md b/bbbeasy-docs/guides/user-guide/introduction/Login.md
new file mode 100644
index 00000000..c9be84ca
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Login.md
@@ -0,0 +1,13 @@
+# Login
+
+
+___Login___
+
+
+`To access to your account , just follow these steps`
+
+1. Open your browser, navigate to **[BBBeasy](https://meet.riadvice.ovh/)**
+2. Click the login button
+3. Enter your Email address and password , the click the login button
+
+![login](/img/login.png)
\ No newline at end of file
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Presets.md b/bbbeasy-docs/guides/user-guide/introduction/Presets.md
new file mode 100644
index 00000000..2eae0da4
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Presets.md
@@ -0,0 +1,59 @@
+## Configuration Presets:
+
+A preset is a set of configuration settings for BigBlueButton .
+This means that if you create a rooms and give it a particular configuration, it will maintain the same during the session. You can also create multiple configurations presets and assign different presets to different rooms.
+
+
+___New Presets___
+
+`To create a new  preset, follow these setps`
+1. Go to the  presets page
+2. Click on the New preset button
+3. Enter the preset name then click on the Create button
+4. A new preset will be created with the default preset settings
+   ![presets](/img/new_preset.png)
+
+![presets](/img/presets.png)
+
+___Rename Presets___
+
+`To Rename presets  , you must follow the following steps`
+
+1. Go to the Presets page
+2. Choose a preset from the preset cards and click on the rename button
+3. Rename the preset  then click on the save button
+4. The preset name will be changed successfully
+
+![rename preset](/img/rename_preset.png)
+
+___Edit the Preset settings___
+
+`To Edit the  preset settings   , you must follow the following steps`
+
+1. Go to the Presets page
+2. Choose a preset from the preset cards and choose a preset configuration group (Audio,Branding)
+3. Edit the preset settings details then click on the save button
+4. The preset settings will be changed successfully
+
+![edit preset settings](/img/edit_preset_settings.png)
+
+___Copy the Preset___
+
+`To Copy the  preset  , you must follow the following steps`
+
+1. Go to the Presets page
+2. Choose preset from the preset cards then click on copy option
+3. The preset will be copied successfully with its preset settings
+
+![copy preset](/img/copy_preset.png)
+ 
+   ___Delete Presets___
+
+`To delete  Presets , you must follow the following steps`
+
+1. Go to the Presets page
+2. Choose a preset from the preset cards and click on the delete option
+3. Confirm deletion
+4. The preset will be deleted .
+
+   ![delete preset](/img/delete_presete.png)
\ No newline at end of file
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Profile.md b/bbbeasy-docs/guides/user-guide/introduction/Profile.md
new file mode 100644
index 00000000..d0944be8
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Profile.md
@@ -0,0 +1,15 @@
+# Profile
+
+The profile page includes all your account details(Username,Email,Profile picture).
+Also you can edit your profile informations 
+
+___Edit Profile___
+
+
+`To Edit your profile informations , just follow these steps`
+
+1. Go to the avatar profile in the right corner, a menu  be appeared , then click on profile
+2. Edit your profile information , then enter your current password for confirmation and submit the form 
+3. your profile will be modified successfully
+
+![profile](/img/profile.png)
\ No newline at end of file
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Recordings.md b/bbbeasy-docs/guides/user-guide/introduction/Recordings.md
new file mode 100644
index 00000000..dcb40295
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Recordings.md
@@ -0,0 +1,34 @@
+## Recordings
+
+The recording section represents all the meeting recordings and all the sharing options.
+
+___Recordings page ___
+
+` To Go the recordings page , you must follow the following steps`
+
+1. Go to the Recordings page.
+2. You will find all the recording meetings
+
+   ![Recordings](/img/save_recordings.png)
+
+___ Edit Recording___
+
+`To Edit Recording Name  , you must follow the following steps`
+
+1. Go to the Recordings page
+2. Choose a Recording from the list and click on the edit button
+3. Edit the Recording Name then click on the save button
+4. The changes will be saved successfully
+
+ ![Recordings](/img/Edit_Recordings.png)
+
+___Delete Recording___
+
+`To delete  Recording , you must follow the following steps`
+
+1. Go to the Recordings page
+2. Choose a Recording from the list and click on the delete button
+3. Confirm deletion
+4. The Recording will be deleted .
+
+   ![Recordings](/img/delete_recordings.png)
\ No newline at end of file
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Register.md b/bbbeasy-docs/guides/user-guide/introduction/Register.md
new file mode 100644
index 00000000..cfbdc31d
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Register.md
@@ -0,0 +1,13 @@
+# Register
+
+The register page allows you to create an account in order to use the application and discover its features.
+
+___Register___
+
+` To Register a new account  , just follow these steps`
+
+1. Go to register page 
+2. Fill the account details then submit the form
+3. A new user  will be registered successfully with a pending state and a default preset will be created for each new registered user
+4. The administrator should activate the new created account in order to use it .
+![Register](/img/register.png)
\ No newline at end of file
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Reset_password.md b/bbbeasy-docs/guides/user-guide/introduction/Reset_password.md
new file mode 100644
index 00000000..20c21968
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Reset_password.md
@@ -0,0 +1,22 @@
+# Reset password 
+
+This feature allows you to change your password if you forget it before login 
+
+___Reset password___
+
+
+`To reset your password , just follow these steps`
+
+1. Go to the login page
+2. Click on `reset here ` link
+3. Enter your email address then click on `Reset password ` button
+4. An email will be sent to you that includes a change password link
+5. Click through the link , that will redirect you to change password form
+6. Enter your new password and submit the form
+7. The password will be changed successfully
+
+![Reset password](/img/reset_password.png)
+
+![changepassword](/img/change_password.png)
+
+
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Roles.md b/bbbeasy-docs/guides/user-guide/introduction/Roles.md
new file mode 100644
index 00000000..df723436
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Roles.md
@@ -0,0 +1,37 @@
+## Roles
+
+Through the Roles tab, Administrators are able to add,edit,delete the roles of the  application.
+We have basically two roles Administrator and Lecturer but we can add another ones 
+
+![Roles](/img/roles.png)
+
+___Creating a New Role___
+
+`To create a new role click on the Create a new role button. This will open the create role modal where you can specify the new role’s details .`
+
+1. Go to the  Roles page
+2. Click on the New Role button
+3. Fill the form and check the role permissions needed then submit the form
+4. A new role will be created with its permissions
+   ![Roles](/img/New_roles.png)
+
+___Rename the  Role name___
+
+`To Edit the role  , you must follow the following steps`
+1. Go to the Roles page 
+2. Choose a role from the list then click on the rename button 
+3. Enter the new role name then save the changes 
+4. The role name will be changed successfully
+
+![Rename role](/img/role_rname.png)
+
+___Edit the role permissions___
+
+`To Edit the role permissions , you must follow the following steps`
+
+1. Go to the Roles page 
+2. Choose a role from the list then click on permissions
+3. Edit the role permissions then click on save button 
+4. The role permission will be changed
+
+![Rename role](/img/edit_permissions.png)
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Rooms.md b/bbbeasy-docs/guides/user-guide/introduction/Rooms.md
new file mode 100644
index 00000000..b46cda35
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Rooms.md
@@ -0,0 +1,53 @@
+## Rooms
+
+The room is a communication tool between different users and through which it moves to web conference
+A room is identified by name , unique link ,labels(optional) and assigned to one preset .
+
+___New Room___
+
+`To create New room ,click on Create a new room and populate the fileds`
+
+1. Go to the Rooms page
+2. Click on the New room button
+3. Once the modal is opened , the link will be generated automatically (editable optionally)
+4. Fill the rest of room details then click on the Create button
+5. The room will be created successfully
+
+![Room](/img/new_room.png)
+
+![Rooms](/img/rooms.png)
+
+___Edit Room___
+
+`To Edit rooms , you must follow the following steps`
+
+1. Go to the Rooms page
+2. Choose a room and click on it to access to the room details page
+3. Click on edit button , make the needed changes and click on the save button
+4. The room will be changed successfully
+
+![Rooms](/img/Edit_room.png)
+
+___Start Room___
+
+`To start  rooms , you must follow the following steps`
+
+1. Go to the Rooms page
+2. Choose a room and click on it to access to the room details page
+3. Click on the start or join button
+4. The start  will start and join the meeting its own room settings
+
+![Rooms](/img/start.png)
+
+![BigBlueButton](/img/join_bbb.png)
+
+___Delete Room ___
+
+`To delete  rooms , you must follow the following steps`
+
+1. Go to the rooms page
+2. Choose a room from the cards and click on the delete option
+3. Confirm deletion
+4. The room will be deleted .
+
+  ![Delete](/img/delete-room.png)
diff --git a/bbbeasy-docs/guides/user-guide/introduction/Users.md b/bbbeasy-docs/guides/user-guide/introduction/Users.md
new file mode 100644
index 00000000..66332676
--- /dev/null
+++ b/bbbeasy-docs/guides/user-guide/introduction/Users.md
@@ -0,0 +1,38 @@
+## Users
+User management is a very important component of your application.
+User management includes their profiles and account information. You can create a list of users and assign them different roles,
+Each user is identified by username,email, role and state
+
+![Users](/img/Users.png)
+___New User___
+
+`To create a new user , you must follow the following steps`
+
+1. Go to the Users page
+2. Click on the New user button
+3. Fill the user details and assign it a role then click on the create button 
+4. The user will be created with a default preset
+
+![Users](/img/new_user.png)
+
+___Edit User___
+
+`To Edit user , you must follow the following steps`
+
+1. Go to the Users page
+2. Choose a user from the list and click on the edit button
+3. Edit the user details then click on save button
+4. The changes will be saved successfully
+
+![Users](/img/edit_user.png)
+
+___Delete User___
+
+`To delete  user , you must follow the following steps`
+
+1. Go to the Users page
+2. Choose a user from the list and click on the delete button
+3. Confirm deletion
+4. The user will be deleted .
+
+   ![Users](/img/delete_user.png)
\ No newline at end of file
diff --git a/bbbeasy-docs/guides/user-guide/introduction/welcome.md b/bbbeasy-docs/guides/user-guide/introduction/welcome.md
index 6c86d259..d6e63414 100644
--- a/bbbeasy-docs/guides/user-guide/introduction/welcome.md
+++ b/bbbeasy-docs/guides/user-guide/introduction/welcome.md
@@ -10,15 +10,30 @@ slug: '/user-guide/introduction/welcome'
 BigBlueButton. Technically, it is a complete and fully featured integration for BigBlueButton
 developed to handle multiple web-conferencing use cases.
 
+
 **BBBEasy** is developed and maintained by **[RIADVICE](https://riadvice.tn)** to serve its own and
 customers requirements regarding managing BigBlueButton rooms management.
 
+**BBBeasy** is unique because it facilitates communication.
+
 ![BBBEasy Screenshots](/img/intro.png)
 
 ## BBBEasy Overview ✨
 
 **BBBEasy** is a standalone HTML5 web-application powered by a backend API.
 
+# Languages :
+
+The BBBeasy project consists of 3 languages
+* English
+* French
+* Arabic
+
+All the translations are made by crowdin tool
+
+ **[Crowdin](https://crowdin.com/)**
+
+
 ## Fast Track ⏱️
 
 In **BBBEasy** a `room` is designed around 3 principles:
@@ -31,13 +46,21 @@ to BigBlueButton.
 `Label` : A room can be tagged by different labels to make it easily identifiable.
 
 ## Features 🧱
-- Rooms.
-- Users.
-- Users roles and permissions.
-- Configuration presets.
-- Labels.
-- Branding.
-- ...
+- [Rooms](./Rooms.md)
+- [Users](./Users.md)
+- [Users roles and permissions](./Roles.md)
+- [Configuration presets](./Presets.md)
+- [Label](./Labels.md)
+- [Branding](./Branding.md)
+- [Recording](./Recordings.md)
+- [Administration](./Administration.md)
+- [Room details](./Details rooms.md)
+- [Login](./Login.md)
+- [Register](./Register.md)
+- [Profile](Profile.md)
+- [Reset password](./Reset_password.md)
+- [BigBlueButton room settings](./BigBlueButton room settings.md)
+
 
 ## Design principles 📜
 
diff --git a/bbbeasy-docs/static/img/Audio.png b/bbbeasy-docs/static/img/Audio.png
new file mode 100644
index 00000000..8ed15a08
Binary files /dev/null and b/bbbeasy-docs/static/img/Audio.png differ
diff --git a/bbbeasy-docs/static/img/BigBlueButton_room_setting.png b/bbbeasy-docs/static/img/BigBlueButton_room_setting.png
new file mode 100644
index 00000000..0a7ab26a
Binary files /dev/null and b/bbbeasy-docs/static/img/BigBlueButton_room_setting.png differ
diff --git a/bbbeasy-docs/static/img/Brand_color.png b/bbbeasy-docs/static/img/Brand_color.png
new file mode 100644
index 00000000..5897b6d8
Binary files /dev/null and b/bbbeasy-docs/static/img/Brand_color.png differ
diff --git a/bbbeasy-docs/static/img/Branding.png b/bbbeasy-docs/static/img/Branding.png
new file mode 100644
index 00000000..83ea3466
Binary files /dev/null and b/bbbeasy-docs/static/img/Branding.png differ
diff --git a/bbbeasy-docs/static/img/Breakout Rooms.png b/bbbeasy-docs/static/img/Breakout Rooms.png
new file mode 100644
index 00000000..adbfa705
Binary files /dev/null and b/bbbeasy-docs/static/img/Breakout Rooms.png differ
diff --git a/bbbeasy-docs/static/img/Edit_Recordings.png b/bbbeasy-docs/static/img/Edit_Recordings.png
new file mode 100644
index 00000000..3f661487
Binary files /dev/null and b/bbbeasy-docs/static/img/Edit_Recordings.png differ
diff --git a/bbbeasy-docs/static/img/Edit_labels.png b/bbbeasy-docs/static/img/Edit_labels.png
new file mode 100644
index 00000000..57eae41b
Binary files /dev/null and b/bbbeasy-docs/static/img/Edit_labels.png differ
diff --git a/bbbeasy-docs/static/img/Edit_room.png b/bbbeasy-docs/static/img/Edit_room.png
new file mode 100644
index 00000000..0bc42b35
Binary files /dev/null and b/bbbeasy-docs/static/img/Edit_room.png differ
diff --git a/bbbeasy-docs/static/img/Finish.png b/bbbeasy-docs/static/img/Finish.png
new file mode 100644
index 00000000..74442658
Binary files /dev/null and b/bbbeasy-docs/static/img/Finish.png differ
diff --git a/bbbeasy-docs/static/img/General.png b/bbbeasy-docs/static/img/General.png
new file mode 100644
index 00000000..2e04dc94
Binary files /dev/null and b/bbbeasy-docs/static/img/General.png differ
diff --git a/bbbeasy-docs/static/img/Guest Policy.png b/bbbeasy-docs/static/img/Guest Policy.png
new file mode 100644
index 00000000..70e5153c
Binary files /dev/null and b/bbbeasy-docs/static/img/Guest Policy.png differ
diff --git a/bbbeasy-docs/static/img/Language.png b/bbbeasy-docs/static/img/Language.png
new file mode 100644
index 00000000..63687b58
Binary files /dev/null and b/bbbeasy-docs/static/img/Language.png differ
diff --git a/bbbeasy-docs/static/img/Layout.png b/bbbeasy-docs/static/img/Layout.png
new file mode 100644
index 00000000..6efc38a1
Binary files /dev/null and b/bbbeasy-docs/static/img/Layout.png differ
diff --git a/bbbeasy-docs/static/img/Learning Dashboard.png b/bbbeasy-docs/static/img/Learning Dashboard.png
new file mode 100644
index 00000000..8856cad0
Binary files /dev/null and b/bbbeasy-docs/static/img/Learning Dashboard.png differ
diff --git a/bbbeasy-docs/static/img/Lock Settings.png b/bbbeasy-docs/static/img/Lock Settings.png
new file mode 100644
index 00000000..96bb40d5
Binary files /dev/null and b/bbbeasy-docs/static/img/Lock Settings.png differ
diff --git a/bbbeasy-docs/static/img/New_roles.png b/bbbeasy-docs/static/img/New_roles.png
new file mode 100644
index 00000000..149947b9
Binary files /dev/null and b/bbbeasy-docs/static/img/New_roles.png differ
diff --git a/bbbeasy-docs/static/img/Organisation_branding_step2.png b/bbbeasy-docs/static/img/Organisation_branding_step2.png
new file mode 100644
index 00000000..2496b51d
Binary files /dev/null and b/bbbeasy-docs/static/img/Organisation_branding_step2.png differ
diff --git a/bbbeasy-docs/static/img/Presentation.png b/bbbeasy-docs/static/img/Presentation.png
new file mode 100644
index 00000000..11ee50ca
Binary files /dev/null and b/bbbeasy-docs/static/img/Presentation.png differ
diff --git a/bbbeasy-docs/static/img/Recording.png b/bbbeasy-docs/static/img/Recording.png
new file mode 100644
index 00000000..5ba0c74c
Binary files /dev/null and b/bbbeasy-docs/static/img/Recording.png differ
diff --git a/bbbeasy-docs/static/img/Roles.png b/bbbeasy-docs/static/img/Roles.png
new file mode 100644
index 00000000..325b8fb1
Binary files /dev/null and b/bbbeasy-docs/static/img/Roles.png differ
diff --git a/bbbeasy-docs/static/img/Screenshare.png b/bbbeasy-docs/static/img/Screenshare.png
new file mode 100644
index 00000000..e650ec5e
Binary files /dev/null and b/bbbeasy-docs/static/img/Screenshare.png differ
diff --git a/bbbeasy-docs/static/img/Security.png b/bbbeasy-docs/static/img/Security.png
new file mode 100644
index 00000000..365a9af6
Binary files /dev/null and b/bbbeasy-docs/static/img/Security.png differ
diff --git a/bbbeasy-docs/static/img/User Experience.png b/bbbeasy-docs/static/img/User Experience.png
new file mode 100644
index 00000000..377926ab
Binary files /dev/null and b/bbbeasy-docs/static/img/User Experience.png differ
diff --git a/bbbeasy-docs/static/img/Users.png b/bbbeasy-docs/static/img/Users.png
new file mode 100644
index 00000000..c4707d01
Binary files /dev/null and b/bbbeasy-docs/static/img/Users.png differ
diff --git a/bbbeasy-docs/static/img/Webcams.png b/bbbeasy-docs/static/img/Webcams.png
new file mode 100644
index 00000000..bd5e5b59
Binary files /dev/null and b/bbbeasy-docs/static/img/Webcams.png differ
diff --git a/bbbeasy-docs/static/img/Whiteboard.png b/bbbeasy-docs/static/img/Whiteboard.png
new file mode 100644
index 00000000..0aed8add
Binary files /dev/null and b/bbbeasy-docs/static/img/Whiteboard.png differ
diff --git a/bbbeasy-docs/static/img/ZcaleRight.png b/bbbeasy-docs/static/img/ZcaleRight.png
new file mode 100644
index 00000000..ae432339
Binary files /dev/null and b/bbbeasy-docs/static/img/ZcaleRight.png differ
diff --git a/bbbeasy-docs/static/img/admin.png b/bbbeasy-docs/static/img/admin.png
new file mode 100644
index 00000000..128ca9c4
Binary files /dev/null and b/bbbeasy-docs/static/img/admin.png differ
diff --git a/bbbeasy-docs/static/img/administration.png b/bbbeasy-docs/static/img/administration.png
new file mode 100644
index 00000000..2056e56c
Binary files /dev/null and b/bbbeasy-docs/static/img/administration.png differ
diff --git a/bbbeasy-docs/static/img/change_password.png b/bbbeasy-docs/static/img/change_password.png
new file mode 100644
index 00000000..61aecd01
Binary files /dev/null and b/bbbeasy-docs/static/img/change_password.png differ
diff --git a/bbbeasy-docs/static/img/copy_preset.png b/bbbeasy-docs/static/img/copy_preset.png
new file mode 100644
index 00000000..52c513da
Binary files /dev/null and b/bbbeasy-docs/static/img/copy_preset.png differ
diff --git a/bbbeasy-docs/static/img/create my first room.png b/bbbeasy-docs/static/img/create my first room.png
new file mode 100644
index 00000000..10710e96
Binary files /dev/null and b/bbbeasy-docs/static/img/create my first room.png differ
diff --git a/bbbeasy-docs/static/img/delete-room.png b/bbbeasy-docs/static/img/delete-room.png
new file mode 100644
index 00000000..583415ae
Binary files /dev/null and b/bbbeasy-docs/static/img/delete-room.png differ
diff --git a/bbbeasy-docs/static/img/delete_label.png b/bbbeasy-docs/static/img/delete_label.png
new file mode 100644
index 00000000..52501d0a
Binary files /dev/null and b/bbbeasy-docs/static/img/delete_label.png differ
diff --git a/bbbeasy-docs/static/img/delete_presete.png b/bbbeasy-docs/static/img/delete_presete.png
new file mode 100644
index 00000000..69d4eda1
Binary files /dev/null and b/bbbeasy-docs/static/img/delete_presete.png differ
diff --git a/bbbeasy-docs/static/img/delete_recordings.png b/bbbeasy-docs/static/img/delete_recordings.png
new file mode 100644
index 00000000..a8e3d77c
Binary files /dev/null and b/bbbeasy-docs/static/img/delete_recordings.png differ
diff --git a/bbbeasy-docs/static/img/delete_user.png b/bbbeasy-docs/static/img/delete_user.png
new file mode 100644
index 00000000..5fe361ba
Binary files /dev/null and b/bbbeasy-docs/static/img/delete_user.png differ
diff --git a/bbbeasy-docs/static/img/details_room.png b/bbbeasy-docs/static/img/details_room.png
new file mode 100644
index 00000000..8a511498
Binary files /dev/null and b/bbbeasy-docs/static/img/details_room.png differ
diff --git a/bbbeasy-docs/static/img/edit_branding.png b/bbbeasy-docs/static/img/edit_branding.png
new file mode 100644
index 00000000..bdf7e011
Binary files /dev/null and b/bbbeasy-docs/static/img/edit_branding.png differ
diff --git a/bbbeasy-docs/static/img/edit_permissions.png b/bbbeasy-docs/static/img/edit_permissions.png
new file mode 100644
index 00000000..902e149f
Binary files /dev/null and b/bbbeasy-docs/static/img/edit_permissions.png differ
diff --git a/bbbeasy-docs/static/img/edit_preset_settings.png b/bbbeasy-docs/static/img/edit_preset_settings.png
new file mode 100644
index 00000000..b5d0133a
Binary files /dev/null and b/bbbeasy-docs/static/img/edit_preset_settings.png differ
diff --git a/bbbeasy-docs/static/img/edit_user.png b/bbbeasy-docs/static/img/edit_user.png
new file mode 100644
index 00000000..0e0433a1
Binary files /dev/null and b/bbbeasy-docs/static/img/edit_user.png differ
diff --git a/bbbeasy-docs/static/img/join_bbb.png b/bbbeasy-docs/static/img/join_bbb.png
new file mode 100644
index 00000000..2e931542
Binary files /dev/null and b/bbbeasy-docs/static/img/join_bbb.png differ
diff --git a/bbbeasy-docs/static/img/labels.png b/bbbeasy-docs/static/img/labels.png
new file mode 100644
index 00000000..565f268a
Binary files /dev/null and b/bbbeasy-docs/static/img/labels.png differ
diff --git a/bbbeasy-docs/static/img/login.png b/bbbeasy-docs/static/img/login.png
new file mode 100644
index 00000000..bb69174e
Binary files /dev/null and b/bbbeasy-docs/static/img/login.png differ
diff --git a/bbbeasy-docs/static/img/new_label.png b/bbbeasy-docs/static/img/new_label.png
new file mode 100644
index 00000000..83589fec
Binary files /dev/null and b/bbbeasy-docs/static/img/new_label.png differ
diff --git a/bbbeasy-docs/static/img/new_labels.png b/bbbeasy-docs/static/img/new_labels.png
new file mode 100644
index 00000000..11371213
Binary files /dev/null and b/bbbeasy-docs/static/img/new_labels.png differ
diff --git a/bbbeasy-docs/static/img/new_preset.png b/bbbeasy-docs/static/img/new_preset.png
new file mode 100644
index 00000000..a3825292
Binary files /dev/null and b/bbbeasy-docs/static/img/new_preset.png differ
diff --git a/bbbeasy-docs/static/img/new_room.png b/bbbeasy-docs/static/img/new_room.png
new file mode 100644
index 00000000..a271dd6a
Binary files /dev/null and b/bbbeasy-docs/static/img/new_room.png differ
diff --git a/bbbeasy-docs/static/img/new_user.png b/bbbeasy-docs/static/img/new_user.png
new file mode 100644
index 00000000..5ded3fb8
Binary files /dev/null and b/bbbeasy-docs/static/img/new_user.png differ
diff --git a/bbbeasy-docs/static/img/page_presets.png b/bbbeasy-docs/static/img/page_presets.png
new file mode 100644
index 00000000..9f0698cd
Binary files /dev/null and b/bbbeasy-docs/static/img/page_presets.png differ
diff --git a/bbbeasy-docs/static/img/presets.png b/bbbeasy-docs/static/img/presets.png
new file mode 100644
index 00000000..3e19c597
Binary files /dev/null and b/bbbeasy-docs/static/img/presets.png differ
diff --git a/bbbeasy-docs/static/img/profile.png b/bbbeasy-docs/static/img/profile.png
new file mode 100644
index 00000000..ba73f91a
Binary files /dev/null and b/bbbeasy-docs/static/img/profile.png differ
diff --git a/bbbeasy-docs/static/img/register.png b/bbbeasy-docs/static/img/register.png
new file mode 100644
index 00000000..6d2effc3
Binary files /dev/null and b/bbbeasy-docs/static/img/register.png differ
diff --git a/bbbeasy-docs/static/img/rename_preset.png b/bbbeasy-docs/static/img/rename_preset.png
new file mode 100644
index 00000000..89c2d2c9
Binary files /dev/null and b/bbbeasy-docs/static/img/rename_preset.png differ
diff --git a/bbbeasy-docs/static/img/reset_password.png b/bbbeasy-docs/static/img/reset_password.png
new file mode 100644
index 00000000..95c9d897
Binary files /dev/null and b/bbbeasy-docs/static/img/reset_password.png differ
diff --git a/bbbeasy-docs/static/img/role_rname.png b/bbbeasy-docs/static/img/role_rname.png
new file mode 100644
index 00000000..2900af80
Binary files /dev/null and b/bbbeasy-docs/static/img/role_rname.png differ
diff --git a/bbbeasy-docs/static/img/rooms.png b/bbbeasy-docs/static/img/rooms.png
new file mode 100644
index 00000000..402bcb45
Binary files /dev/null and b/bbbeasy-docs/static/img/rooms.png differ
diff --git a/bbbeasy-docs/static/img/save_recordings.png b/bbbeasy-docs/static/img/save_recordings.png
new file mode 100644
index 00000000..fed9a84e
Binary files /dev/null and b/bbbeasy-docs/static/img/save_recordings.png differ
diff --git a/bbbeasy-docs/static/img/settings_branding.png b/bbbeasy-docs/static/img/settings_branding.png
new file mode 100644
index 00000000..ffa154c0
Binary files /dev/null and b/bbbeasy-docs/static/img/settings_branding.png differ
diff --git a/bbbeasy-docs/static/img/start.png b/bbbeasy-docs/static/img/start.png
new file mode 100644
index 00000000..c656a9a3
Binary files /dev/null and b/bbbeasy-docs/static/img/start.png differ