a)HomePage
    *)We created a navbar for the homepage added icon to the left class and call and email to the right class
    *)we added a background to the whole body of the page and reduced the opacity of navbar
    *)we added a container for the the black box
    *)we added two modals and two modal containers for login  and sign up the model containers are set to pointer-events:none;the container is made using gridlines 
    giving it its responsiveness.
    *)A form is used to take input from inside the modal
 
 b)Afterlogin
    *)The page is made up of mainly 3 ggrid boxes which are further divided into grid boxes
    *)The navbar is located on the right side as a grid box
    *)The create quiz box and Join quiz box are inside two grid boxes
    *)The join quiz box takes in a input using a form the size of input has been changed
    
 c)Mcq template,fiilin,numerical
   *)The template is made up of 3 grid boxes the top box contains the animation for timer,the secind box contains the question
   *)The grid box for option have been split into 4 and we added a flex box inside the grid for the options of mcq to make 
     it responsive
   *)The grid boc for fillups and numerical just contain a box which takes in input through a form
   
  d)LeaderBoard
  *)we made a simple leaderboard with grid box and placed it in the center of the page
  
  e)add quiz
  *)The page contains a basic form in the white area
  *)The grey box contains the template for the question which is integrated with javascript to repeat on adding a question
  *)we added a drop down box for the user to select the type of question

   b)Create Quiz:After user is authenticated,we enabled 2 options i.e Create Quiz and Join Quiz in the navbar.
                "Create quiz" redirects user to a form, where it fills the question attributes like type,marks,question-text etc.
                 There are 2 modals namely Quiz and Questions and quiz id is stored in Quiz. For a unique quiz id,separate class for questions
                 is created and questions (default numbering from 1) are stored there for future retrival.
                 The lobby/Quiz template url are connected with unique question id.
                 After completion of quiz making, the creater/teacher is provided with three options namely "Submit",
                 "generate code" and "start quiz"(used to redirect students from lobby to quiz template).
                 
   c)Join Quiz:User after clicking redirects to a modal with feild"Enter Code", if code matches , User is redirected to the lobby.
               User can also attempt pre-build quiz on some of the listed topics by clicking "Practise".
               
   d)Leaderbord(Future Commit):Every user details like 'marked correct' and 'time taken' are stored in db via django modals and 
                calculations are made using a pre-build formula and according leaderboard is updated.
                
   Many of the above stated fields are under devlopment and will be unabled through future commits.