forked from Dharanish-PM/ES_
-
Notifications
You must be signed in to change notification settings - Fork 0
/
work.html
239 lines (229 loc) · 12.1 KB
/
work.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
<!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>Our Work</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<!--flaticon cdn-->
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css'>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<nav class="navbar navbar-expand-xl navbar-dark py-3 fixed-top">
<div class="container">
<a href="./index.html" id="img-link">
<img class="d-xl-none" src="./img/ES-logo.webp" alt="ES-logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navmenu">
<ul class="navbar-nav mx-auto">
<li class="nav-item tag">
<a href="index.html" class="nav-link ">Overview</a>
</li>
<li class="nav-item tag">
<a href="work.html" class="nav-link ">Our Work</a>
</li>
<li class="nav-item tag">
<a href="people.html" class="nav-link ">Our People</a>
</li>
<a href="./index.html" id="img-link">
<img class="d-none d-xl-block" src="./img/ES-logo.webp" alt="ES-logo">
</a>
<li class="nav-item tag">
<a href="insights.html" class="nav-link ">Our Insights</a>
</li>
<li class=" nav-item tag">
<a href="career.html" class="nav-link ">Career</a>
</li>
<li class="nav-item tag">
<a href="contactus.html" class="nav-link ">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!--WOrk Showcase-->
<section style="margin-top: 8rem;" class=" work-showcase px-5 pt-5 text-center text-sm-start">
<div class="container">
<div class="d-flex align-items-center justify-content-between">
<div class="show">
<h1>“Most people spend more time and energy going around problems than in trying to solve them.”
</h1>
<p> -Henry Ford</p>
</div>
</div>
</div>
</section>
<div class="container">
<div class="line"></div>
</div>
<!--4 cards-->
<section class="cards py-5">
<div class="container text-sm-start text-center justify-content-center">
<div class="row g-5">
<div class="card-section p-4 col-lg-4 col-sm-6" style="height: 450px;">
<img class="my-3 w-75 " style="border-radius:20px" src="./img/real.webp"
alt="Real-World Expertise">
<h5 style="font-weight: bolder;">Real-World Expertise</h5>
<div>Our network of experts is augmented by a team irrespective of the time zones
and demographics of the world and can identify and recruit the professionals who meet
your needs.</div>
</div>
<div class="card-section p-4 col-lg-4 col-sm-6" tyle="height: 450px;">
<img class="my-3 w-75 " style="border-radius:20px" src="./img/focus.webp"
alt="Focused Research Methodologies">
<h5 style="font-weight: bolder;">Focused Research Methodologies</h5>
<div href="">ES’s qualitative and quantitative research methodologies help you field-test
and refine your strategies so you can make informed recommendations for your
clients.</div>
</div>
<div class="card-section p-4 col-lg-4 col-sm-6" tyle="height: 450px;">
<img class=" my-3 w-75 " style="border-radius:20px" src="./img/personal.webp"
alt="Personalized Service">
<h5 style="font-weight: bolder;">Personalized Service</h5>
<div href="">Our service professionals and market research experts work with your team to
create a tailored research approach, helping you get answers to your most pressing
questions.</div>
</div>
</div>
<div class="line"></div>
</div>
</section>
<!--Our Consulting elements-->
<section class="py-3">
<div class="container text-center ">
<div
class="card-section row py-2 g-4 text-sm-start text-center justify-content-between align-items-center ">
<div class="col-md-5">
<img class="img-fluid w-20 mb-3" src="./img/consult.webp" alt="Main area of work"
style="border-radius:20px">
</div>
<div class="col-md-7 ">
<h3 style="text-decoration: none;"><strong style="font-family: Cinzel;">The 4 Main ES’s Dimensions a
Consulting Agreement Usually Covers:</strong></h3>
<p class="h5 mt-2 pb-3 " style="line-height: 30px;">
<ul>
<li class="m-2">Statement of Work, what will be done during the project,</li>
<li class="m-2"> Terms and Conditions, what will be paid and how,</li>
<li class="m-2"> Rules for delivery, how the work will be done,</li>
<li class="m-2"> Deviation measures, what will be done if there is an issue.</li>
</ul>
</p>
</div>
</div>
</div>
</section>
<div class="container">
<div class="line"></div>
</div>
<!--Functions-->
<section class="cards py-5">
<div class="container text-sm-start text-center justify-content-center align-items-center">
<h2 class="mt-3 mb-5 text-center">Our Functions</h2>
<div class="row mt-3 justify-content-center text-center">
<div class="card-section col-lg-4 col-sm-6" tyle="height: 375px;">
<img class="my-3 w-75 " src="./img/digi.webp" alt="Digital">
<h5 style="font-weight: bolder;">Digital</h5>
</div>
<div class="card-section col-lg-4 col-sm-6" tyle="height: 375px;">
<img class="my-3 w-75 " src="./img/opera.webp" alt="Operational">
<h5 style="font-weight: bolder;">Operational</h5>
</div>
<div class="row justify-content-center text-center">
<div class="card-section col-lg-4 col-sm-6" tyle="height: 375px;">
<img class="my-3 w-75 " src="./img/finan.webp" alt="Financial">
<h5 style="font-weight: bolder;">Financial</h5>
</div>
<div class="card-section col-lg-4 col-sm-6" tyle="height: 375px;">
<img class="my-3 w-75 " src="./img/busdevel.webp" alt="Business Development">
<h5 style="font-weight: bolder;">Business Development</h5>
</div>
</div>
<div class="line"></div>
</div>
</section>
<section>
<div class="container text-sm-start text-center ">
<h2 class="mb-3" style="font-family: Cinzel;">INDUSTRIES</h2>
<ul>
<li>Agriculture</li>
<li>Consumer Packaged Goods</li>
<li>Education</li>
<li>Technology,Media and Telecommunication</li>
<li>Automotive and Assemblyt</li>
<li>Financial Consultant</li>
</ul>
<div class="line"></div>
</div>
</section>
<section class="cards pb-5">
<div class="container text-center">
<h4 class="mb-4 mt-4"><strong>CLIENT CAPABILITIES NETWORK</strong> </h4>
</div>
<div class="container text-center justify-content-center">
<div class="row text-sm-start">
<div class="card-section col-lg-4 col-sm-6">
<img class="my-4 w-75 " src="./img/dire.webp" alt="Direct Placement">
<h4><strong>Direct Placement</strong></h4>
<p>Insight Recruiting is trusted by leaders across industries to recruit qualified, charismatic
candidates to run the
crucial infrastructure of their organizations. We place candidates across functions like
finance, client services,
operations and administration..</p>
</div>
<div class="card-section col-lg-4 col-sm-6">
<img class="my-4 w-75 " src="./img/staff.webp" alt="Temporary Staffing">
<h4><strong>Temporary Staffing</strong></h4>
<p>From long-standing businesses, to innovative new brands, Insight Recruiting will find the right
solution to every
problem - from short-term leave assignments to highly specialized project management expertise.
</p>
</div>
<div class="card-section col-lg-4 col-sm-6">
<img class="my-4 w-75 " src="./img/plan.webp" alt="Strategic Planning">
<h4><strong>Strategic Planning / Executive Search</strong></h4>
<p>The future of work is changing. Let Insight discover your organization’s next change-makers and
guide your business’
next era of growth. Contact Insight to build a strategic hiring plan in 2021 (and beyond).</p>
</div>
</div>
<div class="line"></div>
</div>
</section>
<!--contact-->
<section class="contact mt-2 py-5 bg-light" id="contact">
<div class="container">
<div class="d-flex justify-content-between">
<h1 style="font-family: Cinzel;"><strong>Connect with EpicSense</strong></h1>
<a href="./contactus.html"><button class="btn btn-secondary"><i
class="fa-solid fa-envelope"></i><strong> Contact
</strong> </button></a>
</div>
<div class="line"></div>
<div class="mt-4">
<a href="./contactus.html">Contact us</a>
<a href="./contactus.html">FAQ</a>
<a href="./privacy.html">Privacy policy</a>
<a href="./cookies.html">Cookie preferences</a>
</div>
<div class=" mt-3">
<a href="">Terms of use</a>
<a href="">Local language information</a>
</div>
<div class="mt-4">
<a href=""><i class="fa-brands fa-twitter fa-2x "></i>Twitter</a>
<a href=""><i class="fa-brands fa-facebook fa-2x"></i>Facebook</a>
<a href=""><i class="fa-brands fa-linkedin fa-2x"></i>LinkedIn</a>
</div>
</div>
</section>
<!--fontawesome-->
<script src="https://kit.fontawesome.com/f330e21c61.js" crossorigin="anonymous"></script>
<script src=" https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>