Skip to content

Commit

Permalink
Revert "final"
Browse files Browse the repository at this point in the history 
This reverts commit cccb884.
  • Loading branch information
@KyrieZhang02
KyrieZhang02 committed Jan 17, 2025
1 parent f824a6b commit 1506f20
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 228 deletions.
40 changes: 20 additions & 20 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,11 +27,11 @@ <h1>Our Teammates</h1>
<img src="images/A.png" alt="AQUANOVA Logo" class="logo-back">
</div>
<div class="card-front">
<img src="images/kyrie.jpg" alt="Kyrie">
<h3>Kyrie</h3>
<p class="role">Chief Executive Officer (CEO)</p>
<img src="images/Abby.jpg" alt="Abby">
<h3>Abby</h3>
<p class="role">Designer</p>
<div class="member-info">
<p>As the team leader, Kyrie excels in organization, time management, and responsibility. He ensures the team stays cohesive and focused on achieving our goals.</p>
<p>specialzies in writing, public speaking, and video editing, helping to communicate our ideas effective</p>
</div>
</div>
</div>
Expand All @@ -42,11 +42,11 @@ <h3>Kyrie</h3>
<img src="images/A.png" alt="AQUANOVA Logo" class="logo-back">
</div>
<div class="card-front">
<img src="images/Abby.jpg" alt="Abby">
<h3>Abby</h3>
<p class="role">Chief Communications Officer (CCO)</p>
<img src="images/chris.jpg" alt="Chris">
<h3>Chris</h3>
<p class="role">Chemical Laboratory Technician</p>
<div class="member-info">
<p>Abby specializes in writing, public speaking, and video editing. Her skills enable us to communicate our mission effectively and connect with diverse audiences.</p>
<p>Be in charge of the experiments of chemical substances.</p>
</div>
</div>
</div>
Expand All @@ -57,11 +57,11 @@ <h3>Abby</h3>
<img src="images/A.png" alt="AQUANOVA Logo" class="logo-back">
</div>
<div class="card-front">
<img src="images/nunu.jpg" alt="Nunu">
<h3>Nunu</h3>
<p class="role">Chief Product Officer (CPO)</p>
<img src="images/kyrie.jpg" alt="Kyrie">
<h3>Kyrie</h3>
<p class="role">Team Leader&Engineer</p>
<div class="member-info">
<p>Focused on engineering and design, Nunu leads the creation of CAD models and oversees the technical aspects of our purifier's structure and functionality.</p>
<p>Leading the team with innovative design thinking and strategic vision</p>
</div>
</div>
</div>
Expand All @@ -72,11 +72,11 @@ <h3>Nunu</h3>
<img src="images/A.png" alt="AQUANOVA Logo" class="logo-back">
</div>
<div class="card-front">
<img src="images/kevin.jpg" alt="Kevin">
<h3>Kevin</h3>
<p class="role">Chief Research Officer (CRO)</p>
<img src="images/nunu.jpg" alt="Nunu">
<h3>Nunu</h3>
<p class="role">Engineer</p>
<div class="member-info">
<p>Kevin is a hands-on innovator, excelling in experiments and data analysis to refine our product and optimize performance.</p>
<p> creating CAD models and implementing the technical structure of our Jellyfish filter.</p>
</div>
</div>
</div>
Expand All @@ -87,11 +87,11 @@ <h3>Kevin</h3>
<img src="images/A.png" alt="AQUANOVA Logo" class="logo-back">
</div>
<div class="card-front">
<img src="images/chris.jpg" alt="Christie">
<h3>Christie</h3>
<p class="role">Chief Operations Officer (COO)</p>
<img src="images/kevin.jpg" alt="Kevin">
<h3>Kevin</h3>
<p class="role">Researcher</p>
<div class="member-info">
<p>Christie complements Kevin's enthusiasm for experiments with practical problem-solving skills, ensuring our ideas transition smoothly from theory to application.</p>
<p>excels at hands-on experiments and data analysis</p>
</div>
</div>
</div>
Expand Down
209 changes: 1 addition & 208 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,15 +26,6 @@
<section class="hero" id="home">
<div class="hero-content">
<h1 class="hero-title">AQUANOVA</h1>
<p class="hero-slogan" style="font-family: Arial, sans-serif;
font-size: 1.5em;
color: rgba(173, 216, 230, 0.95);
margin: 20px 0;
letter-spacing: 3px;
text-shadow: 0 0 10px rgba(173, 216, 230, 0.8),
0 0 20px rgba(135, 206, 235, 0.5);">
Inspired by corals, powered by nature.
</p>
<div class="glowing-line"></div>
<div class="logo-image">
<img src="images/A.png" alt="AQUANOVA Logo">
Expand All @@ -44,41 +35,7 @@ <h1 class="hero-title">AQUANOVA</h1>

<main>
<section class="product-showcase" id="innovation">
<div class="mission-statement" style="text-align: center;
max-width: 1200px;
margin: 0 auto 50px auto;
padding: 0 20px;">
<h2 style="font-family: Arial, sans-serif;
font-size: 3em;
font-weight: 900;
color: rgba(173, 216, 230, 0.95);
margin-bottom: 30px;
letter-spacing: 5px;
text-shadow: 0 0 10px rgba(173, 216, 230, 0.8),
0 0 20px rgba(135, 206, 235, 0.5),
0 0 30px rgba(100, 149, 237, 0.3);">
Clean Water for a Healthier Planet
</h2>
<p style="color: rgba(255, 255, 255, 0.9);
font-size: 1.2em;
line-height: 1.6;
margin-bottom: 50px;">
We believe access to clean water is a fundamental right—for people, ecosystems, and industries. At the heart of our mission is the desire to restore and protect water bodies worldwide. Through sustainable, innovative technologies, we're empowering communities and businesses to thrive while safeguarding the planet's most precious resource.
</p>
</div>

<h2 style="font-family: Arial, sans-serif;
font-size: 4em;
font-weight: 900;
color: rgba(173, 216, 230, 0.95);
letter-spacing: 10px;
text-transform: capitalize;
text-shadow: 0 0 10px rgba(173, 216, 230, 0.8),
0 0 20px rgba(135, 206, 235, 0.5),
0 0 30px rgba(100, 149, 237, 0.3);
animation: titleGlow 2s ease-in-out infinite;">
Our Product
</h2>
<h2 style="font-family: Arial, sans-serif; font-size: 4em; font-weight: 900; color: rgba(173, 216, 230, 0.95); letter-spacing: 10px; text-transform: capitalize; text-shadow: 0 0 10px rgba(173, 216, 230, 0.8), 0 0 20px rgba(135, 206, 235, 0.5), 0 0 30px rgba(100, 149, 237, 0.3), 0 0 40px rgba(0, 191, 255, 0.3), 0 0 70px rgba(30, 144, 255, 0.2); animation: titleGlow 2s ease-in-out infinite;">Our Product</h2>
<div class="product-grid">
<div class="product-card">
<div class="product-image">
Expand Down Expand Up @@ -120,170 +77,6 @@ <h3>Bionic Jellyfish Filter</h3>
</div>
</section>

<section class="why-choose-us" style="padding: 100px 20px; text-align: center;">
<h2 style="font-family: Arial, sans-serif;
font-size: 4em;
font-weight: 900;
color: rgba(173, 216, 230, 0.95);
letter-spacing: 10px;
margin-bottom: 50px;
text-shadow: 0 0 10px rgba(173, 216, 230, 0.8),
0 0 20px rgba(135, 206, 235, 0.5),
0 0 30px rgba(100, 149, 237, 0.3);">
Why Choose Us?
</h2>

<!-- Innovation Meets Sustainability Section -->
<div class="innovation-section" style="max-width: 1200px; margin: 0 auto;">
<h3 style="font-size: 2.5em;
color: rgba(173, 216, 230, 0.95);
margin-bottom: 40px;
text-shadow: 0 0 10px rgba(173, 216, 230, 0.5);">
When Sustainability Meets Innovation...
</h3>

<div class="benefits-grid" style="display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-bottom: 50px;">
<!-- Eco-Friendly Card -->
<div class="benefit-card" style="background: rgba(255, 255, 255, 0.05);
padding: 30px;
border-radius: 15px;
backdrop-filter: blur(10px);">
<h4 style="color: #3498db; margin-bottom: 15px; font-size: 1.3em;">Eco-Friendly Design</h4>
<p style="color: rgba(255, 255, 255, 0.9);">Reducing environmental impact with natural, biodegradable materials.</p>
</div>

<!-- Cost-Effective Card -->
<div class="benefit-card" style="background: rgba(255, 255, 255, 0.05);
padding: 30px;
border-radius: 15px;
backdrop-filter: blur(10px);">
<h4 style="color: #3498db; margin-bottom: 15px; font-size: 1.3em;">Cost-Effective</h4>
<p style="color: rgba(255, 255, 255, 0.9);">Long-lasting performance with minimal replacements or maintenance.</p>
</div>

<!-- Smart Technology Card -->
<div class="benefit-card" style="background: rgba(255, 255, 255, 0.05);
padding: 30px;
border-radius: 15px;
backdrop-filter: blur(10px);">
<h4 style="color: #3498db; margin-bottom: 15px; font-size: 1.3em;">Smart Technology</h4>
<p style="color: rgba(255, 255, 255, 0.9);">AI-powered monitoring keeps you informed, anytime, anywhere.</p>
</div>
</div>

<!-- Safer Alternative Section -->
<div class="safer-alternative" style="background: rgba(255, 255, 255, 0.05);
padding: 40px;
border-radius: 15px;
backdrop-filter: blur(10px);
margin-bottom: 40px;">
<h4 style="color: #3498db; margin-bottom: 20px; font-size: 1.3em;">A Safer Alternative</h4>
<p style="color: rgba(255, 255, 255, 0.9); line-height: 1.6;">
Unlike traditional water purifiers that rely on chemicals or bulky, resource-intensive filtration systems, our solution delivers clean water through advanced, sustainable processes that are gentle on the environment and your health.
</p>
</div>

<!-- Call to Action -->
<div class="cta" style="color: rgba(173, 216, 230, 0.95);
font-size: 1.2em;
line-height: 1.6;
padding: 20px;">
<p>Join us in making a difference—for cleaner water, healthier communities, and a better planet.</p>
</div>
</div>
</section>

<section class="applications" style="padding: 50px 20px; max-width: 1200px; margin: 0 auto;">
<h2 style="font-family: Arial, sans-serif;
font-size: 4em;
font-weight: 900;
color: rgba(173, 216, 230, 0.95);
text-align: center;
margin-bottom: 50px;
letter-spacing: 10px;
text-shadow: 0 0 10px rgba(173, 216, 230, 0.8),
0 0 20px rgba(135, 206, 235, 0.5),
0 0 30px rgba(100, 149, 237, 0.3);">
Applications
</h2>

<p style="color: rgba(255, 255, 255, 0.9);
text-align: center;
margin-bottom: 40px;
font-size: 1.1em;">
Our water purifiers are versatile and designed to address various water purification challenges. Here are some scenarios where our products shine:
</p>

<div class="applications-grid" style="display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;">
<!-- Household Aquariums -->
<div class="application-card" style="background: rgba(255, 255, 255, 0.05);
padding: 30px;
border-radius: 15px;
backdrop-filter: blur(10px);">
<h3 style="color: #3498db; margin-bottom: 15px;">1. Household Aquariums</h3>
<p style="color: rgba(255, 255, 255, 0.9);">Maintain a clean, healthy environment for aquatic pets without frequent water changes. The Standard Model is perfect for aquarium enthusiasts seeking an affordable, hassle-free solution.</p>
</div>

<!-- Lakes and Ponds -->
<div class="application-card" style="background: rgba(255, 255, 255, 0.05);
padding: 30px;
border-radius: 15px;
backdrop-filter: blur(10px);">
<h3 style="color: #3498db; margin-bottom: 15px;">2. Lakes and Ponds</h3>
<p style="color: rgba(255, 255, 255, 0.9);">Our purifiers help combat algae blooms, organic waste, and heavy metal contamination in natural water bodies, supporting healthier ecosystems. Both models are effective, with the Advanced Model providing additional coverage and performance tracking.</p>
</div>

<!-- Fish Farms -->
<div class="application-card" style="background: rgba(255, 255, 255, 0.05);
padding: 30px;
border-radius: 15px;
backdrop-filter: blur(10px);">
<h3 style="color: #3498db; margin-bottom: 15px;">3. Fish Farms</h3>
<p style="color: rgba(255, 255, 255, 0.9);">Ensure optimal water quality for fish health and productivity. The Standard Model serves small-scale farms, while the Advanced Model supports larger operations with smart features like real-time monitoring.</p>
</div>

<!-- Rural Communities -->
<div class="application-card" style="background: rgba(255, 255, 255, 0.05);
padding: 30px;
border-radius: 15px;
backdrop-filter: blur(10px);">
<h3 style="color: #3498db; margin-bottom: 15px;">4. Rural Communities</h3>
<p style="color: rgba(255, 255, 255, 0.9);">Provide access to clean, safe drinking water in underserved areas. The Standard Model's affordability and low maintenance make it a reliable choice for remote villages.</p>
</div>

<!-- Industrial Applications -->
<div class="application-card" style="background: rgba(255, 255, 255, 0.05);
padding: 30px;
border-radius: 15px;
backdrop-filter: blur(10px);">
<h3 style="color: #3498db; margin-bottom: 15px;">5. Industrial Applications</h3>
<p style="color: rgba(255, 255, 255, 0.9);">The Advanced Model can be customized for industrial wastewater treatment, reducing pollutants and meeting regulatory requirements for environmental protection.</p>
</div>

<!-- Marine Ecosystems -->
<div class="application-card" style="background: rgba(255, 255, 255, 0.05);
padding: 30px;
border-radius: 15px;
backdrop-filter: blur(10px);">
<h3 style="color: #3498db; margin-bottom: 15px;">6. Marine Ecosystems</h3>
<p style="color: rgba(255, 255, 255, 0.9);">Ideal for coastal areas, the Advanced Model's mobility and durability make it a powerful tool for maintaining clean water in sensitive marine environments.</p>
</div>
</div>

<p style="color: rgba(255, 255, 255, 0.9);
text-align: center;
margin-top: 40px;
font-size: 1.1em;
padding: 20px;">
Whether you're an individual, a business, or a community, our purifiers are designed to meet your specific water purification needs. Together, let's protect and restore our precious water resources.
</p>
</section>

<section class="contact-section" id="contact">
<h2>Contact Us</h2>
<div class="contact-container">
Expand Down

0 comments on commit 1506f20

Please sign in to comment.