-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathethos.html
160 lines (155 loc) · 5.78 KB
/
ethos.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
<!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" />
<title>ETHOS | DWC</title>
<link rel="shortcut icon" href="./icons/Logo.svg" type="image/x-icon" />
<link
href="https://fonts.googleapis.com/css2?family=Geologica:[email protected]&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/why-choose-us.css" />
</head>
<body>
<navbar-component></navbar-component>
<main>
<section class="hero" data-label="hero">
<h1>
<heading-component
text="Our Ethos"
size="72"
sizeMobile="36"
data-animate="auto"
></heading-component>
</h1>
<br />
<p>
"We at DWC are driven by strong ethos that guides our every action."
</p>
</section>
<section class="features" data-label="features">
<div class="cards">
<article class="card">
<img src="./icons/Integrity.svg" alt="" role="presentation" />
<br />
<br />
<br />
<heading-component
text="INTEGRITY"
size="32"
sizeMobile="32"
data-animate="auto"
></heading-component>
<br />
<br />
<p>
Integrity is the bedrock of our operations. We conduct ourselves
with honesty, transparency, and accountability in all our
interactions, ensuring that our clients, partners, and
stakeholders trust us implicitly. Our commitment to integrity
extends beyond words to actions, as we strive to uphold the
highest ethical standards in everything we do.
</p>
</article>
<article class="card">
<img src="./icons/Community.svg" alt="" role="presentation" />
<br />
<br />
<br />
<heading-component
text="COMMUNITY"
size="32"
sizeMobile="32"
data-animate="auto"
></heading-component>
<br />
<br />
<p>
We are more than just a construction company; we are members of
the communities we serve. We recognize the importance of giving
back and actively engage in initiatives that enrich the lives of
those around us. Whether it's supporting local charities,
promoting education, or investing in infrastructure development,
we are committed to making a positive impact and building
stronger, more resilient communities.
</p>
</article>
<article class="card">
<img src="./icons/Excellence.svg" alt="" role="presentation" />
<br />
<br />
<br />
<heading-component
text="EXCELLENCE"
size="32"
sizeMobile="32"
data-animate="auto"
></heading-component>
<br />
<br />
<p>
Excellence is not just a goal for us; it is a relentless pursuit.
From conceptualization to execution, we aim for nothing short of
perfection in every aspect of our projects. Our team of experts,
equipped with unparalleled skills and knowledge, ensures that each
structure we build is a masterpiece of craftsmanship and
innovation. We set the bar high and constantly challenge ourselves
to exceed expectations, delivering results that inspire and
endure.
</p>
</article>
<article class="card">
<img src="./icons/Sustainability.svg" alt="" role="presentation" />
<br />
<br />
<br />
<heading-component
text="SUSTAINABILITY"
size="32"
sizeMobile="32"
data-animate="auto"
></heading-component>
<br />
<br />
<p>
As stewards of the environment, we recognize the profound impact
our actions have on the world around us. That's why sustainability
lies at the heart of everything we do. From adopting eco-friendly
construction practices to integrating green technologies into our
designs, we are committed to minimizing our environmental
footprint and contributing to a more sustainable future.
</p>
</article>
<article class="card">
<img src="./icons/Collab.svg" alt="" role="presentation" />
<br />
<br />
<br />
<heading-component
text="COLLABORATION"
size="32"
sizeMobile="32"
data-animate="auto"
></heading-component>
<br />
<br />
<p>
Collaboration is key to our success. We believe in the power of
synergy, leveraging the diverse talents and perspectives of our
team, clients, and partners to achieve shared goals. By fostering
a culture of collaboration and open communication, we create an
environment where creativity flourishes, ideas thrive, and
innovation thrives.
</p>
</article>
</div>
</section>
<footer-component></footer-component>
</main>
<script src="./js/script.js" type="module"></script>
<script src="./js/animate.js"></script>
</body>
</html>