Skip to content

Commit

Permalink
feat: added new about.html
Browse files Browse the repository at this point in the history
  • Loading branch information
ruidazeng authored Dec 25, 2024
1 parent 94ccd94 commit 287ea70
Showing 1 changed file with 259 additions and 0 deletions.
259 changes: 259 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -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:[email protected]"><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:[email protected]"><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:[email protected]"><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:[email protected]"><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:[email protected]" 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:[email protected]"><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="[email protected]"><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:[email protected]"><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:[email protected]"><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:[email protected]"><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:[email protected]"><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>

0 comments on commit 287ea70

Please sign in to comment.