Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pratham1916/time-clone
The Time Clone project is a pixel-perfect replica of Time.com, focusing on crafting a user interface that mirrors the original site's aesthetics.
https://github.com/pratham1916/time-clone
bootstrap css html sass
Last synced: 20 days ago
JSON representation
The Time Clone project is a pixel-perfect replica of Time.com, focusing on crafting a user interface that mirrors the original site's aesthetics.
- Host: GitHub
- URL: https://github.com/pratham1916/time-clone
- Owner: pratham1916
- Created: 2023-12-13T07:01:13.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-03-14T05:44:14.000Z (8 months ago)
- Last Synced: 2024-05-19T08:36:04.838Z (6 months ago)
- Topics: bootstrap, css, html, sass
- Language: HTML
- Homepage: https://time-clone.netlify.app/
- Size: 13.4 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# TIME Clone
This repository is dedicated to a web project that meticulously recreates a page from the TIMES website. Developed during a construct week, this project aims to mimic the design and layout of a specific page from TIMES, utilizing a blend of modern web technologies including HTML, CSS, Sass, and Bootstrap. The primary goal is to achieve a close replica of the original design, showcasing front-end development proficiency.
## Project Preview
## Live Deployed Link
Experience our TIME page clone live at [https://time-clone.netlify.app/](https://time-clone.netlify.app/)
## Tech Stack
- **HTML** - The backbone of the webpage, structuring the content.
- **CSS** - For styling and visually polishing the page.
- **Bootstrap** - Utilized for responsive design elements and a variety of pre-styled components.
## Features
- Replica of the selected TIME page layout
- Responsive design using Bootstrap
- Modern aesthetics with CSS customizations
## Design decisions or assumptions
- Bootstrap was chosen for its extensive component library and responsive design capabilities.
- Custom CSS was applied for specific styling not covered by Bootstrap.
- Images and assets were optimized for fast loading times.
## Installation & Getting started
This project can be easily set up on your local machine. Simply follow the instructions below:
```bash
git clone https://github.com/your-repository/time-clone.git
cd time-clone
# Open index.html in your browser
# Run with Live server
```
## Contributors
1. Pratham Nemade ( Team Lead )
2. Abhay Kawle
3. Kusuma
4. Aravindhakshan
5. Himanshu
## Acknowledgements
We extend our heartfelt gratitude to our project mentor, whose guidance and support were instrumental in the successful completion of this project.
---
This project not only demonstrates technical proficiency in web development but also the ability to work collaboratively within a team to achieve a common goal. Enjoy exploring our rendition of the TIMES page.