From 287ea70cf07f1e1588d3099c067e7961224ff951 Mon Sep 17 00:00:00 2001
From: Ruida Zeng <31152346+ruidazeng@users.noreply.github.com>
Date: Wed, 25 Dec 2024 13:11:20 -0600
Subject: [PATCH] feat: added new about.html

---
 about.html | 259 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 259 insertions(+)
 create mode 100644 about.html
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..bc78569
--- /dev/null
+++ b/about.html
@@ -0,0 +1,259 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Us - DuoAlly AI</title>
+    <link rel="stylesheet" href="style.css">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
+    <style>
+        .team-member {
+            display: flex;
+            align-items: center;
+            margin-bottom: 2rem;
+            background: #f9f9f9;
+            border-radius: 8px;
+            padding: 1rem;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+
+        .team-member img {
+            width: 100px;
+            height: 100px;
+            border-radius: 50%;
+            margin-right: 1.5rem;
+            object-fit: cover;
+            border: 2px solid #ddd;
+        }
+
+        .team-member h3 {
+            margin: 0 0 0.5rem 0;
+        }
+
+        .team-member p {
+            margin: 0;
+            color: #555;
+        }
+
+        .icon-links {
+            margin-top: 0.5rem;
+            font-size: 1.2rem;
+        }
+
+        .icon-links a {
+            color: #333;
+            margin-right: 10px;
+            text-decoration: none;
+        }
+
+        .icon-links a:hover {
+            color: #007BFF;
+        }
+
+        .call-to-action {
+            text-align: center;
+            background: #e9f7ff;
+            padding: 1.5rem;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+
+        .call-to-action a {
+            color: #007BFF;
+            text-decoration: none;
+            font-weight: bold;
+        }
+
+        .call-to-action a:hover {
+            text-decoration: underline;
+        }
+
+        .header-image {
+            width: 50%;
+            height: auto;
+            object-fit: contain;
+            border-radius: 8px;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <div class="container header-content" data-aos="fade-up">
+            <h1>About Us</h1>
+            <p>Meet the team driving DuoAlly AI forward</p>
+            <!-- <img src="images/team.jpg" alt="Our Team" class="header-image"> -->
+        </div>
+    </header>
+
+    <nav>
+        <div class="container nav-content">
+            <a href="#" class="nav-logo">DuoAlly</a>
+            <ul class="nav-links">
+                <li><a href="/" class="">Home</a></li>
+                <li><a href="/careers.html" class="">Careers</a></li>
+                <li><a href="/about.html" class="active">About</a></li>
+            </ul>
+        </div>
+    </nav>
+
+    <main>
+        <section id="about-us">
+            <div class="container">
+                <div class="section-header" data-aos="fade-up">
+                    <h2>Our Leadership Team</h2>
+                    <p>The people behind DuoAlly AI</p>
+                </div>
+                <div class="team-member" data-aos="fade-up" data-aos-delay="100">
+                    <img src="people/ruida.jpg" alt="Ruida">
+                    <div>
+                        <h3>Ruida - Founder & CEO</h3>
+                        <p>Ruida brings unparalleled vision and strategic acumen to the company, driving growth and shaping our future.</p>
+                        <div class="icon-links">
+                            <!-- <a href="mailto:ruida@duoally.ai"><i class="fas fa-envelope"></i></a> -->
+                            <a href="https://github.com/ruidazeng" target="_blank"><i class="fab fa-github"></i></a>
+                        </div>
+                    </div>
+                </div>
+                <!-- <div class="team-member" data-aos="fade-up" data-aos-delay="200">
+                    <img src="people/xavi.jpg" alt="Xavi">
+                    <div>
+                        <h3>Xavi - COO</h3>
+                        <p>Xavi ensures operational excellence, fostering efficiency and driving sustainable success.</p>
+                        <div class="icon-links">
+                            <a href="mailto:825308876@qq.com"><i class="fas fa-envelope"></i></a>
+                            <a href="https://github.com/HeXavi8" target="_blank"><i class="fab fa-github"></i></a>
+                        </div>
+                    </div>
+                </div> -->
+                <div class="team-member" data-aos="fade-up" data-aos-delay="300">
+                    <img src="people/daniela.jpg" alt="Daniela">
+                    <div>
+                        <h3>Daniela - President & CFO</h3>
+                        <p>Daniela oversees financial strategy, ensuring long-term stability and growth.</p>
+                        <div class="icon-links">
+                            <!-- <a href="mailto:daniela@duoally.ai"><i class="fas fa-envelope"></i></a> -->
+                            <a href="https://github.com/DanielaP0nce" target="_blank"><i class="fab fa-github"></i></a>
+                        </div>
+                    </div>
+                </div>
+                <!-- <div class="team-member" data-aos="fade-up" data-aos-delay="400">
+                    <img src="people/team.jpg" alt="team">
+                    <div>
+                        <h3>TBD - CTO</h3>
+                        <p>TBD leads engineering efforts, leveraging technology to create innovative solutions.</p>
+                        <div class="icon-links">
+                            <a href="mailto:tbd@duoally.ai"><i class="fas fa-envelope"></i></a>
+                            <a href="#" target="_blank"><i class="fab fa-github"></i></a>
+                        </div>
+                    </div>
+                </div> -->
+                <div class="section-header" data-aos="fade-up" style="margin-top: 2rem;">
+                    <h2>Engineering & Development</h2>
+                </div>
+                <div class="team-member" data-aos="fade-up" data-aos-delay="100">
+                    <img src="people/briar.jpg" alt="Briar">
+                    <div>
+                        <h3>Briar - VP of Engineering</h3>
+                        <p>Briar leads engineering teams, driving innovation while developing scalable systems and delivering impactful software solutions.</p>
+                        <div class="icon-links">
+                            <a href="mailto:briarone2@gmail.com" target="_blank" aria-label="Send Briar an email"><i class="fas fa-envelope"></i></a>
+                            <a href="https://github.com/briar" target="_blank" aria-label="View Briar's GitHub profile"><i class="fab fa-github"></i></a>
+                        </div>
+                    </div>
+                </div>            
+                <div class="team-member" data-aos="fade-up" data-aos-delay="100">
+                    <img src="people/heath.jpg" alt="Heath">
+                    <div>
+                        <h3>Heath - Product Manager</h3>
+                        <p>Heath ensures our products exceed expectations with a customer-centric approach.</p>
+                        <div class="icon-links">
+                            <!-- <a href="mailto:heath@duoally.ai"><i class="fas fa-envelope"></i></a> -->
+                            <a href="https://github.com/WHeightsAI" target="_blank"><i class="fab fa-github"></i></a>
+                        </div>
+                    </div>
+                </div>
+                <div class="team-member" data-aos="fade-up" data-aos-delay="100">
+                    <img src="people/paul.jpg" alt="Paul">
+                    <div>
+                        <h3>Paul - Software Engineer</h3>
+                        <p>Paul is passionate about coding and problem-solving, contributing fresh ideas to our development team.</p>
+                        <div class="icon-links">
+                            <a href="pjdequena@gmail.com"><i class="fas fa-envelope"></i></a>
+                            <a href="https://github.com/iceboxcake" target="_blank"><i class="fab fa-github"></i></a>
+                        </div>
+                    </div>
+                </div>
+                <!-- <div class="team-member" data-aos="fade-up" data-aos-delay="400">
+                    <img src="people/herman.jpg" alt="Herman">
+                    <div>
+                        <h3>Herman - Data Scientist</h3>
+                        <p>Herman drives innovation using data scraping and machine learning across various domains.</p>
+                        <div class="icon-links">
+                            <a href="mailto:herman@duoally.ai"><i class="fas fa-envelope"></i></a>
+                            <a href="https://github.com/HermanSanghera18" target="_blank"><i class="fab fa-github"></i></a>
+                        </div>
+                    </div>
+                </div>     -->
+                <div class="team-member" data-aos="fade-up" data-aos-delay="100">
+                    <img src="people/mingchao.jpg" alt="Mingchao">
+                    <div>
+                        <h3>Mingchao - Hardware Engineer</h3>
+                        <p>Mingchao specializes in optimizing hardwares and systems to ensure performance and reliability.</p>
+                        <div class="icon-links">
+                            <a href="mailto:mczhou35@gmail.com"><i class="fas fa-envelope"></i></a>
+                            <a href="https://github.com/mingchao-zhou" target="_blank"><i class="fab fa-github"></i></a>
+                            <a href="https://www.linkedin.com/in/mingchao-zhou-44927a299/" target="_blank"><i class="fab fa-linkedin"></i></a>
+                        </div>
+                    </div>
+                </div>
+                
+                
+                <div class="section-header" data-aos="fade-up" style="margin-top: 2rem;">
+                    <h2>Human Resources (HR)</h2>
+                </div>
+                <div class="team-member" data-aos="fade-up" data-aos-delay="100">
+                    <img src="people/yanice.jpg" alt="Yanice">
+                    <div>
+                        <h3>Yanice - Director of Human Resources</h3>
+                        <p>Yanice drives HR strategy, builds a strong workplace culture, and ensures alignment between people and business goals.</p>
+                        <div class="icon-links">
+                            <a href="mailto:yanicezeng28@gmail.com"><i class="fas fa-envelope"></i></a>
+                            <a href="https://github.com/YaniceZ" target="_blank"><i class="fab fa-github"></i></a>
+                            <a href="https://www.linkedin.com/in/yanice-zeng-1674b6318" target="_blank"><i class="fab fa-linkedin"></i></a>
+                        </div>
+                    </div>
+                </div>
+                <div class="team-member" data-aos="fade-up" data-aos-delay="100">
+                    <img src="people/allison.jpg" alt="Allison">
+                    <div>
+                        <h3>Allison - Technical Recruiter</h3>
+                        <p>Allison builds strong teams, ensuring we have the best talent to drive innovation.</p>
+                        <div class="icon-links">
+                            <a href="mailto:duoallyai@gmail.com"><i class="fas fa-envelope"></i></a>
+                            <a href="https://github.com/DuoAlly-AI-Recruiter" target="_blank"><i class="fab fa-github"></i></a>
+                        </div>
+                    </div>
+                </div>
+                <div class="call-to-action" data-aos="fade-up" style="margin-top: 2rem;">
+                    <p>Interested in joining our team? <a href="../careers.html">Explore current job openings</a> to see how you can contribute to DuoAlly AI.</p>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="container footer-content">
+            <p>&copy; 2025 DuoAlly AI | <a href="https://github.com/DuoAlly">GitHub Repository</a></p>
+        </div>
+    </footer>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
+    <script>
+        AOS.init({
+            duration: 800,
+            once: true
+        });
+    </script>
+</body>
+</html>
