-
Notifications
You must be signed in to change notification settings - Fork 21
/
Copy pathwhoweare.html
133 lines (127 loc) · 10.7 KB
/
whoweare.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Who We Are - FusionVision</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="logo-section">
<img src="Logo.png" alt="Fusion Vision Logo" class="logo zoomable">
<h1 class="brand-title">Fusion Vision</h1>
</div>
<nav class="nav-links">
<a href="index.html" class="nav-link">Home</a>
<a href="about.html" class="nav-link">About</a>
<a href="features.html" class="nav-link">Features</a>
<a href="contact.html" class="nav-link">Contact</a>
<a href="reviews.html" class="nav-link">Reviews</a>
</nav>
<div class="auth-buttons">
<button class="btn-secondary" id="loginButton">Sign In</button>
<button class="btn-primary" id="registerButton">Get Started</button>
</div>
</header>
<main class="main-content">
<section class="who-we-are" style="background: rgba(255, 255, 255, 0.7); padding: 20px; border-radius: 10px; margin: 20px;">
<div class="container">
<h1>Who We Are</h1>
<div class="section">
<p>
At <strong>FusionVision</strong>, we are a team of passionate innovators, researchers, and developers dedicated to creating cutting-edge solutions for video content authenticity. In an era dominated by digital media, where information is shared and consumed at lightning speed, the integrity of visual content has become more critical than ever.
</p>
</div>
<div class="section">
<h2>Our Vision</h2>
<p>To build a future where digital media is trustworthy and every piece of video content can be verified for authenticity with precision and ease.</p>
</div>
<div class="section">
<h2>Our Mission</h2>
<ul>
<li>To provide accessible and reliable tools for detecting manipulated videos.</li>
<li>To educate the public about the impact of deepfake technology on society.</li>
<li>To collaborate with organizations and governments in the fight against misinformation.</li>
</ul>
</div>
<div class="section">
<h2>What Drives Us</h2>
<ul>
<li><strong>Innovation</strong>: We are driven by the desire to push technological boundaries.</li>
<li><strong>Integrity</strong>: Upholding honesty and transparency in everything we do.</li>
<li><strong>Impact</strong>: Making a meaningful difference in combating the spread of fake media.</li>
</ul>
</div>
<div class="section">
<h2>Meet the Team</h2>
<p>
FusionVision is powered by a diverse team of:
</p>
<ul>
<li><strong>Data Scientists and Engineers</strong>: Crafting robust AI/ML algorithms to detect deepfakes.</li>
<li><strong>UI/UX Designers</strong>: Ensuring a seamless and intuitive experience for our users.</li>
<li><strong>Ethics Advocates</strong>: Addressing the social and ethical implications of our technology.</li>
</ul>
<p>
Together, we are not just building a tool — we are building trust.
</p>
</div>
<div class="section">
<h2>Why Choose FusionVision?</h2>
<ul>
<li><strong>State-of-the-Art AI</strong>: Our tools leverage the latest advancements in artificial intelligence to deliver accurate results.</li>
<li><strong>User-Centric Design</strong>: Every feature we develop is tailored to meet the needs of our users.</li>
<li><strong>Commitment to Security</strong>: Your data and privacy are always our top priority.</li>
</ul>
<p>Join us in shaping a world where authenticity prevails.</p>
</div>
</div>
<footer>
© 2025 FusionVision. All rights reserved.
</footer>
</section>
</main>
<footer>
<div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background: rgba(255, 255, 255, 0); color: black;">
<div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
<img src="Logo.png" alt="Fusion Vision Logo" style="width: 100px; margin-right: 20px;">
<p style="margin: 0;">Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to provide real-time object recognition and analysis.</p>
</div>
<div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
<h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Fusion Vision</h2>
<ul style="list-style: none; padding: 0;">
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
</ul>
</div>
<div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
<h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
<ul style="list-style: none; padding: 0;">
<li><a href="privacyp.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
<li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
</ul>
</div>
<div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
<h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
<ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
<li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
<li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
<li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
<li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
<div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
<p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Fusion Vision. Empowering the visually impaired.</p>
</div>
</footer>
</body>
</html>