-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (102 loc) · 4.87 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="robots" content="noindex, nofollow">
<meta name="description" content="">
<meta name="author" content="">
<meta name="robots" content="noindex,nofollow">
<title>Hi</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Custom styles for this template -->
<link href="css/index.css" rel="stylesheet">
</head>
<body>
<div style="background-image:url('images/iam.jpg');" class="iambg bg"></div>
<div style="background-image:url('images/timeline.png');" class="timelinebg bg"></div>
<div class="container">
<div id="iam" class="box">
<a class="close" href="javascript:;"><i class="fa fa-times"></i></a>
<img style="float:left;width:150px;margin-right: 20px" src="https://scontent.fbkk1-1.fna.fbcdn.net/v/t1.0-9/13239887_1284756021552150_4056886323018035118_n.jpg?oh=0f65882d12723781cec8a093bd49faf3&oe=58C643B6">
<p>
<b>About me</b>
Mr. Siwakorn Petchuchuay<br>
Nationality : Thai<br>
Mobile : +66 8 8881 8809<br>
Email : siwakorn.pcc@gmail.com<br>
<b>Education</b>
Computer Science (English Program), School of Information Technology, King Mongkut's University of Technology Thonburi.<br>
</p>
</div>
<div id="goals" class="box">
<a class="close" href="javascript:;"><i class="fa fa-times"></i></a>
<p>
<b>My personal characteristics & values</b>
I'm 22 years old. Currently studying in Computer Science, KMUTT and live in Ban Suan Thon, Bhudda Bucha 47. I am a creative, reasonable and honest person. I'm love to doing project with a team.
<b>Skills</b>
i've developed the hard skill such code writing, designing user interface and user experienced, and database design. aside from that,
i have soft skill to work with group, and communicate to the others in group
<b>My Goals</b>
<ul>
<li>My personal goals are to exercise to make better health and change life behaviors such as food, sleep time.</li>
<li>My social goal is to make myself more open-minded and more socialable.</li>
<li>My education goals are to graduate and study more about gardening.</li>
<li>My professional goal is to study more about programming to make myself more professional.</li>
</ul>
</p>
</div>
<div id="interest" class="box">
<a class="close" href="javascript:;"><i class="fa fa-times"></i></a>
<p>
<b>Field of Interest & Skills (Respectively)</b>
<ul>
<li>Web Programming (both LAMP & MEAN Stack) & User Interface Design</li>
<li>Android Development (Java) & User Interface Design</li>
<li>Linux Server Configuration</li>
</ul>
</p>
</div>
<div id="application" class="box">
<a class="close" href="javascript:;"><i class="fa fa-times"></i></a>
<p>
<b>Application Document</b>
<ul>
<li><a href="transcript.pdf"><b>Transcript</b></a></li>
<li><a href="cover-letter.pdf"><b>Cover Letter</b></a></li>
<li><a href="resume.pdf"><b>Resume</b></a></li>
</ul>
</p>
</div>
<div class="col-md-12">
<h1>I'm
<font class="i1" style="display:inline;">Computer Science Student</font>
<font class="i2">KMUTT Student</font>
<font class="i3">Web Developer</font>
<font class="i4">Web Designer</font>
<font class="i5">Programmer</font>
<font class="i6">Siwakorn</font>
</h1>
</div>
<div class="col-md-12 text-center">
<a href="#" class="btn-circle iam" data-box="iam"><i class="fa fa-question"></i><p>About me & Contact</p></a>
<a href="#" class="btn-circle" data-box="goals"><i class="fa fa-star"></i><p>Power Profile</p></a>
<a href="timeline.html" class="btn-circle timeline" data-box="exp"><i class="fa fa-certificate"></i><p>Experience & Project</p></a>
</div>
<div class="col-md-12 text-center contact">
<a href="https://twitter.com/beerswk" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://www.facebook.com/fatal.error.cyberboy" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="https://github.com/cyberbeer" target="_blank"><i class="fa fa-github"></i></a>
</div>
</div>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>