Dipeshtwis / electronic_gadget

I made this HTML & CSS Capstone Project based on an online shop for electronics. It resembles a real-life project.

Home Page:https://raw.githack.com/Dipeshtwis/electronic_gadget/feature-gadget/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Electronic_gadget

This project is the HTML & CSS Capstone Project which is based on an online shop for electronics. It resembles the real-life project.

Project Design

Home Page

Project Design Screenshot : Project Design

Search Page

Project Design Screenshot : Project Design

Built With

  • HTML5
  • CSS3
  • Bootstrap 4
  • Font Awesome icon
  • Media Queries

Live Demo

Live Demo Link

Github link:

For the: Github-link

Project flow

Header section

  • Contains bootstrap 4 nav bar
  • Make search box

Body section

Home page

  • Contains row of flex type
  • Used different grid columns of bootstrap 4

Search page

  • contains aside section from where one can choose specification
  • contain search result section which is made by flex and grid

Footer section

  • Used Flex-box and all its properties

Getting Started 🚀

These instructions will get you a copy of the project up and running on your local machine.

How To Use 🔧

From your command line, first clone the project:

# Clone this repository
$ git clone https://github.com/Dipeshtwis/electronic_gadget.git

# Go into the repository
$ cd electronic_gadget

CONTRIBUTOR

👤 Dipesh Kumar

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Thanks to Microverse and The Odin Project.
  • Thanks for this Website Design ZATTIX.

About

I made this HTML & CSS Capstone Project based on an online shop for electronics. It resembles a real-life project.

https://raw.githack.com/Dipeshtwis/electronic_gadget/feature-gadget/index.html


Languages

Language:HTML 81.6%Language:CSS 9.9%Language:JavaScript 8.5%