Giter Site home page Giter Site logo

undeadme / sabzlearn-admin-panel-course Goto Github PK

View Code? Open in Web Editor NEW
13.0 1.0 1.0 11.34 MB

โœจ simple panel admin template ๐Ÿ“ just html css ๐Ÿค without logic. this repo is final project resources of the sabzlearn 20 javascript projects course โš™๐Ÿงฎ

CSS 14.92% HTML 85.08%
css3 html5 panel-admin template

sabzlearn-admin-panel-course's Introduction

simple panel admin template without any logic

๐Ÿ“ This repo is for students of sabzlearn 20 javascript projects. I made it for you guys as a final project to do. this panel admin is raw and it doesn't have any javascript logic. Because it's your responsibility to add it ๐Ÿ˜‰๐Ÿค๐Ÿ˜„ if you have any question you can ask on the Q/A panel ๐Ÿค“
Let's see the panel admin ๐Ÿƒโ€โ™‚๏ธ

Login page

Screenshot 2022-04-21 011214

  • Features of Login page:
    • login form
    • username field
    • password field
    • password eye icon

panel admin

all the pages have the following components:

  • header
  • admin card
  • a box that has different content in each admin page

panel admin - users

Screenshot 2022-04-21 005428 this page shows all of users. they have some information like:

  • username
  • first name and last name
  • registration date

you can do something interesting on the users:

  • remove
  • edit
  • search

panel admin - information

Screenshot 2022-04-21 014201 this page is for information of the admin. you can change your information as a admin. but
what can you change as a admin ?

  • first name
  • last name
  • password
  • email
  • profile
  • banner

panel admin - courses

Screenshot 2022-04-21 122554 as you know this page is for courses of website. a courses box has some information about the course like:

  • course title
  • course text
  • course price
  • course category
  • course number of students

you can add a new course by a button. before you you have yo complete following fields: Screenshot 2022-04-21 123131

  • course title
  • course price
  • course category

panel admin - sessions

Screenshot 2022-04-21 123343 this page is for add new session to a course.you should complete the fields to add a new session.you have some information to complete.

  • session name
  • session time
  • session price
  • a dropdown box for choose a course
  • a checkbox for choose course be free or not

sabzlearn-admin-panel-course's People

Contributors

aka-devoid avatar undeadme avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

rip4ldi

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.