-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
193 lines (181 loc) · 9.27 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
<!DOCTYPE HTML>
<html>
<head>
<title>NutPortfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="icon" type="image/png" href="images/almond.png"/>
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<script src="https://kit.fontawesome.com/42d03e5a64.js" crossorigin="anonymous"></script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>Suchanat Ratanarueangrong Portfolio<br />
</h1>
<p>A Student from Bangkok Christian College<br />
from track BCC SPACE PROGRAM.<br />
Instagram :<a href="https://www.instagram.com/nut_36974/"> @nut_36974</a><br />
Facebook :<a href="https://www.facebook.com/profile.php?id=100022989000044"> @สุชาณัฎ รัตนเรืองรอง</a></p>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Hello</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Personal Certificate</a></li>
</ul>
<ul class="icons">
<h><a href="#">contact: </a></h>
<li><a href="https://www.facebook.com/profile.php?id=100022989000044" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/nut_36974/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://line.me/ti/p/UoCja6hd19" class="icon brands fab fa-line"><span class="label">Line</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<header class="major">
<span class="#">Last updated November 19,2021</span>
<h2><a href="#">Motto : <br />
"Success is not final, failure is not fatal:<br />
it is the courage to continue that counts"</a></h2>
<p>- Winston Churchill -</p>
</header>
<a class="image main"><img src="images/quote.jpg" alt="" /></a>
<ul class="actions special">
</ul>
</article>
<!-- Posts -->
<section class="posts">
<article>
<header>
<span class="date">lastest</span>
<h2><a href="https://www.canva.com/design/DAE09ieOv7U/yk0AKOhIUz2-1SG1GpGITw/view?utm_content=DAE09ieOv7U&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton">Portfolio<br />
Created by Canvas</a></h2>
</header>
<a href="https://www.canva.com/design/DAE09ieOv7U/yk0AKOhIUz2-1SG1GpGITw/view?utm_content=DAE09ieOv7U&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton" class="image fit"><img src="images/Capture.JPG" alt="" /></a>
<p>This is my lastest portfolio that contain all certificates</p>
<ul class="actions special">
<li><a href="https://www.canva.com/design/DAE09ieOv7U/yk0AKOhIUz2-1SG1GpGITw/view?utm_content=DAE09ieOv7U&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton" class="button">View Here</a></li>
</ul>
</article>
<article>
<header>
<span class="date">September 1, 2021</span>
<h2><a href="https://www.nsm.or.th/images/Cansat/2021/_TCRC2021.pdf">Thailand CANSAT-ROCKET Competition 2021<br /></a></h2>
</header>
<a href="https://www.nsm.or.th/images/Cansat/2021/_TCRC2021.pdf" class="image fit"><img src="images/cansat2.jpg" alt="" /></a>
<p>Won the best technique award in Thailand cansat and rocket competition 2021 organized by National Science Museum(NSM) and Defence Technology Institute(DTI)</p>
<ul class="actions special">
<li><a href="https://www.nsm.or.th/images/Cansat/2021/_TCRC2021.pdf" class="button">View Result</a></li>
</ul>
</article>
<article>
<header>
<span class="date">May 28, 2021</span>
<h2><a href="https://www.facebook.com/ScienceCampDTI/photos/a.546680705352123/4101348239885334">Thailand ROCKET science camp competition 2021<br />
</a></h2>
</header>
<a href="https://www.facebook.com/ScienceCampDTI/photos/a.546680705352123/4101348239885334" class="image fit"><img src="images/rocket2.jpg" alt="" /></a>
<p>Won the conceptual design award in Thailand rocket science camp 2021 organized Defence Technology Institute(DTI)</p>
<ul class="actions special">
<li><a href="https://www.facebook.com/ScienceCampDTI/photos/a.546680705352123/4101348239885334" class="button">View Result</a></li>
</ul>
</article>
<article>
<header>
<span class="date">October 9, 2020</span>
<h2><a href="https://www.facebook.com/285104665569883/photos/a.472899933457021/787440708669607/">Thailand CANSAT-ROCKET Competition 2020<br /></a></h2>
</header>
<a href="https://www.facebook.com/285104665569883/photos/a.472899933457021/787440708669607/" class="image fit"><img src="images/cansat2020.jpg" alt="" /></a>
<p>Got into the Grand final round in Thailand cansat and rocket competition 2020 organized by National Science Museum(NSM) and Defence Technology Institute(DTI).</p>
<ul class="actions special">
<li><a href="https://www.facebook.com/285104665569883/photos/a.472899933457021/787440708669607/" class="button">View Result</a></li>
</ul>
</article>
<article>
<header>
<span class="date">September 24, 2021</span>
<h2><a href="#">Science project learning to discover potential and improve performance<br /></a></h2>
</header>
<a href="#" class="image fit"><img src="images/sig ml.png" alt="" /></a>
<p>Developed a signature verification with Machine learning to prevent signature fraud</p>
<ul class="actions special">
<li><a href="https://colab.research.google.com/drive/1iDLmp7BdOkGwJUn_NNRDrh3CVibgCPtf?usp=sharing" class="button">View code</a></li>
<li><a href="https://drive.google.com/file/d/1UWh5BPhX9wUwh1-1e2XTzd8J7RNzNGHT/view?usp=sharing" class="button">View thesis</a></li>
</ul>
</article>
<article>
<header>
<span class="date">October 12, 2021</span>
<h2><a href="#">Space Youth Challenge 2021<br /></a></h2>
</header>
<a href="#" class="image fit"><img src="images/space youth.JPG" alt="" /></a>
<p>Won the third place award in Space Youth Challenge 2021 that exhibited for the first time organized by NARIT, TSC and Private Division</p>
<ul class="actions special">
<li><a href="https://www.facebook.com/NARITpage/photos/pcb.4740119209384989/4740118212718422" class="button">View Result</a></li>
<li><a href="https://youtu.be/F4iDY7qTZMU" class="button">View 6mins Clip Video</a></li>
</ul>
</article>
</section>
<!-- Footer -->
<footer>
<div class="pagination">
<!--<a href="#" class="previous">Prev</a>-->
<a href="#" class="page active">1</a>
<a href="#" class="page">2</a>
<a href="#" class="page">3</a>
<span class="extra">…</span>
<a href="#" class="page">8</a>
<a href="#" class="page">9</a>
<a href="#" class="page">10</a>
<a href="#" class="next">Next</a>
</div>
</footer>
</div>
<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section class="alt">
<h3>Address</h3>
<p>98/141 Pracha Uthit 33 crossroad 7, Bangmod,<br /> Thung Khru, Bangkok 10140</p>
</section>
<section>
<h3>Phone</h3>
<p><a>(+66) Thailand 086-377-1558</a></p>
</section>
<section>
<h3>Email</h3>
<p><a href="#">[email protected]</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://www.facebook.com/profile.php?id=100022989000044" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/nut_36974/" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://line.me/ti/p/UoCja6hd19" class="icon brands fa-line"><span class="label">Line</span></a></li>
</ul>
</section>
</section>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>