In this tutorial we are going to develop the MasterPage of our project CardenalPre. MasterPage Responsive. We are going to develop it from 0 and using the IDE and Visual Studio code editor, we will program with VB.Net, HTML, CSS, JavaScript languages
SideBar with Actions The side menu for the main functions. Being responsive, it will automatically hide when it detects mobile screens.
Navbar at the top and it will be locked This NavBar will contain the button to manually hide the sidebar and two main functions that will show us notifications and access to the user profile with a DropDown Menu. Possibility of scaling for new functions.
Footer at the bottom and it will be locked This Footer will contain the version of CardenalPre and the functions to change the Theme (dark/light) of the system. Possibility of scaling for new functions.
Development of SideBar cookies and Theme (Color change) We will develop cookies that will be responsible for respecting, when starting CardenalPre, the functionalities of the SideBar (Open or Closed) in the same way, it will respect the user's desire to start with the theme (color) they want.
Responsive System All sections will automatically adapt according to the screen size.
Theme (Color change) All sections will maintain the Theme (color) chosen by the user.