-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathclient.html
116 lines (107 loc) · 6.48 KB
/
client.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clients - Union Steel Website</title>
<link rel="icon"
href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQafA46x8q0GJth4YDI84f7cRBozQC6pSpPgwR0MnnoVA&s">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
</head>
<body>
<header>
<div class="div1"><a href="index.html">HOME</a></div>
<div class="div2"><a href="company.html">COMPANY</a></div>
<div class="div3"><a href="certified.html">CERTIFICATIONS</a></div>
<div class="div4"><a href="quality.html">QUALITY</a></div>
<div class="div5"><a href="product.html">PRODUCTS</a></div>
<div class="div6"><a href="#">CLIENTS</a></div>
<div class="div7"><a href="project.html">PROJECTS</a></div>
<div class="div8"><a href="contact.html">CONTACT</a></div>
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-instagram"></i>
</header>
<div class="video">
<img class="con" src="./images/back-logo-2.jpg" alt="">
<div class="opacity4"></div>
<div class="header">
<img src="./images/header-logo.jpg" alt="">
<span class="nom"> 021688247295-1--021-32594666--03422703531 | sales@unionsteels.com.pk</span>
<div class="icon2"><i class="fa-solid fa-magnifying-glass"></i> <i class="fa-solid fa-bars"></i> </div>
</div>
<div class="box"></div>
<div class="quality">Clients.</div>
</div>
<div class="cer" style="background-color: rgb(231, 224, 224);width: 99%; height: 450px;">
<div class="heading-cer" style="padding: 40px;">
<p id="sub-h">Our Clients, <br>Our Pride.</p>
<br>
<h2 id="head">
We believe in <br> gaining our <br> customers' <br> trust.</h2>
<hr class="line1">
</div>
<div class="para" style=" word-spacing: 2px; letter-spacing: 1px; width: 80%; margin-top: -350px; margin-left: 200px;">
<p>We are providing High Grade Steel Bars to all the sectors of the economy, and, to all four corners of
Pakistan. We strive to work together to build our country and also educate the customers about their
Construction Projects.</p>
<p>Having achieved and exhibited a reputable position through constructive and genuine approach in business
processes, Union Steel Industries reinforces its position by building closer relationships with its
customers each and every year.</p>
<br><br><br>
</div>
</div>
<br><br>
<div class="client-img" style="width: 80% ; text-align: center; align-items: center; padding: 20px; margin-left: 40px;">
<div class="c-img" > <img src="./images/logo-1.jpg" style="height: 140px; width: 180px;" alt="">
</div>
<div class="c-img "> <img src="./images/i.jpg" style="height: 140px; width: 180px;" alt="">
</div>
<div class="c-img "> <img src="./images/logo-3.jpg" style="height: 140px; width: 180px;" alt="">
</div>
<div class="c-img " style="border-right: none;"> <img src="./images/logo-4.jpg" style="height: 140px; width: 180px; " alt=""> </div>
<div class="c-img"> <img src="./images/logo-5.jpg" style="height: 140px; width: 180px;" alt="">
</div>
<div class="c-img"> <img src="./images/logo-6.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img "> <img src="./images/logo-7.jpg" style="height: 140px;" alt=""></div>
<div class="c-img " style="border-right: none;"> <img src="./images/logo-8.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img "> <img src="./images/logo-9.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img"> <img src="./images/logo-10.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img"> <img src="./images/logo-11.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img" style="border-right: none;"> <img src="./images/logo-12.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img"> <img src="./images/logo-13.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img"> <img src="./images/logo-14.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img"> <img src="./images/logo-15.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img" style="border-right: none;"> <img src="./images/logo-16.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img"> <img src="./images/logo-17.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img"> <img src="./images/logo-18.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img"> <img src="./images/logo-19.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img" style="border-right: none;"> <img src="./images/logo-20.jpg" style="height: 140px; width: 180px;" alt=""></div>
<div class="c-img" style="border-bottom: none;"> <img src="./images/logo-21.jpg" style="height: 140px; width: 180px;" alt="">
</div>
<div class="c-img" style="border-bottom: none;"> <img src="./images/logo-22.jpg" style="height: 140px; width: 180px;" alt="">
</div>
<div class="c-img" style="border-bottom: none;"> <img src="./images/logo-23.jpg" style="height: 140px; width: 180px;" alt="">
</div>
<div class="c-img " style="border-right: none; border-bottom: none;"> <img src="./images/logo-24.jpg" style="height: 140px; width: 180px;" alt=""> </div>
</div>
<div class="small-footer">
<div class="copy">
Copyright © Union Steel Industries. All Rights Reserved. <br>
Designed & Powered by: <span> BIZNET SOUTIONS</span>
</div>
<div class="pages">
<ul><li><a href="index.html">Home</a></li>
<li><a href="company.html">Company</a></li>
<li><a href="certified.html">Certifications</a></li>
<li><a href="quality.html">Quality</a></li>
<li><a href="product.html">Products</a></li>
<li><a href="client.html">Client</a></li>
<li><a href="project.html">Project</a></li>
<li><a href="contact.html">Conatct</a></li></ul>
</div>
</div>
</body>
</html>