https://github.com/pragati-c19/hitech-new

Hi-Tech Controls Website Is A Client Work
https://github.com/pragati-c19/hitech-new

bootstrap client-project html javascript

Last synced: about 2 months ago
JSON representation

Hi-Tech Controls Website Is A Client Work

• Host: GitHub
• URL: https://github.com/pragati-c19/hitech-new
• Owner: Pragati-C19
• Created: 2020-10-08T10:39:21.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-07-08T16:02:06.000Z (almost 5 years ago)
• Last Synced: 2025-02-17T16:35:52.958Z (over 1 year ago)
• Topics: bootstrap, client-project, html, javascript
• Language: HTML
• Homepage: https://hitech-new.netlify.app
• Size: 36.9 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Hi-Tech Controls Website

I have done modifications to the Hi-Tech Control company's old website. This company provides electronic products like solar systems, inverters, etc. This website allows users to search for electronic products to buy and to get information about those products at home. 

## Description : 

In the Hi-Tech Control website, I have used HTML CSS Bootstrap for designing purposes and JS for backend working.  Now, this website is more user-friendly and helps users to save time with lots of information. I  have used some animations like slide bar, flapping cards, image hover, etc. I have created the main logo and also other symbols or images using paint.net and Figma apps. In contacting us with contact info and feedback from you can see their address located in google maps. 

Live link :  http://hitech-new.netlify.app 

## Features :

* This website has different and attractive views on desktop screens & mobile screens.

* If you want to make some changes you can easily modify them. There are lots of comments that will also help you

* Home website

* View products

* Direct communication with the company

## Tech stack used :

I had use bootstrap functions : 

1. `navbar-dark` for black color navbar

2. Cards are used a lot for various purpose

3. `Carousel` used to slide images flexibly

4. We have use icons of Facebook, WhatsApp, Dial, Gmail, YouTube

5. `common-slider` for sliding cards 

6. `card__face` for flip cards

Basic HTML CSS elements :

1. `form` used to create a feedback form

2. An `iframe` is used to frame the google map tab

3. `img-hover` use to transform image color and size

4. `back-ground` colors of page or images or icons

5. Tables for product features 

JS is used alert msg for Validation of user inputs.

## Screenshorts :

 

 Navbar 




![Navbar](https://github.com/Pragati-C19/HiTech-New/blob/main/screenshorts/navbar.jpg?raw=true)

 Client Hover Cards 




![Client Cards](https://github.com/Pragati-C19/HiTech-New/blob/main/screenshorts/clients_cards.jpg?raw=true)

 Animation Cards 




![Animation Cards](https://github.com/Pragati-C19/HiTech-New/blob/main/screenshorts/animated_cards.jpg?raw=true)

 Hover Lines 




![Hover Lines](https://github.com/Pragati-C19/HiTech-New/blob/main/screenshorts/hover_lines.jpg?raw=true)

 Contact Us 




![Contact Us](https://github.com/Pragati-C19/HiTech-New/blob/main/screenshorts/contact_us.jpg?raw=true)