https://github.com/sanjaypotdar/dr.angela-doe
This project is a replication of a Figma design for Dr. Angela Doe, a physics tutor offering online courses. The website is designed to market her tutoring services and encourage students to enroll.
https://github.com/sanjaypotdar/dr.angela-doe
figma mockup replication static-website
Last synced: about 2 months ago
JSON representation
This project is a replication of a Figma design for Dr. Angela Doe, a physics tutor offering online courses. The website is designed to market her tutoring services and encourage students to enroll.
- Host: GitHub
- URL: https://github.com/sanjaypotdar/dr.angela-doe
- Owner: SanjayPotdar
- Created: 2025-04-16T12:20:45.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-04-23T09:08:20.000Z (6 months ago)
- Last Synced: 2025-04-25T15:08:53.966Z (6 months ago)
- Topics: figma, mockup, replication, static-website
- Language: HTML
- Homepage: https://sanjaypotdar.github.io/Dr.Angela-Doe/
- Size: 24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dr. Angela Doe - Physics Tutor Website
This project is a replication of a Figma design for **Dr. Angela Doe**, a physics tutor offering online courses. The website is designed to market her tutoring services and encourage students to enrol or subscribe.
## 🚀 Live Demo
Check out the live version of the landing page:
[Live Demo](https://sanjaypotdar.github.io/Dr.Angela-Doe/)
## 🔍 Overview
The website contains structured sections like a hero banner, course carousel, animated statistics, testimonials, and a newsletter subscription. Smooth scrolling and visual animations help guide the user experience.
---
## 🛠️ Built With
- HTML5, CSS3, and Vanilla JavaScript
- AOS (Animate On Scroll) for scroll-triggered effects
- Custom carousels for course showcase and student reviews
- Animated counters and step transitions
---
## 📦 Folder Structure
```
assets/
├── gilroy/
├── images/
├── svgs/
index.html
README.md
script.js
styles.css
```
## 💡 Credits
Based on a Figma design, carefully implemented to match layout, animations, and interaction design.
View the original design for this project on Figma:
[Dr. Angela Doe - Physics Tutor Website Design](https://www.figma.com/community/file/1390113885881783491/dr-angela-doe-online-tutor-website-preview)
---