Skip to content

datvu-code/upbase.vn

Repository files navigation

UpBase.vn - Enterprise Platform Website

A modern, conversion-focused SaaS/Enterprise platform website with a balanced light and dark theme design.

Design Features

  • Clean, Modern UI: Inspired by leading SaaS landing pages
  • Balanced Theme: Seamless blend of light and dark sections for visual interest
  • Conversion-Focused: Clear CTAs, social proof, and value propositions
  • Premium Feel: High-quality typography, spacing, and visual hierarchy
  • Data-Centric: Dashboard previews and metrics visualization
  • Fully Responsive: Mobile-first design that works on all devices

Sections

  1. Navigation: Sticky header with smooth scrolling
  2. Hero Section: Compelling headline with dashboard preview
  3. Trust Bar: Social proof from industry leaders
  4. Features: 6 key features with icons and descriptions
  5. Benefits: Dark section highlighting value propositions
  6. Testimonials: Customer reviews and ratings
  7. Pricing: Three-tier pricing with toggle (monthly/annual)
  8. CTA Section: Final conversion opportunity
  9. Footer: Comprehensive site navigation

Technologies

  • Pure HTML5, CSS3, and JavaScript
  • No dependencies or build tools required
  • Modern CSS features (Grid, Flexbox, Custom Properties)
  • Smooth animations and transitions
  • Intersection Observer API for scroll animations

Getting Started

  1. Open index.html in a modern web browser
  2. No build process or installation required
  3. All assets are self-contained

Customization

Colors

Edit CSS custom properties in styles.css:

  • Light theme colors (--bg-primary, --text-primary, etc.)
  • Dark theme colors (--dark-bg-primary, --dark-text-primary, etc.)
  • Accent colors (--accent-primary, --accent-secondary, etc.)

Content

Update text content directly in index.html

Styling

All styles are in styles.css with clear section comments

Browser Support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

Performance

  • Optimized CSS with minimal repaints
  • Efficient JavaScript with event delegation
  • Lazy loading animations via Intersection Observer
  • No external dependencies for fast load times

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors