-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
8e0332e
commit 9850775
Showing
54 changed files
with
4,242 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,280 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> | ||
| <link rel="stylesheet" href="css/all.min.css"> | ||
| <link rel="stylesheet" href="css/framework.css"> | ||
| <link rel="stylesheet" href="css/master.css"> | ||
| <title>Courses</title> | ||
| </head> | ||
| <body> | ||
| <div class="page d-flex"> | ||
| <div class="sidebar bg-white p-20 p-relative"> | ||
| <h3 class="p-relative txt-c mt-0">Dash</h3> | ||
| <ul> | ||
| <li> | ||
| <a class="d-flex align-center fs-14 c-black rad-6 p-10" href="index.html"> | ||
| <i class="fa-regular fa-chart-bar fa-fw"></i> | ||
| <span>Dashboard</span> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a class="d-flex align-center fs-14 c-black rad-6 p-10" href="settings.html"> | ||
| <i class="fa-solid fa-gear fa-fw"></i> | ||
| <span>Settings</span> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a class="d-flex align-center fs-14 c-black rad-6 p-10" href="profile.html"> | ||
| <i class="fa-regular fa-user fa-fw"></i> | ||
| <span>Profile</span> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a class="d-flex align-center fs-14 c-black rad-6 p-10" href="projects.html"> | ||
| <i class="fa-solid fa-diagram-project fa-fw"></i> | ||
| <span>Projects</span> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a class="active d-flex align-center fs-14 c-black rad-6 p-10" href="courses.html"> | ||
| <i class="fa-solid fa-graduation-cap fa-fw"></i> | ||
| <span>Courses</span> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a class="d-flex align-center fs-14 c-black rad-6 p-10" href="friends.html"> | ||
| <i class="fa-regular fa-circle-user fa-fw"></i> | ||
| <span>Friends</span> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a class="d-flex align-center fs-14 c-black rad-6 p-10" href="files.html"> | ||
| <i class="fa-regular fa-file fa-fw"></i> | ||
| <span>Files</span> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a class="d-flex align-center fs-14 c-black rad-6 p-10" href="plans.html"> | ||
| <i class="fa-regular fa-credit-card fa-fw"></i> | ||
| <span>Plans</span> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div class="content w-full"> | ||
| <!-- Start Head --> | ||
| <div class="head bg-white p-15 between-flex"> | ||
| <div class="search p-relative"> | ||
| <input class="p-10" type="search" placeholder="Type A Keyword"> | ||
| </div> | ||
| <div class="icons d-flex align-center"> | ||
| <span class="notification p-relative"> | ||
| <i class="fa-regular fa-bell fa-lg"></i> | ||
| </span> | ||
| <img src="images/avatar.png" alt=""> | ||
| </div> | ||
| </div> | ||
| <!-- End Head --> | ||
| <h1 class="p-relative">Courses</h1> | ||
| <div class="course-page d-grid m-20 gap-20"> | ||
| <div class="course bg-white rad-6 p-relative"> | ||
| <img class="cover" src="images/course-01.jpg" alt="course"> | ||
| <img class="instructor" src="images/team-01.png" alt="friend"> | ||
| <div class="p-20"> | ||
| <h4 class="m-0">Mastering Web Design</h4> | ||
| <p class="description c-grey mt-15 fs-14">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum quod id perferendis accusantium.</p> | ||
| </div> | ||
| <div class="info p-15 p-relative between-flex fs-13"> | ||
| <span class="title bg-blue c-white btn-shape">Course Info</span> | ||
| <span class="c-grey"> | ||
| <i class="fa-regular fa-user"></i> | ||
| 750 | ||
| </span> | ||
| <span class="c-grey"> | ||
| <i class="fa-solid fa-dollar-sign"></i> | ||
| 950 | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="course bg-white rad-6 p-relative"> | ||
| <img class="cover" src="images/course-04.jpg" alt="course"> | ||
| <img class="instructor" src="images/team-02.png" alt="friend"> | ||
| <div class="p-20"> | ||
| <h4 class="m-0">Mastering Web Design</h4> | ||
| <p class="description c-grey mt-15 fs-14">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum quod id perferendis accusantium.</p> | ||
| </div> | ||
| <div class="info p-15 p-relative between-flex fs-13"> | ||
| <span class="title bg-blue c-white btn-shape">Course Info</span> | ||
| <span class="c-grey"> | ||
| <i class="fa-regular fa-user"></i> | ||
| 750 | ||
| </span> | ||
| <span class="c-grey"> | ||
| <i class="fa-solid fa-dollar-sign"></i> | ||
| 950 | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="course bg-white rad-6 p-relative"> | ||
| <img class="cover" src="images/course-05.jpg" alt="course"> | ||
| <img class="instructor" src="images/team-04.png" alt="friend"> | ||
| <div class="p-20"> | ||
| <h4 class="m-0">Mastering Web Design</h4> | ||
| <p class="description c-grey mt-15 fs-14">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum quod id perferendis accusantium.</p> | ||
| </div> | ||
| <div class="info p-15 p-relative between-flex fs-13"> | ||
| <span class="title bg-blue c-white btn-shape">Course Info</span> | ||
| <span class="c-grey"> | ||
| <i class="fa-regular fa-user"></i> | ||
| 750 | ||
| </span> | ||
| <span class="c-grey"> | ||
| <i class="fa-solid fa-dollar-sign"></i> | ||
| 950 | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="course bg-white rad-6 p-relative"> | ||
| <img class="cover" src="images/course-01.jpg" alt="course"> | ||
| <img class="instructor" src="images/team-01.png" alt="friend"> | ||
| <div class="p-20"> | ||
| <h4 class="m-0">Mastering Web Design</h4> | ||
| <p class="description c-grey mt-15 fs-14">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum quod id perferendis accusantium.</p> | ||
| </div> | ||
| <div class="info p-15 p-relative between-flex fs-13"> | ||
| <span class="title bg-blue c-white btn-shape">Course Info</span> | ||
| <span class="c-grey"> | ||
| <i class="fa-regular fa-user"></i> | ||
| 750 | ||
| </span> | ||
| <span class="c-grey"> | ||
| <i class="fa-solid fa-dollar-sign"></i> | ||
| 950 | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="course bg-white rad-6 p-relative"> | ||
| <img class="cover" src="images/course-01.jpg" alt="course"> | ||
| <img class="instructor" src="images/team-01.png" alt="friend"> | ||
| <div class="p-20"> | ||
| <h4 class="m-0">Mastering Web Design</h4> | ||
| <p class="description c-grey mt-15 fs-14">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum quod id perferendis accusantium.</p> | ||
| </div> | ||
| <div class="info p-15 p-relative between-flex fs-13"> | ||
| <span class="title bg-blue c-white btn-shape">Course Info</span> | ||
| <span class="c-grey"> | ||
| <i class="fa-regular fa-user"></i> | ||
| 750 | ||
| </span> | ||
| <span class="c-grey"> | ||
| <i class="fa-solid fa-dollar-sign"></i> | ||
| 950 | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="course bg-white rad-6 p-relative"> | ||
| <img class="cover" src="images/course-01.jpg" alt="course"> | ||
| <img class="instructor" src="images/team-01.png" alt="friend"> | ||
| <div class="p-20"> | ||
| <h4 class="m-0">Mastering Web Design</h4> | ||
| <p class="description c-grey mt-15 fs-14">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum quod id perferendis accusantium.</p> | ||
| </div> | ||
| <div class="info p-15 p-relative between-flex fs-13"> | ||
| <span class="title bg-blue c-white btn-shape">Course Info</span> | ||
| <span class="c-grey"> | ||
| <i class="fa-regular fa-user"></i> | ||
| 750 | ||
| </span> | ||
| <span class="c-grey"> | ||
| <i class="fa-solid fa-dollar-sign"></i> | ||
| 950 | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="course bg-white rad-6 p-relative"> | ||
| <img class="cover" src="images/course-01.jpg" alt="course"> | ||
| <img class="instructor" src="images/team-01.png" alt="friend"> | ||
| <div class="p-20"> | ||
| <h4 class="m-0">Mastering Web Design</h4> | ||
| <p class="description c-grey mt-15 fs-14">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum quod id perferendis accusantium.</p> | ||
| </div> | ||
| <div class="info p-15 p-relative between-flex fs-13"> | ||
| <span class="title bg-blue c-white btn-shape">Course Info</span> | ||
| <span class="c-grey"> | ||
| <i class="fa-regular fa-user"></i> | ||
| 750 | ||
| </span> | ||
| <span class="c-grey"> | ||
| <i class="fa-solid fa-dollar-sign"></i> | ||
| 950 | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="course bg-white rad-6 p-relative"> | ||
| <img class="cover" src="images/course-04.jpg" alt="course"> | ||
| <img class="instructor" src="images/team-01.png" alt="friend"> | ||
| <div class="p-20"> | ||
| <h4 class="m-0">Mastering Web Design</h4> | ||
| <p class="description c-grey mt-15 fs-14">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum quod id perferendis accusantium.</p> | ||
| </div> | ||
| <div class="info p-15 p-relative between-flex fs-13"> | ||
| <span class="title bg-blue c-white btn-shape">Course Info</span> | ||
| <span class="c-grey"> | ||
| <i class="fa-regular fa-user"></i> | ||
| 750 | ||
| </span> | ||
| <span class="c-grey"> | ||
| <i class="fa-solid fa-dollar-sign"></i> | ||
| 950 | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="course bg-white rad-6 p-relative"> | ||
| <img class="cover" src="images/course-03.jpg" alt="course"> | ||
| <img class="instructor" src="images/team-01.png" alt="friend"> | ||
| <div class="p-20"> | ||
| <h4 class="m-0">Mastering Web Design</h4> | ||
| <p class="description c-grey mt-15 fs-14">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum quod id perferendis accusantium.</p> | ||
| </div> | ||
| <div class="info p-15 p-relative between-flex fs-13"> | ||
| <span class="title bg-blue c-white btn-shape">Course Info</span> | ||
| <span class="c-grey"> | ||
| <i class="fa-regular fa-user"></i> | ||
| 750 | ||
| </span> | ||
| <span class="c-grey"> | ||
| <i class="fa-solid fa-dollar-sign"></i> | ||
| 950 | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="course bg-white rad-6 p-relative"> | ||
| <img class="cover" src="images/course-02.jpg" alt="course"> | ||
| <img class="instructor" src="images/team-02.png" alt="friend"> | ||
| <div class="p-20"> | ||
| <h4 class="m-0">Mastering Web Design</h4> | ||
| <p class="description c-grey mt-15 fs-14">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum quod id perferendis accusantium.</p> | ||
| </div> | ||
| <div class="info p-15 p-relative between-flex fs-13"> | ||
| <span class="title bg-blue c-white btn-shape">Course Info</span> | ||
| <span class="c-grey"> | ||
| <i class="fa-regular fa-user"></i> | ||
| 750 | ||
| </span> | ||
| <span class="c-grey"> | ||
| <i class="fa-solid fa-dollar-sign"></i> | ||
| 950 | ||
| </span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.