File manager

File manager - Edit - /home/kridsana/webapp.cm.in.th/673190902/u67319090021/portfolio/index.html

Back
<!DOCTYPE html> <html > <head> <!-- Site made with Mobirise Website Builder v5.9.18, https://mobirise.com --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Mobirise v5.9.18, mobirise.com"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="shortcut icon" href="assets/images/mbr.png" type="image/x-icon"> <meta name="description" content=""> <title>Home</title> <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="assets/dropdown/css/style.css"> <link rel="stylesheet" href="assets/socicon/css/styles.css"> <link rel="stylesheet" href="assets/theme/css/style.css"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap"></noscript> <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css?v=VbKsHS"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css?v=VbKsHS" type="text/css"> </head> <body> <section data-bs-version="5.1" class="menu menu3 cid-sFAA5oUu2Y" once="menu" id="menu3-1"> <nav class="navbar navbar-dropdown navbar-expand-lg"> <div class="container"> <div class="navbar-brand"> <span class="navbar-caption-wrap"><a class="navbar-caption text-primary display-2" href="https://mobiri.se">                                               Portfolio</a></span> </div> </div> </nav> </section> <section data-bs-version="5.1" class="header1 cid-sFCAOqBTxa" id="header1-i"> <div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(237, 245, 225);"></div> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-12 col-lg-4"> </div> </div> </div> </section> <section data-bs-version="5.1" class="features15 cid-sFANq99njx" id="features16-9"> <div class="container"> <div class="content-wrapper"> <div class="row align-items-center"> <div class="col-12 col-lg"> <div class="text-wrapper"> <h6 class="card-title mbr-fonts-style display-2"><strong>ประวัติส่วนตัว</strong></h6> <p class="mbr-text mbr-fonts-style mb-4 display-5">ชื่อ-นามสกุล: ศุภกิตติ์ รัตนา <br>ชื่อเล่น: ปอม<br>วัน เดือน ปี: 30 มีนาคม 2544<br>เชื้อชาติ: ไทย<br>สัญชาติ: ไทย<br>ศาสนา: คริส์ต<br>กรุ๊ปเลือด: O<br><br><strong>คติประจำใจ</strong><br>ทำปัจจุบันให้ดีที่สุด<strong><br></strong><br><strong><br></strong></p> </div> </div> <div class="col-12 col-lg-6"> <div class="image-wrapper"> <img src="assets/images/s-70287367-1108x1477.jpg" alt="Mobirise Website Builder"> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="content2 cid-sFAOw5Fdod" id="content2-e"> <div class="container"> <div class="mbr-section-head"> <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>การศึกษา</strong></h4> </div> <div class="row mt-4"> <div class="item features-image сol-12 col-md-6 col-lg-4 active"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/images-1-225x225.jpg" alt="Mobirise Website Builder" title="" data-slide-to="0" data-bs-slide-to="0"> </div> <div class="item-content"> <h5 class="item-title mbr-fonts-style display-5"><strong>ประถมศึกษา</strong><strong>โรงเรียนพัฒนวิทย์ศึกษา</strong><br><br></h5> <p class="mbr-text mbr-fonts-style mt-3 display-7">ระดับชั้น ป.1-ป.6</p> </div> </div> </div><div class="item features-image сol-12 col-md-6 col-lg-4"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/images-180x180.jpg" alt="Mobirise Website Builder" title="" data-slide-to="1" data-bs-slide-to="1"> </div> <div class="item-content"> <h5 class="item-title mbr-fonts-style display-5"><strong>มัธยมศึกษา โรงเรียนประชาวิทย์ลำปาง</strong></h5> <p class="mbr-text mbr-fonts-style mt-3 display-7">ระดับชั้น ม.1-ม.6<br>สาขา จีน-อังกฤษ</p> </div> </div> </div><div class="item features-image сol-12 col-md-6 col-lg-4"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/images-2-223x226.jpg" alt="Mobirise Website Builder" title="" data-slide-to="2" data-bs-slide-to="2"> </div> <div class="item-content"> <h5 class="item-title mbr-fonts-style display-5"><strong>ปัจจุบัน วิทยาลัยเทคนิคเชียงใหม่</strong></h5> <p class="mbr-text mbr-fonts-style mt-3 display-7">ระดับ ปวส1<br><strong>แผนก </strong>อิเล็กทรอนิกส์<br><strong>สาขา</strong> คอมพิวเตอร์เครื่อยข่าย ม.6</p> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="gallery6 mbr-gallery cid-sFAQAQGsOD" id="gallery6-f"> <div class="container-fluid"> <div class="mbr-section-head"> <h3 class="mbr-section-title mbr-fonts-style align-center m-0 display-2"><strong>งานอดิเรก</strong></h3> </div> <div class="row mbr-gallery mt-4"> <div class="col-12 col-md-6 col-lg-3 item gallery-image active"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#uejVVmGyD5-modal" data-bs-target="#uejVVmGyD5-modal"> <img class="w-100" src="assets/images/shutterstock-537529714-886x590.jpg" alt="Mobirise Website Builder" data-slide-to="0" data-bs-slide-to="0" data-target="#lb-uejVVmGyD5" data-bs-target="#lb-uejVVmGyD5"> <div class="icon-wrapper"> <span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 item gallery-image"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#uejVVmGyD5-modal" data-bs-target="#uejVVmGyD5-modal"> <img class="w-100" src="assets/images/netflix.webp" alt="Mobirise Website Builder" data-slide-to="1" data-bs-slide-to="1" data-target="#lb-uejVVmGyD5" data-bs-target="#lb-uejVVmGyD5"> <div class="icon-wrapper"> <span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span> </div> </div> </div><div class="col-12 col-md-6 col-lg-3 item gallery-image"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#uejVVmGyD5-modal" data-bs-target="#uejVVmGyD5-modal"> <img class="w-100" src="assets/images/r-960x638.jpg" alt="Mobirise Website Builder" data-slide-to="2" data-bs-slide-to="2" data-target="#lb-uejVVmGyD5" data-bs-target="#lb-uejVVmGyD5"> <div class="icon-wrapper"> <span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span> </div> </div> </div><div class="col-12 col-md-6 col-lg-3 item gallery-image"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#uejVVmGyD5-modal" data-bs-target="#uejVVmGyD5-modal"> <img class="w-100" src="assets/images/sleep-670x402.jpg" alt="Mobirise Website Builder" data-slide-to="3" data-bs-slide-to="3" data-target="#lb-uejVVmGyD5" data-bs-target="#lb-uejVVmGyD5"> <div class="icon-wrapper"> <span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span> </div> </div> </div> </div> <div class="modal mbr-slider" tabindex="-1" role="dialog" aria-hidden="true" id="uejVVmGyD5-modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="carousel slide" id="lb-uejVVmGyD5" data-interval="5000" data-bs-interval="5000"> <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" src="assets/images/shutterstock-537529714-886x590.jpg" alt="Mobirise Website Builder"> </div> <div class="carousel-item"> <img class="d-block w-100" src="assets/images/netflix.webp" alt="Mobirise Website Builder"> </div><div class="carousel-item"> <img class="d-block w-100" src="assets/images/r-960x638.jpg" alt="Mobirise Website Builder"> </div><div class="carousel-item"> <img class="d-block w-100" src="assets/images/sleep-670x402.jpg" alt="Mobirise Website Builder"> </div> </div> <ol class="carousel-indicators"> <li data-slide-to="0" data-bs-slide-to="0" class="active" data-target="#lb-uejVVmGyD5" data-bs-target="#lb-uejVVmGyD5"></li> <li data-slide-to="1" data-bs-slide-to="1" data-target="#lb-uejVVmGyD5" data-bs-target="#lb-uejVVmGyD5"></li><li data-slide-to="2" data-bs-slide-to="2" data-target="#lb-uejVVmGyD5" data-bs-target="#lb-uejVVmGyD5"></li><li data-slide-to="3" data-bs-slide-to="3" data-target="#lb-uejVVmGyD5" data-bs-target="#lb-uejVVmGyD5"></li> </ol> <a role="button" href="" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close"> </a> <a class="carousel-control-prev carousel-control" role="button" data-slide="prev" data-bs-slide="prev" href="#lb-uejVVmGyD5"> <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span> <span class="sr-only visually-hidden">Previous</span> </a> <a class="carousel-control-next carousel-control" role="button" data-slide="next" data-bs-slide="next" href="#lb-uejVVmGyD5"> <span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span> <span class="sr-only visually-hidden">Next</span> </a> </div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="contacts3 map1 cid-sFAOgbarYq" id="contacts3-c"> <div class="container"> <div class="mbr-section-head"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"> <strong>Contacts</strong> </h3> <h4 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-5">ช่องทางการติดต่อ</h4> </div> <div class="row justify-content-center mt-4"> <div class="card col-12 col-md-6"> <div class="card-wrapper"> <div class="image-wrapper"> <span class="mbr-iconfont mobi-mbri-phone mobi-mbri" style="color: rgb(5, 56, 107); fill: rgb(5, 56, 107);"></span> </div> <div class="text-wrapper"> <h6 class="card-title mbr-fonts-style mb-1 display-5"> <strong>Phone</strong> </h6> <p class="mbr-text mbr-fonts-style display-7">0837138586</p> </div> </div> <div class="card-wrapper"> <div class="image-wrapper"> <span class="mbr-iconfont mobi-mbri-letter mobi-mbri" style="color: rgb(5, 56, 107); fill: rgb(5, 56, 107);"></span> </div> <div class="text-wrapper"> <h6 class="card-title mbr-fonts-style mb-1 display-5"> <strong>Email</strong> </h6> <p class="mbr-text mbr-fonts-style display-7"> <a href="https://mail.google.com/mail/mu/mp/394/#tl/priority/%5Esmartlabel_personal" class="text-primary">info@site.com</a> </p> </div> </div> </div> <div class="map-wrapper col-12 col-md-6"> <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAtXm0x23nRCgazjDV2Kl3GTHRP411ougQ&q=https://www.google.com/maps/dir//PWPR%2B75M+%E0%B8%8A%E0%B8%A1.3028+%E0%B8%95%E0%B8%B3%E0%B8%9A%E0%B8%A5+%E0%B8%AB%E0%B8%99%E0%B8%AD%E0%B8%87%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A2+%E0%B8%AD%E0%B8%B3%E0%B9%80%E0%B8%A0%E0%B8%AD%E0%B8%AB%E0%B8%B2%E0%B8%87%E0%B8%94%E0%B8%87+%E0%B9%80%E0%B8%8A%E0%B8%B5%E0%B8%A2%E0%B8%87%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88+50230/@18.7357048,98.8580215,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x30da31a772ccdf77:0xa0aa08dfc5ed4d0b!2m2!1d98.9404155!2d18.7357143?entry=ttu" allowfullscreen=""></iframe></div> </div> </div> </div> </section> <section data-bs-version="5.1" class="footer3 cid-sFAOjz8nX7" once="footers" id="footer3-d"> <div class="container"> <div class="media-container-row align-center mbr-white"> <div class="row row-links"> <ul class="foot-menu"> <li class="foot-menu-item mbr-fonts-style display-7"><a href="#top" class="text-white">Home</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="index.html#content4-5" class="text-white">Features</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="index.html#content4-6" class="text-white">Shop</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="index.html#features16-9" class="text-white">About</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="index.html#contacts3-c" class="text-white">Contacts</a></li></ul> </div> <div class="row social-row"> <div class="social-list align-right pb-2"> <div class="soc-item"> <a href="https://twitter.com/mobirise" target="_blank"> <span class="socicon-twitter socicon mbr-iconfont mbr-iconfont-social"></span> </a> </div><div class="soc-item"> <a href="https://www.facebook.com/pages/Mobirise/1616226671953247" target="_blank"> <span class="socicon-facebook socicon mbr-iconfont mbr-iconfont-social"></span> </a> </div><div class="soc-item"> <a href="https://www.youtube.com/c/mobirise" target="_blank"> <span class="socicon-youtube socicon mbr-iconfont mbr-iconfont-social"></span> </a> </div><div class="soc-item"> <a href="https://instagram.com/mobirise" target="_blank"> <span class="socicon-instagram socicon mbr-iconfont mbr-iconfont-social"></span> </a> </div><div class="soc-item"> <a href="https://plus.google.com/u/0/+Mobirise" target="_blank"> <span class="socicon-googleplus socicon mbr-iconfont mbr-iconfont-social"></span> </a> </div><div class="soc-item"> <a href="https://www.behance.net/Mobirise" target="_blank"> <span class="socicon-behance socicon mbr-iconfont mbr-iconfont-social"></span> </a> </div></div> </div> <div class="row row-copirayt"> <p class="mbr-text mb-0 mbr-fonts-style mbr-white align-center display-7"> © Copyright 2025 Mobirise. All Rights Reserved. </p> </div> </div> </div> </section><section class="display-7" style="padding: 0;align-items: center;justify-content: center;flex-wrap: wrap; align-content: center;display: flex;position: relative;height: 4rem;"><a href="https://mobiri.se/3247569" style="flex: 1 1;height: 4rem;position: absolute;width: 100%;z-index: 1;"><img alt="" style="height: 4rem;" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></a><p style="margin: 0;text-align: center;" class="display-7">‌</p><a style="z-index:1" href="https://mobirise.com/builder/ai-website-builder.html">AI Website Software</a></section><script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/ytplayer/index.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/theme/js/script.js"></script> </body> </html>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.38 | proxy | phpinfo | Settings