-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
243 lines (235 loc) · 12.5 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
<!--
Theme Name: starter-Responsive-Coming-Soon-Template
Author URI: http://webthemez.com/
-->
<!doctype html>
<!--[if IE 7 ]> <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]> <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]> <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>WeDevSoftware - A software development company</title>
<meta name="description" content="">
<meta name="author" content="WebThemez">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
<![endif]-->
<script src="https://cdn.jsdelivr.net/npm/flipdown@0.3.2/src/flipdown.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flipdown@0.3.2/dist/flipdown.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link href="css/animate.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/styles.css" />
<link href="font/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<nav id="mainNav">
<div id="menuToggle"><i class="fa fa-bars"></i></div>
<ul class="menuLinks">
<li class="active" id="firstLink"><a href="#home" class="scroll-link">Home</a></li>
<li><a href="#services" class="scroll-link">Services</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<li><a href="#contactUs" class="scroll-link">Contact Us</a></li>
</ul>
</nav>
<!--/.header-->
<div id="#top"></div>
<section id="home">
<div class="banner-container">
<div class="container">
<div class="row">
<!-- <div class="logo"> <img width="180" height="180" src="images/logo.png" alr='logo'/> </div> -->
</div>
<div class="heading text-center">
<div class=""> <img width="180" height="180" src="images/logo.png" alr='logo'/> </div>
<h2>Our site is coming soon!!!</h2>
<strong>Stay tuned for something amazing</strong>
</div>
<div style="display: flex; justify-content: center; align-items: center; height: 10vh;">
<div id="flipdown" class="flipdown"></div>
</div>
</div>
</div>
</section>
<section id="services" class="page-section colord">
<div class="container">
<div class="heading wow fadeInUp animated" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="row">
<div class="text-center col-sm-8 col-sm-offset-2">
<h2>Services</h2>
<p>We provide servies which ample your mind to here everytime</p>
</div>
</div>
</div>
<div class="text-center our-services">
<div class="row">
<div class="col-sm-4 wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 1000ms; -webkit-animation-duration: 1000ms; animation-delay: 300ms; -webkit-animation-delay: 300ms; animation-name: fadeInDown; -webkit-animation-name: fadeInDown;">
<div class="service-icon">
<i class="fa fa-cube"></i>
</div>
<div class="service-info">
<h3>Desiging</h3>
<p>Designing is the key to gain more user traffic on to your website which will look to your website de# to next step.</p>
</div>
</div>
<div class="col-sm-4 wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="450ms" style="visibility: visible; animation-duration: 1000ms; -webkit-animation-duration: 1000ms; animation-delay: 450ms; -webkit-animation-delay: 450ms; animation-name: fadeInDown; -webkit-animation-name: fadeInDown;">
<div class="service-icon">
<i class="fa fa-user"></i>
</div>
<div class="service-info">
<h3>Design/Web Development</h3>
<p>we develop web applications and design websites for our clients at an affordable cost. Developing a web application that enhances your online presence.</p>
</div>
</div>
<div class="col-sm-4 wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="450ms" style="visibility: visible; animation-duration: 1000ms; -webkit-animation-duration: 1000ms; animation-delay: 450ms; -webkit-animation-delay: 450ms; animation-name: fadeInDown; -webkit-animation-name: fadeInDown;">
<div class="service-icon">
<i class="fa fa-user"></i>
</div>
<div class="service-info">
<h3>Mobile App</h3>
<p>We develop mobile application for top-notch services! Access a wide range of trusted service providers in various categories.
Its user-friendly interface offers personalized recommendations, real-time booking, secure payments, and service tracking.
Get seamless customer support and experience the future of service accessibility.</p>
</div>
</div>
<div class="col-sm-4 wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="550ms" style="visibility: visible; animation-duration: 1000ms; -webkit-animation-duration: 1000ms; animation-delay: 550ms; -webkit-animation-delay: 550ms; animation-name: fadeInDown; -webkit-animation-name: fadeInDown;">
<div class="service-icon">
<i class="fa fa-cloud"></i>
</div>
<div class="service-info">
<h3>E-Commerce</h3>
<p>We develop E-Commerce websites & Software which offer a powerful combination of design and technology.
This comprehensive set of online e-commerce technology is designed to help you make the most of your new or existing business.</p>
</div>
</div>
<div class="col-sm-4 wow fadeInUp animated" data-wow-duration="1000ms" data-wow-delay="650ms" style="visibility: visible; animation-duration: 1000ms; -webkit-animation-duration: 1000ms; animation-delay: 650ms; -webkit-animation-delay: 650ms; animation-name: fadeInUp; -webkit-animation-name: fadeInUp;">
<div class="service-icon">
<i class="fa fa-download"></i>
</div>
<div class="service-info">
<h3>Software Development</h3>
<p> we're experts in making advanced software that fits perfectly for different businesses. Our skilled team of software developers is here to make your ideas into real applications that make work easier, faster, and help your business grow. Whether you need special software to make your inside work smoother or want to make it simple for customers to use your services, we're here to help with strong solutions that match what you want. We're a mix of technical know-how, creative thinking, and understanding your business well. We're here to offer dependable, easy-to-grow software that takes your success further.</p>
</div>
</div>
<div class="col-sm-4 wow fadeInUp animated" data-wow-duration="1000ms" data-wow-delay="750ms" style="visibility: visible; animation-duration: 1000ms; -webkit-animation-duration: 1000ms; animation-delay: 750ms; -webkit-animation-delay: 750ms; animation-name: fadeInUp; -webkit-animation-name: fadeInUp;">
<div class="service-icon">
<i class="fa fa-dollar"></i>
</div>
<div class="service-info">
<h3>Portfolio</h3>
<p> we create special portfolios that show off the great things you can do. Our team of experts works together to make a portfolio that's just right for you. It doesn't matter if you're an artist, photographer, writer, or anything else – we make sure your work looks amazing and gets noticed. We use cool designs to turn your work into a really nice online display that people will love. Let us help you make a cool portfolio that shows everyone how awesome you are!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="aboutUs">
<div class="container">
<div class="row feature design">
<div class="six columns right">
<h2>Our Company</h2>
<p>We develop software, websites, portolio, E-Commerce, etc.. </p>
<p>We have vast experience in developing softtware and websites. If you have any query let's connect to discuess about your idea.</p>
</div>
<div class="six columns feature-media left"> <img src="images/picture-136.png" alt=""> </div>
</div>
</div>
</section>
<section id="contactUs" class="contact-parlex">
<div class="parlex-back">
<div class="container">
<div class="row">
<div class="heading text-center">
<!-- Heading -->
<h2>Contact Us</h2>
<p>Let's connet to disscuess your thoughts to reality.</p>
<p><b>wedevsoftware2023@gmail.com</b> </p>
</div>
</div>
<div class="row mrgn30">
<div class="col-md-offset-2 col-md-8"
<div id="contactfrm">
<form method="POST" id="contact-form" class="form-horizontal" action="contactengine.php" onSubmit="alert('Thank you for your feedback!');">
<div class="col-sm-12">
<div class="form-group">
<input type="text" name="Name" id="Name" class="form-control wow fadeInUp" placeholder="Name" required/>
</div>
<div class="form-group">
<input type="text" name="Email" id="Email" class="form-control wow fadeInUp" placeholder="Email" required/>
</div>
<div class="form-group">
<textarea name="Message" rows="10" cols="20" id="Message" class="form-control input-message wow fadeInUp" placeholder="Message" required></textarea>
</div>
<div class="form-group text-center">
<input type="submit" name="submit" value="Submit" class="btn btn-success wow fadeInUp" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--/.container-->
</div>
</section>
<footer>
<div class="container">
<div class="social text-center"> <a href="https://www.instagram.com/we_devsoftware/"><i class="fa fa-instagram"></i></a> <a href="https://www.facebook.com/wedevsoftware"><i class="fa fa-facebook"></i></a></div>
<div class="clear"></div>
<!--CLEAR FLOATS-->
</div>
</footer>
<!--/.page-section-->
<section class="copyright">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center"> Copyright 2023 | All Rights Reserved - We Dev Software</div>
</div>
<!-- / .row -->
</div>
</section>
<a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>
<!--[if lte IE 8]><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
<script src="js/modernizr-latest.js"></script>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.nav.js" type="text/javascript"></script>
<script src="js/waypoints.js"></script>
<script src="js/Backstretch.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
// Unix timestamp (in seconds) to count down to
var twoDaysFromNow = (new Date().getTime() / 1000) + (86400 * 2) + 20;
// Set up FlipDown
var flipdown = new FlipDown(twoDaysFromNow)
// Start the countdown
.start()
// Do something when the countdown ends
.ifEnded(() => {
console.log('The countdown has ended!');
});
// Toggle theme
var interval = setInterval(() => {
let body = document.body;
body.classList.toggle('light-theme');
body.querySelector('#flipdown').classList.toggle('flipdown__theme-dark');
body.querySelector('#flipdown').classList.toggle('flipdown__theme-light');
}, 5000);
var ver = document.getElementById('ver');
ver.innerHTML = flipdown.version;
});
</script>
</body>
</html>