-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·227 lines (223 loc) · 9.37 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
---
layout: page
title: Home
permalink: /
---
<!-- Slider Start -->
<section id="slider">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-2">
<div class="block">
<h1 class="animated fadeInUp">A SOFTWARE DESIGN & <br>DEVELOPMENT AGENCY</h1>
<p class="animated fadeInUp">We love the work we do. We love the people we work with. We work hard to make sure we deliver the best possible solution ... every time!</p>
</div>
</div>
</div>
</div>
</section>
<!-- Wrapper Start -->
<section id="intro">
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-12">
<div class="block">
<div class="section-title">
<h2>About Us</h2>
<p>Serendevity is a custom software development company made up of highly-qualified, talented
and innovative IT professionals each with their own area of expertise. Their combined experience
covers full range of custom software development - from start ups to complex systems.
</p>
</div>
<p>The name <strong>Serendevity</strong> (ser·en·dev·i·ty | ser-ən-ˈdi-və-tē) is a wordplay on the more transcendant word <strong>Serendepity</strong>
<em>: luck that takes the form of finding valuable or pleasant things that are not looked for.
</em>
</p>
<p>Serendevity works like an extension of the client. It augments the company with a team of talent, experience, and organization. The client benefits from a team to
support its applications – a redundancy that is needed to minimize risk in running crucial applications. An individual can only excel in so many things whereas a
team is made up of professional with particular strong suits, whether they are front end, back-end, database, design, or mobile.</p>
</div>
</div><!-- .col-md-7 close -->
<div class="col-md-5 col-sm-12">
<div class="block">
<img src="img/time_cost_qual.jpg" alt="Img">
</div>
</div><!-- .col-md-5 close -->
</div>
</div>
</section>
<section id="feature">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-6" style="background-color: #ffffff; padding: 15px;">
<h3>WE BELIEVE IN GREAT IDEAS<br><em>in pursuit of great ideas<br>what matters is ...</em></h3>
<h4>Training</h4><p>A quality house comes from a team of skilled carpenters, not from amateurs. You get excellent results only from a skilled team. That's why we
constantly retrain ourselves.</p>
<h4>Mindset</h4><p>Changing a mindset changes thinking. Breaking your patterns of thinking leads to innovative ideas.</p>
<h4>Customers</h4><p>We know the best ideas come from you. We thrive when we are grounded in and sparked by consumer insights. The magic is in the melding of your business
knowledge, experiences and ideas.</p>
<h4>Process</h4><p>Generating ideas is only half the story. Selecting, refining and focusing on the best-of-the-best is equally important. That's why we
spend the time it takes and utilize expert resources to ensure the high quality of the final output.</p>
<h4>Environment</h4><p>Setting the scene is both physical and mental. By stepping out of your own offices, you literally step outside the cube you often have to think in.
Our teams t0 go into a project prepared—with common goals and open minds.</p>
<a href="#" class="btn btn-view-works">View Works</a>
</div>
</div>
</div>
</section>
<!-- Service Start -->
<section id="service">
<div class="container">
<div class="row">
<div class="section-title">
<h2>Our Services</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the
coast of the Semantics</p>
</div>
</div>
<div class="row ">
<div class="col-sm-6 col-md-3">
<div class="service-item">
<i class="icon ion-coffee"></i>
<h4>Branding</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<i class="ion-compass"></i>
<h4>Web Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<i class="ion-image"></i>
<h4>App Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<i class="ion-bug"></i>
<h4>Start Up</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<i class="ion-headphone"></i>
<h4>Logo Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<i class="ion-leaf"></i>
<h4>Development</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<i class="ion-planet"></i>
<h4>Brand Identity</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<i class="ion-earth"></i>
<h4>Brand Identity</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>
</div>
</div>
</div>
</div>
</section>
<!-- Call to action Start -->
<section id="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
<h2>We design delightful digital experiences.</h2>
<p>Read more about what we do and our philosophy of design. Judge for yourself The work and results we’ve achieved for other clients, and meet our highly experienced Team
who just love to design.</p>
<a class="btn btn-default btn-call-to-action" href="#">Tell Us Your Story</a>
</div>
</div>
</div>
</div>
</section>
<!-- Content Start -->
<section id="testimonial">
<div class="container">
<div class="row">
<div class="section-title text-center">
<h2>Fun Facts About Us</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the
coast of the Semantics</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="block">
<ul class="counter-box clearfix">
<li>
<div class="block">
<i class="ion-ios-glasses-outline"></i>
<h4 class="counter">5,010,000</h4>
<span>Lines of Code</span>
</div>
</li>
<li>
<div class="block">
<i class="ion-ios-sunny-outline"></i>
<h4 class="counter">722</h4>
<span>Delightful Mornings</span>
</div>
</li>
<li>
<div class="block">
<i class="ionicons ion-android-happy"></i>
<h4 class="counter">101</h4>
<span>Satisfied Customers</span>
</div>
</li>
<li>
<div class="block">
<i class="ionicons ion-coffee"></i>
<h4 class="counter">5</h4>
<span>Cups Of Coffee</span>
</div>
</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="testimonial-carousel">
<div id="testimonial-slider" class="owl-carousel">
<div>
<img src="img/cotation.png" alt="IMG">
<p>"Serendevity created an e-commerce site with the tools to make our business a success, with innovative ideas we feel that our site has unique elements that make
us stand out from the crowd."</p>
<div class="user">
<img src="img/item-img1.jpg" alt="Pepole">
<p><span>Rose Ray</span> CEO, XYZ Company</p>
</div>
</div>
<div>
<img src="img/cotation.png" alt="IMG">
<p>"We are we very excited with the new project. The solution was creative and timely."</p>
<div class="user">
<img src="img/item-img1.jpg" alt="Pepole">
<p><span>Ryan Redwood</span>Director IT, ABC Company</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>