-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
339 lines (311 loc) · 19.7 KB
/
index.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
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!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>Knowledge Units</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon"/>
<script type="text/javascript" src="js/particles.js"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/animate.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar fixed-top navbar-expand-lg">
<a class="navbar-brand" href="#"><img src="images/logo.svg"></a>
<button class="navbar-toggler ml-auto custom-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-auto">
<a class="nav-item nav-link" href="#main">HOME <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#contact">ABOUT</a>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
WHAT WE DO
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="content.html">CONTENT UNIT</a>
<a class="dropdown-item" href="studio.html">STUDIO UNIT</a>
<a class="dropdown-item" href="development.html">DEVELOPEMENT UNIT</a>
</div>
</li>
<a class="nav-item nav-link" href="#clients">IN THE NEWS</a>
<a class="nav-item nav-link" href="careers.html">CAREERS</a>
<a class="nav-item nav-link spec" href="#form">CONTACT</a>
</div>
</div>
</nav>
<section class="main" id="main">
<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel" data-slide-to="0" class="active"></li>
<li data-target="#carousel" data-slide-to="1"></li>
<li data-target="#carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" >
<div class="carousel-item active">
<div class="row" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<span class="mh"><h1>Design.. Engage..<span class="mh-hide"><br></span> Accelarate..</h1></span>
</div>
<div class="row"data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<a href="#heart"><button>EXPLORE MORE</button></a>
</div>
</div>
<div class="carousel-item "style="background:url(images/uxui.png); background-size:cover; background-repeat: no-repeat; background-position:50%;">
<div class="row" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<h1>App UI/UX Design</h1>
<p>
Mobile and Web applications with immersive UX for better engagement and awesome experience
</p>
</div>
<div class="row"data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<a href="#heart"><button>EXPLORE MORE</button></a>
</div>
</div>
<div class="carousel-item" style="background:url(images/content\ strategy.png); background-size:cover; background-repeat: no-repeat;">
<div class="row" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<h1>Content Strategy</h1>
<p>
Leverage the power of engaging content and storytelling for increased conversions
</p>
</div>
<div class="row" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<a href="#heart"><button>EXPLORE MORE</button></a>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
</header>
<section class="contact" id="contact" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<div class="row">
<div class="col-lg-8">
<h1><span>Ou</span>r Story</h1>
<p>
An All-in-one Creative agency that takes care of all your creative needs under one umbrella. Our offer extends to businesses wishing to expand and grow in both Strategy and Execution.
<br>
<br>
Knowledge Units believes in the use of words, concept and ideology to structure a companies brand identity and provide them with a holistic approach towards their goal of establishing a digital footprint catering to all sections of the industry.
<br>
<br>
Our Knowledge Units umbrella shelters multiple subunits. Each Unit in Knowledge Units plays a pivotal role in transforming its customer’s digital journey. Knowledge Units is the root and its units are the stems. The Knowledge Units group comprises of three main units: <br>
• Studio Unit: Design is one of the core ingredients of any type of product. Whether it is creation of UI/UX prototyping, wire framing, digital arts, etc. we can be your partners to take your product to the next level in terms of user experience and design <br>
• Content Unit: Powerful storytelling through digital medium is the pillar on which the content unit is built. Our members work in tandem with CMOs to transform their marketing and digital roadmaps into reality. <br>
• Development Unit: We’re still developing this unit because who does not want a sustainable, scalable platform with effective content and smooth designs.
<br>
<br>
Do you have a new product that needs to go to market? Have an exciting idea that you would like to turn into a profitable web site? Need more web traffic? How about a new and grassroots way to promote your business? Let us champion your brand while turning your ideas into genius.
</p>
<a href="#form"><button data-aos="fade-right" data-aos-easing="ease-in-sine">Contact Us</button> </a>
</div>
<div class="col-lg-4">
<div class="d-flex wrap bd-highlight" data-aos="fade-right" data-aos-easing="ease-in-sine">
<div class="p-2 flex-shrink-1 bd-highlight"><img src="images/1.png" alt=""></div>
<div class="p-2 w-100 bd-highlight data">
<h1>4+</h1>
<p>Years of Experience</p>
</div>
</div>
<div class="d-flex wrap bd-highlight" data-aos="fade-right" data-aos-easing="ease-in-sine">
<div class="p-2 flex-shrink-1 bd-highlight"><img src="images/2.png" alt=""></div>
<div class="p-2 w-100 bd-highlight data">
<h1>20+</h1>
<p>Projects finished</p>
</div>
</div>
<div class="d-flex wrap bd-highlight" data-aos="fade-right" data-aos-easing="ease-in-sine">
<div class="p-2 flex-shrink-1 bd-highlight"><img src="images/4.png" alt=""></div>
<div class="p-2 w-100 bd-highlight data">
<h1>1500+</h1>
<p>Days Worked</p>
</div>
</div>
<div class="d-flex wrap bd-highlight" data-aos="fade-right" data-aos-easing="ease-in-sine" >
<div class="p-2 flex-shrink-1 bd-highlight"><img src="images/3.png" alt=""></div>
<div class="p-2 w-100 bd-highlight data">
<h1>20+</h1>
<p>Clients Satisfied</p>
</div>
</div>
</div>
</div>
</section>
<section class="heart" id="heart" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" >
<div id="particles-js" style="background:#09003b;"></div>
<br>
<div class="row">
<h1>Wha<span>t we</span> do</h1>
</div>
<div class="row">
<p>
Each Unit in Knowledge Units plays a pivotal role in transforming its customer’s digital journey.
Our passionate team comprises of digital thinkers, content experts, and creative technologists
who have experience working with clients, ranging from new-age startups to large-scale
organizations. Hover to know move.
</p>
</div>
<div class="row">
<div class="col-lg-4 floating1 tech" r="content.html">
<a href="content.html"><img src="images/contentunitwhite.png"></a>
<span class="cont" id='cont'>
<ul>
<a href="content.html"> <li>⇎ Content Strategy</li> </a>
<a href="content.html"> <li>⇎ Digital Marketing</li> </a>
<!-- <li>⇎ Search Engine Optimisation</li> -->
<a href="content.html"> <li>⇎ Search Engine Opitimisaton</li> </a>
</ul>
</span>
</div>
<div class="col-lg-4 floating2 tech1" >
<a href="development.html"><img src="images/developmentwhite.png"></a>
<span class="cont" id='cont'>
<p>
<!-- <a href="content.html" style="color: white; text-decoration: none;">⇎ Content Unit</a><br>
<a href="studio.html" style="color: white; text-decoration: none;">⇎ Studio Unit</a>-->
</p>
</span>
</div>
<div class="col-lg-4 floating3 tech2">
<a href="studio.html"><img src="images/studiowhite.png" ></a>
<span class="cont" id='cont'>
<ul>
<!-- <li>⇎ User Experience Design</li> -->
<a href="studio.html"> <li>⇎ User Experience Design</li> </a>
<a href="studio.html"> <li>⇎ User Interface Design</li> </a>
<!-- <li>⇎ User Interface Design</li> -->
<!-- <li>⇎ Commercial Arts</li> -->
<a href="studio.html"> <li>⇎ Commercial Arts</li> </a>
<!-- <li>⇎ Creative Arts</li> -->
<a href="studio.html"> <li>⇎ Creative Arts</li> </a>
</ul>
</span>
</div>
</div>
</section>
<section class="clients-car animate-area" id="clients" >
<h2>Custo<span>mer</span> Story</h2>
<div class="row" id='floating' >
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-aos="zoom-in-up" data-aos-duration="1500">
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<div class="item carousel-item active">
<div class="img-box"><img src="images/himanshu.png" alt=""></div>
<p class="testimonial">Knowledge units follows a sophisticated structure while catering to our branding needs and we appreciate the ideology that it created for the company. </p>
<p class="overview"><b>Himanshu Kapashi</b>Head at <a href="www.schoolwards.in">Schoolwards</a></p>
</div>
<!--
<div class="item carousel-item">
<div class="img-box"><img src="" alt=""></div>
<p class="testimonial">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante. Vestibulum idac nisl bibendum scelerisque non non purus. Suspendisse varius nibh non aliquet.</p>
<p class="overview"><b>Paula Wilson</b>Media Analyst at <a href="#">SkyNet Inc.</a></p>
</div>
<div class="item carousel-item">
<div class="img-box"><img src="" alt=""></div>
<p class="testimonial">Vestibulum quis quam ut magna consequat faucibus. Pellentesque eget nisi a mi suscipit tincidunt. Utmtc tempus dictum risus. Pellentesque viverra sagittis quam at mattis. Suspendisse potenti. Aliquam sit amet gravida nibh, facilisis gravida odio. Phasellus auctor velit.</p>
<p class="overview"><b>Antonio Moreno</b>Web Developer at <a href="#">Circle Ltd.</a></p>
</div> -->
</div>
</div>
</div>
</section>
<section class="form-sec" id="form">
<h1>Con<span>tac</span>t Us</h1>
<script type="text/javascript">var submitted=false;</script>
<iframe name="hidden_iframe" id ="hidden_iframe" style="display: none;" onload="if(submitted){window.location='thankyou.html';}"></iframe>
<form action="https://docs.google.com/forms/d/e/1FAIpQLSelCfT3zZuhtltVj7TDNl40MJc9hd_WPwsupG3zrAwub4GYtQ/formResponse" target="hidden_iframe" method="POST" onsubmit="submitted=true; " id="myForm">
<div class="row">
<div class="form-group col-lg-6 offset-md-3">
<label for="name">Name :</label>
<br>
<input id="name" name="entry.644216507" class="form-control" type="Text">
<br>
<label for="email">Email :</label>
<br>
<input id="email" class="form-control" name="entry.28759313" type="email">
<br>
<label for="Phone">Phone :</label>
<br>
<input id="Phone" class="form-control" name="entry.223199884" type="Text">
<br>
<label for="area" >Message :</label>
<br>
<textarea class="form-control" rows="5" name="entry.556658489" ></textarea>
</div>
</div>
<a><button type="submit">Send Message</button></a>
</form>
</section>
<section class="message">
<div class="row">
<h3> Want to start a project with us? Let's start!! <button> START NOW!</button></h3>
</div>
</section>
<footer>
<div class="row">
<div class="col-lg-4 abt">
<img src="images/logo.svg">
<p>
An all-in-one creative agency based out of Pune, India, that takes care of all your creative, branding and marketing needs.
</p>
</div>
<div class="col-lg-4 lin">
<div class="row">
<div class="col-lg-4">
<h3> QUICK LINKS</h3>
<a href="#main">HOME</a>
<a href="#contact">ABOUT</a>
<a href="#heart">WHAT WE DO</a>
<a href="#clients">IN THE NEWS</a>
<a href="careers.html">CAREERS</a>
<a href="#form">CONTACT US</a>
</div>
<div class="col-lg-8 lin1">
<h3>CONTACT US</h3>
<p>
Marisoft I, EFC Business Center, 4th Floor, Marigold IT Park, Kalyani Nagar, Pune, Maharashtra 411014
<br><br>
+91-20-3059-1500
<br><br>
</p>
</div>
</div>
</div>
<div class="col-lg-4 cal">
<h3>NEWS LETTER</h3>
<b>Subscribe to our Newsletter and get latest updates</b>
<input type="email" value="Email Address">
<button>Submit</button>
</div>
</div>
</footer>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/design.js"></script>
</body>
</html>