524 lines
23 KiB
HTML
524 lines
23 KiB
HTML
<!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> |