Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/663012803/u66301280056/portfolio/index.html
Arrière
<!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/13-128x128.png" type="image/x-icon"> <meta name="description" content=""> <title>หน้าหลัก</title> <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css"> <link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.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/animatecss/animate.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+Tight:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter+Tight:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript> <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css?v=8GdIAf"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css?v=8GdIAf" type="text/css"> </head> <body> <section data-bs-version="5.1" class="menu menu1 cid-ufGSjWiMwF" once="menu" id="menu01-1o"> <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg"> <div class="container"> <div class="navbar-brand"> <span class="navbar-caption-wrap"><a class="navbar-caption text-black text-primary display-4" href="index.html">Home</a></span> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"> <a class="nav-link link text-warning text-primary display-4" href="page1.html">คำนำ</a> </li> <li class="nav-item"> <a class="nav-link link text-warning display-4" href="page2.html" aria-expanded="false">ข้อมูลส่วนตัว</a> </li> <li class="nav-item"> <a class="nav-link link text-warning display-4" href="page3.html">กิจกรรม <br></a> </li></ul> <div class="navbar-buttons mbr-section-btn"><a class="btn btn-info display-4">Type Text<span class="mbri-search mbr-iconfont mbr-iconfont-btn" style="color: rgb(224, 17, 53);"></span></a></div> </div> </div> </nav> </section> <section data-bs-version="5.1" class="header8 cid-ufGA8La15s" id="header08-1k"> <div class="container"> <div class="row content-wrapper justify-content-center"> <div class="col-lg-7 mbr-form"> <div class="text-wrapper align-left" data-form-type="formoid"> <form action="https://mobirise.eu/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name"><input type="hidden" name="email" data-form-email="true" value="six91W0lywhJHJ/JnUTN95ioyg7eBWKZjLndnkjJ/j96ah1sm26EKOgWfu0Wk/tpYe7nEgnx0QriK5RQ5jVWhmBXafWnCxtIySMw63sm7pylRMc9AEnNVb2S4nduKXnR"> <div class="dragArea row"> <div class="col-lg-12 col-md-12 col-sm-12"> <h1 class="mbr-section-title mbr-fonts-style mb-4 display-1"><strong>portfolio</strong><br></h1> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <p class="mbr-text mbr-fonts-style mb-4 display-7"> หน่อ พะปินตา<br>ปีการศึกษา 2567</p> </div> <div data-for="email" class="col-lg-6 col-md-6 col-sm-12"> <input type="email" name="email" placeholder="ืืnhorpapinta123@email.com" data-form-field="email" class="form-control display-7" value="" id="email-header08-1k"> </div> <div class="col-auto mbr-section-btn"><button type="submit" class="w-100 btn btn-info display-7"><span class="mbri-search mbr-iconfont mbr-iconfont-btn" style="color: rgb(224, 17, 53);"></span></button></div> <div class="row"> <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div> <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12"> Oops...! some problem! </div> </div> </div> </form> </div> </div> <div class="col-lg-5 col-12"> <div class="image-wrapper"> <img class="w-100" src="assets/images/1656-removebg-preview-336x742.png" alt="Mobirise Website Builder"> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="gallery1 mbr-gallery cid-ufGN9476Bu" id="gallery01-1l"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-12 content-head"> <div class="mb-5"> <h3 class="mbr-section-title mbr-fonts-style align-center m-0 display-2"><strong>รูปภาพ</strong></h3> <h4 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-2">ถ่ายเล่น</h4> </div> </div> </div> <div class="row mbr-gallery"> <div class="col-12 col-md-6 col-lg-3 item gallery-image active"> <div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#ugAYUMhsZ7-modal" data-bs-target="#ugAYUMhsZ7-modal"> <img class="w-100" src="assets/images/418816856-253571611106427-1613366170742940073-n-511x511.jpg" alt="Mobirise Website Builder" data-slide-to="0" data-bs-slide-to="0" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"> <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 mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#ugAYUMhsZ7-modal" data-bs-target="#ugAYUMhsZ7-modal"> <img class="w-100" src="assets/images/1-511x1128.jpeg" alt="Mobirise Website Builder" data-slide-to="1" data-bs-slide-to="1" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"> <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 mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#ugAYUMhsZ7-modal" data-bs-target="#ugAYUMhsZ7-modal"> <img class="w-100" src="assets/images/2-511x1127.jpeg" alt="Mobirise Website Builder" data-slide-to="2" data-bs-slide-to="2" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"> <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 mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#ugAYUMhsZ7-modal" data-bs-target="#ugAYUMhsZ7-modal"> <img class="w-100" src="assets/images/6-511x1127.jpeg" alt="Mobirise Website Builder" data-slide-to="3" data-bs-slide-to="3" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"> <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 mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#ugAYUMhsZ7-modal" data-bs-target="#ugAYUMhsZ7-modal"> <img class="w-100" src="assets/images/4-511x1128.jpeg" alt="Mobirise Website Builder" data-slide-to="4" data-bs-slide-to="4" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"> <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 mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#ugAYUMhsZ7-modal" data-bs-target="#ugAYUMhsZ7-modal"> <img class="w-100" src="assets/images/5-511x1128.jpeg" alt="Mobirise Website Builder" data-slide-to="5" data-bs-slide-to="5" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"> <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="ugAYUMhsZ7-modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="carousel slide" data-pause="false" data-bs-pause="false" id="lb-ugAYUMhsZ7" 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/418816856-253571611106427-1613366170742940073-n-511x511.jpg" alt="Mobirise Website Builder"> </div> <div class="carousel-item"> <img class="d-block w-100" src="assets/images/1-511x1128.jpeg" alt="Mobirise Website Builder"> </div> <div class="carousel-item"> <img class="d-block w-100" src="assets/images/2-511x1127.jpeg" alt="Mobirise Website Builder"> </div> <div class="carousel-item"> <img class="d-block w-100" src="assets/images/6-511x1127.jpeg" alt="Mobirise Website Builder"> </div><div class="carousel-item"> <img class="d-block w-100" src="assets/images/4-511x1128.jpeg" alt="Mobirise Website Builder"> </div> <div class="carousel-item"> <img class="d-block w-100" src="assets/images/5-511x1128.jpeg" 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-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"></li> <li data-slide-to="1" data-bs-slide-to="1" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"></li> <li data-slide-to="2" data-bs-slide-to="2" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"></li> <li data-slide-to="3" data-bs-slide-to="3" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"></li> <li data-slide-to="4" data-bs-slide-to="4" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"></li> <li data-slide-to="5" data-bs-slide-to="5" data-target="#lb-ugAYUMhsZ7" data-bs-target="#lb-ugAYUMhsZ7"></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-ugAYUMhsZ7"> <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-ugAYUMhsZ7"> <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="social06 cid-ufGSLj565j" id="social06-1r"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 content-head"> <div class="mb-5"> <h5 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">ช่องติดตาม</h5> </div> </div> </div> <div class="row"> <div class="item features-without-image col-12 col-md-6 col-lg-3 active"> <div class="item-wrapper"> <a href="https://youtube.com/@nhorpapinta6486?si=mMXeSdgyEAg8vLc4"><span class="mbr-iconfont m-auto socicon-youtube socicon" style="color: rgb(224, 17, 53); fill: rgb(224, 17, 53);"></span></a> <div class="card-box"> <h4 class="card-title mbr-fonts-style mb-1 display-5"> <strong>YouTube</strong> </h4> <h5 class="card-text mbr-fonts-style display-7">คลิก</h5> </div> </div> </div><div class="item features-without-image col-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <a href="https://www.instagram.com/nhor_papinta/"><span class="mbr-iconfont m-auto socicon-instagram socicon" style="color: rgb(215, 0, 129); fill: rgb(215, 0, 129);"></span></a> <div class="card-box"> <h4 class="card-title mbr-fonts-style mb-1 display-5"> <strong>Instagram</strong> </h4> <h5 class="card-text mbr-fonts-style display-7">คลิก</h5> </div> </div> </div><div class="item features-without-image col-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <a href="https://www.tiktok.com/@nhor_papinta?is_from_webapp=1&sender_device=pc"><span class="mbr-iconfont m-auto socicon-tiktok socicon" style="color: rgb(0, 0, 0); fill: rgb(0, 0, 0);"></span></a> <div class="card-box"> <h4 class="card-title mbr-fonts-style mb-1 display-5"> <strong>TikTok</strong> </h4> <h5 class="card-text mbr-fonts-style display-7">คลิก</h5> </div> </div> </div><div class="item features-without-image col-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <a href="https://www.facebook.com/profile.php?id=100022837943889"><span class="mbr-iconfont m-auto socicon-facebook socicon" style="color: rgb(22, 79, 211); fill: rgb(22, 79, 211);"></span></a> <div class="card-box"> <h4 class="card-title mbr-fonts-style mb-1 display-5"><strong>Facebook</strong></h4> <h5 class="card-text mbr-fonts-style display-7">คลิก</h5> </div> </div> </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/3240422" 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">Mobirise.com </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> <script src="assets/formoid/formoid.min.js"></script> <input name="animation" type="hidden"> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.28 |
proxy
|
phpinfo
|
Réglages