amber-animations

byRohit Raj

Create a modern, professional front-end website for an EdTech company. Tech Stack: - HTML5, CSS3, JavaScript - Use Tailwind CSS for styling - Use simple animations (hover effects, transitions, scroll animations using AOS or GSAP) Design Requirements: - Clean, modern UI/UX similar to top EdTech platforms - Responsive design (mobile + desktop) - Smooth scrolling and subtle animations - Use a professional color palette (blue, white, gradients) Pages/Sections Required: 1. Home Page: - Hero section with headline, subheading, CTA button (Enroll Now) - Animated background or gradient - Features section (Why choose us) - Popular courses preview - Testimonials - Footer 2. About Us: - Company mission and vision - Team section with cards - Timeline or journey section 3. Courses Page: - Categories: - Computer Science (CSE) - Mechanical Engineering - Management - Each course card should include: - Title - Description - Duration - Enroll button - Add hover animations on cards 4. Career Page: - Job openings list - Apply button - Simple form UI 5. Campus Ambassador Page: - Program details - Benefits section - Apply form 6. Contact / Chat Section: - “Talk with us” chatbot UI (front-end only, no backend required) - Floating chat button (bottom right) - Contact form (name, email, message) UI/UX Features: - Sticky navbar with smooth scroll - Mobile hamburger menu - Card-based layout - Glassmorphism or soft shadows - Micro-interactions (button hover, scaling cards) Extras: - Add icons (use Heroicons or FontAwesome) - Include a loading animation - Use clean, readable fonts (Poppins or Inter) Output: - Provide complete code (HTML, CSS, JS) - Organize code cleanly - Add comments for each section

HomeAmbassadorContact
Home

Comments (0)

No comments yet. Be the first!

Home design preview
Home: View Hero
Ambassador: View Program
Ambassador: View Benefits
Ambassador: Apply Program
Ambassador: Submit Form
About: View Mission
Contact: Open Chat
Contact: Submit Form
Home: View Features