-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
183 lines (178 loc) · 7.99 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg" sizes="any" />
<meta name="viewport" content="width=device-width" />
<meta name="description" content="About us page" />
<title>Priboj Logistics - About us</title>
<script src="/scripts/global.js" defer></script>
<link rel="stylesheet" href="/css/global.css" />
<link rel="stylesheet" href="/css/about.css" />
</head>
<body>
<main>
<header class="desktop-navbar">
<div class="desktop-navbar__container">
<div class="desktop-navbar__logo">
<a href="/">
<img src="/img/PribojLogistics.svg" alt="Logo" />
<span>Priboj Logistics</span>
</a>
</div>
<nav class="desktop-navbar__nav">
<ul class="desktop-navbar__nav-list">
<li><a href="/">Home</a></li>
<li><a href="/about.html">About</a></li>
<li><a href="/services.html">Services</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</nav>
<button class="nav-burger" id="nav-burger">
<div></div>
<span class="sr-only">Toggle menu</span>
</button>
<nav class="mobile-navbar" id="mobile-navbar">
<ul class="mobile-navbar__nav-list">
<li><a href="/">Home</a></li>
<li><a href="/about.html">About</a></li>
<li><a href="/services.html">Services</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section class="hero">
<div class="hero__text-wrapper">
<div class="hero__text-content">
<h1>About us</h1>
</div>
</div>
<div class="hero__image">
<img src="/img/webp/about/aboutHero.webp" alt="" />
</div>
</section>
<div class="bg-accent-dark">
<section class="section">
<div class="section__container">
<div class="two-col-container reverse">
<div
class="two-col-container__col two-col-container__image-container"
>
<img
loading="lazy"
src="/img/webp/about/aboutSubHero.webp"
alt="Turquoise truck"
/>
</div>
<div class="two-col-container__col">
<h2>
All employees are more than just employees in existing company
with experience at least 10 years
</h2>
<p>
We deal with A+ rated cargo insurance companies. Deal with a
limited number of drivers only. Experience at least 5 years in
trucking industry. We offer bonuses for every referred truck,
especially for members of the family, and monthly bonuses for
best employees of that month, especially for clean DOT
first-level inspections - no any kind of violations. In case
the driver wants to be home more than usual, there is also an
option for self-dispatching.
</p>
</div>
</div>
</div>
</section>
</div>
<section class="section">
<div class="section__container">
<h1 class="section__heading">Our strengths</h1>
<div class="two-col-container">
<div class="two-col-container__col">
<div class="strength">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
height="1.5em"
width="1.5em"
>
<path
fill-rule="evenodd"
d="M8.603 3.799A4.49 4.49 0 0112 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 013.498 1.307 4.491 4.491 0 011.307 3.497A4.49 4.49 0 0121.75 12a4.49 4.49 0 01-1.549 3.397 4.491 4.491 0 01-1.307 3.497 4.491 4.491 0 01-3.497 1.307A4.49 4.49 0 0112 21.75a4.49 4.49 0 01-3.397-1.549 4.49 4.49 0 01-3.498-1.306 4.491 4.491 0 01-1.307-3.498A4.49 4.49 0 012.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 011.307-3.497 4.49 4.49 0 013.497-1.307zm7.007 6.387a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
clip-rule="evenodd"
></path>
</svg>
<span class="strength__text">Safety first</span>
</div>
<div class="strength">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
height="1.5em"
width="1.5em"
>
<path
fill-rule="evenodd"
d="M8.603 3.799A4.49 4.49 0 0112 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 013.498 1.307 4.491 4.491 0 011.307 3.497A4.49 4.49 0 0121.75 12a4.49 4.49 0 01-1.549 3.397 4.491 4.491 0 01-1.307 3.497 4.491 4.491 0 01-3.497 1.307A4.49 4.49 0 0112 21.75a4.49 4.49 0 01-3.397-1.549 4.49 4.49 0 01-3.498-1.306 4.491 4.491 0 01-1.307-3.498A4.49 4.49 0 012.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 011.307-3.497 4.49 4.49 0 013.497-1.307zm7.007 6.387a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
clip-rule="evenodd"
></path>
</svg>
<span class="strength__text"
>Hard workers - keep America moving!</span
>
</div>
<div class="strength">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
height="1.5em"
width="1.5em"
>
<path
fill-rule="evenodd"
d="M8.603 3.799A4.49 4.49 0 0112 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 013.498 1.307 4.491 4.491 0 011.307 3.497A4.49 4.49 0 0121.75 12a4.49 4.49 0 01-1.549 3.397 4.491 4.491 0 01-1.307 3.497 4.491 4.491 0 01-3.497 1.307A4.49 4.49 0 0112 21.75a4.49 4.49 0 01-3.397-1.549 4.49 4.49 0 01-3.498-1.306 4.491 4.491 0 01-1.307-3.498A4.49 4.49 0 012.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 011.307-3.497 4.49 4.49 0 013.497-1.307zm7.007 6.387a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
clip-rule="evenodd"
></path>
</svg>
<span class="strength__text"
>Drivers without criminal records</span
>
</div>
</div>
<div class="two-col-container__col grid-center">
<div class="two-col-container__logo">
<img loading="lazy" src="/img/PribojLogistics.svg" alt="Logo" />
<span>Priboj Logistics</span>
</div>
</div>
</div>
<div class="btn-container">
<a href="/contact.html" class="btn btn-primary"> Contact us </a>
</div>
</div>
</section>
<footer class="footer">
<div class="footer__container">
<div class="footer__logo">
<a href="/">
<img src="/img/PribojLogistics.svg" alt="Logo" />
<span>Priboj Logistics</span>
</a>
</div>
<nav class="footer__nav">
<ul class="footer__nav-list">
<li><a href="/">Home</a></li>
<li><a href="/about.html">About</a></li>
<li><a href="/services.html">Services</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</nav>
</div>
</footer>
</main>
</body>
</html>