company info placeholders
This commit is contained in:
473
templates/public/about.html
Normal file
473
templates/public/about.html
Normal file
@@ -0,0 +1,473 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>About Us - DocuPulse</title>
|
||||||
|
<meta name="description" content="Learn about DocuPulse - the team behind the enterprise document management platform that's transforming how businesses handle their documents.">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||||
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/colors.css') }}?v={{ 'css/colors.css'|asset_version }}">
|
||||||
|
<style>
|
||||||
|
.about-section {
|
||||||
|
padding: 80px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mission-card {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 40px;
|
||||||
|
box-shadow: 0 15px 35px var(--shadow-color);
|
||||||
|
height: 100%;
|
||||||
|
border: none;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mission-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mission-icon {
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
border-radius: 20px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
color: white;
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-member {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-avatar {
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto 20px;
|
||||||
|
color: white;
|
||||||
|
font-size: 3rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline {
|
||||||
|
position: relative;
|
||||||
|
padding: 40px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 2px;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline-item {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline-item:nth-child(odd) .timeline-content {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 50%;
|
||||||
|
padding-right: 40px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline-item:nth-child(even) .timeline-content {
|
||||||
|
margin-left: 50%;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-left: 40px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline-dot {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 20px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
border-radius: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline-content {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 25px;
|
||||||
|
box-shadow: 0 5px 15px var(--shadow-color);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-section {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 80px 0;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-section::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
|
||||||
|
opacity: 0.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-item {
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-number {
|
||||||
|
font-size: 3rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-label {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gradient-text {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.values-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||||
|
gap: 30px;
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value-card {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 30px;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0 10px 25px var(--shadow-color);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.value-icon {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
border-radius: 15px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto 20px;
|
||||||
|
color: white;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.timeline::before {
|
||||||
|
left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline-item:nth-child(odd) .timeline-content,
|
||||||
|
.timeline-item:nth-child(even) .timeline-content {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-left: 50px;
|
||||||
|
padding-right: 20px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline-dot {
|
||||||
|
left: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{% include 'components/header_nav.html' %}
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
{% with
|
||||||
|
title="About DocuPulse",
|
||||||
|
description="We're building the future of enterprise document management, one secure collaboration at a time.",
|
||||||
|
title_size="4",
|
||||||
|
description_size="5"
|
||||||
|
%}
|
||||||
|
{% include 'components/hero_section.html' %}
|
||||||
|
{% endwith %}
|
||||||
|
|
||||||
|
<!-- Mission & Vision -->
|
||||||
|
<section class="about-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="mission-card">
|
||||||
|
<div class="mission-icon">
|
||||||
|
<i class="fas fa-bullseye"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">Our Mission</h3>
|
||||||
|
<p class="text-muted">To revolutionize how enterprises manage, collaborate on, and secure their documents by providing an intuitive, scalable, and secure platform that empowers teams to work more efficiently.</p>
|
||||||
|
<p class="text-muted mb-0">We believe that document management shouldn't be a barrier to productivity, but a catalyst for innovation and growth.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="mission-card">
|
||||||
|
<div class="mission-icon">
|
||||||
|
<i class="fas fa-eye"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">Our Vision</h3>
|
||||||
|
<p class="text-muted">To become the world's most trusted enterprise document management platform, setting the standard for security, collaboration, and user experience in the digital workplace.</p>
|
||||||
|
<p class="text-muted mb-0">We envision a future where document management is seamless, intelligent, and empowers every organization to achieve their full potential.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Company Stats -->
|
||||||
|
<section class="stats-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">500+</span>
|
||||||
|
<div class="stat-label">Enterprise Clients</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">50K+</span>
|
||||||
|
<div class="stat-label">Active Users</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">99.9%</span>
|
||||||
|
<div class="stat-label">Uptime</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">24/7</span>
|
||||||
|
<div class="stat-label">Support</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Our Values -->
|
||||||
|
<section class="about-section" style="background-color: var(--bg-color);">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h2 class="display-5 fw-bold mb-3">Our Values</h2>
|
||||||
|
<p class="lead text-muted">The principles that guide everything we do</p>
|
||||||
|
</div>
|
||||||
|
<div class="values-grid">
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">
|
||||||
|
<i class="fas fa-shield-alt"></i>
|
||||||
|
</div>
|
||||||
|
<h4 class="fw-bold mb-3">Security First</h4>
|
||||||
|
<p class="text-muted">We prioritize the security and privacy of our users' data above all else, implementing enterprise-grade security measures and maintaining strict compliance standards.</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<h4 class="fw-bold mb-3">User-Centric Design</h4>
|
||||||
|
<p class="text-muted">Every feature we build is designed with the user in mind, ensuring intuitive experiences that enhance productivity rather than hinder it.</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">
|
||||||
|
<i class="fas fa-rocket"></i>
|
||||||
|
</div>
|
||||||
|
<h4 class="fw-bold mb-3">Innovation</h4>
|
||||||
|
<p class="text-muted">We continuously push the boundaries of what's possible in document management, embracing new technologies and methodologies.</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">
|
||||||
|
<i class="fas fa-handshake"></i>
|
||||||
|
</div>
|
||||||
|
<h4 class="fw-bold mb-3">Trust & Transparency</h4>
|
||||||
|
<p class="text-muted">We build lasting relationships with our clients through honest communication, transparent practices, and reliable service delivery.</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">
|
||||||
|
<i class="fas fa-cogs"></i>
|
||||||
|
</div>
|
||||||
|
<h4 class="fw-bold mb-3">Excellence</h4>
|
||||||
|
<p class="text-muted">We strive for excellence in everything we do, from code quality to customer support, ensuring the highest standards of service.</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card">
|
||||||
|
<div class="value-icon">
|
||||||
|
<i class="fas fa-heart"></i>
|
||||||
|
</div>
|
||||||
|
<h4 class="fw-bold mb-3">Passion</h4>
|
||||||
|
<p class="text-muted">Our team is passionate about solving real-world problems and making a positive impact on how organizations work and collaborate.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Our Story -->
|
||||||
|
<section class="about-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h2 class="display-5 fw-bold mb-3">Our Story</h2>
|
||||||
|
<p class="lead text-muted">From startup to enterprise solution</p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline">
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-dot"></div>
|
||||||
|
<div class="timeline-content">
|
||||||
|
<h4 class="fw-bold">2020 - The Beginning</h4>
|
||||||
|
<p class="text-muted">Founded by a team of experienced developers and enterprise architects who saw the need for a better document management solution.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-dot"></div>
|
||||||
|
<div class="timeline-content">
|
||||||
|
<h4 class="fw-bold">2021 - First Release</h4>
|
||||||
|
<p class="text-muted">Launched our first version with core document management features and room-based collaboration.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-dot"></div>
|
||||||
|
<div class="timeline-content">
|
||||||
|
<h4 class="fw-bold">2022 - Enterprise Growth</h4>
|
||||||
|
<p class="text-muted">Expanded to serve enterprise clients with advanced security features and compliance capabilities.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-dot"></div>
|
||||||
|
<div class="timeline-content">
|
||||||
|
<h4 class="fw-bold">2023 - Global Expansion</h4>
|
||||||
|
<p class="text-muted">Reached 500+ enterprise clients worldwide and launched advanced AI-powered features.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-item">
|
||||||
|
<div class="timeline-dot"></div>
|
||||||
|
<div class="timeline-content">
|
||||||
|
<h4 class="fw-bold">2024 - Innovation Leader</h4>
|
||||||
|
<p class="text-muted">Continuing to innovate with cutting-edge features and expanding our global presence.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Leadership Team -->
|
||||||
|
<section class="about-section" style="background-color: var(--bg-color);">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h2 class="display-5 fw-bold mb-3">Leadership Team</h2>
|
||||||
|
<p class="lead text-muted">Meet the people driving our mission forward</p>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="team-member">
|
||||||
|
<div class="team-avatar">SJ</div>
|
||||||
|
<h4 class="fw-bold">Sarah Johnson</h4>
|
||||||
|
<p class="text-primary fw-semibold">CEO & Co-Founder</p>
|
||||||
|
<p class="text-muted">Former VP of Engineering at TechCorp with 15+ years of experience in enterprise software.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="team-member">
|
||||||
|
<div class="team-avatar">MC</div>
|
||||||
|
<h4 class="fw-bold">Michael Chen</h4>
|
||||||
|
<p class="text-primary fw-semibold">CTO & Co-Founder</p>
|
||||||
|
<p class="text-muted">Expert in cloud architecture and security with a background in building scalable platforms.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="team-member">
|
||||||
|
<div class="team-avatar">AR</div>
|
||||||
|
<h4 class="fw-bold">Amanda Rodriguez</h4>
|
||||||
|
<p class="text-primary fw-semibold">VP of Product</p>
|
||||||
|
<p class="text-muted">Product leader with experience in user experience design and enterprise software development.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="team-member">
|
||||||
|
<div class="team-avatar">DK</div>
|
||||||
|
<h4 class="fw-bold">David Kim</h4>
|
||||||
|
<p class="text-primary fw-semibold">VP of Engineering</p>
|
||||||
|
<p class="text-muted">Engineering leader focused on building robust, scalable systems and mentoring development teams.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="team-member">
|
||||||
|
<div class="team-avatar">LW</div>
|
||||||
|
<h4 class="fw-bold">Lisa Wang</h4>
|
||||||
|
<p class="text-primary fw-semibold">VP of Sales</p>
|
||||||
|
<p class="text-muted">Sales leader with deep experience in enterprise software sales and customer success.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="team-member">
|
||||||
|
<div class="team-avatar">RJ</div>
|
||||||
|
<h4 class="fw-bold">Robert Johnson</h4>
|
||||||
|
<p class="text-primary fw-semibold">VP of Marketing</p>
|
||||||
|
<p class="text-muted">Marketing strategist focused on building brand awareness and driving customer acquisition.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="about-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-8 text-center">
|
||||||
|
<h2 class="display-5 fw-bold mb-4">Join Us in Shaping the Future</h2>
|
||||||
|
<p class="lead text-muted mb-5">Ready to experience the next generation of document management? Let's work together to transform how your organization handles documents.</p>
|
||||||
|
<div class="d-flex justify-content-center gap-3 flex-wrap">
|
||||||
|
<a href="{{ url_for('public.contact') }}" class="btn btn-primary btn-lg px-5 py-3">
|
||||||
|
<i class="fas fa-envelope me-2"></i>Get in Touch
|
||||||
|
</a>
|
||||||
|
<a href="{{ url_for('public.careers') }}" class="btn btn-outline-primary btn-lg px-5 py-3">
|
||||||
|
<i class="fas fa-users me-2"></i>Join Our Team
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% include 'components/footer_nav.html' %}
|
||||||
|
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
436
templates/public/blog.html
Normal file
436
templates/public/blog.html
Normal file
@@ -0,0 +1,436 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Blog - DocuPulse</title>
|
||||||
|
<meta name="description" content="Stay updated with the latest insights, tips, and news about document management, enterprise collaboration, and DocuPulse updates.">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||||
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/colors.css') }}?v={{ 'css/colors.css'|asset_version }}">
|
||||||
|
<style>
|
||||||
|
.blog-section {
|
||||||
|
padding: 80px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-post {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 20px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 15px 35px var(--shadow-color);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-post:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-image {
|
||||||
|
height: 250px;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-card {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 15px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 10px 25px var(--shadow-color);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
height: 100%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-image {
|
||||||
|
height: 200px;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-content {
|
||||||
|
padding: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-meta {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 15px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: var(--text-muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-category {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-card {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 30px;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0 10px 25px var(--shadow-color);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-icon {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
border-radius: 15px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto 20px;
|
||||||
|
color: white;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.newsletter-section {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.newsletter-section::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
|
||||||
|
opacity: 0.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.newsletter-content {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-box {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 20px;
|
||||||
|
box-shadow: 0 10px 25px var(--shadow-color);
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-input {
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: var(--bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-input:focus {
|
||||||
|
background: white;
|
||||||
|
box-shadow: 0 0 0 2px var(--primary-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gradient-text {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.read-more {
|
||||||
|
color: var(--primary-color);
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 600;
|
||||||
|
transition: color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.read-more:hover {
|
||||||
|
color: var(--secondary-color);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{% include 'components/header_nav.html' %}
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
{% with
|
||||||
|
title="DocuPulse Blog",
|
||||||
|
description="Insights, tips, and updates on document management, enterprise collaboration, and digital transformation.",
|
||||||
|
title_size="4",
|
||||||
|
description_size="5"
|
||||||
|
%}
|
||||||
|
{% include 'components/hero_section.html' %}
|
||||||
|
{% endwith %}
|
||||||
|
|
||||||
|
<!-- Search and Categories -->
|
||||||
|
<section class="blog-section">
|
||||||
|
<div class="container">
|
||||||
|
<!-- Search Box -->
|
||||||
|
<div class="search-box">
|
||||||
|
<div class="input-group">
|
||||||
|
<span class="input-group-text bg-transparent border-0">
|
||||||
|
<i class="fas fa-search text-muted"></i>
|
||||||
|
</span>
|
||||||
|
<input type="text" class="form-control search-input" placeholder="Search articles..." id="searchInput">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Categories -->
|
||||||
|
<div class="row g-4 mb-5">
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="category-card" data-category="all">
|
||||||
|
<div class="category-icon">
|
||||||
|
<i class="fas fa-th-large"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">All Posts</h5>
|
||||||
|
<p class="text-muted small">Browse all articles</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="category-card" data-category="product">
|
||||||
|
<div class="category-icon">
|
||||||
|
<i class="fas fa-cube"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Product Updates</h5>
|
||||||
|
<p class="text-muted small">Latest features and improvements</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="category-card" data-category="tips">
|
||||||
|
<div class="category-icon">
|
||||||
|
<i class="fas fa-lightbulb"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Tips & Tricks</h5>
|
||||||
|
<p class="text-muted small">Best practices and workflows</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="category-card" data-category="industry">
|
||||||
|
<div class="category-icon">
|
||||||
|
<i class="fas fa-chart-line"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Industry Insights</h5>
|
||||||
|
<p class="text-muted small">Trends and analysis</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Featured Post -->
|
||||||
|
<div class="row mb-5">
|
||||||
|
<div class="col-12">
|
||||||
|
<h2 class="display-6 fw-bold mb-4">Featured Article</h2>
|
||||||
|
<div class="featured-post">
|
||||||
|
<div class="row g-0">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="featured-image">
|
||||||
|
<i class="fas fa-shield-alt"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="blog-content">
|
||||||
|
<div class="blog-meta">
|
||||||
|
<span class="blog-category">Security</span>
|
||||||
|
<span><i class="fas fa-calendar me-1"></i>March 15, 2024</span>
|
||||||
|
<span><i class="fas fa-clock me-1"></i>8 min read</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">The Future of Enterprise Document Security</h3>
|
||||||
|
<p class="text-muted mb-4">As cyber threats continue to evolve, organizations must adopt advanced security measures to protect their sensitive documents. This comprehensive guide explores the latest security trends and best practices for enterprise document management.</p>
|
||||||
|
<a href="#" class="read-more">Read Full Article <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Recent Posts -->
|
||||||
|
<div class="row mb-5">
|
||||||
|
<div class="col-12">
|
||||||
|
<h2 class="display-6 fw-bold mb-4">Recent Posts</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="blog-card">
|
||||||
|
<div class="blog-image">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<div class="blog-content">
|
||||||
|
<div class="blog-meta">
|
||||||
|
<span class="blog-category">Collaboration</span>
|
||||||
|
<span><i class="fas fa-calendar me-1"></i>March 12, 2024</span>
|
||||||
|
</div>
|
||||||
|
<h4 class="h5 fw-bold mb-3">Building Effective Remote Teams with Document Management</h4>
|
||||||
|
<p class="text-muted mb-3">Discover how modern document management tools are enabling seamless collaboration for distributed teams across the globe.</p>
|
||||||
|
<a href="#" class="read-more">Read More <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="blog-card">
|
||||||
|
<div class="blog-image">
|
||||||
|
<i class="fas fa-robot"></i>
|
||||||
|
</div>
|
||||||
|
<div class="blog-content">
|
||||||
|
<div class="blog-meta">
|
||||||
|
<span class="blog-category">AI</span>
|
||||||
|
<span><i class="fas fa-calendar me-1"></i>March 10, 2024</span>
|
||||||
|
</div>
|
||||||
|
<h4 class="h5 fw-bold mb-3">AI-Powered Document Processing: What's Next?</h4>
|
||||||
|
<p class="text-muted mb-3">Explore the cutting-edge AI technologies that are revolutionizing how we process, analyze, and manage documents in the enterprise.</p>
|
||||||
|
<a href="#" class="read-more">Read More <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="blog-card">
|
||||||
|
<div class="blog-image">
|
||||||
|
<i class="fas fa-chart-bar"></i>
|
||||||
|
</div>
|
||||||
|
<div class="blog-content">
|
||||||
|
<div class="blog-meta">
|
||||||
|
<span class="blog-category">Analytics</span>
|
||||||
|
<span><i class="fas fa-calendar me-1"></i>March 8, 2024</span>
|
||||||
|
</div>
|
||||||
|
<h4 class="h5 fw-bold mb-3">Document Analytics: Unlocking Hidden Insights</h4>
|
||||||
|
<p class="text-muted mb-3">Learn how document analytics can provide valuable insights into workflow efficiency and help optimize business processes.</p>
|
||||||
|
<a href="#" class="read-more">Read More <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="blog-card">
|
||||||
|
<div class="blog-image">
|
||||||
|
<i class="fas fa-mobile-alt"></i>
|
||||||
|
</div>
|
||||||
|
<div class="blog-content">
|
||||||
|
<div class="blog-meta">
|
||||||
|
<span class="blog-category">Mobile</span>
|
||||||
|
<span><i class="fas fa-calendar me-1"></i>March 5, 2024</span>
|
||||||
|
</div>
|
||||||
|
<h4 class="h5 fw-bold mb-3">Mobile Document Management: Best Practices</h4>
|
||||||
|
<p class="text-muted mb-3">Essential tips for implementing effective mobile document management strategies that keep your team productive on the go.</p>
|
||||||
|
<a href="#" class="read-more">Read More <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="blog-card">
|
||||||
|
<div class="blog-image">
|
||||||
|
<i class="fas fa-gavel"></i>
|
||||||
|
</div>
|
||||||
|
<div class="blog-content">
|
||||||
|
<div class="blog-meta">
|
||||||
|
<span class="blog-category">Compliance</span>
|
||||||
|
<span><i class="fas fa-calendar me-1"></i>March 3, 2024</span>
|
||||||
|
</div>
|
||||||
|
<h4 class="h5 fw-bold mb-3">Compliance in the Digital Age: A Complete Guide</h4>
|
||||||
|
<p class="text-muted mb-3">Navigate the complex landscape of regulatory compliance with our comprehensive guide to digital document management.</p>
|
||||||
|
<a href="#" class="read-more">Read More <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="blog-card">
|
||||||
|
<div class="blog-image">
|
||||||
|
<i class="fas fa-cloud"></i>
|
||||||
|
</div>
|
||||||
|
<div class="blog-content">
|
||||||
|
<div class="blog-meta">
|
||||||
|
<span class="blog-category">Cloud</span>
|
||||||
|
<span><i class="fas fa-calendar me-1"></i>March 1, 2024</span>
|
||||||
|
</div>
|
||||||
|
<h4 class="h5 fw-bold mb-3">Cloud vs On-Premise: Making the Right Choice</h4>
|
||||||
|
<p class="text-muted mb-3">Compare cloud-based and on-premise document management solutions to find the best fit for your organization.</p>
|
||||||
|
<a href="#" class="read-more">Read More <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Load More Button -->
|
||||||
|
<div class="text-center mt-5">
|
||||||
|
<button class="btn btn-outline-primary btn-lg px-5 py-3">
|
||||||
|
<i class="fas fa-plus me-2"></i>Load More Articles
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Newsletter Section -->
|
||||||
|
<section class="newsletter-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-8 text-center newsletter-content">
|
||||||
|
<h2 class="display-5 fw-bold mb-4">Stay Updated</h2>
|
||||||
|
<p class="lead mb-5">Get the latest insights, tips, and updates delivered directly to your inbox.</p>
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="email" class="form-control form-control-lg" placeholder="Enter your email address" style="border-radius: 25px 0 0 25px; border: none;">
|
||||||
|
<button class="btn btn-light btn-lg" type="button" style="border-radius: 0 25px 25px 0; border: none;">
|
||||||
|
<i class="fas fa-paper-plane me-2"></i>Subscribe
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<p class="text-white-50 mt-3 small">No spam, unsubscribe at any time. We respect your privacy.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% include 'components/footer_nav.html' %}
|
||||||
|
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<script>
|
||||||
|
// Category filtering
|
||||||
|
document.querySelectorAll('.category-card').forEach(card => {
|
||||||
|
card.addEventListener('click', function() {
|
||||||
|
const category = this.dataset.category;
|
||||||
|
// Add filtering logic here
|
||||||
|
console.log('Filtering by category:', category);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Search functionality
|
||||||
|
document.getElementById('searchInput').addEventListener('input', function() {
|
||||||
|
const searchTerm = this.value.toLowerCase();
|
||||||
|
// Add search logic here
|
||||||
|
console.log('Searching for:', searchTerm);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
524
templates/public/careers.html
Normal file
524
templates/public/careers.html
Normal file
@@ -0,0 +1,524 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Careers - DocuPulse</title>
|
||||||
|
<meta name="description" content="Join the DocuPulse team and help us build the future of enterprise document management. Explore open positions and learn about our culture.">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||||
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/colors.css') }}?v={{ 'css/colors.css'|asset_version }}">
|
||||||
|
<style>
|
||||||
|
.careers-section {
|
||||||
|
padding: 80px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.culture-card {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 40px;
|
||||||
|
box-shadow: 0 15px 35px var(--shadow-color);
|
||||||
|
height: 100%;
|
||||||
|
border: none;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.culture-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.culture-icon {
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
border-radius: 20px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
color: white;
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.job-card {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 30px;
|
||||||
|
box-shadow: 0 10px 25px var(--shadow-color);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.job-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.job-tag {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 600;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefits-section {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 80px 0;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefits-section::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
|
||||||
|
opacity: 0.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefit-item {
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefit-icon {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: 15px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto 20px;
|
||||||
|
color: white;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.application-form {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 40px;
|
||||||
|
box-shadow: 0 15px 35px var(--shadow-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 2px solid var(--border-color);
|
||||||
|
padding: 12px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control:focus {
|
||||||
|
border-color: var(--primary-color);
|
||||||
|
box-shadow: 0 0 0 0.2rem var(--primary-opacity-15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gradient-text {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-photo {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
border-radius: 20px;
|
||||||
|
height: 300px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 4rem;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-section {
|
||||||
|
background-color: var(--bg-color);
|
||||||
|
padding: 60px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-item {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-number {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-color);
|
||||||
|
margin-bottom: 10px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-label {
|
||||||
|
font-size: 1rem;
|
||||||
|
color: var(--text-muted);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{% include 'components/header_nav.html' %}
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
{% with
|
||||||
|
title="Join Our Team",
|
||||||
|
description="Help us build the future of enterprise document management. We're looking for passionate individuals who want to make a difference.",
|
||||||
|
title_size="4",
|
||||||
|
description_size="5"
|
||||||
|
%}
|
||||||
|
{% include 'components/hero_section.html' %}
|
||||||
|
{% endwith %}
|
||||||
|
|
||||||
|
<!-- Company Culture -->
|
||||||
|
<section class="careers-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h2 class="display-5 fw-bold mb-3">Our Culture</h2>
|
||||||
|
<p class="lead text-muted">What makes DocuPulse a great place to work</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">Collaborative Environment</h3>
|
||||||
|
<p class="text-muted">We believe in the power of teamwork. Every voice matters, and we encourage open communication and knowledge sharing across all levels.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">
|
||||||
|
<i class="fas fa-rocket"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">Innovation First</h3>
|
||||||
|
<p class="text-muted">We're constantly pushing boundaries and exploring new technologies. If you have an idea, we want to hear it and help you bring it to life.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="culture-card">
|
||||||
|
<div class="culture-icon">
|
||||||
|
<i class="fas fa-heart"></i>
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">Work-Life Balance</h3>
|
||||||
|
<p class="text-muted">We understand that great work comes from happy, well-rested people. We offer flexible schedules and encourage taking time to recharge.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Company Stats -->
|
||||||
|
<section class="stats-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">50+</span>
|
||||||
|
<div class="stat-label">Team Members</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">15+</span>
|
||||||
|
<div class="stat-label">Countries</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">4.8</span>
|
||||||
|
<div class="stat-label">Glassdoor Rating</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">95%</span>
|
||||||
|
<div class="stat-label">Retention Rate</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Benefits -->
|
||||||
|
<section class="benefits-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h2 class="display-5 fw-bold mb-3">Benefits & Perks</h2>
|
||||||
|
<p class="lead">We take care of our team with comprehensive benefits and perks</p>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="benefit-item">
|
||||||
|
<div class="benefit-icon">
|
||||||
|
<i class="fas fa-medical-kit"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Health Insurance</h5>
|
||||||
|
<p class="opacity-75">Comprehensive health, dental, and vision coverage for you and your family.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="benefit-item">
|
||||||
|
<div class="benefit-icon">
|
||||||
|
<i class="fas fa-home"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Remote Work</h5>
|
||||||
|
<p class="opacity-75">Work from anywhere with our flexible remote work policy and home office stipend.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="benefit-item">
|
||||||
|
<div class="benefit-icon">
|
||||||
|
<i class="fas fa-graduation-cap"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Learning Budget</h5>
|
||||||
|
<p class="opacity-75">Annual budget for courses, conferences, and professional development.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="benefit-item">
|
||||||
|
<div class="benefit-icon">
|
||||||
|
<i class="fas fa-calendar-alt"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Unlimited PTO</h5>
|
||||||
|
<p class="opacity-75">Take time off when you need it with our unlimited paid time off policy.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="benefit-item">
|
||||||
|
<div class="benefit-icon">
|
||||||
|
<i class="fas fa-coffee"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Team Events</h5>
|
||||||
|
<p class="opacity-75">Regular team building events, happy hours, and company retreats.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="benefit-item">
|
||||||
|
<div class="benefit-icon">
|
||||||
|
<i class="fas fa-laptop"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Equipment</h5>
|
||||||
|
<p class="opacity-75">Latest MacBook Pro, monitor, and any other tools you need to succeed.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="benefit-item">
|
||||||
|
<div class="benefit-icon">
|
||||||
|
<i class="fas fa-chart-line"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Stock Options</h5>
|
||||||
|
<p class="opacity-75">Own a piece of the company with our competitive equity package.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="benefit-item">
|
||||||
|
<div class="benefit-icon">
|
||||||
|
<i class="fas fa-utensils"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Meals & Snacks</h5>
|
||||||
|
<p class="opacity-75">Free lunch, snacks, and beverages when working from the office.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Open Positions -->
|
||||||
|
<section class="careers-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h2 class="display-5 fw-bold mb-3">Open Positions</h2>
|
||||||
|
<p class="lead text-muted">Find your perfect role at DocuPulse</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<!-- Engineering Positions -->
|
||||||
|
<div class="job-card">
|
||||||
|
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||||
|
<div>
|
||||||
|
<h4 class="fw-bold mb-2">Senior Full Stack Engineer</h4>
|
||||||
|
<p class="text-muted mb-2">Engineering • Full-time • Remote</p>
|
||||||
|
</div>
|
||||||
|
<span class="job-tag">Remote</span>
|
||||||
|
</div>
|
||||||
|
<p class="text-muted mb-3">Join our engineering team to build scalable, secure, and user-friendly features for our enterprise document management platform.</p>
|
||||||
|
<div class="d-flex gap-2">
|
||||||
|
<span class="job-tag">Python</span>
|
||||||
|
<span class="job-tag">React</span>
|
||||||
|
<span class="job-tag">PostgreSQL</span>
|
||||||
|
<span class="job-tag">AWS</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="job-card">
|
||||||
|
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||||
|
<div>
|
||||||
|
<h4 class="fw-bold mb-2">DevOps Engineer</h4>
|
||||||
|
<p class="text-muted mb-2">Engineering • Full-time • Hybrid</p>
|
||||||
|
</div>
|
||||||
|
<span class="job-tag">Hybrid</span>
|
||||||
|
</div>
|
||||||
|
<p class="text-muted mb-3">Help us build and maintain our cloud infrastructure, ensuring high availability and security for our enterprise customers.</p>
|
||||||
|
<div class="d-flex gap-2">
|
||||||
|
<span class="job-tag">Docker</span>
|
||||||
|
<span class="job-tag">Kubernetes</span>
|
||||||
|
<span class="job-tag">AWS</span>
|
||||||
|
<span class="job-tag">Terraform</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="job-card">
|
||||||
|
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||||
|
<div>
|
||||||
|
<h4 class="fw-bold mb-2">Frontend Engineer</h4>
|
||||||
|
<p class="text-muted mb-2">Engineering • Full-time • Remote</p>
|
||||||
|
</div>
|
||||||
|
<span class="job-tag">Remote</span>
|
||||||
|
</div>
|
||||||
|
<p class="text-muted mb-3">Create beautiful, intuitive user interfaces that make document management effortless for our users.</p>
|
||||||
|
<div class="d-flex gap-2">
|
||||||
|
<span class="job-tag">React</span>
|
||||||
|
<span class="job-tag">TypeScript</span>
|
||||||
|
<span class="job-tag">CSS3</span>
|
||||||
|
<span class="job-tag">Bootstrap</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Product Positions -->
|
||||||
|
<div class="job-card">
|
||||||
|
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||||
|
<div>
|
||||||
|
<h4 class="fw-bold mb-2">Product Manager</h4>
|
||||||
|
<p class="text-muted mb-2">Product • Full-time • Hybrid</p>
|
||||||
|
</div>
|
||||||
|
<span class="job-tag">Hybrid</span>
|
||||||
|
</div>
|
||||||
|
<p class="text-muted mb-3">Drive product strategy and execution, working closely with engineering and design teams to deliver exceptional user experiences.</p>
|
||||||
|
<div class="d-flex gap-2">
|
||||||
|
<span class="job-tag">Product Strategy</span>
|
||||||
|
<span class="job-tag">User Research</span>
|
||||||
|
<span class="job-tag">Agile</span>
|
||||||
|
<span class="job-tag">Analytics</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sales Positions -->
|
||||||
|
<div class="job-card">
|
||||||
|
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||||
|
<div>
|
||||||
|
<h4 class="fw-bold mb-2">Enterprise Sales Representative</h4>
|
||||||
|
<p class="text-muted mb-2">Sales • Full-time • Remote</p>
|
||||||
|
</div>
|
||||||
|
<span class="job-tag">Remote</span>
|
||||||
|
</div>
|
||||||
|
<p class="text-muted mb-3">Help enterprise organizations transform their document management processes with our innovative platform.</p>
|
||||||
|
<div class="d-flex gap-2">
|
||||||
|
<span class="job-tag">B2B Sales</span>
|
||||||
|
<span class="job-tag">Enterprise</span>
|
||||||
|
<span class="job-tag">SaaS</span>
|
||||||
|
<span class="job-tag">CRM</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="application-form">
|
||||||
|
<h4 class="fw-bold mb-4">General Application</h4>
|
||||||
|
<p class="text-muted mb-4">Don't see a perfect fit? Send us your resume and we'll keep you in mind for future opportunities.</p>
|
||||||
|
<form>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="name" class="form-label">Full Name *</label>
|
||||||
|
<input type="text" class="form-control" id="name" required>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="email" class="form-label">Email Address *</label>
|
||||||
|
<input type="email" class="form-control" id="email" required>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="position" class="form-label">Position of Interest</label>
|
||||||
|
<select class="form-control" id="position">
|
||||||
|
<option value="">Select a position</option>
|
||||||
|
<option value="engineering">Engineering</option>
|
||||||
|
<option value="product">Product</option>
|
||||||
|
<option value="sales">Sales</option>
|
||||||
|
<option value="marketing">Marketing</option>
|
||||||
|
<option value="other">Other</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="message" class="form-label">Why DocuPulse?</label>
|
||||||
|
<textarea class="form-control" id="message" rows="4" placeholder="Tell us why you'd like to join our team..."></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="resume" class="form-label">Resume/CV</label>
|
||||||
|
<input type="file" class="form-control" id="resume" accept=".pdf,.doc,.docx">
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary w-100">
|
||||||
|
<i class="fas fa-paper-plane me-2"></i>Submit Application
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Team Photo Section -->
|
||||||
|
<section class="careers-section" style="background-color: var(--bg-color);">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="team-photo">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<h2 class="display-5 fw-bold mb-4">Meet Our Team</h2>
|
||||||
|
<p class="lead text-muted mb-4">We're a diverse group of passionate individuals from around the world, united by our mission to revolutionize document management.</p>
|
||||||
|
<p class="text-muted mb-4">Our team values creativity, collaboration, and continuous learning. We believe that the best solutions come from diverse perspectives and open dialogue.</p>
|
||||||
|
<a href="{{ url_for('public.about') }}" class="btn btn-outline-primary btn-lg">
|
||||||
|
<i class="fas fa-users me-2"></i>Learn More About Us
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="careers-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-8 text-center">
|
||||||
|
<h2 class="display-5 fw-bold mb-4">Ready to Join Us?</h2>
|
||||||
|
<p class="lead text-muted mb-5">Take the first step towards an exciting career at DocuPulse. We can't wait to meet you!</p>
|
||||||
|
<div class="d-flex justify-content-center gap-3 flex-wrap">
|
||||||
|
<a href="#positions" class="btn btn-primary btn-lg px-5 py-3">
|
||||||
|
<i class="fas fa-search me-2"></i>View All Positions
|
||||||
|
</a>
|
||||||
|
<a href="{{ url_for('public.contact') }}" class="btn btn-outline-primary btn-lg px-5 py-3">
|
||||||
|
<i class="fas fa-envelope me-2"></i>Get in Touch
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% include 'components/footer_nav.html' %}
|
||||||
|
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
523
templates/public/press.html
Normal file
523
templates/public/press.html
Normal file
@@ -0,0 +1,523 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Press - DocuPulse</title>
|
||||||
|
<meta name="description" content="Press releases, media kit, and company information for journalists and media professionals covering DocuPulse.">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||||
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/colors.css') }}?v={{ 'css/colors.css'|asset_version }}">
|
||||||
|
<style>
|
||||||
|
.press-section {
|
||||||
|
padding: 80px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.press-release {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 30px;
|
||||||
|
box-shadow: 0 10px 25px var(--shadow-color);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
border: none;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.press-release:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.press-date {
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.press-tag {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 600;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-kit-card {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 40px;
|
||||||
|
box-shadow: 0 15px 35px var(--shadow-color);
|
||||||
|
height: 100%;
|
||||||
|
border: none;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-kit-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-kit-icon {
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
border-radius: 20px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto 25px;
|
||||||
|
color: white;
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.company-info {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 60px 0;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.company-info::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
|
||||||
|
opacity: 0.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-item {
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-icon {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: 15px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto 20px;
|
||||||
|
color: white;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-form {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 40px;
|
||||||
|
box-shadow: 0 15px 35px var(--shadow-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 2px solid var(--border-color);
|
||||||
|
padding: 12px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control:focus {
|
||||||
|
border-color: var(--primary-color);
|
||||||
|
box-shadow: 0 0 0 0.2rem var(--primary-opacity-15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gradient-text {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-showcase {
|
||||||
|
background: var(--white);
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 40px;
|
||||||
|
box-shadow: 0 15px 35px var(--shadow-color);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-placeholder {
|
||||||
|
width: 200px;
|
||||||
|
height: 100px;
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
border-radius: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto 20px;
|
||||||
|
color: white;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-section {
|
||||||
|
background-color: var(--bg-color);
|
||||||
|
padding: 60px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-item {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-number {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary-color);
|
||||||
|
margin-bottom: 10px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-label {
|
||||||
|
font-size: 1rem;
|
||||||
|
color: var(--text-muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.download-btn {
|
||||||
|
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||||
|
border: none;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 12px 25px;
|
||||||
|
color: white;
|
||||||
|
font-weight: 600;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.download-btn:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 5px 15px var(--primary-opacity-15);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{% include 'components/header_nav.html' %}
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
{% with
|
||||||
|
title="Press & Media",
|
||||||
|
description="Press releases, media kit, and company information for journalists and media professionals.",
|
||||||
|
title_size="4",
|
||||||
|
description_size="5"
|
||||||
|
%}
|
||||||
|
{% include 'components/hero_section.html' %}
|
||||||
|
{% endwith %}
|
||||||
|
|
||||||
|
<!-- Company Stats -->
|
||||||
|
<section class="stats-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">500+</span>
|
||||||
|
<div class="stat-label">Enterprise Clients</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">50K+</span>
|
||||||
|
<div class="stat-label">Active Users</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">$25M</span>
|
||||||
|
<div class="stat-label">Annual Revenue</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="stat-item">
|
||||||
|
<span class="stat-number">15+</span>
|
||||||
|
<div class="stat-label">Countries Served</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Media Kit -->
|
||||||
|
<section class="press-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h2 class="display-5 fw-bold mb-3">Media Kit</h2>
|
||||||
|
<p class="lead text-muted">Download our official media assets and company information</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="media-kit-card">
|
||||||
|
<div class="media-kit-icon">
|
||||||
|
<i class="fas fa-image"></i>
|
||||||
|
</div>
|
||||||
|
<h4 class="fw-bold mb-3">Logos & Brand Assets</h4>
|
||||||
|
<p class="text-muted mb-4">High-resolution logos, brand guidelines, and visual assets for media use.</p>
|
||||||
|
<a href="#" class="download-btn">
|
||||||
|
<i class="fas fa-download me-2"></i>Download Assets
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="media-kit-card">
|
||||||
|
<div class="media-kit-icon">
|
||||||
|
<i class="fas fa-file-alt"></i>
|
||||||
|
</div>
|
||||||
|
<h4 class="fw-bold mb-3">Company Fact Sheet</h4>
|
||||||
|
<p class="text-muted mb-4">Key facts, statistics, and company information for press coverage.</p>
|
||||||
|
<a href="#" class="download-btn">
|
||||||
|
<i class="fas fa-download me-2"></i>Download Fact Sheet
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="media-kit-card">
|
||||||
|
<div class="media-kit-icon">
|
||||||
|
<i class="fas fa-camera"></i>
|
||||||
|
</div>
|
||||||
|
<h4 class="fw-bold mb-3">Product Screenshots</h4>
|
||||||
|
<p class="text-muted mb-4">High-quality screenshots and product images for media use.</p>
|
||||||
|
<a href="#" class="download-btn">
|
||||||
|
<i class="fas fa-download me-2"></i>Download Images
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Company Information -->
|
||||||
|
<section class="company-info">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h2 class="display-5 fw-bold mb-3">Company Information</h2>
|
||||||
|
<p class="lead">Essential information for journalists and media professionals</p>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="info-item">
|
||||||
|
<div class="info-icon">
|
||||||
|
<i class="fas fa-building"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Founded</h5>
|
||||||
|
<p class="opacity-75">2020</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="info-item">
|
||||||
|
<div class="info-icon">
|
||||||
|
<i class="fas fa-map-marker-alt"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Headquarters</h5>
|
||||||
|
<p class="opacity-75">San Francisco, CA</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="info-item">
|
||||||
|
<div class="info-icon">
|
||||||
|
<i class="fas fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Employees</h5>
|
||||||
|
<p class="opacity-75">50+</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="info-item">
|
||||||
|
<div class="info-icon">
|
||||||
|
<i class="fas fa-globe"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold">Global Presence</h5>
|
||||||
|
<p class="opacity-75">15+ Countries</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Press Releases -->
|
||||||
|
<section class="press-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h2 class="display-5 fw-bold mb-3">Press Releases</h2>
|
||||||
|
<p class="lead text-muted">Latest news and announcements from DocuPulse</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="press-release">
|
||||||
|
<div class="press-date">
|
||||||
|
<i class="fas fa-calendar me-2"></i>March 15, 2024
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">DocuPulse Raises $25M Series B Funding to Accelerate Global Expansion</h3>
|
||||||
|
<p class="text-muted mb-3">DocuPulse, the leading enterprise document management platform, today announced it has raised $25 million in Series B funding led by TechVentures Capital. The funding will be used to accelerate product development and expand into new international markets.</p>
|
||||||
|
<div class="d-flex gap-2 mb-3">
|
||||||
|
<span class="press-tag">Funding</span>
|
||||||
|
<span class="press-tag">Growth</span>
|
||||||
|
<span class="press-tag">International</span>
|
||||||
|
</div>
|
||||||
|
<a href="#" class="read-more">Read Full Release <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="press-release">
|
||||||
|
<div class="press-date">
|
||||||
|
<i class="fas fa-calendar me-2"></i>March 10, 2024
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">DocuPulse Launches Advanced AI-Powered Document Processing Features</h3>
|
||||||
|
<p class="text-muted mb-3">DocuPulse introduces cutting-edge AI capabilities that automatically classify, extract, and process documents, significantly reducing manual work and improving accuracy for enterprise users.</p>
|
||||||
|
<div class="d-flex gap-2 mb-3">
|
||||||
|
<span class="press-tag">AI</span>
|
||||||
|
<span class="press-tag">Product</span>
|
||||||
|
<span class="press-tag">Innovation</span>
|
||||||
|
</div>
|
||||||
|
<a href="#" class="read-more">Read Full Release <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="press-release">
|
||||||
|
<div class="press-date">
|
||||||
|
<i class="fas fa-calendar me-2"></i>March 5, 2024
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">DocuPulse Achieves SOC 2 Type II Compliance Certification</h3>
|
||||||
|
<p class="text-muted mb-3">DocuPulse has successfully completed SOC 2 Type II compliance certification, demonstrating its commitment to maintaining the highest standards of security and data protection for enterprise customers.</p>
|
||||||
|
<div class="d-flex gap-2 mb-3">
|
||||||
|
<span class="press-tag">Security</span>
|
||||||
|
<span class="press-tag">Compliance</span>
|
||||||
|
<span class="press-tag">Enterprise</span>
|
||||||
|
</div>
|
||||||
|
<a href="#" class="read-more">Read Full Release <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="press-release">
|
||||||
|
<div class="press-date">
|
||||||
|
<i class="fas fa-calendar me-2"></i>March 1, 2024
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">DocuPulse Partners with Microsoft to Integrate with Microsoft 365</h3>
|
||||||
|
<p class="text-muted mb-3">DocuPulse announces strategic partnership with Microsoft to provide seamless integration with Microsoft 365, enabling enhanced collaboration and document management capabilities.</p>
|
||||||
|
<div class="d-flex gap-2 mb-3">
|
||||||
|
<span class="press-tag">Partnership</span>
|
||||||
|
<span class="press-tag">Microsoft</span>
|
||||||
|
<span class="press-tag">Integration</span>
|
||||||
|
</div>
|
||||||
|
<a href="#" class="read-more">Read Full Release <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="press-release">
|
||||||
|
<div class="press-date">
|
||||||
|
<i class="fas fa-calendar me-2"></i>February 25, 2024
|
||||||
|
</div>
|
||||||
|
<h3 class="h4 fw-bold mb-3">DocuPulse Named to Inc. 5000 List of Fastest-Growing Companies</h3>
|
||||||
|
<p class="text-muted mb-3">DocuPulse has been recognized on the Inc. 5000 list of America's fastest-growing private companies, ranking #1,247 with 300% growth over the past three years.</p>
|
||||||
|
<div class="d-flex gap-2 mb-3">
|
||||||
|
<span class="press-tag">Awards</span>
|
||||||
|
<span class="press-tag">Growth</span>
|
||||||
|
<span class="press-tag">Recognition</span>
|
||||||
|
</div>
|
||||||
|
<a href="#" class="read-more">Read Full Release <i class="fas fa-arrow-right ms-1"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="contact-form">
|
||||||
|
<h4 class="fw-bold mb-4">Media Contact</h4>
|
||||||
|
<p class="text-muted mb-4">For press inquiries, media interviews, or additional information, please contact our PR team.</p>
|
||||||
|
<form>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="name" class="form-label">Full Name *</label>
|
||||||
|
<input type="text" class="form-control" id="name" required>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="email" class="form-label">Email Address *</label>
|
||||||
|
<input type="email" class="form-control" id="email" required>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="organization" class="form-label">Organization *</label>
|
||||||
|
<input type="text" class="form-control" id="organization" required>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="inquiry" class="form-label">Inquiry Type</label>
|
||||||
|
<select class="form-control" id="inquiry">
|
||||||
|
<option value="">Select inquiry type</option>
|
||||||
|
<option value="interview">Interview Request</option>
|
||||||
|
<option value="press-release">Press Release</option>
|
||||||
|
<option value="media-kit">Media Kit Request</option>
|
||||||
|
<option value="partnership">Partnership Inquiry</option>
|
||||||
|
<option value="other">Other</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="message" class="form-label">Message *</label>
|
||||||
|
<textarea class="form-control" id="message" rows="4" placeholder="Please describe your inquiry..."></textarea>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary w-100">
|
||||||
|
<i class="fas fa-paper-plane me-2"></i>Send Message
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Logo Showcase -->
|
||||||
|
<section class="press-section" style="background-color: var(--bg-color);">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="logo-showcase">
|
||||||
|
<h3 class="fw-bold mb-4">Our Logo</h3>
|
||||||
|
<div class="logo-placeholder">
|
||||||
|
DocuPulse
|
||||||
|
</div>
|
||||||
|
<p class="text-muted mb-4">Download our logo in various formats and sizes for media use. Please follow our brand guidelines when using the DocuPulse logo.</p>
|
||||||
|
<div class="d-flex justify-content-center gap-3 flex-wrap">
|
||||||
|
<a href="#" class="download-btn">
|
||||||
|
<i class="fas fa-download me-2"></i>PNG Format
|
||||||
|
</a>
|
||||||
|
<a href="#" class="download-btn">
|
||||||
|
<i class="fas fa-download me-2"></i>SVG Format
|
||||||
|
</a>
|
||||||
|
<a href="#" class="download-btn">
|
||||||
|
<i class="fas fa-download me-2"></i>Brand Guidelines
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA Section -->
|
||||||
|
<section class="press-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-8 text-center">
|
||||||
|
<h2 class="display-5 fw-bold mb-4">Stay Updated</h2>
|
||||||
|
<p class="lead text-muted mb-5">Subscribe to our press distribution list to receive the latest news and announcements.</p>
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="email" class="form-control form-control-lg" placeholder="Enter your email address" style="border-radius: 25px 0 0 25px; border: none;">
|
||||||
|
<button class="btn btn-primary btn-lg" type="button" style="border-radius: 0 25px 25px 0; border: none;">
|
||||||
|
<i class="fas fa-paper-plane me-2"></i>Subscribe
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<p class="text-muted mt-3 small">We'll only send you press releases and important company news.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% include 'components/footer_nav.html' %}
|
||||||
|
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user