public pages content
This commit is contained in:
@@ -67,45 +67,6 @@
|
||||
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;
|
||||
@@ -143,27 +104,39 @@
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.stats-section {
|
||||
background-color: var(--bg-color);
|
||||
padding: 60px 0;
|
||||
/* Button styles to match home page */
|
||||
.btn-primary {
|
||||
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||
border: none;
|
||||
border-radius: 25px;
|
||||
padding: 12px 30px;
|
||||
font-weight: 600;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
.btn-primary:hover {
|
||||
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 15px var(--primary-opacity-15);
|
||||
filter: brightness(1.1);
|
||||
}
|
||||
|
||||
.stat-number {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 700;
|
||||
.btn-outline-primary {
|
||||
border: 2px solid var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
border-radius: 25px;
|
||||
padding: 12px 30px;
|
||||
font-weight: 600;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
font-size: 1rem;
|
||||
color: var(--text-muted);
|
||||
.btn-outline-primary:hover {
|
||||
background: rgba(var(--primary-color-rgb), 0.05);
|
||||
border-color: var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 15px rgba(var(--primary-color-rgb), 0.1);
|
||||
}
|
||||
.btn-lg {
|
||||
padding: 15px 40px;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
@@ -220,123 +193,17 @@
|
||||
</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>
|
||||
{% with stats=[
|
||||
{'value': 15, 'suffix': '+', 'display': '15+', 'label': 'Team Members'},
|
||||
{'value': 10, 'suffix': '+', 'display': '10+', 'label': 'Countries'},
|
||||
{'value': 4.8, 'suffix': '', 'display': '4.8', 'label': 'Glassdoor Rating'},
|
||||
{'value': 95, 'suffix': '%', 'display': '95%', 'label': 'Retention Rate'}
|
||||
] %}
|
||||
{% include 'components/animated_numbers.html' %}
|
||||
{% endwith %}
|
||||
|
||||
<!-- Open Positions -->
|
||||
<section class="careers-section">
|
||||
<section id="positions" class="careers-section">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-5 fw-bold mb-3">Open Positions</h2>
|
||||
|
||||
Reference in New Issue
Block a user