diff options
| author | Robby Zambito <contact@robbyzambito.me> | 2025-08-06 18:50:43 -0400 |
|---|---|---|
| committer | Robby Zambito <contact@robbyzambito.me> | 2025-08-06 18:50:50 -0400 |
| commit | 42c23d4628ab898fdbf35b7c5e3798efdd2a093a (patch) | |
| tree | 47d0b91a729cdc9be95a7bf413ba189804d40ee6 /static/about.html | |
| parent | 90707e7f0dcc25840bcff0dca304c06112d1e7cf (diff) | |
Added basic about page
Prompt:
Make a basic about page
Diffstat (limited to 'static/about.html')
| -rw-r--r-- | static/about.html | 280 |
1 files changed, 280 insertions, 0 deletions
diff --git a/static/about.html b/static/about.html new file mode 100644 index 0000000..eb7f5a2 --- /dev/null +++ b/static/about.html @@ -0,0 +1,280 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>About Us - TaskFlow</title> + <link rel="stylesheet" href="about-styles.css"> + <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> +</head> +<body> + <nav class="navbar"> + <div class="nav-container"> + <a href="index.html" class="nav-logo">TaskFlow</a> + <ul class="nav-menu"> + <li><a href="index.html#features" class="nav-link">Features</a></li> + <li><a href="index.html#pricing" class="nav-link">Pricing</a></li> + <li><a href="about.html" class="nav-link active">About</a></li> + <li><a href="#contact" class="nav-link">Contact</a></li> + </ul> + <div class="nav-actions"> + <a href="login.html" class="btn btn-ghost">Sign In</a> + <button class="btn btn-primary">Start Free Trial</button> + </div> + </div> + </nav> + + <main> + <section class="hero"> + <div class="container"> + <div class="hero-content"> + <h1 class="hero-title">Building the future of <span class="gradient-text">project management</span></h1> + <p class="hero-subtitle"> + We're on a mission to help teams collaborate better, work smarter, and achieve more together. + TaskFlow was born from the belief that great projects start with great tools. + </p> + </div> + </div> + </section> + + <section class="story"> + <div class="container"> + <div class="story-content"> + <div class="story-text"> + <h2>Our Story</h2> + <p> + TaskFlow was founded in 2020 by a team of project managers and software engineers who were + frustrated with the complexity and limitations of existing project management tools. We + experienced firsthand the challenges of coordinating distributed teams, tracking project + progress, and maintaining clear communication across multiple stakeholders. + </p> + <p> + After years of juggling between multiple tools, endless email chains, and scattered + spreadsheets, we decided to build the solution we wished existed. TaskFlow combines + powerful project management capabilities with an intuitive interface that teams actually + want to use. + </p> + <p> + Today, we're proud to serve over 10,000 teams worldwide, helping them deliver projects + on time, stay within budget, and work more efficiently than ever before. + </p> + </div> + <div class="story-visual"> + <div class="timeline"> + <div class="timeline-item"> + <div class="timeline-year">2020</div> + <div class="timeline-content"> + <h4>Company Founded</h4> + <p>Started with a small team and a big vision</p> + </div> + </div> + <div class="timeline-item"> + <div class="timeline-year">2021</div> + <div class="timeline-content"> + <h4>First 1,000 Users</h4> + <p>Reached our first major milestone</p> + </div> + </div> + <div class="timeline-item"> + <div class="timeline-year">2023</div> + <div class="timeline-content"> + <h4>Series A Funding</h4> + <p>Raised $10M to accelerate growth</p> + </div> + </div> + <div class="timeline-item"> + <div class="timeline-year">2025</div> + <div class="timeline-content"> + <h4>10,000+ Teams</h4> + <p>Serving teams across 50+ countries</p> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + + <section class="mission"> + <div class="container"> + <div class="mission-grid"> + <div class="mission-item"> + <div class="mission-icon">🎯</div> + <h3>Our Mission</h3> + <p> + To empower teams worldwide with intuitive project management tools that transform + how work gets done, making collaboration seamless and success inevitable. + </p> + </div> + <div class="mission-item"> + <div class="mission-icon">👁️</div> + <h3>Our Vision</h3> + <p> + A world where every team has the tools and insights they need to deliver exceptional + results, regardless of size, industry, or location. + </p> + </div> + <div class="mission-item"> + <div class="mission-icon">⭐</div> + <h3>Our Values</h3> + <p> + Simplicity, transparency, and user-centricity guide everything we do. We believe + great software should be powerful yet easy to use. + </p> + </div> + </div> + </div> + </section> + + <section class="team"> + <div class="container"> + <div class="section-header"> + <h2 class="section-title">Meet Our Team</h2> + <p class="section-subtitle">The people behind TaskFlow's success</p> + </div> + <div class="team-grid"> + <div class="team-member"> + <div class="member-avatar"> + <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%236366f1'/%3E%3Ctext x='50' y='60' text-anchor='middle' fill='white' font-size='32' font-family='Inter'%3EAS%3C/text%3E%3C/svg%3E" alt="Alex Smith"> + </div> + <div class="member-info"> + <h4>Alex Smith</h4> + <p class="member-role">CEO & Co-Founder</p> + <p class="member-bio"> + Former project manager at Google with 10+ years of experience leading + cross-functional teams and delivering complex software projects. + </p> + </div> + </div> + <div class="team-member"> + <div class="member-avatar"> + <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%238b5cf6'/%3E%3Ctext x='50' y='60' text-anchor='middle' fill='white' font-size='32' font-family='Inter'%3ESJ%3C/text%3E%3C/svg%3E" alt="Sarah Johnson"> + </div> + <div class="member-info"> + <h4>Sarah Johnson</h4> + <p class="member-role">CTO & Co-Founder</p> + <p class="member-bio"> + Software architect with expertise in scalable systems. Previously led + engineering teams at Microsoft and Slack. + </p> + </div> + </div> + <div class="team-member"> + <div class="member-avatar"> + <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%2310b981'/%3E%3Ctext x='50' y='60' text-anchor='middle' fill='white' font-size='32' font-family='Inter'%3EMC%3C/text%3E%3C/svg%3E" alt="Mike Chen"> + </div> + <div class="member-info"> + <h4>Mike Chen</h4> + <p class="member-role">Head of Product</p> + <p class="member-bio"> + Product strategist passionate about user experience. Former product + manager at Atlassian with a focus on collaboration tools. + </p> + </div> + </div> + <div class="team-member"> + <div class="member-avatar"> + <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23f59e0b'/%3E%3Ctext x='50' y='60' text-anchor='middle' fill='white' font-size='32' font-family='Inter'%3ELD%3C/text%3E%3C/svg%3E" alt="Lisa Davis"> + </div> + <div class="member-info"> + <h4>Lisa Davis</h4> + <p class="member-role">Head of Design</p> + <p class="member-bio"> + UX/UI designer with a passion for creating intuitive interfaces. + Previously designed products at Figma and Adobe. + </p> + </div> + </div> + </div> + </div> + </section> + + <section class="stats"> + <div class="container"> + <div class="stats-grid"> + <div class="stat-item"> + <div class="stat-number">10,000+</div> + <div class="stat-label">Active Teams</div> + </div> + <div class="stat-item"> + <div class="stat-number">500K+</div> + <div class="stat-label">Projects Completed</div> + </div> + <div class="stat-item"> + <div class="stat-number">50+</div> + <div class="stat-label">Countries</div> + </div> + <div class="stat-item"> + <div class="stat-number">99.9%</div> + <div class="stat-label">Uptime</div> + </div> + </div> + </div> + </section> + + <section class="careers"> + <div class="container"> + <div class="careers-content"> + <h2>Join Our Team</h2> + <p> + We're always looking for talented individuals who share our passion for building + exceptional products. If you're interested in joining our mission to transform + project management, we'd love to hear from you. + </p> + <div class="careers-buttons"> + <button class="btn btn-primary">View Open Positions</button> + <button class="btn btn-secondary">Learn About Our Culture</button> + </div> + </div> + </div> + </section> + </main> + + <footer class="footer"> + <div class="container"> + <div class="footer-content"> + <div class="footer-section"> + <div class="footer-logo">TaskFlow</div> + <p>Streamline your project management with the tools teams love to use.</p> + </div> + <div class="footer-section"> + <h4>Product</h4> + <ul> + <li><a href="index.html#features">Features</a></li> + <li><a href="index.html#pricing">Pricing</a></li> + <li><a href="#integrations">Integrations</a></li> + <li><a href="#security">Security</a></li> + </ul> + </div> + <div class="footer-section"> + <h4>Company</h4> + <ul> + <li><a href="about.html">About</a></li> + <li><a href="#careers">Careers</a></li> + <li><a href="#blog">Blog</a></li> + <li><a href="#press">Press</a></li> + </ul> + </div> + <div class="footer-section"> + <h4>Support</h4> + <ul> + <li><a href="#help">Help Center</a></li> + <li><a href="#contact">Contact</a></li> + <li><a href="#status">Status</a></li> + <li><a href="#api">API Docs</a></li> + </ul> + </div> + </div> + <div class="footer-bottom"> + <p>© 2025 TaskFlow. All rights reserved.</p> + <div class="footer-links"> + <a href="#privacy">Privacy Policy</a> + <a href="#terms">Terms of Service</a> + </div> + </div> + </div> + </footer> + + <script src="about-script.js"></script> +</body> +</html> |