https://github.com/shadowslayer03/twogoodco-webpage-clone
A HTML, CSS and JS based project with animations replicating the TwoGoodCo home webpage
https://github.com/shadowslayer03/twogoodco-webpage-clone
css html javascript
Last synced: about 1 month ago
JSON representation
A HTML, CSS and JS based project with animations replicating the TwoGoodCo home webpage
- Host: GitHub
- URL: https://github.com/shadowslayer03/twogoodco-webpage-clone
- Owner: ShadowSlayer03
- Created: 2025-07-12T07:59:29.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-12T08:11:17.000Z (12 months ago)
- Last Synced: 2025-07-12T10:11:15.572Z (12 months ago)
- Topics: css, html, javascript
- Language: HTML
- Homepage: https://twogoodco-webpage-arj.netlify.app/
- Size: 81.4 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TwoGoodCo Webpage Clone
This project is a faithful recreation of the TwoGoodCo webpage, built purely with HTML, CSS, and JavaScript. It aims to demonstrate front-end development skills by replicating the layout, styling, and interactive elements of the original site.
## Table of Contents
- [About TwoGoodCo](#about-twogoodco)
- [Live Preview](#live-preview)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
- [Acknowledgements](#acknowledgements)
## About TwoGoodCo
[Two Good Co](https://twogood.com.au/) is a social enterprise that aims to spread goodness by creating products and services that provide dignified employment for women with lived experience of homelessness, domestic violence, and long-term unemployment. This project is a tribute to their impactful work.
## Live Preview
This project is currently hosted on [Netlify](https://twogoodco-webpage-arj.netlify.app/)
## Features
* **Navigation:** (Mention if there's a specific type of navigation, e.g., sticky header, hamburger menu)
* **Interactive Elements:** (List any specific interactive elements you've implemented, e.g., carousels, modals, hover effects, form validations)
* **Visual Fidelity:** Close replication of the original TwoGoodCo's aesthetic, including fonts, colors, and imagery.
* **Clean and Semantic HTML:** Well-structured and accessible HTML markup.
* **Modular CSS:** Organized and maintainable CSS (e.g., using BEM, SCSS if applicable, otherwise just general organization).
* **Vanilla JavaScript:** Implemented without external libraries for core functionalities.
## Technologies Used
* **HTML5:** For structuring the content.
* **CSS3:** For styling and layout.
* **JavaScript (ES6+):** For interactive elements and dynamic behavior.
## Getting Started
To get a local copy up and running, follow these simple steps.
### Prerequisites
You only need a web browser to view this project. No specific development environment is strictly required beyond a text editor.
### Installation
1. **Clone the repository:**
```bash
git clone [https://github.com/ShadowSlayer03/TwoGoodCo-Webpage-Clone.git](https://github.com/ShadowSlayer03/TwoGoodCo-Webpage-Clone.git)
```
2. **Navigate to the project directory:**
```bash
cd twogoodco-webpage-clone
```
## Usage
Simply open the `index.html` file in your preferred web browser.
## Acknowledgements
Thanking TwoGoodCo for their inspiring work and the original website design.