-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproducts.html
204 lines (193 loc) · 9.99 KB
/
products.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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Produkte - A. Albert GmbH</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="container">
<a href="index.html" class="logo">
<img src="images/albert-logo.jpg" alt="A. Albert GmbH Logo" class="logo-img" loading="eager">
</a>
<div class="nav-toggle">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-menu">
<li><a href="index.html">Home</a></li>
<li><a href="products.html" class="active">Produkte</a></li>
<li><a href="index.html#divisions">Divisions</a></li>
<li><a href="index.html#about">Über uns</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
</div>
</nav>
<!-- Services Section -->
<div class="services" id="services">
<div class="container">
<h2>Fully Integrated Services</h2>
<div class="services-grid">
<div class="service-card">
<i class="fas fa-shopping-cart"></i>
<h3>Technical Purchasing Expertise</h3>
<p>Our team of industry experts leverages their extensive knowledge to source and procure the highest-quality technical parts and solutions, ensuring that our clients have access to the tools and equipment they need to maintain efficient, safe, and reliable operations.</p>
</div>
<div class="service-card">
<i class="fas fa-link"></i>
<h3>Precise Supply Chain Management</h3>
<p>We pride ourselves on our ability to manage every aspect of the supply chain, from procurement to delivery, to ensure that our clients receive the products they need, when they need them, without any disruptions or delays.</p>
</div>
<div class="service-card">
<i class="fas fa-warehouse"></i>
<h3>Extensive Warehousing Capabilities</h3>
<p>Our state-of-the-art warehousing facilities are strategically located to provide our clients with the flexibility and accessibility they require, allowing us to respond quickly to their evolving needs and deliver the resources they need, right when they need them.</p>
</div>
</div>
</div>
</div>
<!-- Products Section -->
<div class="products" id="products">
<div class="container">
<h2>Our Product Range</h2>
<div class="product-grid">
<div class="product-card">
<img src="images/engines.jpg" alt="Engine Spare Parts">
<h3>Engine Spare Parts</h3>
<p>Comprehensive range of original spare parts for leading marine engine manufacturers.</p>
<div class="brands">
<span class="brand-tag">MAN</span>
<span class="brand-tag">Wärtsilä</span>
<span class="brand-tag">MAK</span>
<span class="brand-tag">Deutz</span>
<span class="brand-tag">MWM</span>
<span class="brand-tag">Volvo Penta</span>
<span class="brand-tag">SKL</span>
<span class="brand-tag">Pielstick</span>
<span class="brand-tag">Bergen</span>
<span class="brand-tag">CAT</span>
</div>
</div>
<div class="product-card">
<img src="images/pumps-separators.jpg" alt="Pumps, Separators, Boilers & Burners" loading="lazy">
<h3>Pumps, Separators, Boilers & Burners</h3>
<div class="product-categories">
<div class="category">
<h4>Pumps</h4>
<p>Allweiler, IMO, Flygt, Behrens, Bombas Itur, Grundfos, Kral, Speck, Seimel</p>
</div>
<div class="category">
<h4>Separators</h4>
<p>Westfalia, Alfa-Laval, APV, Sondex, GEA, API Schmidt</p>
</div>
<div class="category">
<h4>Burners</h4>
<p>Weishaupt, Oilon, Aalborg, Monarch, Suntec</p>
</div>
</div>
</div>
<div class="product-card">
<img src="images/compressors.jpg" alt="Air & Cooling Compressors">
<h3>Compressors & Spare Parts</h3>
<div class="product-categories">
<div class="category">
<h4>Air Compressors</h4>
<p>Sperre, Hatlapa, Atlas Copco, Cegielski</p>
</div>
<div class="category">
<h4>Cooling Compressors</h4>
<p>Bitzer, Bock, Danfoss, Grasso</p>
</div>
</div>
</div>
<div class="product-card">
<img src="images/turbocharger.jpg" alt="Turbochargers">
<h3>Turbochargers & Spare Parts</h3>
<p>High-performance turbochargers and genuine spare parts.</p>
<div class="brands">
<span class="brand-tag">KBB</span>
<span class="brand-tag">PHS</span>
<span class="brand-tag">ABB</span>
<span class="brand-tag">MAN</span>
</div>
</div>
<div class="product-card">
<img src="images/hydraulic.jpg" alt="Hydraulic & Pneumatic Equipment">
<h3>Hydraulic & Pneumatic Equipment</h3>
<p>Complete range of hydraulic and pneumatic solutions.</p>
<div class="brands">
<span class="brand-tag">Bosch</span>
<span class="brand-tag">Bürkert</span>
<span class="brand-tag">Mecman</span>
<span class="brand-tag">ORSTA</span>
<span class="brand-tag">Parker</span>
<span class="brand-tag">Rexroth</span>
</div>
</div>
<div class="product-card">
<img src="images/deck.jpg" alt="Deck Equipment">
<h3>Deck Equipment</h3>
<p>Comprehensive range of deck equipment including steel wires, shackles, lashing materials, fenders, and more.</p>
</div>
<div class="product-card">
<img src="images/sanitary.jpg" alt="Sanitary Systems">
<h3>Sanitary Systems</h3>
<p>Advanced sanitary solutions for marine applications.</p>
<div class="brands">
<span class="brand-tag">Evac</span>
<span class="brand-tag">Jets</span>
</div>
</div>
<div class="product-card">
<img src="images/ppe.jpg" alt="PPE Equipment">
<h3>Personal Protective Equipment</h3>
<p>High-quality safety gear and protective equipment.</p>
<div class="brands">
<span class="brand-tag">Helly Hansen</span>
<span class="brand-tag">Portwest</span>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-info">
<div class="footer-logo-container">
<img src="images/albert-logo.jpg" alt="A. Albert GmbH Logo" class="footer-logo" loading="lazy">
</div>
<p class="footer-tagline">Import & Export seit 1880</p>
</div>
<div class="footer-links">
<h3>Quick Links</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Produkte</a></li>
<li><a href="index.html#divisions">Divisions</a></li>
<li><a href="index.html#about">Über uns</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
</div>
<div class="footer-social">
<h3>Social Media</h3>
<div class="social-icons">
<a href="https://www.linkedin.com/company/albert-gmbh-bremen/" target="_blank" rel="noopener"><i class="fab fa-linkedin"></i></a>
<a href="https://www.xing.com/companies/a.albertgmbh" target="_blank" rel="noopener"><i class="fab fa-xing"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 A. Albert GmbH. Alle Rechte vorbehalten.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>