-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
228 lines (205 loc) · 11.6 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
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;500;700&display=swap" rel="stylesheet">
<title>Trafico</title>
</head>
<body>
<div class="main d-flex j-c-c">
<div class="inner">
<img src="img/Start_img.png" alt="start-img" class="absolute">
<div class="inner-content">
<div class="inner-content-header d-flex">
<img src="img/logo.png" alt="logo">
<div class="inner-content-header-menu d-flex j-c-sb a-i-center">
<a href="#">About</a>
<a href="#">How to</a>
<a href="#">Faqs</a>
<a href="#">Contact us</a>
</div>
</div>
<div class="inner-content-text">
Your awesome traffic permit consultant.
</div>
<div class="inner-content-button">
<a href="#">GET STARTED</a>
<img src="img/Union.png" alt="union">
</div>
<img src="img/Peoples.png" alt="peoples" class="inner-container-img-peoples">
<img src="img/Ov1.png" alt="Ov1" class="inner-container-img-ov1">
<img src="img/Ov2.png" alt="Ov1" class="inner-container-img-ov2">
<img src="img/Car.png" alt="Ov1" class="inner-container-img-car">
<div class="inner-content-about-us d-flex">
<div class="inner-content-about-us-content d-flex">
<div class="inner-content-about-us-header">
ABOUT US
</div>
<div class="inner-content-about-us-text">
The occupational traffic permit is one of the most important things in the company when carrying out freight transport. In fact, it is a prerequisite for doing business traffic at all.
</div>
<div class="inner-content-about-us-group">
<p>
How do you do when you need to obtain
a commercial traffic permit for freight transport to your business?
</p>
<img src="img/Pad1.png" alt="">
</div>
</div>
<div class="inner-content-about-us-img">
<img src="img/About_us.png" alt="about us">
</div>
</div>
<div class="inner-content-how-to d-flex f-d-row-reverse">
<div class="inner-content-how-to-content d-flex">
<div class="inner-content-how-to-header">
How to apply
</div>
<div class="inner-content-how-to-text">
When applying for a traffic permit, there are certain requirements that you must meet that are included in the examination: requirements for professional knowledge, solid establishment, good reputation and financial resources. Important to remember is to confirm your application for a traffic permit by the company's company signer or CEO.
</div>
</div>
<div class="inner-content-how-to-img">
<img src="img/How_to.png" alt="about us">
</div>
</div>
<div class="inner-content-faq d-flex">
<div class="inner-content-faq-group d-flex">
<div class="inner-content-faq-group-content">
<a href="#">FAQ</a>
Questions and Answers on Professional Traffic Permits:
</div>
<div class="inner-content-faq-group-img">
<img src="img/Faq.png" alt="faq">
</div>
</div>
<div class="inner-content-faq-buttons d-grid">
<div>
<a href="#">What is a professional traffic permit?</a>
<p>-</p>
</div>
<div>
<a href="#">When is a professional traffic permit needed?</a>
<p>+</p>
</div>
<div class="grid-open">
<a href="#" >Traffic permits are a requirement for conducting professional traffic.</a>
</div>
<div>
<a href="#">Where to look for a traffic permit?</a>
<p>+</p>
</div>
<div>
<a href="#">Are there differences between a traffic permit and a professional traffic permit?</a>
<p>+</p>
</div>
<div>
<a href="#">How to check the traffic condition?</a>
<p>+</p>
</div>
<div>
<a href="#">How much does a commercial traffic permit cost for goods?</a>
<p>+</p>
</div>
<div>
<a href="#">What are the requirements for a professional traffic permit?</a>
<p>+</p>
</div>
<div>
<a href="#">How to plug in for the traffic permit test?</a>
<p>+</p>
</div>
<div>
<a href="#">Are there professional traffic permit training courses at a distance?</a>
<p>+</p>
</div>
<div>
<a href="#">How is the sample for a professional traffic permit booked?</a>
<p>+</p>
</div>
<div class="grid-end">
<a href="#">LOAD MORE</a>
<p>+</p>
</div>
</div>
<img src="img/Faq_pad.png" alt="faq-padding" class="inner-content-faq-img">
</div>
<div class="inner-content-about-footer d-flex">
<div class="inner-content-about-footer-header d-flex">
<p>About us</p>
<div>
<a href="#"><img src="img/Union_feft.png" alt="union-lefr"></a>
<a href="#"><img src="img/Union_right.png" alt="union-right"></a>
</div>
</div>
<div class="inner-content-about-footer-content d-flex">
Out Awesome Clients
<div class="inner-content-about-footer-content-card d-flex">
<div class="inner-content-about-footer-content-card-text">
Yes, you will need to have the land owner sign the permit application as the Permittee, and you sign the permit as the Applicant or Agent for the Permittee.
</div>
<div class="inner-content-about-footer-content-card-photo d-flex">
<img src="img/Client1.png" alt="client-photo">
<p>Isak Pettersson</p>
</div>
</div>
<div class="inner-content-about-footer-content-card d-flex">
<div class="inner-content-about-footer-content-card-text">
From most barricade or traffic control companies located in the phone book. They employ certified Traffic Control Supervisors (TCS) who can generate and certify the traffic control plan.
</div>
<div class="inner-content-about-footer-content-card-photo d-flex">
<img src="img/Client2.png" alt="client-photo">
<p>Simon Sandberg</p>
</div>
</div>
<div class="inner-content-about-footer-content-card d-flex">
<div class="inner-content-about-footer-content-card-text">
An A-Line, or access restriction deed is a property right that has been obtained by CDOT for the sole purpose of prohibiting direct
</div>
<div class="inner-content-about-footer-content-card-photo d-flex">
<img src="img/Client3.png" alt="client-photo">
<p>Isak Pettersson</p>
</div>
</div>
</div>
</div>
<img src="img/Car_small.png" alt="car" class="footer-car-img">
<img src="img/Footer_pad.png" alt="footer-pad" class="footer-pad-img">
<div class="inner-container-main-form d-flex">
<div class="inner-container-main-text d-flex">
<img src="img/RectInfo.png" alt="rect">
<p>We provide traffic management consultants so you get started quickly, contact us for a quote today!</p>
</div>
<div class="inner-container-form d-flex">
<label for="name">Name</label>
<input id="name" type="text" value=" Hendrik Larsson">
<label for="email">Email address</label>
<input id="email" type="text" value=" Your email address">
<a href="#">Get started <img src="img/Union.png" alt="union"></a>
</div>
</div>
<div class="inner-container-footer-nav d-flex">
<img src="img/logo.png" alt="logo">
<div class="inner-container-footer-nav-links">
<a href="#">About</a>
<a href="#">How to</a>
<a href="#">Faqs</a>
</div>
</div>
<div class="copy-social-nav d-flex">
<p>Copyright @ 2019</p>
<a href="#" id="first"><img src="img/f.png" alt="facebook"></a>
<a href="#"><img src="img/t.png" alt="twitter"></a>
<a href="#"><img src="img/i.png" alt="instagram"></a>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="css/style.css">
</body>
</html>