-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbenefits.html
105 lines (94 loc) · 7.97 KB
/
benefits.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
<title>Axcelmark Applications</title>
<link rel="stylesheet" href="css/maincss.css">
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Do you want to work at a marketing product business? Apply to Axcelmark today!">
<script src="https://kit.fontawesome.com/ef4fd3eeca.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<script src="" crossorigin="anonymous"></script>
<!--Import for main js script-->
<script src="js/mainjs.js" type="text/javascript"></script>
</head>
<body onload="typeWriter();">
<header>
<!-- Desktop navigation bar -->
<div class="navbar" id="navbar">
<ul>
<li style="float: left;"><a href="index.html" id="navlogo"><img src="images/AxcelmarkLogo.webp"
style="height: 65px;" alt="Axcelmark Logo" /></a></li>
<li style="float: right;"><a href="contact.html" id="navbutton">HELP</a></li>
<li style="float: right;"><a href="application.html" id="navbutton">APPLY</a>
</li>
<li style="float: right;"><a href="benefits.html" class="active" id="navbutton">BENEFITS</a></li>
<li style="float: right;"><a href="listings.html" id="navbutton">LISTINGS</a></li>
<li style="float: right;"><a href="index.html" id="navbutton">HOME</a></li>
</ul>
</div>
<!-- Mobile navigation bar-->
<div class="mobilenav" id="mobilenav">
<a href="index.html" id="mobileimage"><img id="mobileimage" src="images/AxcelmarkLogo.webp"
style="height:50px; " alt="Axcelmark Logo" /></a>
<div id="myLinks">
<a href="index.html" style="color: white; ">HOME</a>
<a href="listings.html" style="color:white;">LISTINGS</a>
<a href="benefits.html" class="active" style="color:white;">BENEFITS</a>
<a href="application.html" style="color:white;">APPLY</a>
<a href="contact.html" style="color: white;">HELP</a>
</div>
<a href="#" class="icon" onclick="myFunction()">
<i class="fa fa-bars" style="width:50px; height: 37px;margin-top: 35%;color:white;"></i>
</a>
</div>
</header>
<div id="benefits">
<!-- Section 1: Title Section -->
<div class="section1" id="fadeIn">
<picture>
<source srcset="images/benefitsfrontimage.webp" media="(min-width: 701px)">
<img src="images/benefitsfrontimage.webp" class="section1img" alt="Shirts"
style="width:100%; border: none;" alt="Background with t-shirts">
</picture>
<div class="textcentered" id="textcentered">
<p class="textmainheader" style="margin-top:15px" id="typeText"></p>
</div>
</div>
</div>
<script>
section('benefits', '#69011b', 0, 'fadeInLeft', "images/overtime.webp", "Image of customer service person", 'left', 'OVERTIME', "At AxcelMark, we deeply appreciate the dedication and hard work you bring to our team. To honor this commitment, we've established comprehensive overtime benefits that acknowledge and reward your additional efforts. When you extend your work beyond the regular schedule, you're not only compensated at a premium rate but also earn time towards extra days off. This system is our way of ensuring that your hard work translates into both financial rewards and opportunities for rest and rejuvenation. We're dedicated to maintaining a balance where your extraordinary efforts are matched with equally rewarding benefits, keeping our team motivated and vibrant. At AxcelMark, going the extra mile is always recognized and valued, both in your paycheck and your personal life.", 'CLICK HERE TO APPLY!', "application.html");
section('benefits', '#800020', 0, 'fadeInRight', "images/parentalleave.webp", "Image of a manager", 'right', 'MATERNAL/PATERNAL LEAVE', "At AxcelMark, we are deeply committed to supporting our employees through all of life's stages, especially during the transformative experience of becoming a parent. We recognize the irreplaceable value of the early bonding period between parents and their newborns. That's why we offer a comprehensive maternity and paternity leave policy. Eligible employees can benefit from paid leave, allowing them to dedicate time to their family's needs without financial concerns. This policy is a direct reflection of AxcelMark's core values and our investment in the well-being of our employees' families. In turn, this commitment contributes to a more engaged and content workforce. By providing support during such a crucial life event, we foster a culture of compassion and respect that is fundamental to the spirit of AxcelMark.", 'CLICK HERE TO APPLY!', "application.html");
section('benefits', '#a8022b', 0, 'fadeInLeft', "images/flexibleschedule.webp", "Image of screen printing job", 'left', 'FLEXIBLE SCHEDULE', "At AxcelMark, we recognize that there's more to life than work. That's why we've implemented a flexible scheduling system that enables our employees to customize their work hours to suit their unique lifestyles. Whether it's for attending a child's recital, pursuing further education, or enjoying a tranquil morning jog, our policy supports our team in achieving a harmonious work-life balance. This level of autonomy not only boosts job satisfaction and overall well-being but also cultivates a culture of trust and accountability. By respecting individual scheduling preferences, AxcelMark ensures that while work is a significant aspect of our lives, it enhances rather than hinders personal development and joy.", 'CLICK HERE TO APPLY!', "application.html");
section('benefits', '#b50202', 0, 'fadeInRight', "images/paidvacation.webp", "Image of a manager", 'right', 'PAID VACATION TIME', "At AxcelMark, we're proud to offer you a flexible schedule that acknowledges the diverse needs and rhythms of our team members. We believe that empowering you to choose your working hours fosters a culture of trust and respect. This flexibility allows you to align your work with your most productive times and personal responsibilities, ensuring that you can give your best without compromising on your life outside of work. Joining AxcelMark means joining a forward-thinking community that supports your professional growth while honoring your personal time. We're not just a company; we're a community that thrives on the balance and well-being of each individual.", 'CLICK HERE TO APPLY!', "application.html");
</script>
<!--Click here to apply button at end of page-->
<div class="firstfooter">
<div class="applyfooter">
<h1 class="sectionheader" style="text-align: center;">FEEL LIKE APPLYING?</h1>
<button id="applybutton" class="dynamicButtonWhite" onclick="document.location='application.html'"
style="display:inline-block;">CLICK HERE TO APPLY</button>
</div>
</div>
</div>
<!--Footer-->
<footer>
<div class="footerrow">
<h3>CONNECT WITH US</h3>
</div>
<div class="footerrow">
<ul class="social-links">
<li><a href="mailto:cstewart@axcelmark.com" aria-label="mail contact info"><i
class="fa-regular fa-envelope"></i></a></li>
</ul>
</div>
<div class="footerrow">
<p>
<a id="copyrightLink" href="copyright.html">©Copyright Axcelmark Official. All rights reserved.</a>
</p>
</div>
<script src="js/animation.js" type="text/javascript"></script>
</footer>
</body>
</html>