🏫 Ascent - Kindergarten & Primary School Website Interface

A modern and responsive educational website interface designed for kindergartens and primary schools, introducing curriculum, services, activities, and connecting schools with parents.

---

📋 Project Overview

Ascent is a modern frontend website interface developed for educational institutions such as kindergartens and primary schools.

The project focuses on creating an engaging and user-friendly experience with responsive layouts, smooth animations, interactive components, and modern UI design.

The website helps schools showcase:

• Educational programs
• School services
• Learning activities
• Information for parents
• School introduction content

---

🚀 Key Features

🎨 Modern UI Design

• Responsive design across devices
• Clean and professional educational interface
• Modern layouts using Tailwind CSS

✨ Interactive Experience

• Smooth animations with Animate.css
• Scroll-based animations using WOW.js
• Interactive sliders with Swiper.js

📱 Responsive Design

• Desktop optimization
• Tablet compatibility
• Mobile-friendly interface

🏫 Educational Content

• School introduction
• Curriculum presentation
• Services information
• Student activities showcase

---

🛠 Technologies Used

Frontend

• HTML5
• CSS3
• JavaScript
• Tailwind CSS v3.4.14

---

UI Libraries

• Animate.css v4.1.1
• Swiper.js v11.1.14
• WOW.js v1.1.3

---

Development Tools

• Visual Studio Code
• Git
• GitHub

---

🏗 System Architecture

                User

                 │

                 ▼

          Web Browser

                 │

                 ▼

        HTML / CSS / JavaScript

                 │

                 ▼

          Tailwind CSS UI

                 │

                 ▼

     Animation & Interactive Libraries

---

📂 Project Structure

Ascent
│
├── index.html
│
├── assets/
│   ├── images/
│   ├── css/
│   └── js/
│
├── package.json
│
└── README.md

---

📦 Prerequisites

Before running the project, make sure you have:

• Node.js (v16+ recommended)
• npm (Node Package Manager)

---

🔧 Installation

1. Clone Repository

git clone https://github.com/vuth9808/ascent2.git

cd ascent2

---

2. Install Dependencies

npm install

---

3. Run Project

Open:

index.html

or use:

• VS Code Live Server Extension
• Open in Default Browser

---

🖼️ Demo Screenshots

---

🚀 Deployment

Service	Platform
Frontend	Static Hosting

---

📜 License

Distributed under the MIT License. See LICENSE for more information.

---

✉️ Contact

TO HOANG VU

📧 tohoangvu161225@gmail.com

GitHub: https://github.com/vuth9808