-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
203 lines (180 loc) · 9 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
<!DOCTYPE html>
<html lang="vi-VN">
<head>
<meta charset="UTF-8">
<title>Le Duy Quang</title>
<link href="img/logo.png" rel="shortcut icon" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Thiet ke wordpress, xay dung cms cho doanh nghiep va quan ly adwords">
<link rel="canonical" href="http://leduyquang.com/">
<link rel="author" href="https://plus.google.com/101390877368103749102"/>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,500&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script src="js/modernizr.js"></script> <!-- Modernizr -->
</head>
<body>
<header>
<div class="logo">
<img src="img/logo.png" width="40" height="40" alt="logo">
<h1>LÊ DUY QUANG</h1>
</div>
<a data-scroll href="#contact" class="github-button-small">lIÊN HỆ VỚI TÔI</a>
</header>
<div class="hero">
<div>
<section class="cd-intro">
<h2 class="cd-headline rotate-1">
<span class="cd-words-wrapper">
<b class="is-visible">Font-End Web Design</b>
<b>Google Adwords</b>
<b>Facebook Advertising</b>
</span>
</h2>
</section>
<p>Công việc chính của tôi là thiết kế website dựa trên nền tảng nguồn mở WordPress - OpenCart, Magento hay PrestaShop. Tuy không giỏi lập trình nhưng thiết kế giao diện người dùng là thế mạnh của tôi. Nếu bạn đang tìm một người thiết kế giao diện web/cms/shopping cart. Ngoài ra tôi có thể khởi tạo - xây dựng và quản lý Google Adwords và Facebook Ads.</p>
<p>Hiện tôi đang làm việc tự do dạng Freelancer, Part-time. Vậy nếu bạn có nhu cầu nhân sự tôi rất sẵn lòng tham gia.</p>
<div class="install">
<a href="[email protected]" class="install-button">[email protected]</a>
<a class="github-button-large" href="http://github.com/colebemis/tabio">LIÊN HỆ</a>
<p class="version">Freelancer / Part-time</p>
</div>
</div>
<div>
<img class="bioimg" src="img/code.png" alt="Extension Screenshot" width="369" height="auto">
</div>
</div>
<div class="features">
<div class="features-inner">
<div class="feature search">
<h3>WordPress</h3>
<p>Đứng trong TOP 3 các mã nguồn mở quản trị nội dung hiện nay, WordPres thích hợp cho các website cá nhân, công ty vừa và nhỏ, website các trường học, bệnh viện....</p>
</div>
<div class="feature keyboard">
<h3>Google Adwords</h3>
<p>Cơ chế quảng cáo sản phẩm dịch vụ hàng đầu internet hiện nay. Nguồn lợi mà Adwords mang lại là rất lớn.</p>
</div>
<div class="feature drag">
<h3>eCommerce</h3>
<p>Giải pháp thương mại điện tử từ nhỏ tới lớn có tích hợp thanh toán trực tuyến dựa trên các mã nguồn như WooCommerce, OpenCart, Prestashop hay Magento nổi tiếng.</p>
</div>
<div class="feature open-source">
<h3 class="new">Facebook Ads</h3>
<p>Dù mới xuất hiện nhưng hình thức Marketing của Facebook đang rất được ưa chuộng do lượng người sử dụng lớn. Cơ hội bán hàng cũng nhiêu hơn</p>
</div>
</div>
</div>
<div class="parallax-window" data-parallax="scroll" data-image-src="img/workspace.jpg">
<h2 class="portfolio-title">Portfolio</h2>
</div>
<div class="portfolio">
<div class="portfolio-item">
<div class="item-inner">
<img src="img/portfolio/geto.jpg">
</div>
<div class="item-inner">
<img src="img/portfolio/khamtri.jpg">
</div>
<div class="item-inner">
<img src="img/portfolio/mobile.jpg">
</div>
<div class="item-inner">
<img src="img/portfolio/pkanthai.jpg">
</div>
<div class="item-inner">
<img src="img/portfolio/tmd.jpg">
</div>
<div class="item-inner">
<img src="img/portfolio/tmd2.jpg">
</div>
</div>
</div>
<div id="contact">
<div class="contact-info">
<h2>Liên Hệ</h2>
<p class="contact-info-filled">Xin vui lòng liên hệ với tôi qua form dưới hoặc các hình thức khác phù hợp hơn như email hoặc skype.</p>
<p class="contact-info-alt">☞ Email: [email protected] / Skype: quangbahoa</p>
</div>
<script type="text/javascript" src="http://form.jotform.me/jsform/51580549569468"></script>
</div>
<footer>
<div class="footer-inner">
<ul>
<li><a href="http://leduyquang.com">Home</a></li>
<li><a href="http://github.com/quangbahoa">Github</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
<div class="share-buttons">
<a class="resp-sharing-button__link" href="#" target="_blank">
<div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--large">
<svg class="resp-sharing-button__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 32 32">
<path fill="#FFF" d="M26.667 0h-21.334c-2.945 0-5.333 2.388-5.333 5.334v21.332c0 2.946 2.387 5.334 5.333 5.334h10.667v-14h-4v-4h4v-3c0-2.761 2.239-5 5-5h5v4h-5c-0.552 0-1 0.448-1 1v3h5.5l-1 4h-4.5v14h6.667c2.945 0 5.333-2.388 5.333-5.334v-21.332c0-2.946-2.387-5.334-5.333-5.334z"></path>
</svg>Share
</div>
</a>
<a class="resp-sharing-button__link" href="#" target="_blank">
<div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--large">
<svg class="resp-sharing-button__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 32 32">
<path fill="#FFF" d="M26.667 0h-21.333c-2.934 0-5.334 2.4-5.334 5.334v21.332c0 2.936 2.4 5.334 5.334 5.334h21.333c2.934 0 5.333-2.398 5.333-5.334v-21.332c0-2.934-2.399-5.334-5.333-5.334zM23.952 11.921c0.008 0.176 0.012 0.353 0.012 0.531 0 5.422-4.127 11.675-11.675 11.675-2.317 0-4.474-0.679-6.29-1.844 0.321 0.038 0.648 0.058 0.979 0.058 1.922 0 3.692-0.656 5.096-1.757-1.796-0.033-3.311-1.219-3.833-2.849 0.251 0.048 0.508 0.074 0.772 0.074 0.374 0 0.737-0.050 1.081-0.144-1.877-0.377-3.291-2.035-3.291-4.023 0-0.017 0-0.034 0-0.052 0.553 0.307 1.186 0.492 1.858 0.513-1.101-0.736-1.825-1.992-1.825-3.415 0-0.752 0.202-1.457 0.556-2.063 2.024 2.482 5.047 4.116 8.457 4.287-0.070-0.3-0.106-0.614-0.106-0.935 0-2.266 1.837-4.103 4.103-4.103 1.18 0 2.247 0.498 2.995 1.296 0.935-0.184 1.813-0.525 2.606-0.996-0.306 0.958-0.957 1.762-1.804 2.27 0.83-0.099 1.621-0.32 2.357-0.646-0.55 0.823-1.245 1.545-2.047 2.124z"></path>
</svg>Tweet
</div>
</a>
<style>
.resp-sharing-button {
display: inline-block;
border-radius: 4px;
border-width: 1px;
border-style: solid;
transition: background-color 125ms ease-out, border-color 125ms ease-out, opacity 250ms ease-out;
margin: 0 6px;
padding: 0.45em 0.75em;
font-size: 15px;
font-family: "Source Sans Pro", sans-serif;
}
.resp-sharing-button a {
text-decoration: none;
color: #FFF;
display: block;
}
.resp-sharing-button--large .resp-sharing-button__icon {
padding-right: 0.5em;
}
.resp-sharing-button__icon {
width: 1em;
height: 1em;
margin-bottom: -0.1em;
}
.resp-sharing-button__link {
text-decoration: none;
color: #FFF;
}
.resp-sharing-button--facebook {
background-color: #5473b8;
border-color: #5473b8;
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
background-color: #3b5998;
border-color: #3b5998;
}
.resp-sharing-button--twitter {
background-color: #55acee;
border-color: #55acee;
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
background-color: #2795e9;
border-color: #2795e9;
}
</style>
</div>
</div>
</footer>
<script src="js/jquery-2.1.1.js"></script>
<script src="js/main.js"></script>
<script src="js/parallax.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script>
smoothScroll.init();
</script>
</body>
</html>