forked from f-ma/TheDevKnights.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (141 loc) · 7.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="description" content="TheDevKnights is a small yet agile team. We are Web Designers & Developers. We were born to have a passion and go on a personal mission to grow up." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="Web Development, Web Design, eCommerce, Creativity" />
<meta property="og:url" content="http://thedevknights.com">
<meta property="og:type" content="website">
<meta property="og:site_name" content="http://thedevknights.com">
<meta property="og:title" content="The Dev Knights">
<meta property="og:description" content="TheDevKnights is a small yet agile team. We are Web Designers & Developers. We were born to have a passion and go on a personal mission to grow up.">
<meta property="og:image" content="http://thedevknights.com/logo-og.png">
<title>Welcome! - The Dev Knights</title>
<link rel="canonical" href="http://thedevknights.com/">
<!-- STYLES -->
<link href="/css/base.css?v=2" rel="stylesheet" type="text/css" />
<link href="/css/layout.css?v=2" rel="stylesheet" type="text/css" />
<link href="/css/module.css?v=2" rel="stylesheet" type="text/css" />
<link href="/css/state.css?v=2" rel="stylesheet" type="text/css" />
<link href="/css/style.css?v=2" rel="stylesheet" type="text/css" />
<!-- ICONS -->
<link rel="shortcut icon" href="/favicon-16.png?v=2" size="16x16" />
<link rel="shortcut icon" href=/favicon-32.png?v=2" size="32x32" />
<link rel="shortcut icon" href="/favicon-64.png?v=2" size="64x64" />
<link rel="shortcut icon" href="/favicon-120.png?v=2" size="120x120" />
<link rel="apple-touch-icon" href="/touch-icon-iphone.png?v=2" />
<link rel="apple-touch-icon" sizes="76x76" href="/touch-icon-ipad.png?v=2" />
<link rel="apple-touch-icon" sizes="120x120" href="/touch-icon-iphone-retina.png?v=2" />
<link rel="apple-touch-icon" sizes="152x152" href="/touch-icon-ipad-retina.png?v=2" />
</head>
<body>
<div class="container">
<section class="page-section screen greeting">
<div class="wrapper">
<section id="greeting-content" class="content">
<h1><strong>You dream, we create!</strong></h1>
<p class="subtitle subtitle-large">We are here to make your every dream come true, even the widest one.<br />
Our capability knows no bounds - since it envolves with your imagination.</p>
<div class="logo-white-medium"></div>
</section>
<header id="top" class="main-header">
<div class="logo">
<a href="#top"><strong>TheDevKnights</strong></a>
</div>
<div class="interactions">
<nav class="navigators">
<a href="#who-we-are" class="navigator">WHO WE ARE</a>
<a href="#what-we-do" class="navigator">WHAT WE DO</a>
</nav>
<div class="actions">
<a href="http://goo.gl/forms/ehzhIrAktd" class="btn">CONTACT US</a>
</div>
</div>
</header>
</div>
</section>
<section class="page-section screen the-knight">
<div class="wrapper">
<section class="content">
<div class="the-knight-large"></div>
<a href="http://goo.gl/forms/ehzhIrAktd" class="btn btn-large btn-orange">TELL US YOUR STORY</a>
</section>
<section class="separator"></section>
</div>
</section>
<section id="who-we-are" class="page-section screen who-we-are">
<div class="wrapper">
<section class="content">
<h2><strong>WHO WE ARE</strong></h2>
<div class="logo-orange-large"></div>
<h3><strong>HMM...</strong></h3>
<p class="subtitle subtitle-large quiet">
We're naughty and passionate programmers. We love learning new stuffs & beautiful things.<br />
<strong>"Do it best or not do it"!</strong> We hate superficiality. If we decide to do something, we will do it in the best way,<br />
best solution and enjoy it.
</p>
<div class="in-charge">
<div style="display: none;" class="human alq"></div>
<div class="human hpq"></div>
<div class="human mmm"></div>
<div class="human sbv"></div>
</div>
</section>
</div>
</section>
<section id="what-we-do" class="page-section screen what-we-do">
<div class="wrapper">
<section class="content">
<h2><strong>WHAT WE DO</strong></h2>
<div class="works">
<div class="work web-development">
<div class="literal">
<h3>WEB DEVELOPMENT</h3>
<p class="subtitle subtitle-medium quiet">Be a "knight" - smart, consistent, and strong</p>
</div>
<div class="decorate"></div>
</div>
<div class="work web-design">
<div class="literal">
<h3>WEB DESIGN</h3>
<p class="subtitle subtitle-medium quiet">Have fun with pencil & paper</p>
</div>
<div class="decorate"></div>
</div>
<div class="work e-commerce">
<div class="literal">
<h3>e-Commerce</h3>
<p class="subtitle subtitle-medium quiet">The 21st Business</p>
</div>
<div class="decorate"></div>
</div>
</div>
</section>
</div>
</section>
<section class="page-section">
<div class="wrapper">
<section class="content">
<a href="http://goo.gl/forms/ehzhIrAktd" class="btn btn-large btn-orange">TELL US YOUR STORY</a>
</section>
</div>
</section>
<footer class="page-section block footer">
<div class="wrapper">
<section class="content">
<div class="logo">
<a href="#top"><strong>TheDevKnights</strong></a>
</div>
<h5 class="quiet">Copyright 2016</h5>
</section>
</div>
</footer>
</div>
<script src="https://cdn.slaask.com/chat.js"></script>
<script>
_slaask.init('01a6bab609c1fcfbbeb38327c7375236');
</script>
<script src="/js/main.js"></script>
</body>
</html>