brandmark-design.png

//For this page, we need to stretch the width as wide as possible

// Follow exactly Udemy's layout and user interactions

<Program Title>
Hello UserName! | Recommended Courses | My Learning | My Account | Logout
Leave A Rating
Your Progress: [ ]% Completed

// When user hover overs over the video, the next and pre video button will show up

PlayInformation.png

// Change screen resolution to see the whole view

// When user hover overs over the video, the play information should show up

// Create a 3 tabbed page here

Tab 1: Overview (this will be a page on the overall description of the course). On the backend it will be a page where the user can input information about the course description

Tab 2: Q&A: Create a user form where if the learner has a question, he can directly fill the form and email the FD. The email would have the reply to address of the user and the FD would be able to reply directly

Tab 3: Announcements: Create a page that allows announcements (if any) - if there's no announcement, skip the tab (use an if statement)

Course Content

// When user clicks on the close button, the video will expand to fit the whole screen

X
Module 1

// When user clicks on the down button, he/she can acccess more videos. Example below

Module 2

// When user clicks on the down button, he/she can acccess more videos. Example below

Video 3

Once a video is completed, there is a checkbox

3 Min

Video 4

Once a video is completed, there is a checkbox

7 Min

Video 5

10 Min

My Resources >

Module 3

// Add a vertical scroll bar on the right

Module 4
Module 5
Module 6
Module 7