-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
241 lines (215 loc) · 15 KB
/
index.html
File metadata and controls
241 lines (215 loc) · 15 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TINTECH</title>
<link rel="icon" href="images/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,500,700&display=swap&subset=vietnamese" rel="stylesheet">
<link rel="stylesheet" href="css/main.css" type="text/css" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]>
<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
</head>
<body>
<nav class="header">
<a class="logo" href="#">
<img class="is-normal" src="images/tintech-logo.svg" alt="TinTech logo">
<img class="is-small" src="images/tintech-logo-small.svg" alt="TinTech logo">
</a>
<ul class="menu">
<li><a href="#about">About us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#careers">Careers</a></li>
<li><a href="http://tintech.medium.com">Blog</a></li>
<li><a class="button" href="#contact"><img src="images/icon-contact.png" srcset="images/icon-contact@2x.png 2x" alt="icon contact">Contact us</a></li>
</ul>
</nav>
<header class="fixed-banner" style="background-image: url(images/banner.jpg);">
</header>
<section class="section" id="about">
<div class="grid">
<h1>Innovative technical solutions powered by state of the art blockchain technology</h1>
<p>A technical company focus on green and smart solutions to make cus- tomers and organizations unlock new opportunities and effectively earn profit from contributing to building a greener and safer world.</p>
</div>
</section>
<section class="section" id="services">
<div class="cover-img" style="background-image: url(images/working-team.jpg);"></div>
<div class="grid">
<div class="group-of">
<div class="services-box is-red">
<h2>Engineering <br>Technology</h2>
<ul>
<li>Blockchain Technology</li>
<li>Web Development</li>
<li>Mobile App Developemt</li>
<li>Outsourcing</li>
</ul>
<img src="images/engineering-illustration.png" srcset="images/engineering-illustration@2x.png 2x">
</div>
<div class="services-box is-blue">
<h2>Art & Design</h2>
<ul>
<li>Branding Design</li>
<li>Corporate Identity</li>
<li>Intro TVC</li>
<li>App Design</li>
<li>Web Design</li>
<li>Landing Page</li>
</ul>
<img src="images/art-design-illustration.png" srcset="images/art-design-illustration@2x.png 2x">
</div>
</div>
</div>
<ul class="grid list-of-services">
<li>
<img class="symbol" src="images/it-support.png" srcset="images/it-support@2x.png 2x">
<h3>IT Support</h3>
</li>
<li>
<img class="symbol" src="images/mobile-app.png" srcset="images/mobile-app@2x.png 2x">
<h3>Mobile App</h3>
</li>
<li>
<img class="symbol" src="images/system.png" srcset="images/system@2x.png 2x">
<h3>Analytics System</h3>
</li>
<li>
<img class="symbol" src="images/business-report.png" srcset="images/business-report@2x.png 2x">
<h3>Business Report</h3>
</li>
<li>
<img class="symbol" src="images/branding.png" srcset="images/branding@2x.png 2x">
<h3>Branding</h3>
</li>
<li>
<img class="symbol" src="images/web-design.png" srcset="images/web-design@2x.png 2x">
<h3>Web Design</h3>
</li>
<li>
<img class="symbol" src="images/tvc.png" srcset="images/tvc@2x.png 2x">
<h3>Intro TVC Production</h3>
</li>
</ul>
<div class="cta">
<h2>Trusted by companies who are market leaders</h2>
<p>We provide professional outsoucing solutions. As an experienced software house we are confident that thanks to our skills we can deliver an outstanding product that suits your needs.</p>
<a href="#" class="button-outline is-big">Download our credential</a>
</div>
</section>
<section class="section" id="careers">
<div class="jobs">
<h2>Join our team</h2>
<p>We are always looking to hear from talented and enthusiastic people.</p>
<div class="list-of-jobs">
<h3>We’re hiring positions as below</h3>
<ul>
<li>
<p>1 Senior Designer</p>
<a href="#" class="button-outline is-small">requirements</a>
</li>
<li>
<p>1 Senior Designer</p>
<a href="#" class="button-outline is-small">requirements</a>
</li>
<li>
<p>1 Senior Designer</p>
<a href="#" class="button-outline is-small">requirements</a>
</li>
<li>
<p>1 Senior Designer</p>
<a href="#" class="button-outline is-small">requirements</a>
</li>
</ul>
</div>
</div>
<div class="benefits">
<h2>What you will get</h2>
<ul class="list-of-benefits">
<li>
<img class="symbol" src="images/symbol-lot-of-fun.png" srcset="images/symbol-lot-of-fun@2x.png 2x" alt="A lot of fun">
<h3>Integrations, Team Retreats and a lot of fun!</h3>
<p>Each 6 months we go for a trip together and every 2 months we go out to have fun!</p>
</li>
<li>
<img class="symbol" src="images/symbol-workshops.png" srcset="images/symbol-workshops@2x.png 2x" alt="Workshops, trainings and paid Content">
<h3>Workshops, Trainings and Paid Content</h3>
<p>We have a monthly budget to spend on our education and we decide on what to do it</p>
</li>
<li>
<img class="symbol" src="images/symbol-startups.png" srcset="images/symbol-startups@2x.png 2x" alt="Join our startups">
<h3>Our own Startups and Hackathons</h3>
<p>We build new ventures, disruptive ideas and startups together</p>
</li>
</ul>
</div>
<div class="siema" id="life-at-tintech">
<img src="images/life-at-tintech-1.jpg">
<img src="images/life-at-tintech-2.jpg">
<img src="images/life-at-tintech-3.jpg">
<img src="images/life-at-tintech-4.jpg">
<img src="images/life-at-tintech-5.jpg">
<img src="images/life-at-tintech-6.jpg">
</div>
</section>
<footer class="section" id="contact">
<div class="grid">
<div class="haft">
<span class="quote-mark">“</span>
<h2>Let’s discuss how our technology strenghs can bring you easy works and accelerate growth.</h2>
<div class="contact-links">
<ul class="social-icons">
<li><a href="#"><svg width="8" height="15" viewBox="0 0 8 15" version="1" xmlns="http://www.w3.org/2000/svg"><path d="M2.10546373,13.7499958 L2.10546373,7.48829201 L0,7.48829201 L0,5.00001669 L2.10546373,5.00001669 L2.10546373,3.03127138 C2.10546373,1.99221136 2.39712984,1.18557266 2.98046164,0.611355278 C3.56379345,0.0371378968 4.33853146,-0.249970794 5.30467485,-0.249970794 C6.08852729,-0.249970794 6.72654646,-0.213512686 7.21873279,-0.140596054 L7.21873279,2.07424241 L5.90623592,2.07424241 C5.41404959,2.07424241 5.07681095,2.18361715 4.89451958,2.40236663 C4.74868673,2.584658 4.6757701,2.8763237 4.6757701,3.27736455 L4.6757701,5.00001669 L6.99998331,5.00001669 L6.67185909,7.48829201 L4.6757701,7.48829201 L4.6757701,13.7499958 L2.10546373,13.7499958 Z" transform="translate(0 1)" fill="#FFF" fill-rule="nonzero"/></svg></a></li>
<li><a href="#"><svg width="13" height="13" viewBox="0 0 13 13" version="1" xmlns="http://www.w3.org/2000/svg"><path d="M46.1249854,3.60548876 C46.6900884,3.60548876 47.2141754,3.74676461 47.6972473,4.02931588 C48.1803192,4.31186715 48.5631308,4.69467874 48.845682,5.17775064 C49.1282333,5.66082254 49.2695091,6.18490956 49.2695091,6.75001252 C49.2695091,7.31511548 49.1282333,7.83920249 48.845682,8.32227439 C48.5631308,8.8053463 48.1803192,9.18815788 47.6972473,9.47070916 C47.2141754,9.75326043 46.6900884,9.89453627 46.1249854,9.89453627 C45.5598824,9.89453627 45.0357954,9.75326043 44.5527235,9.47070916 C44.0696516,9.18815788 43.68684,8.8053463 43.4042888,8.32227439 C43.1217375,7.83920249 42.9804616,7.31511548 42.9804616,6.75001252 C42.9804616,6.18490956 43.1217375,5.66082254 43.4042888,5.17775064 C43.68684,4.69467874 44.0696516,4.31186715 44.5527235,4.02931588 C45.0357954,3.74676461 45.5598824,3.60548876 46.1249854,3.60548876 Z M46.1249854,8.80078888 C46.6900884,8.80078888 47.1731598,8.60026866 47.574209,8.19923616 C47.9752415,7.79818696 48.1757618,7.31511548 48.1757618,6.75001252 C48.1757618,6.18490956 47.9752415,5.70183807 47.5742007,5.30079722 C47.1731598,4.89975637 46.6900884,4.69923616 46.1249854,4.69923616 C45.5598824,4.69923616 45.076811,4.89975637 44.6757701,5.30079722 C44.2747293,5.70183807 44.074209,6.18490956 44.074209,6.75001252 C44.074209,7.31511548 44.2747293,7.79818696 44.6757701,8.19922781 C45.076811,8.60026866 45.5598824,8.80078888 46.1249854,8.80078888 Z M50.1445071,3.46877034 C50.1262778,3.66929056 50.0488042,3.8424675 49.9120857,3.98830035 C49.7753673,4.1341332 49.6067478,4.20704983 49.4062276,4.20704983 C49.2057074,4.20704983 49.0325304,4.1341332 48.8866976,3.98830035 C48.7408647,3.8424675 48.6679481,3.66929056 48.6679481,3.46877034 C48.6679481,3.26825012 48.7408647,3.09507318 48.8866976,2.94924033 C49.0325304,2.80340748 49.2057074,2.73049085 49.4062276,2.73049085 C49.6067478,2.73049085 49.7799247,2.80340748 49.9257576,2.94924033 C50.0715904,3.09507318 50.1445071,3.26825012 50.1445071,3.46877034 Z M52.2226271,4.20704983 C52.2408564,4.71746542 52.2499708,5.56511965 52.2499708,6.75001252 C52.2499708,7.93490539 52.236299,8.78711704 52.2089553,9.30664705 C52.1816116,9.82617706 52.1041379,10.2773479 51.9765339,10.6601594 C51.8124718,11.1158877 51.5618213,11.5123711 51.2245826,11.8496097 C50.887344,12.1868484 50.4908605,12.437499 50.0351323,12.6015611 C49.6523207,12.7291651 49.2011499,12.8066387 48.6816199,12.8339824 C48.1620899,12.8613261 47.3098783,12.8749979 46.1249854,12.8749979 C44.9400925,12.8749979 44.0878809,12.8613261 43.5683509,12.8339824 C43.0488209,12.8066387 42.5976501,12.7200502 42.2148385,12.5742174 C41.7591103,12.4283845 41.3626268,12.1868484 41.0253882,11.8496097 C40.6881495,11.5123711 40.437499,11.1158877 40.2734368,10.6601594 C40.1458328,10.2773479 40.0683592,9.82617706 40.0410155,9.30664705 C40.0136718,8.78711704 40,7.93490539 40,6.75001252 C40,5.56511965 40.0136718,4.712908 40.0410155,4.19337799 C40.0683592,3.67384798 40.1458328,3.22267718 40.2734368,2.83986559 C40.437499,2.38413737 40.6881495,1.98765394 41.0253882,1.6504153 C41.3626268,1.31317666 41.7591103,1.06252608 42.2148385,0.898463968 C42.5976501,0.770859967 43.0488209,0.693386332 43.5683509,0.666042647 C44.0878809,0.638698963 44.9400925,0.62502712 46.1249854,0.62502712 C47.3098783,0.62502712 48.1620899,0.638698963 48.6816199,0.666042647 C49.2011499,0.693386332 49.6523207,0.770859967 50.0351323,0.898463968 C50.4908605,1.06252608 50.887344,1.31317666 51.2245826,1.6504153 C51.5618213,1.98765394 51.8124718,2.38413737 51.9765339,2.83986559 C52.1041379,3.22267718 52.186169,3.6784054 52.2226271,4.20704983 Z M50.9101302,10.3593789 C51.019505,10.049484 51.0924216,9.55729763 51.1288797,8.88281993 C51.147109,8.48177908 51.1562234,7.91667654 51.1562234,7.18751147 L51.1562234,6.31251356 C51.1562234,5.56511965 51.147109,5.00001669 51.1288797,4.6172051 C51.0924216,3.92449856 51.019505,3.43231223 50.9101302,3.14064612 C50.6913808,2.57554316 50.2994547,2.18361715 49.7343518,1.96486768 C49.4426857,1.85549294 48.9504994,1.7825763 48.2577928,1.7461182 C47.856752,1.72788893 47.2916494,1.71877451 46.5624844,1.71877451 L45.6874864,1.71877451 C44.9583214,1.71877451 44.3932188,1.72788893 43.992178,1.7461182 C43.3177003,1.7825763 42.825514,1.85549294 42.515619,1.96486768 C41.950516,2.18361715 41.55859,2.57554316 41.3398406,3.14064612 C41.2304658,3.43231223 41.1575492,3.92449856 41.1210911,4.6172051 C41.1028618,5.01824595 41.0937474,5.58334849 41.0937474,6.31251356 L41.0937474,7.18751147 C41.0937474,7.91667654 41.1028618,8.48177908 41.1210911,8.88281993 C41.1575492,9.55729763 41.2304658,10.049484 41.3398406,10.3593789 C41.5768193,10.9244819 41.9687453,11.3164079 42.515619,11.5351574 C42.825514,11.6445321 43.3177003,11.7174487 43.992178,11.7539068 C44.3932188,11.7721361 44.9583214,11.7812505 45.6874864,11.7812505 L46.5624844,11.7812505 C47.3098783,11.7812505 47.8749812,11.7721361 48.2577928,11.7539068 C48.9504994,11.7174487 49.4426857,11.6445321 49.7343518,11.5351574 C50.2994547,11.2981786 50.6913808,10.9062526 50.9101302,10.3593789 Z" transform="translate(-40)" fill="#FFF" fill-rule="nonzero"/></svg></a></li>
<li><a href="#"><svg width="13" height="13" viewBox="0 0 13 13" version="1" xmlns="http://www.w3.org/2000/svg"><path d="M84.7343685,12 L82.1914058,12 L82.1914058,3.82423824 L84.7343685,3.82423824 L84.7343685,12 Z M83.476559,2.70314717 C83.0755181,2.70314717 82.7291651,2.55731432 82.437499,2.26564821 C82.1458328,1.9739821 82,1.62762904 82,1.22658819 C82,0.825547336 82.1458328,0.479194274 82.437499,0.187528163 C82.7291651,-0.104137947 83.0755181,-0.249970794 83.476559,-0.249970794 C83.8775998,-0.249970794 84.2239529,-0.104137947 84.515619,0.187528163 C84.8072851,0.479194274 84.953118,0.825547336 84.953118,1.22658819 C84.953118,1.62762904 84.8072851,1.9739821 84.515619,2.26564821 C84.2239529,2.55731432 83.8775998,2.70314717 83.476559,2.70314717 Z M94.2499708,12 L91.7070081,12 L91.7070081,8.00782202 C91.7070081,7.35157358 91.6523207,6.87761652 91.542946,6.58595041 C91.3424258,6.09376408 90.9504994,5.84767092 90.3671676,5.84767092 C89.7838357,5.84767092 89.3736805,6.0664204 89.1367017,6.50391935 C88.9544104,6.83204357 88.8632649,7.31511548 88.8632649,7.95313465 L88.8632649,12 L86.3476459,12 L86.3476459,3.82423824 L88.7812338,3.82423824 L88.7812338,4.94532932 L88.8085775,4.94532932 C88.9908689,4.58074699 89.2825346,4.27996646 89.6835754,4.04298772 C90.1210744,3.75132161 90.63149,3.60548876 91.2148218,3.60548876 C92.3997146,3.60548876 93.22914,3.97918593 93.7030971,4.72657984 C94.0676794,5.32814091 94.2499708,6.25782619 94.2499708,7.51563569 L94.2499708,12 Z" transform="translate(-82 1)" fill="#FFF" fill-rule="nonzero"/></svg></a></li>
</ul>
<p><a href="#">+84-28-22281111</a></p>
<p><a href="#">+84-28-22282222</a></p>
<p><a href="#" class="is-strong-url">contact@tintech.org</a></p>
</div>
</div>
<div class="haft">
<h3>Get in touch</h3>
<form class="contact-form">
<input class="input-text" type="text" name="name" placeholder="Your name">
<input class="input-text" type="text" name="company" placeholder="Company">
<input class="input-text" type="email" name="email" placeholder="Email address">
<textarea class="input-text" placeholder="Message"></textarea>
<button class="button" type="submit">Send message</button>
</form>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/siema.min.js"></script>
<script>
const mySiema = new Siema({
selector: '.siema',
duration: 200,
easing: 'ease-out',
perPage: {
320: 3,
550: 4,
800: 5,
},
startIndex: 0,
draggable: true,
multipleDrag: true,
threshold: 20,
loop: true,
rtl: false,
onInit: () => {},
onChange: () => {},
});
// listen for keydown event
setInterval(() => mySiema.next(), 2000);
$(document).ready(function() {
$('.menu').onePageNav();
});
</script>
</body>
</html>