-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
230 lines (221 loc) · 10.5 KB
/
index.php
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
<?php include_once "includes/header.php"; ?>
<?php include_once "includes/navbar.php"; ?>
<header class="intro-header">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6 mx-auto">
<h1 class="mb-5">Hello! 🙋♂️</h1>
<h2 class style="font-family: 'Roboto', sans-serif;">I'm <strong>Khoi</strong>, a Web Developer focusing on building beautiful interfaces & ⚡experiences⚡</h2>
<br><br>
<h5>👉 <a href="mailto:[email protected]">Let's get in touch</a></h5>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6 mx-auto d-none d-sm-block d-md-block ">
<img src="img/coding.png" alt="koicha coding" class="img-fluid img-responsive code-object" style="">
</div>
</div> <!-- row -->
<div container -->
</header>
<section class="section-background" id="section-background">
<div class="container">
<div class="row">
<div class="col-xl-3 mx-auto">
<h4 style="color: #0096FF;" class="float-md-left float-lg-left float-xl-right">Background </h4>
</div>
<div class="col-xl-8 col-sm-12">
<p>I recently graduated from the <strong><a href="https://www.usn.no/english/" class="link">University of South-Eastern Norway</a></strong> and received my Bachelor degree in Computer Science.</p>
<p>
During my awesome working experiences at <strong><a href="https://www.omegamedia.no/?lang=en" class="link">Omega Media</a></strong>,
I have been fortunate to be involved in projects of creating a SlackBot, <strong><a href="https://www.axofinans.no/" class="link">Axo Finans</a></strong> and <strong><a href="https://sensuelt.com/" class="link">Sensuelt</a></strong>.
</p>
<p>
As a Web Developer, I enjoy working in programming, and I have a keen eye for designing to create beautiful products.
My goal is always to strive to create scaleable software, and as well as keeping up with the latest technology, and web trends design.
You can read <strong><a href="blog.php">my blog </a></strong> input of the web technology.👍
</p>
<p>
<b>During my spare time</b>, I usually go to the gym, hanging out with friends, playing video games, or cooking awesome foods.
</p>
</div>
</div><!-- row -->
</div><!-- container -->
</section>
<section class="section-skills" id="section-skills" style="padding: 9.375rem 1px;">
<div class="container">
<div class="row">
<div class="col-xl-3 mx-auto">
<h4 style="color: #0096FF;" class="float-md-left float-lg-left float-xl-right">Skills </h4>
</div>
<div class="col-xl-8 col-sm-12">
<div class="table-responsive d-none d-sm-block d-xl-block">
<table class="table table-borderless">
<thead>
<tr>
<th>Languages</th>
<th>Framework</th>
<th>Tools</th>
<th>Design</th>
</tr>
</thead>
<tbody class="table-borderless">
<tr>
<td>HTML & CSS</td>
<td>SASS & LESS</td>
<td>Git & GitHub</td>
<td>Adobe Photoshop</td>
</tr>
<tr>
<td>JavaScript (ES6+)</td>
<td>React</td>
<td>Webpack & Babel</td>
<td>Adobe Illustrator</td>
</tr>
<tr>
<td>PHP</td>
<td>Bootstrap 4</td>
<td>phpMyAdmin</td>
<td>Adobe XD</td>
</tr>
<tr>
<td>SQL</td>
<td>Cypress</td>
<td>Shopify & Wordpress</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="container py-4 d-none d-block d-sm-none d-sm-block d-md-none">
<div class="row">
<div class="col-6">
<ul class="list-unstyled text-center">
<li><strong>Languages</strong></li>
<li>HTML & CSS</li>
<li>JavaScript (ES6+)</li>
<li>PHP</li>
<li>SQL</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled text-center">
<li><strong>Framework</strong></li>
<li>SASS & LESS</li>
<li>React</li>
<li>Bootstrap</li>
<li>Cypress</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled text-center">
<li><strong>Tools</strong></li>
<li>Git & GitHub</li>
<li>Webpack & Babel</li>
<li>phpMyAdmin</li>
<li>Shopify & Wordpress</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled text-center">
<li><strong>Design</strong></li>
<li>Adobe Photoshop</li>
<li>Adobe Illustrator</li>
<li>Adobe XD</li>
</ul>
</div>
</div><!-- row -->
</div><!-- container -->
</div><!-- row -->
</div><!-- container -->
</section>
<section class="page-section clearfix" id="section-featured-projects">
<div class="container">
<div class="row">
<div class="col-xl-12 py-5">
<h4 style="color: #0096FF;">Featured Projects </h4>
</div>
</div>
<div class="intro">
<img class="intro-img img-fluid mb-3 mb-lg-0" src="img/axo.png" alt="Koicha project worked with Axo Finans">
<div class="intro-text left-0 text-center bg-faded p-5 ">
<h2 class="section-heading mb-4">
<span class="section-heading-lower">Axo Finans</span>
</h2>
<p class="mb-3">
Axo Finans is a finance agent that provides consumer loans, loans and refinancing.
In practice, this means that your application with us will be presented to 19 banks.
Loan offers are personal and we help you get the best deal by comparing banks
</p>
<div class="intro-button mx-auto">
<a class="btn btn-primary btn-xl" href="https://www.axofinans.no/" rel="follow" style="background-color: #FDC300; border-color: #ecb600;">Visit the Site!</a>
</div>
</div>
</div>
</div>
</section>
<section class="page-section clearfix">
<div class="container">
<div class="intro-2">
<img class="intro-img-2 img-fluid mb-3 mb-lg-0" src="img/studio68.png" alt="Koicha project worked with Studio 68">
<div class="intro-text left-0 text-center bg-faded p-5 ">
<h2 class="section-heading mb-4">
<span class="section-heading-lower">Studio68</span>
</h2>
<p class="mb-3">
Studio68 is one of the leading entertainment companies in Vietnam, founded by Actor and Producer
<a href="https://www.imdb.com/name/nm1787887/" style="color: black; text-decoration: none;" class="link-2"><strong>Ngo Thanh Van</strong></a>.
Leading in exploiting Vietnam's special cultural materials on the screen. Studio68's film products always resonated and created a
strong trend among young people right at the time of the film's release.
</p>
<div class="intro-button mx-auto">
<a class="btn btn-primary btn-xl" href="https://studio68.asia/" rel="follow" style="background-color: #FDC300; border-color: #ecb600;">Visit the Site!</a>
</div>
</div>
</div>
</div>
</section>
<section class="section-articles py-4" id="section-articles">
<div class="container">
<div class="col-xl-12" style="text-align: center;">
<h1>My blogs</h1>
<p><a href="blog.php?page=1">Click here to read more of my blogs</a></p>
</div>
<hr>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-4">
<?php
$query = "SELECT * FROM post ORDER BY post_id DESC LIMIT 0, 6";
$result = mysqli_query($connection, $query);
while($row = mysqli_fetch_assoc($result)) {
$post_id = $row['post_id'];
$post_title = $row['post_title'];
$post_img = $row['post_image'];
$post_content = substr($row['post_content'], 0, 250);
$post_status = $row['post_status'];
// 130 is average words per minute (wpm)
$min_to_read = number_format($row['post_word_count']/130);
// Will display the posts if the post status is "published"
if($post_status === "published") {
?>
<div class="card-group col-md-4 mb-5">
<div class="card d-flex flex-column">
<img class="card-img-top" class="img-thumbnail" src="img/<?php echo $post_img; ?>" alt="">
<div class="card-body d-flex flex-column">
<h5 class="card-title text-center"><?php echo $post_title; ?></h5>
<br>
<small class="text-center text-muted"><?php echo $min_to_read; ?> minutes to read </small>
<br>
</div>
<a href="post.php?p_id=<?php echo $post_id; ?>" class="mt-auto btn btn-lg btn-block btn-outline-primary">Read More</a>
</div>
</div>
<?php
}
}
?>
</div><!-- /.row -->
</div><!-- container -->
</section>
<?php
?>
<button class="btn btn-top " id="scroll-to-navbar" style="display: inline-block;">
<img src="img/pointing-up.png" class="pointing-up" width="40" alt="koicha pointing up">
</button>
<?php include_once "includes/footer.php"; ?>