Kobe/docupulse
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

public pages content

Browse Source
This commit is contained in:
Kobe
2025-06-24 09:32:50 +02:00
parent 10560a01fb
commit fed00ff2a0
21 changed files with 2897 additions and 1010 deletions
Download Patch File Download Diff File Expand all files Collapse all files

237
templates/public/press.html
View File

@@ -217,28 +217,28 @@
<!-- Company Stats -->
<section class="stats-section">
<div class="container">
<div class="row">
<div class="row text-center">
<div class="col-md-3">
<div class="stat-item">
<span class="stat-number">500+</span>
<span class="stat-number" data-value="75" data-suffix="+">75+</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>
<span class="stat-number" data-value="1000" data-suffix="K+">1000+</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>
<span class="stat-number" data-value="1.1" data-suffix="M" data-prefix="$">$1.1M</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>
<span class="stat-number" data-value="15" data-suffix="+">15+</span>
<div class="stat-label">Countries Served</div>
</div>
</div>
@@ -308,7 +308,7 @@
<i class="fas fa-building"></i>
</div>
<h5 class="fw-bold">Founded</h5>
<p class="opacity-75">2020</p>
<p class="opacity-75">1991</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
@@ -317,7 +317,7 @@
<i class="fas fa-map-marker-alt"></i>
</div>
<h5 class="fw-bold">Headquarters</h5>
<p class="opacity-75">San Francisco, CA</p>
<p class="opacity-75">Vilvoorde, Belgium</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
@@ -326,7 +326,7 @@
<i class="fas fa-users"></i>
</div>
<h5 class="fw-bold">Employees</h5>
<p class="opacity-75">50+</p>
<p class="opacity-75">15+</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
@@ -342,129 +342,6 @@
</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">
@@ -493,31 +370,83 @@
</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>
<script>
// Function to animate number counting
function animateNumber(element, endValue, suffix = '', prefix = '', duration = 2000) {
const start = performance.now();
const startValue = 0;
const difference = endValue - startValue;
function updateNumber(currentTime) {
const elapsed = currentTime - start;
const progress = Math.min(elapsed / duration, 1);
// Easing function for smooth animation
const easeOutQuart = 1 - Math.pow(1 - progress, 4);
const currentValue = startValue + (difference * easeOutQuart);
// Format the number based on the suffix and prefix
let displayValue;
if (suffix === 'K+') {
displayValue = Math.round(currentValue) + suffix;
} else if (suffix === 'M') {
displayValue = prefix + Math.round(currentValue) + suffix;
} else if (suffix === '+') {
displayValue = Math.round(currentValue) + suffix;
} else {
displayValue = Math.round(currentValue) + (suffix || '');
}
element.textContent = displayValue;
if (progress < 1) {
requestAnimationFrame(updateNumber);
} else {
// Ensure the final value is correct
if (suffix === 'M') {
element.textContent = prefix + element.getAttribute('data-value') + suffix;
} else {
element.textContent = element.getAttribute('data-value') + (suffix || '');
}
}
}
requestAnimationFrame(updateNumber);
}
// Initialize animated numbers when component is loaded
document.addEventListener('DOMContentLoaded', function() {
const statsObserver = new IntersectionObserver(function(entries) {
entries.forEach(entry => {
if (entry.isIntersecting) {
const statNumbers = entry.target.querySelectorAll('.stat-number');
statNumbers.forEach((stat, index) => {
setTimeout(() => {
const value = parseFloat(stat.getAttribute('data-value'));
const suffix = stat.getAttribute('data-suffix') || '';
const prefix = stat.getAttribute('data-prefix') || '';
if (!isNaN(value)) {
animateNumber(stat, value, suffix, prefix, 2000);
}
}, index * 300); // Stagger the animations
});
// Only trigger once
statsObserver.unobserve(entry.target);
}
});
}, { threshold: 0.5 });
// Observe the stats section
const statsSection = document.querySelector('.stats-section');
if (statsSection) {
statsObserver.observe(statsSection);
}
});
</script>
</body>
</html>