-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
212 lines (195 loc) · 11.4 KB
/
index.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!-- Created by Frank Rosello, Shayna Messler, and Jack Everhart for 2023-2024 FBLA Website Coding and Programming Competition-->
<!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/animate.css/4.1.1/animate.min.css" />
<script src="" crossorigin="anonymous"></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" 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" class="active" 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" class="active" style="color: white; ">HOME</a>
<a href="listings.html" style="color:white;">LISTINGS</a>
<a href="benefits.html" 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>
<!--Content div class-->
<div class="content">
<!-- Section 1: Title Section -->
<div class="section1" id="fadeIn">
<picture>
<source srcset="images/indexfrontimage.webp" media="(min-width: 701px)">
<img src="images/indexfrontimagemobile.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>
<!-- Explanation for what Axcelmark is -->
<div class="applyDescription" id="fadeIn">
<h1>WHAT IS AXCELMARK?</h1>
<p>Axcelmark is a marketing service that specializes in creating a wide range of products for businesses.
Our product offerings include custom embroidery on clothing items such as t-shirts, hats, hoodies, as
well as accessories and more. We cater to various businesses, delivering quality products that meet
their unique needs and requirements.different types of products for many different businesses. This can
include but is not limited to custom embroidered clothing (t-shirts, hats, hoodies, etc), accessories,
and more. We create these products for many businesses. </p>
</div>
<!-- Why should you apply section -->
<div class="aboutsection" id="slideInLeft">
<table style="margin-left: auto; margin-right:auto;">
<tr>
<td id="sectionimg" class="sectionbox"><img class="sectionimg" id="whoAreWeImg"
src="images/screenprintingImage.webp" alt="Person of person screen printing" /></td>
<td class="sectionbox" id="card" style="text-align:center;">
<h1 class="sectionheader">WHY SHOULD YOU APPLY?</h1>
<p class="sectiontext">Our company welcomes you to join our team and explore a wide range of
positions that can help you grow and achieve your goals. We take pride in offering
exceptional benefits that provide a great work environment for all our employees. Our team
is a closely-knit community that values teamwork and collaboration, which allows you to
build strong relationships with everyone here. We also pay generously for the field and
recognize the hard work of every team member. We invite you to submit your application today
and become a part of our amazing team!
</p>
<br>
<p class="sectiontext">Benefits Include:
<ul class="sectiontext">
<li>Overtime After 40 Hours</li>
<li>Up to 20 Weeks of Fully Paid Parental Leave</li>
<li>Flexible Shifts and Schedules</li>
</ul>
</p>
<button style="float: left;" class="dynamicButtonWhite"
onclick="document.location='listings.html'" style="display:inline-block;">VIEW OUR
LISTINGS</button>
</td>
</tr>
</table>
</div>
<!--Current job listings-->
<div class="indextable" id="fadeIn">
<table cellspacing="10" style="max-width:50%; margin-left: auto; margin-right:auto; margin-bottom:50px;">
<tr style="text-align: center;">
<th colspan="3"><strong style="font-size: 40px;">CURRENT JOB LISTINGS</th>
</tr>
<tr>
<td onclick="location.href='listings.html#customerservicesection'" class="categorybutton"><img
class="categorybuttonimg" src="images/customerserviceiconwhite.webp"
alt="Customer Service Icon"><br>
<h3 id="categorybuttonheader">CUSTOMER SERVICE</h3>
</td>
<td onclick="location.href='listings.html#floormanagersection'" class="categorybutton"><img
class="categorybuttonimg" src="images/managericonwhite.webp" alt="Floor Manager Icon"><br>
<h3 id="categorybuttonheader">FLOOR<br>MANAGER</h3>
</td>
<td onclick="location.href='listings.html#screenprintersection'" class="categorybutton"><img
class="categorybuttonimg" src="images/screenprintericonwhite.webp" alt="Screen Printer Icon"><br>
<h3 id="categorybuttonheader">SCREEN<br>PRINTER</h3>
</td>
</tr>
</table>
</div>
<!--Desktop layout for Minimum Requirements section-->
<div class="howtosection" id="slideInRight">
<table cellspacing="0" style="height: 100%; margin: auto auto;" id="desktoplayoutsection">
<tr>
<td class="sectionbox" id="card" style="text-align:center; padding-top: 10px; padding-bottom: 10px">
<h1 class="sectionheader">MINIMUM REQUIREMENTS</h1>
<p class="sectiontext">
<ul style="list-style:none;font-size:120%" class="sectiontext">
<li>Must Be Over 18 Year Old to Apply</li>
<li>High School Diploma</li>
<li>Great Communication and Problem-Solving Skills</li>
</ul>
</p>
<button style="float: left; " class="dynamicButtonWhite "
onclick="document.location='listings.html'" style="display:inline-block">APPLY HERE
TODAY</button>
</td>
<td id="sectionimg" class="sectionbox"><img src="images/embroideryImage.webp" class="sectionimg"
id="tutorialsHomeImg" style="border:black none 1px;" alt="Image of sewing machine" /></td>
</tr>
</table>
</div>
<!--Mobile layout for Minimum Requirements section-->
<div class="howtosection animate__animated" id="slideInRight">
<table style="height: 100%; margin: auto auto;" id="mobilelayoutsection">
<tr>
<td id="sectionimg" class="sectionbox"><img src="images/embroideryImage.webp" class="sectionimg"
id="tutorialsHomeImg" style="border:black none 1px;" alt="Image of sewing machine" /></td>
<td class="sectionbox" id="card" style="text-align:center; padding-top: 10px; padding-bottom: 10px">
<h1 class="sectionheader">MINIMUM REQUIREMENTS</h1>
<p class="sectiontext">
<ul style="list-style:none;text-align:left;font-size:120%; margin-left: 15px; ">
<li>Must Be Over 18 Year Old to Apply</li>
<li>High School Diploma</li>
<li>Great Communication and Problem-Solving Skills</li>
</ul>
</p>
<button class="dynamicButtonWhite" onclick="document.location='listings.html'"
style="display:inline-block">APPLY HERE TODAY</button>
</td>
</tr>
</table>
</div>
<!--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>
</footer>
<!--Import for main js script-->
<script src="js/mainjs.js" type="text/javascript"></script>
<script src="js/animation.js" type="text/javascript"></script>
</body>
</html>