-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (154 loc) · 10.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>evilcodes studio</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="./css/base.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic%7CLato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic%7CRoboto:300,regular,500">
<script type="text/javascript">WebFont.load({
google: {
families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Roboto:300,regular,500"]
}
});
</script>
<script src="https://daks2k3a4ib2z.cloudfront.net/0globals/modernizr-2.7.1.js" type="text/javascript"></script>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link href="https://daks2k3a4ib2z.cloudfront.net/img/webclip.png" rel="apple-touch-icon"></head>
<body>
<div class="navigation-bar w-nav" data-animation="default" data-collapse="medium" data-duration="400">
<div class="w-container"><a class="brand-link w-nav-brand" href="./index.html"><h1 class="brand-text">Evilcodes<span class="bold-span brand-text">studio</span></h1></a>
<nav class="navigation-menu w-nav-menu" role="navigation"><a class="navigation-link w-nav-link" href="./index.html">Home</a><a class="navigation-link w-nav-link" href="./contact.html">Contact</a>
</nav>
<div class="hamburger-button w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="centered hero-section">
<div class="w-container" data-ix="new-interaction">
<h1 class="hero-heading" data-ix="fade-in-bottom-page-loads"><span class="masthead-text-slim">dream</span><span class="bold-span">BIG</span></h1>
<div class="hero-subheading" data-ix="fade-in-bottom-page-loads">We will bring them to lifE </div>
<div data-ix="fade-in-bottom-page-loads"><a class="button" href="#">Hire us</a><a class="all-caps hollow-button" href="#">Learn more</a>
</div>
</div>
</div>
<div class="section">
<div class="w-container">
<div class="section-title-group">
<h2 class="centered section-heading">what we do</h2>
<div class="center section-subheading">help you build your online presence</div>
</div>
<div class="w-row">
<div class="w-col w-col-4">
<div class="white-box"><img class="grid-image" src="images/feather-15-white.svg">
<h3>ELEGANT Design</h3>
<p>You are as good as you look. And with us you won't just be functional, you will be beautiful. Vibrant Imagery, Clean UI and Responsive Design that looks great no matter the device and platform.
<br>Its a piece of Art.</p>
</div>
</div>
<div class="w-col w-col-4">
<div class="white-box"><img class="grid-image" src="images/feather2-17-white.svg" width="210">
<h3>ROBUST code</h3>
<p>Being coders at heart we make sure you only get cutting edge technology for your Website and Apps. Reusable and Maintainable Software lets you minimize cost and maximize profits.
<br>No more Downtimes.</p>
</div>
</div>
<div class="w-col w-col-4">
<div class="white-box"><img class="grid-image" src="images/feather2-22-white.svg">
<h3>Great APPS</h3>
<p>Let it be Web or Mobile Apps, no more compromises over functionality and usability. We can build whatever you can dream of and more. And integrating new features won't be an issue any more.
<br>It will be fun.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accent section">
<div class="w-container">
<div class="section-title-group">
<h2 class="centered section-heading white">services</h2>
<div class="center off-white section-subheading">With years of experience in custom software development, we offer businesses, large and small, web application development services along with design and UX, cloud & SaaS expertise, and mobile app creation.</div>
</div>
<div class="transparent white-box"><img class="fullwidth-image website-design-image" sizes="(max-width: 479px) 90vw, (max-width: 767px) 55vw, (max-width: 991px) 349px, 409.5px" src="images/Responsive-Web-Design.png" srcset="images/Responsive-Web-Design.png 500w, images/Responsive-Web-Design.png 600w">
<h3 class="white-text">RESPONSIVE WEBSITE DEVELOPMENT</h3>
<p class="web-design-text white-text">Desktop & Mobile web development helps your business stay relevant in a fast paced world. Websites built with Evilcodes convert better than other competitors and make you and your business reach their full potential. Responsive Design helps put your mark in every device and platform.</p><a class="all-caps hollow-button" href="#">Learn more</a>
</div>
<div class="w-row">
<div class="w-col w-col-6">
<div class="transparent white-box"><img class="fullwidth-image" sizes="(max-width: 479px) 85vw, (max-width: 767px) 88vw, (max-width: 991px) 324px, 430px" src="images/8-587d7e12def82-min.jpg" srcset="images/8-587d7e12def82-min.jpg 1080w, images/8-587d7e12def82-min.jpg 1600w, images/8-587d7e12def82-min.jpg 2000w, images/8-587d7e12def82-min.jpg 2600w, images/8-587d7e12def82-min.jpg 3200w, images/8-587d7e12def82-min.jpg 5349w">
<h3 class="white-text">Android/IOS APP DEVELOPMENT</h3>
<p class="white-text">Most of your client are on their phone. So we take you to them by building native Android & iOS apps, and cross-platform mobile applications that are intuitive and easy to use. We also build native Desktop apps as well, if you need one.</p><a class="hollow-button" href="#">Learn more</a>
</div>
<div class="transparent white-box"><img class="fullwidth-image" sizes="(max-width: 479px) 85vw, (max-width: 767px) 88vw, (max-width: 991px) 324px, 430px" src="images/SpellForce01-wallpaper.jpg" srcset="images/SpellForce01-wallpaper.jpg 500w, images/SpellForce01-wallpaper.jpg 1080w, images/SpellForce01-wallpaper.jpg 1600w, images/SpellForce01-wallpaper.jpg 1920w">
<h3 class="white-text">Game development</h3>
<p class="white-text">Give wings to your imagination. Translate your fantasies into a bestseller game. Create 2D/3D games for all platforms. All you need is an idea and we will do the rest.</p><a class="hollow-button" href="#">Learn more</a>
</div>
</div>
<div class="w-col w-col-6">
<div class="transparent white-box"><img class="fullwidth-image" height="270" sizes="(max-width: 479px) 85vw, (max-width: 767px) 88vw, (max-width: 991px) 324px, 430px" src="images/ux-design.jpg" srcset="images/ux-design.jpg 500w, images/ux-design.jpg 800w, images/ux-design.jpg 1600w">
<h3 class="white-text">UI/UX and GRAPHICS DESIGN</h3>
<p class="white-text">Empower your business with superior graphics design and user experience services able to drastically accelerate the revenue. We can provide you the perfect strategy and scheme to maximize the conversion rate from your websites and apps.</p><a class="all-caps hollow-button" href="#">Learn more</a>
</div>
<div class="transparent white-box"><img class="fullwidth-image" height="270" sizes="(max-width: 479px) 85vw, (max-width: 767px) 88vw, (max-width: 991px) 324px, 430px" src="images/SocialMediaMarketing.jpg" srcset="images/SocialMediaMarketing.jpg 500w, images/SocialMediaMarketing.jpg 1080w, images/SocialMediaMarketing.jpg 1254w">
<h3 class="white-text">Social Media Marketing</h3>
<p class="white-text">Create your mark in the social space with our certified experts who can provide you the edge your business needs to navigate the high seas of social media. Content Creation/ Campaigns/ Analytics for your business from real customers.</p><a class="all-caps hollow-button" href="#">Learn more</a>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="w-container">
<div class="section-title-group">
<h2 class="centered section-heading">Featured</h2>
<div class="center section-subheading">Some of the works we are proud of</div>
</div>
<div class="featured-panel">
<div class="slider w-slider" data-animation="slide" data-autoplay="1" data-delay="4000" data-duration="500" data-infinite="1">
<div class="w-slider-mask">
<div class="slide w-slide"></div>
<div class="slide-2 w-slide"></div>
<div class="slide-3 w-slide"></div>
</div>
<div class="left-arrow w-slider-arrow-left">
<div class="w-icon-slider-left"></div>
</div>
<div class="right-arrow w-slider-arrow-right">
<div class="w-icon-slider-right"></div>
</div>
<div class="w-round w-slider-nav"></div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="w-container">
<div class="w-row">
<div class="spc w-col w-col-4">
<h5>about evilcodes</h5>
<p>Just a bunch of young engineers passionate about solving problems and building cool stuffs that matter.</p><a class="button-2 w-button" href="#">MEET US</a>
</div>
<div class="spc w-col w-col-4">
<h5>useful links</h5><a class="footer-link" href="#">Our Team</a><a class="footer-link" href="#">Contact</a><a class="footer-link" href="#">Privacy Policy</a><a class="footer-link" href="#">Terms and Conditions</a>
</div>
<div class="w-col w-col-4">
<h5>social</h5>
<div class="footer-link-wrapper w-clearfix"><img class="info-icon" src="images/social-18.svg" width="20"><img class="info-icon" src="images/social-03.svg" width="20"><img class="info-icon" src="images/social-07.svg" width="20"><img class="info-icon" src="images/social-06.svg" width="20">
</div>
</div>
</div>
</div>
</div>
<div class="center footer">
<div class="w-container">
<div class="footer-text">© 2017. evilcodes studios</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script>
<script src="base.js" type="text/javascript"></script>
<!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
</body>
</html>