Skip to content

Li8ning/Ereferer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Name: Figma-to-HTML Website

This repository contains the source code for a responsive website developed from a Figma design. The website includes a Form Registration page and a Dashboard page, both featuring a full-page left sidebar menu that contracts in mobile view.

Pages and Features

Form Registration Page

  • Full-page left sidebar menu
  • Responsive design that contracts in mobile view
  • Multi-step form using pure HTML, CSS, and JS
  • Next and previous buttons to navigate between form steps
  • Ability to traverse steps by clicking on the step name at the top of the form

Dashboard Page

  • Full-page left sidebar menu
  • Responsive design that contracts in mobile view
  • Modern data display in a tabular format

Technologies Used

  • HTML
  • CSS
  • JS
  • jQuery
  • Bootstrap

Pixel-Perfect and Fully Responsive

The website has been carefully designed to be pixel-perfect and fully responsive, ensuring an optimal user experience on all devices. The latest flex options in CSS have been utilized to achieve the best outcome.

Getting Started

To run the website locally, follow these steps:

  1. Clone the repository:

git clone https://github.com/Li8ning/Ereferer.git

  1. Navigate to the project folder:

cd repository

  1. Open the index.html file in your preferred web browser to access form registration page. Open the dashboard.html file in your preferred web browser to access dashboard page.

Demo

Check out the website to see it in action.

Contributing

If you'd like to contribute, please fork the repository and create a new branch for your feature or bugfix. After making your changes, submit a pull request for review.