-
Notifications
You must be signed in to change notification settings - Fork 0
/
product.html
250 lines (244 loc) · 12.1 KB
/
product.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Arka Energy Iranian</title>
<link href="https://fonts.googleapis.com/css?family=Lato|Merriweather" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
crossorigin="anonymous">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="CSS/main.css">
<link rel="stylesheet" href="CSS/product.css">
<script>
function menuToggler(x) {
x.classList.toggle("change");
}
function openOverlay() {
document.getElementById("overlayMenu").classList.toggle("overlayVisible");
document.getElementById("menuToggle").classList.toggle("fix");
}
</script>
</head>
<body>
<button onclick="topFunction()" id="totop_btn" title="Go to top">
<i class="material-icons">arrow_upward</i>
</button>
<!-- Overlay Menu -->
<div id="overlayMenu">
<div>
<div class="overlay-text">
<a class="bungee-shade w3-hover-text-yellow" href="index.html">Home</a>
<a class="bungee-shade w3-hover-text-yellow" href="aboutus.html">About Us</a>
<a class="bungee-shade w3-hover-text-yellow" href="index.html#service">Services</a>
<a class="bungee-shade w3-hover-text-yellow" href="product.html">Products</a>
<a class="bungee-shade w3-hover-text-yellow" href="contactus.html">Contact Us</a>
</div>
</div>
</div>
<!-- End of Overlay Menu -->
<!-- Header -->
<header id="product-header">
<!-- Navbar -->
<nav>
<a class="brand" href="index.html">
<img src="IMAGES/Logo/arka-or.png" alt="">
</a>
<div class="topnav" id="myTopnav">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="aboutus.html">About Us</a>
</li>
<li>
<a href="index.html#service">Services</a>
</li>
<li>
<a href="product.html" class="active">Products</a>
</li>
<li>
<a href="contactus.html">Contact Us</a>
</li>
</ul>
</div>
<div id="menuToggle" onclick="menuToggler(this), openOverlay()">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</nav>
<!-- End of Navbar -->
<section id="intro-header" class="row">
<div class="col-md-12 col-lg-6">
<h1>What Are Our
<br> Products
</h1>
</div>
<div class="col-md-12 col-lg-6">
<p>AEI is a leading supplier of equipment to the Oil & Gas Industries in Iran.</p>
</div>
</section>
</header>
<!-- End of Header -->
<!-- Product Description -->
<section id="product-description">
<div id="description-header" class="row">
<h1 class="col-md-12 col-lg-2 align-self-center">We</h1>
<p class="col-md-12 col-lg-10">offer a wide range of products especially but not limited to the process sectors of Oil Refineries, Petrochemical
Plants, and Gas Refineries. </p>
</div>
<div id="product-introduction">
<section class="row">
<div class="col-xl-sm-12 row">
<div class="col-md-12 col-lg-6 product-content">
<h2>Shall & Tube, and Breech
<br>lock Heat Exchangers </h2>
<p>Special shell, and tube Heat Exchangers for applications in the process sector of Oil and Gas Refineries,
and Petrochemical Industries including Harpin Type, and Breech Lock Exchangers. The offered Heat
exchangers are specially used in severe conditions in terms of high temperature, pressure, and
corrosive environments. Their material can range from carbon steel to exotic alloys based on
customer requirements.</p>
</div>
<div class="col-md-12 col-lg-6 product-image align-self-center">
<img src="IMAGES/Products/BreechLock-and-shall.png" alt="">
</div>
</div>
<div class="col-xl-sm-12 row">
<div class="col-md-12 col-lg-6 product-content">
<h2>Reactors</h2>
<p>High Pressure Reactors, and Pressure Vessels for different Petrochemical Processes including LDPE,
HDPE, Urea & Ammonia Plants, Methanol Plants, Fertilizer Plants etc. The offered Reactors
include Hydrotreating Heavy Wall Reactors, and Regenerators etc. to Oil Refineries.</p>
</div>
<div class="col-md-12 col-lg-6 product-image order-lg-first align-self-center">
<img src="IMAGES/Products/Reactors.png" alt="">
</div>
</div>
<div class="col-xl-sm-12 row">
<div class="col-md-12 col-lg-6 product-content">
<h2>Special Process Valves</h2>
<p>Special Process Valves are used for the applications in Oil Refineries, and Petrochemical plants
for processes where severe conditions are to be met including high temperatures, high pressure,
highly corrosive environment, and special materials. The offered valves include valves for reactor
and regenerator control like spent catalyst, regen catalyst, special forged valves, line valves,
and ball valves.</p>
</div>
<div class="col-md-12 col-lg-6 product-image align-self-center">
<img src="IMAGES/Products/Special-Process-Valve.png" alt="">
</div>
</div>
<div class="col-xl-sm-12 row">
<div class="col-md-12 col-lg-6 product-content">
<h2>High Purity, calibration,
<br>and Specialty</h2>
<p>Specialty Gas mixtures with mixtures in ppm level and related balance gases, high purity gases in
grade five, and grade six level of purity, and also calibration gases supplied in Aluminum disposable
cylinders for the calibration of analyzers, detectors, and other related applications from European
Sources.
</p>
</div>
<div class="col-md-12 col-lg-6 product-image order-lg-first align-self-center">
<img src="IMAGES/Products/Speciality-Gases.png" alt="">
</div>
</div>
<div class="col-xl-sm-12 row">
<div class="col-md-12 col-lg-6 product-content">
<h2>Environmental packages
<br>for the emission control
<br>of factory tail gases</h2>
<p>Special equipment are offered for the controlling of the emissions released from factory tail gases
which are harmful for the environment. The offered equipment is able to absorb fumes, aerosols,
and particles even those particles which are below 2.5 microns. These equipment have also applications
in processes where impurities in the gas should be removed before it enters mixing processes
etc. like Sulfuric Acid plants</p>
</div>
<div class="col-md-12 col-lg-6 product-image align-self-center">
<img src="IMAGES/Products/Enviromental.png" alt="">
</div>
</div>
<div class="col-xl-sm-12 row">
<div class="col-md-12 col-lg-6 product-content">
<h2>Instrumentation</h2>
<p>Electric & Pneumatic Control Valves, Self-Acting Temperature Controls, and Controlling &
Monitoring Systems in general for controlling the flow and pressure of liquids and steam throughout
industrial process industries.</p>
</div>
<div class="col-md-12 col-lg-6 product-image order-lg-first align-self-center">
<img src="IMAGES/Products/Instrumentation.png" alt="">
</div>
</div>
<div class="col-xl-sm-12 row">
<div class="col-md-12 col-lg-6 product-content">
<h2>Cryogenic Equipment</h2>
<p>Electric & Pneumatic Control Valves, Self-Acting Temperature Controls, and Controlling &
Monitoring Systems in general for controlling the flow and pressure of liquids and steam throughout
industrial process industries.</p>
</div>
<div class="col-md-12 col-lg-6 product-image align-self-center">
<img src="IMAGES/Products/Cryogenic.jpg" alt="">
</div>
</div>
</section>
</div>
</section>
<!-- End of Product Description -->
<!-- Footer -->
<footer>
<div id="footer-logo">
<img src="IMAGES/Logo/arka-white.png" alt="Arka Energy Iranian Logo">
<hr>
<address>
Our Address:
<br> 3rd Apt, No.32, Shahid Hoseini St.,
<br> Karimkhan Zand Ave
<br> Tehran - Iran
<br> P.C.1585696995
</address>
</div>
<div id="footer-contact">
<div class="row">
<div class="col-sm-12 col-md-6">
<img src="IMAGES/Contact-us/email.svg" alt="">
<h5>E-Mail US</h5>
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div class="col-sm-12 col-md-6">
<img src="IMAGES/Contact-us/phone.svg" alt="">
<h5>Call US</h5>
<a href="callto:+982188140672">+9821 8814 0672 - 3</a>
</div>
</div>
</div>
<div id="footer-nav">
<nav>
<a href="index.html">Home</a>
<a href="aboutus.html">About Us</a>
<a href="index.html#service">Services</a>
<a href="product.html">Products</a>
<a href="contactus.html">Contact Us</a>
</nav>
<p>2021 ARKA ENERGY IRANIAN All Rights Reserved
<br> Designed and Maintained By Shayan Dadman</p>
</div>
</footer>
<!-- End of Footer -->
<!-- Top Button Function -->
<script>
window.onscroll = function () { scrollFunction() };
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("totop_btn").style.display = "block";
} else {
document.getElementById("totop_btn").style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</body>
</html>