File: /home/suanchonac/domains/suanchon.ac.th/public_html/609/06036/iPortfolio/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>นายภานุวัฒน์ แก้วมณี เลขที่ 18</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: iPortfolio
* Updated: May 30 2023 with Bootstrap v5.3.0
* Template URL: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Mobile nav toggle button ======= -->
<i class="bi bi-list mobile-nav-toggle d-xl-none"></i>
<!-- ======= Header ======= -->
<header id="header">
<div class="d-flex flex-column">
<div class="profile">
<img src="assets/img/profile-img.jpg" alt="" class="img-fluid rounded-circle">
<h1 class="text-light"><a href="index.html">Phanuwat Kaewmanee</a></h1>
<div class="social-links mt-3 text-center">
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
<nav id="navbar" class="nav-menu navbar">
<ul>
<li><a href="#hero" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>Home</span></a></li>
<li><a href="#about" class="nav-link scrollto"><i class="bx bx-user"></i> <span>About</span></a></li>
<li><a href="#resume" class="nav-link scrollto"><i class="bx bx-file-blank"></i> <span>Resume</span></a></li>
<li><a href="#portfolio" class="nav-link scrollto"><i class="bx bx-book-content"></i> <span>Portfolio</span></a></li>
<li><a href="#services" class="nav-link scrollto"><i class="bx bx-server"></i> <span>Services</span></a></li>
<li><a href="#contact" class="nav-link scrollto"><i class="bx bx-envelope"></i> <span>Contact</span></a></li>
</ul>
</nav><!-- .nav-menu -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
<div class="hero-container" data-aos="fade-in">
<h1>Phanuwat Kaewmanee</h1>
<p>I'm <span class="typed" data-typed-items="Musician, Photographer"></span></p>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container">
<div class="section-title">
<h2>About</h2>
<p>I want to enter the Faculty of Communication Arts because I want to work in the department behind the scenes.</p>
</div>
<div class="row">
<div class="col-lg-4" data-aos="fade-right">
<img src="assets/img/profile-img.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-8 pt-4 pt-lg-0 content" data-aos="fade-left">
<h3>Musician & Cameraman</h3>
<p class="fst-italic">. </p>
<div class="row">
<div class="col-lg-6">
<ul>
<li><i class="bi bi-chevron-right"></i> <strong>Birthday:</strong> <span>16 Mar 2006</span></li>
<li><i class="bi bi-chevron-right"></i> <strong>Website:</strong> <span>www.example.com</span></li>
<li><i class="bi bi-chevron-right"></i> <strong>Phone:</strong> <span>098-800 7904</span></li>
<li><i class="bi bi-chevron-right"></i> <strong>City:</strong> <span>Chonburi,Sriracha</span></li>
</ul>
</div>
<div class="col-lg-6">
<ul>
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>17</span></li>
<li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Student </span></li>
<li><i class="bi bi-chevron-right"></i> <strong>PhEmailone:</strong> <span>phanuwat2084@gmail.com</span></li>
<li><i class="bi bi-chevron-right"></i> <strong>School:</strong> <span>Suankularb Wittayalai Chonburi School</span></li>
</ul>
</div>
</div>
<p>
I
</p>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Skills Section ======= -->
<section id="skills" class="skills section-bg">
<div class="container">
<div class="section-title">
<h2>Skills</h2>
<p>100-75 is good, 74-50 is moderate, 49 and below is improvement.</p>
</div>
<div class="row skills-content">
<div class="col-lg-6" data-aos="fade-up">
<div class="progress">
<span class="skill">Drum set <i class="val">80%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Snare Drum <i class="val">75%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Euphonium <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="progress">
<span class="skill">Tuba <i class="val">80%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Photography <i class="val">65%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Photoshop <i class="val">45%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Skills Section -->
<!-- ======= Resume Section ======= -->
<section id="resume" class="resume">
<div class="container">
<div class="section-title">
<h2>Resume</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-up">
<h3 class="resume-title">สรุป</h3>
<div class="resume-item pb-0">
<h4>นายภานุวัฒน์ แก้วมณี</h4>
<p><em>เกิดและเติบโตที่จังหวัดชลบุรี </em></p>
<ul>
<li>6/17 หมู่ 6 ต.บ่อวิน อ.ศรีราชา จ.ชลบุรี 20230 </li>
<li>098-8007904 </li>
<li>phanuwat2084@gmail.com</li>
</ul>
</div>
<h3 class="resume-title">ประวัติการศึกษา</h3>
<div class="resume-item">
<h4> ระดับชั้นประถมศึกษา </h4>
<h5>2012 - 2017</h5>
<p><em>โรงเรียนมารีวิทย์ บ่อวิน </em></p>
<p>เข้าศึกษาตั้งแต่ระดับชั้นประถมศึกษาปีที่ 1 จนถึงระดับชั้นประถมศึกษาปีที่ 6 และจบการศึกษาในระดับชั้นประถมศึกษา</p>
</div>
<div class="resume-item">
<h4>ระดับชั้นมัธยมศึกษาตอนต้น </h4>
<h5>2018 - 2020</h5>
<p><em>โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี </em></p>
<p>เข้าศึกษาระดับชั้นมัธยมศึกษาปีที่ 1 ถึงระดับชั้นมัธยมศึกษาปีที่ 3 และสำเร็จการศึกษาระดับชั้นมัธยมศึกษาตอนต้น</p>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="resume-item">
<h4>ระดับชั้นมัธยมสึกษาตอนปลาย</h4>
<h5>2023 - ปัจจุบัน</h5>
<p>โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี</p>
<p>ปัจจุบันศึกษาอยุ่ที่โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี ชั้นมัธยมศึกษาปีที่ 6</p>
</div>
<div class="resume-item">
<h4>ประสบการณ์</h4>
<h5>ผลงาน 2022 - 2023</h5>
<p> </p>
<ul>
<li>แข่งขันศิลปหัตถกรรม ประจำปการศึกษา 2565</li>
<li>ร่วมทำพิธีเปิดในงานกรีฑาสวนกุหลาบสัมพันธ์ ครั้งที่ 24</li>
<li>เป็นพี่เลี้ยงในงานชุมนุมลูกเสือสวนกุหลาบสัมพันธ์ ครั้งที่ 27</li>
<li>ร่วมบรรเลงเพลงในวันประชุมผู้ปกครอง ประจำปีการศึกษา 2566</li>
</ul>
</div>
</div>
</div>
</div>
</section><!-- End Resume Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio section-bg">
<div class="container">
<div class="section-title">
<h2>Portfolio</h2>
</div>
<div class="row" data-aos="fade-up">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">ทั้งหมด</li>
<li data-filter=".filter-app">เล่นดนตรี</li>
<li data-filter=".filter-card">วงโย </li>
</ul>
</div>
</div>
<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 1"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-4.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt="">
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-5.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-6.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-7.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 1"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-8.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-9.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Portfolio Section -->
<!-- ======= Services Section ======= -->
<section id="services" class="services">
<div class="container">
<div class="section-title"></div>
<div class="row">
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up"></div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100"></div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200"></div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300"></div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400"></div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" data-aos-delay="500"></div>
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials section-bg">
<div class="container">
<div class="section-title">
<h2>Testimonials</h2>
<p> </p>
</div>
<div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item" data-aos="fade-up">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i><i class="bx bxs-quote-alt-right quote-icon-right"></i>
ภานุวัฒน์ แก้วมณี (ออมสิน 609) ออมสินเป็นนักเรียนที่หมั่นฝึกฝนตนเองอยู่เสมอ เป็นเด็กที่อารมณ์ดี และเป็นกันเองกับทุกคนเสมอ ในฐานะที่เป็นครูแผนการเรียนศิลปกรรม สวนกุหลาบวิทยาลัย ชลบุรี รู้สึกภูมิใจที่ออมสินปฏิบัติตนเป็นคนดี มีวินัย</p>
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>อาจารย์ประภากร กิตติยายาม</h3>
<h4> </h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item" data-aos="fade-up" data-aos-delay="100">
<p>
นายภานุวัฒน์ แก้วมณี นักเรียนชั้นมัธยมศึกษาปีที่ 609 โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี ว่าเป็นนักเรียนที่มีความประพฤติเรียบร้อย มีความอ่อนน้อมถ่อมตน มีวินัย รับผิดชอบในการเรียนเป็นอย่างดี</p>
<img src="../../../1694026933320.jpg" width="102" height="85" alt=""/>
<h3>อาจารย์นภนต์ จันทร์สงวน</h3>
<h4> </h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item" data-aos="fade-up" data-aos-delay="200">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i><i class="bx bxs-quote-alt-right quote-icon-right"></i>
เป็นสมาชิกวงโยธวาทิตของโรงเรียน เข้าร่วมการแปรขบวนวงโยธวาทิตในโรงเรียน</p>
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>อาจารย์ ประทาน สระพลอย</h3>
<h4> </h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item" data-aos="fade-up" data-aos-delay="300">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i><i class="bx bxs-quote-alt-right quote-icon-right"></i>
นาย ภานุวัฒน์ แก้วมณี เรียกสนิทกัน ออมสิน,สิน<br>
ในฐานนักดนตรีดุริยางค์ เป็นเด็กที่ชอบสร้างสรรค์เสียงอันไพเราะ และมีความพร้อมที่จะรับมือกับสถานการณ์ได้ดี มีไหวพริบ กล้าแสดงออก และรู้จักวางตัว และรู้ตนเองเสมอเวลาทำสิ่งใด เป็นคนชัดเจน ทั้งการแสดงออก และแสดงความรู้สึกได้เหมาะสมเป็นอย่างดี ความดีใจในฐานะครูผู้สอน ดีใจที่เขาเป็นเด็กดี และพร้อมเปิดรับการเรียนรู้ใหม่ๆ เสมอ️</p>
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>อาจารย์ ศิริจันทร์ นามมนตรี</h3>
<h4> </h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item" data-aos="fade-up" data-aos-delay="400">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
นายภานุวัฒน์ แก้วมณี นักเรียนชั้นมัธยมศึกษาปีที่ 609 โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรีเป็นคนซื่อตรง มีระเบียบวินัยใฝ่คุณธรรม</p>
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>อาจารย์ ชานนท์ พลูทวี</h3>
<h4> </h4>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title">
<h2>Contact</h2>
<p> </p>
</div>
<div class="row" data-aos="fade-in">
<div class="col-lg-5 d-flex align-items-stretch">
<div class="info">
<div class="address">
<i class="bi bi-geo-alt"></i>
<h4>Location:</h4>
<p>6/17 ม.6 ต.บ่อวิน อ.ศรีราชา จ.ชลบุรี 20230</p>
</div>
<div class="email">
<i class="bi bi-envelope"></i>
<h4>Email:</h4>
<p>phanuwat2084@gmail.com </p>
</div>
<div class="phone">
<i class="bi bi-phone"></i>
<h4>Call:</h4>
<p>098-8007904</p>
</div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3886.995768302423!2d101.11289717580387!3d13.035941113462894!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3102c47d6a12bead%3A0x1579b140da04ed5d!2s6%20%E0%B8%8B%E0%B8%AD%E0%B8%A2%206%20Tambon%20Bo%20Win%2C%20Amphoe%20Si%20Racha%2C%20Chang%20Wat%20Chon%20Buri%2020230%2C%20Thailand!5e0!3m2!1sen!2sus!4v1694022517481!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-7 mt-5 mt-lg-0 d-flex align-items-stretch">
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
<div class="row">
<div class="form-group col-md-6">
<label for="name">Your Name</label>
<input type="text" name="name" class="form-control" id="name" required>
</div>
<div class="form-group col-md-6">
<label for="name">Your Email</label>
<input type="email" class="form-control" name="email" id="email" required>
</div>
</div>
<div class="form-group">
<label for="name">Subject</label>
<input type="text" class="form-control" name="subject" id="subject" required>
</div>
<div class="form-group">
<label for="name">Message</label>
<textarea class="form-control" name="message" rows="10" required></textarea>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
© Copyright <strong><span>Phanuwat Kaewmanee</span></strong>
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/ -->
Designed by <a href="https://bootstrapmade.com/">Phanuwat Kaewmanee</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/typed.js/typed.umd.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>