-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
331 lines (318 loc) · 11.9 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
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Business that providing best and reliable cooperations and oil products!"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" type="text/css" href="/src/css/style.css" />
<link rel="icon" href="/src/images/ucoil-icon.png" />
<title>Ucoil</title>
</head>
<body>
<header id="header">
<div class="container">
<ul
id="header-menu"
class="row d-flex justify-content-center align-items-center"
>
<li class="col-lg-2 order-2 order-lg-1">
<a href="#header">Home</a>
</li>
<li class="col-lg-2 order-3 order-lg-2">
<a href="#about">About us</a>
</li>
<li class="col-lg-4 order-1 order-lg-3">
<img src="src/images/ucoil-logo.png" alt="Ucoil logo" />
</li>
<li class="col-lg-2 order-4 order-lg-4">
<a href="#products">Products</a>
</li>
<li class="col-lg-2 order-5 order-lg-5">
<a href="#contacts">Contacts</a>
</li>
</ul>
</div>
</header>
<img
id="header-image"
src="/src/images/main-img.jpg"
alt="Sunflowers on sky background"
/>
<aside class="container relative">
<div class="showup">
<div class="showup__item bg-yellow">
<h3>
Vegetable oils
</h3>
<img src="/src/icons/food-and-restaurant.svg" alt="Vegetable oil" />
<p>Substandard vegetable oils with increased phospholipid indices.</p>
</div>
<div class="showup__item bg-salad">
<h3>
Used cooking oil
</h3>
<img src="/src/icons/olive-oil.svg" alt="Used cooking oil" />
<p>Collection of frying oils and fats.</p>
</div>
<div class="showup__item bg-lightgreen">
<h3>
Animal Fat
</h3>
<img src="/src/icons/pig.svg" alt="Animal Fat" />
<p>Animal fats of different quality, soapstock of animal fats.</p>
</div>
</div>
</aside>
<section id="about">
<h1>About our company</h1>
<p>
The amount of by-products has increased hundreds of times over the past
decade, which required new approaches to solving this issue.
</p>
<p>
The Ucoil Research and Production Enterprise was established to develop
and implement fundamentally new approaches for the development of
by-products of oil production (fusions, tank slops, hydrofusions,
sapstocks). In our practice, we do not use word "wastes", because these
products are raw materials for obtaining high-tech products of export
quality. The company includes experienced specialists in the field of
chemistry, microbiology, technology, chemists, physicists,
microbiologists, experienced technologists and skilled workers.
</p>
<p>
Ucoil fundamentally differs from others by complexity of approaches and
the originality of technical and technological solutions, also
complaining requirements of the market and the economic situation.
</p>
</section>
<aside class="container relative">
<div class="showup">
<div class="showup__item bg-darkgreen">
<h3>
Byproducts of oil production
</h3>
<img
src="/src/icons/byprod-of-oil-production.svg"
alt="Byproducts of oil production"
/>
<p>Purchases by-products of oil production.</p>
</div>
<div class="showup__item bg-lightgreen">
<h3>
Fatty Acids
</h3>
<img src="/src/icons/oil-barrel.svg" alt="Fatty Acids" />
<p>Services for the processing of oils and fats for fatty acids.</p>
</div>
<div class="showup__item bg-salad">
<h3>
Oil processing
</h3>
<img src="/src/icons/oil-processing.svg" alt="Oil processing" />
<p>
Processes substandard oils up to the quality requirements of the
customer.
</p>
</div>
</div>
</aside>
<section id="products" class="bg-main">
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<div class="products__item">
<img
src="/src/images/vegetable.jpg"
alt="Olive oil is poured into a bowl"
/>
<h3>Vegetable</h3>
<p class="products__description">
"Ucoil" buys substandard vegetable oils with increased
phosphotide indices, impurities of acid number, peroxide number.
We also buy fat-and-oil mixtures with substandard indicators.
</p>
</div>
</div>
<div class="col-12 col-md-6">
<div class="products__item">
<img
src="/src/images/animal-fat.jpg"
alt="Pigs running through the forest"
/>
<h3>Animal fat</h3>
<p class="products__description">
Our company buys animal fats of different quality, so we
purchase sapappocks of animal fats. We also provide services for
cleaning and processing animal fats to customer requirements.
</p>
</div>
</div>
<div class="col-12 col-md-6">
<div class="products__item">
<img
src="/src/images/used-cooking-oil.jpg"
alt="French fries fried in a deep fryer"
/>
<h3>Used cooking oil</h3>
<p class="products__description">
Our company is engaged in the collection of frying oils and
fats. At present, we have a ramified collection network in the
Kherson, Mykolayiv, Odessa regions. We are glad to cooperate
with new customers. For you, we provide convenient containers,
flexible pricing policy and a schedule for the export of frying
oil
</p>
</div>
</div>
<div class="col-12 col-md-6">
<div class="products__item">
<img
src="/src/images/fatty-acids.jpg"
alt="Drop of oil under the microscope"
/>
<h3>Fatty acids</h3>
<p class="products__description">
"Ucoil" is currently the leader in the production of high
quality fatty acids. The uniqueness of our technology lies in
the fact that we receive the product with low-temperature
processing, which allows us to provide high consumer properties
of the product. We provide services for the processing of oils
and fats for fatty acids.
</p>
</div>
</div>
<div class="col-12 col-md-6">
<div class="products__item">
<img
src="/src/images/byproducts.jpg"
alt="Iron barrels on the wall background"
/>
<h3>Byproducts of oil production</h3>
<p class="products__description">
Our company purchases by-products of oil production (fusions,
tanks, skeletons, hydrofuse, soapstock). We provide services for
cleaning terminals and containers. We have work experience, own
transport, a device for cleaning the tanks.
</p>
</div>
</div>
<div class="col-12 col-md-6">
<div class="products__item">
<img
src="/src/images/oil-processing.jpg"
alt="Woman pours liquid into a flask"
/>
<h3>Oil processing</h3>
<p class="products__description">
We also process substandard oils up to the quality requirements
of the customer, produces from oils fatty acids, fat and oil
mixtures, mixtures of vegetable and fatty acids.
</p>
</div>
</div>
</div>
</div>
</section>
<form id="contact-form">
<div class="container">
<div class="row">
<div class="col-12">
<h3 class="contact-form__title">Write to us!</h3>
</div>
<div
id="contact-form__fields"
class="col-12 col-md-6 d-flex flex-column"
>
<label for="first-name">First name:</label>
<input
class="contact-form__input"
type="text"
id="first-name"
name="first-name"
placeholder="John"
/>
<p id="first-name-error"></p>
<label for="last-name">Last name:</label>
<input
class="contact-form__input"
type="text"
id="last-name"
name="last-name"
placeholder="Doe"
/>
<p id="last-name-error"></p>
<label for="email">Email:</label>
<input
class="contact-form__input"
type="text"
id="email"
name="email"
placeholder="[email protected]"
/>
<p id="email-error"></p>
</div>
<div class="col-12 col-md-6 d-flex flex-column">
<label for="description">Description:</label>
<textarea
class="contact-form__textarea"
id="description"
name="description"
></textarea>
<p id="description-error"></p>
<button
id="submit-button"
class="contact-form__button"
type="submit"
>
Submit
</button>
<p id="submit-error"></p>
</div>
</div>
</div>
</form>
<footer id="contacts">
<div class="container">
<div class="row mr-0 ml-0">
<div class="col-md-4 contacts__item">
<div class="contacts__item__icon">
<img src="/src/icons/call.svg" alt="" /><span>Phone:</span>
</div>
<a href="tel:+380675570811">+380 67 557 08 11</a>
</div>
<div class="col-md-4 contacts__item">
<div class="contacts__item__icon">
<img src="/src/icons/email.svg" alt="" /><span>Email:</span>
</div>
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div class="col-md-4 contacts__item">
<div class="contacts__item__icon">
<img src="/src/icons/location.svg" alt="" /><span>Location:</span>
</div>
<a target="_blank" rel="noopener noreferrer" href="https://www.google.com/maps/place/Mykhailivska+St,+18,+Kalanchak,+Khersons'ka+oblast,+Ukraine,+75800/@46.2548453,33.286348,17z/data=!3m1!4b1!4m5!3m4!1s0x40c162a2a6f79691:0x6a281630e76ae860!8m2!3d46.2548453!4d33.2885367">
Kherson, Mykhailivska street nr. 18, postal code - 73000
</a>
</div>
</div>
</div>
<hr />
<p id="contacts__copyright">All rights reserved © Ucoil 2020</p>
</footer>
<script src="/src/js/script.js"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script>
</body>
</html>