https://github.com/subhashchamara/tesla.com-clone-project
This is a clone of Tesla.com UI designing for practicing purposes of pure HTML and CSS using the knowledge of responsive web designing.
https://github.com/subhashchamara/tesla.com-clone-project
css3 htlm5
Last synced: about 1 month ago
JSON representation
This is a clone of Tesla.com UI designing for practicing purposes of pure HTML and CSS using the knowledge of responsive web designing.
- Host: GitHub
- URL: https://github.com/subhashchamara/tesla.com-clone-project
- Owner: SubhashChamara
- License: mit
- Created: 2023-07-10T03:39:48.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-13T13:43:33.000Z (almost 3 years ago)
- Last Synced: 2025-03-30T00:26:59.229Z (about 1 year ago)
- Topics: css3, htlm5
- Language: HTML
- Homepage: https://subhashchamara.github.io/tesla.com-clone-project/
- Size: 2.94 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: License.txt
Awesome Lists containing this project
README
# Tesla.com Clone Project
Welcome to the Tesla.com Clone project! This project was developed during my training period at IJSE (Institute of Software Engineering) as a Training Fullstack Developer. It served as an excellent opportunity for me to practice and enhance my skills in pure HTML5 and CSS3, utilizing various techniques and best practices.
## Project Overview
In this project, I aimed to create a comprehensive clone of the Tesla.com website using pure HTML5 and CSS3. By focusing on these technologies, I challenged myself to understand the core concepts of web development and create a visually appealing user interface.
## Features
Throughout the project, I employed the following techniques and features:
- Utilized the latest HTML5 semantic tags for structuring the web pages.
- Implemented CSS3 to style the web pages, ensuring a modern and visually appealing design.
- Developed layouts using media queries and flexbox/grid systems.
- Applied accessibility best practices to ensure the website is usable by a wide range of users.
- Followed coding standards and naming conventions for clean and maintainable code.
## Getting Started
To explore and experience this Tesla.com clone project, you can follow these steps:
1. Clone the repository from GitHub:
```
https://github.com/SubhashChamara/tesla.com-clone-project.git
```
2. Install the npx and run the live-server
```
npx live-server
```
3. Explore the different sections of the Tesla.com clone and interact with the user interface.
Project Demo
https://github.com/SubhashChamara/tesla.com-clone-project/assets/112160411/44d35b06-1905-480b-9026-209305d2c3a0
## License
This application is licensed under this [license](License.txt)
## Future Improvements
As I continue to develop my skills in web development, I am eager to receive your suggestions and feedback to further enhance this project. Your insights will play a vital role in improving the clone and refining my understanding of HTML5 and CSS3.
## Future Improvements
As I continue to develop my skills in web development, I am eager to receive your suggestions and feedback to further enhance this project. Your insights will play a vital role in improving the clone and refining my understanding of HTML5 and CSS3.
## Contact
If you have any questions, feedback, or would like to connect with me, please feel free to reach out through the following channels:
- Discord:https://discord.com/channels/Subhash#5290
- Email: mailto:Udayanga.subash@gmail.com
## Follow Me
Stay updated with my latest projects and connect with me on:
- GitHub:https://github.com/SubhashChamara
- LinkedIn:https://www.linkedin.com/in/subhash-chamara-udayanga-633578174/
- Twitter: https://twitter.com/chamara_subhash?t=e7Qt_Z5c0eEg426tqdXxrQ&s=09