First upload.

Added CV, index, styles, and photos
JChaloton · Oct 12, 2023 · b9799ca · b9799ca
1 parent 9138c48
commit b9799ca
Show file tree

Hide file tree

Showing 7 changed files with 271 additions and 0 deletions.
diff --git a/CV.html b/CV.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en-US">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width" />
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Inclusive+Sans&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="style2.css">
+        <title>Jirapong.C</title>
+    </head>
+
+    <body>
+
+    <div class="top">
+        <div class="name">
+            <h1>Jirapong Chalotonpised</h1>
+            <p class="addr">81, Sec.1 Jian-Guo S.Rd, Da-an District,
+                Taipei city 106, Taiwan
+            </p>
+        </div>
+    </div>
+
+    <hr>
+
+    <div class="middle">
+        <div class="education">
+            <h2 class="edu_style1">Educations</h2>
+            <div class="education1">
+                <span class="left">National Taipei University of Technology</span><span class="right">: Taipei, Taiwan</span><br>
+                <span class="left"><em>MS. Automation Technology</em></span><span class="right">Degree expected on 2025</span>
+            </div>
+            <div class="education2">
+                <span class="left">Sukhothai Thammathirat Open University</span><span class="right"> : Nonthaburi, Thailand</span><br>
+                <span class="left"><em>Bachelor of Arts, English</em></span><span class="right">GPA 3.28</span>
+            </div>
+        </div>
+    </div>
+
+    <hr>
+
+        <div class="experience">
+            <h2 class="exp_style">Work experience</h2>
+            <div class="exp1">
+                <h4>Bangkok Airways</h4>
+                <span><em>Certifying Staff - Avionic</em></span><br>
+                <span><em>October 2022 - July 2023</em></span>
+                <ul>
+                    <li>Lead avionic shop technician to perform maintenance and repair in accordance with approved manuals to avoid unexpected discrepancies</li>
+                    <li>Promote safety within workplace by monitoring others and myself to guarantee all tasks are performed within the safety manual guidelines</li>
+                    <li>Perform maintenance release and control of removal, installation, inspection, and repair process of aircraft avionic components according to approved capability list and part 145 MOE manual</li>
+                    <li>Coordinate and communicate between other workshops and mechanics</li>
+                    <li>Issue Certificate of Releae to Service</li>
+                </ul>
+            </div>
+            <div class="exp2">
+                <span><em>Avionic shop technician</em></span><br>
+                <span><em>May 2018 - October 2022</em></span>
+                <ul>
+                    <li>Troubleshoot, inspect, and perform maintenance on avionic components according to the approved maintenance manual and standard practice manual(SOP)</li>
+                    <li>Carry out all routine works under responsibility of avionic workshop</li>
+                    <li>Monitor and maintain serviceable condition of tools and equipments in workshop</li>
+                    <li>Perform tasks assigned by superior</li>
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <div class="fe_experience">
+        <h2 class="fe_exp_style">Frontend experience</h2>
+        <div class="fe_exp1">
+            <h4>HTML, CSS, and responsive design</h4>
+            <a href=""><em>My CV</em></a><br>
+            <ul>
+                <li>Uses HTML and CSS for the CV to showcase my skills in both languages</li>
+                <li>Design with responsive design in mind to make it easier to read with different screen sizes</li>
+                <li>Publish the website through GitHub repository</li>
+                <li></li>
+                <li></li>
+            </ul>
+        </div>
+        <div class="fe_exp2">
+            <span><em>Avionic shop technician</em></span><br>
+            <span><em>May 2018 - October 2022</em></span>
+            <ul>
+                <li>Troubleshoot, inspect, and perform maintenance on avionic components according to the approved maintenance manual and standard practice manual(SOP)</li>
+                <li>Carry out all routine works under responsibility of avionic workshop</li>
+                <li>Monitor and maintain serviceable condition of tools and equipments in workshop</li>
+                <li>Perform tasks assigned by superior</li>
+            </ul>
+        </div>
+    </div>
+</div>
+    <hr>
+
+
+        <footer>
+            <p>JIRAPONG CHALOTONPISED<br>
+            <a href="mailto:[email protected]">[email protected]</a></p>
+        </footer>
+    </body>
+</html>
diff --git a/Jirapong-photo.jpg b/Jirapong-photo.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en-US">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width" />
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Inclusive+Sans&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="style.css">
+        <title>Jirapong.C</title>
+    </head>
+    <body>
+        <nav>
+            <ul>
+                <li><a href="#//link">Home</a></li>
+                <li><a href="#//link">CV</a></li>
+                <li><a href="#//link">More about me</a></li>
+            </ul>
+        </nav>
+        <div class="top">
+            <div class="title">
+                <h1>Jirapong Chalotonpised</h1>
+            </div>
+            <div>
+                <h2>Welcome to my website!</h2>
+            </div>
+            <img class="bg" src="./mountain-bg.png" alt="mountain">
+        <footer>
+            <p>JIRAPONG CHALOTONPISED<br>
+            <a href="mailto:[email protected]">[email protected]</a></p>
+        </footer>
+
+      </body>
+</html>
diff --git a/mountain-bg.png b/mountain-bg.png
diff --git a/mountain.png b/mountain.png
diff --git a/style.css b/style.css
@@ -0,0 +1,35 @@
+body {
+    background-color: #65B8F9;
+    text-align: center;
+}
+.top {
+    font-family: 'Inclusive Sans', sans-serif;
+    display: block;
+}
+
+h1 {
+    color: #182C3B;
+    margin-block-start: 3em;
+    margin-block-end: 1em;
+    font-size: 40px;
+    font-weight: bold;
+}
+h2 {
+    color: #182C3B;
+    margin-block-start: 0;
+    margin-block-end: 0;
+}
+
+.bg {
+    width: 500px;
+    margin-top: 10px;
+    padding: 0;
+}
+a {
+    color: #325B7A;
+}
+
+footer {
+    color: #325B7A;
+    text-align: center;
+}
diff --git a/style2.css b/style2.css
@@ -0,0 +1,100 @@
+body {
+    font-family: 'Inclusive Sans', sans-serif;
+    display: block;
+    text-align: center;
+}
+
+.name {
+    grid-row: 2 / 1;
+    grid-column: 2 / span 2;
+}
+
+.education {
+    display: grid;
+    gap: 1rem;
+}
+
+.edu_style1 {
+    text-decoration: underline;
+    grid-row: 1 / span 1;
+    grid-column: 2 / 1;
+}
+
+.education1 {
+    grid-column: 1 / 1;
+    grid-row: 2 / span 1;
+    padding: 0em 7em 0em;
+}
+
+.education2 {
+    grid-column: 1 / 1;
+    grid-row: 3 / span 1;
+    padding: 0em 7em 0em;
+}
+
+.education1 > p {
+    line-height: 0.5rem;
+}
+
+.education2 > p {
+    line-height: 0.5rem;
+}
+
+.exp_style {
+    text-decoration: underline;
+}
+.experience {
+    display: grid;
+    gap: 1rem;
+}
+
+.exp1 {
+    grid-column: 1 / 1;
+    grid-row: 2 / span 1;
+    padding: 0em 7em 0em;
+    text-align: left;
+}
+
+.exp2 {
+    grid-column: 1 / 1;
+    grid-row: 3 / span 1;
+    padding: 0em 7em 0em;
+    text-align: left;
+}
+
+.fe_exp_style {
+    text-decoration: underline;
+}
+.fe_experience {
+    display: grid;
+    gap: 1rem;
+}
+
+.fe_exp1 {
+    grid-column: 1 / 1;
+    grid-row: 2 / span 1;
+    padding: 0em 7em 0em;
+    text-align: left;
+}
+
+.fe_exp2 {
+    grid-column: 1 / 1;
+    grid-row: 3 / span 1;
+    padding: 0em 7em 0em;
+    text-align: left;
+}
+
+h4 {
+    margin-top: -10px;
+}
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+footer {
+    color: #325B7A;
+    text-align: center;
+}