Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/673190902/u67319090025/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/logo.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=Bellota+Text:300,300i,400,400i,700,700i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bellota+Text:300,300i,400,400i,700,700i&display=swap"></noscript> <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css?v=QTv8B6"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css?v=QTv8B6" type="text/css"> </head> <body> <section data-bs-version="5.1" class="menu menu1 cid-sFGMsvHDIa" once="menu" id="menu1-1"> <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-white display-7" href="https://mobiri.se">Siwanaraporn</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-white text-primary display-7" href="index.html#header1-0">Home</a></li><li class="nav-item"><a class="nav-link link text-white text-primary display-7" href="index.html#people5-n">About</a></li> <li class="nav-item"><a class="nav-link link text-white text-primary display-7" href="index.html#features3-4">Photo</a></li><li class="nav-item"><a class="nav-link link text-white text-primary display-7" href="index.html#features7-7">Character</a></li><li class="nav-item"><a class="nav-link link text-white text-primary display-7" href="page1.html#timeline1-u">Stories</a> </li></ul> <div class="navbar-buttons mbr-section-btn"><a class="btn btn-primary display-4" href="index.html#bottom">Contace</a></div> </div> </div> </nav> </section> <section data-bs-version="5.1" class="header1 cid-sFGMfPD7iT mbr-fullscreen" id="header1-0"> <div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(255, 255, 255);"></div> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-lg-7"> <h1 class="mbr-section-title mbr-fonts-style mb-3 display-1"><strong>SIWANARAPORN</strong></h1> <p class="mbr-text mbr-fonts-style display-7"><strong> PORTFOLIO</strong></p> </div> </div> </div> </section> <section data-bs-version="5.1" class="features14 cid-sFGNHRkFsi" id="features15-5"> <div class="container"> <div class="row justify-content-center"> <div class="card col-12 col-md-6 col-lg-6"> <div class="card-wrapper"> <a href="index.html#features3-4"><span class="mbr-iconfont m-auto mobi-mbri-user-2 mobi-mbri" style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span></a> <div class="card-box"> <h4 class="card-title mbr-fonts-style mb-2 display-5"><strong>Portrait Photography</strong></h4> </div> </div> </div> <div class="card col-12 col-md-6 col-lg-6"> <div class="card-wrapper"> <a href="index.html#features7-7"><span class="mbr-iconfont m-auto mobi-mbri-github mobi-mbri" style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span></a> <div class="card-box"> <h4 class="card-title mbr-fonts-style mb-2 display-5"><strong>Character Design</strong></h4> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="people5 mbr-embla cid-udLLrcGikr" id="people5-n"> <div class="position-relative text-center"> <h3 class="mb-4 mbr-fonts-style display-2"><strong>About Me</strong></h3> <div class="embla" data-skip-snaps="true" data-align="center" data-loop="true" data-auto-play-interval="5" data-draggable="true"> <div class="embla__viewport container-fluid"> <div class="embla__container"> <div class="embla__slide slider-image item active" style="margin-left: 5rem; margin-right: 5rem;"> <div class="user"> <div class="user_image"> <div class="item-wrapper position-relative"> <img src="assets/images/428618543-1922812338115733-5618760869335783672-n-600x601.jpg" alt="Mobirise Website Builder" data-slide-to="0" data-bs-slide-to="0"> </div> </div> <div class="user_text mb-4"> <p class="mbr-fonts-style display-5">Hi<br>I'm Miss. Siwanaraporn Chompoowiset</p> </div> </div> </div> <div class="embla__slide slider-image item" style="margin-left: 5rem; margin-right: 5rem;"> <div class="user"> <div class="user_image"> <div class="item-wrapper position-relative"> <img src="assets/images/img20231118224315-400x533.jpeg" alt="Mobirise Website Builder" data-slide-to="1" data-bs-slide-to="1"> </div> </div> <div class="user_text mb-4"> <p class="mbr-fonts-style display-5"> You can call me<br>"Mai"</p> </div> </div> </div><div class="embla__slide slider-image item" style="margin-left: 5rem; margin-right: 5rem;"> <div class="user"> <div class="user_image"> <div class="item-wrapper position-relative"> <img src="assets/images/img20240320154256-2-400x226.jpeg" alt="Mobirise Website Builder" data-slide-to="2" data-bs-slide-to="2"> </div> </div> <div class="user_text mb-4"> <p class="mbr-fonts-style display-5">This is my pet, <br>nam's Nubo.</p> </div> </div> </div><div class="embla__slide slider-image item" style="margin-left: 5rem; margin-right: 5rem;"> <div class="user"> <div class="user_image"> <div class="item-wrapper position-relative"> <img src="assets/images/received-1279932175533174-1-600x609.jpg" alt="Mobirise Website Builder" data-slide-to="4" data-bs-slide-to="4"> </div> </div> <div class="user_text mb-4"> <p class="mbr-fonts-style display-5">I graduated from<br>Southern Tegnological Calleg S.Tech</p> </div> </div> </div><div class="embla__slide slider-image item" style="margin-left: 5rem; margin-right: 5rem;"> <div class="user"> <div class="user_image"> <div class="item-wrapper position-relative"> <img src="assets/images/-2024-05-25-155158-480x351.png" alt="Mobirise Website Builder" data-slide-to="5" data-bs-slide-to="5"> </div> </div> <div class="user_text mb-4"> <p class="mbr-fonts-style display-5">Besides food, I like to take photos. and character design</p> </div> </div> </div><div class="embla__slide slider-image item" style="margin-left: 5rem; margin-right: 5rem;"> <div class="user"> <div class="user_image"> <div class="item-wrapper position-relative"> <img src="assets/images/-2024-05-24-092458-481x724.png" alt="Mobirise Website Builder" data-slide-to="6" data-bs-slide-to="6"> </div> </div> <div class="user_text mb-4"> <p class="mbr-fonts-style display-5">You can view my work here.</p> </div> </div> </div> </div> </div> <button class="embla__button embla__button--prev"> <span class="mobi-mbri mobi-mbri-arrow-prev mbr-iconfont" aria-hidden="true"></span> <span class="sr-only visually-hidden visually-hidden">Previous</span> </button> <button class="embla__button embla__button--next"> <span class="mobi-mbri mobi-mbri-arrow-next mbr-iconfont" aria-hidden="true"></span> <span class="sr-only visually-hidden visually-hidden">Next</span> </button> </div> </div> </section> <section data-bs-version="5.1" class="clients1 cid-udLEcnrNhY" id="clients1-f"> <div class="images-container container"> <div class="mbr-section-head"> <p class="mbr-text mbr-fonts-style align-center mt-2 display-7"><strong>Passive skill</strong></p> </div> <div class="row justify-content-center mt-4"> <div class="col-md-3 card"> <img src="assets/images/adobe-illustrator-cc-icon.svg-1-240x234.png" alt="Mobirise Website Builder"> </div> <div class="col-md-3 card"> <img src="assets/images/adobe-photoshop-cc-icon.svg-240x234.png" alt="Mobirise Website Builder"> </div> <div class="col-md-3 card"> <img src="assets/images/adobe-photoshop-lightroom-cc-logo.svg-240x234.png" alt="Mobirise Website Builder"> </div> <div class="col-md-3 card"> <img src="assets/images/v-bug-negative-red-240x241.png" alt="Mobirise Website Builder"> </div> </div> </div> </section> <section data-bs-version="5.1" class="features3 cid-sFGNGNNW5A" id="features3-4"> <div class="mbr-overlay"></div> <div class="container"> <div class="mbr-section-head"> <h4 class="mbr-section-title mbr-fonts-style align-center mb-5 display-2"><strong>Portrait Photography</strong></h4> <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-7">I first started photography in 2016. <div>Every picture has a different meaning. recording memories and published It's what makes me feel good.</div></h5> </div> <div class="row mt-4"> <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/51608209-688329501564029-8646294703341305856-n-2-815x1223.jpeg" alt="Mobirise Website Builder"> </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/51475126-688329264897386-4856347413104820224-n-1-815x1223.jpeg" alt="Mobirise Website Builder"> </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/51409943-688329314897381-7246861768369111040-n-815x1223.jpg" alt="Mobirise Website Builder"> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="features6 cid-sFGS12H2E8" id="features7-7"> <!----> <div class="container"> <div class="card-wrapper"> <div class="row align-items-center"> <div class="col-12 col-lg-6"> <div class="image-wrapper"> <img src="assets/images/-2024-05-24-094821-745x686.png" alt="Mobirise Website Builder"> </div> </div> <div class="col-12 col-lg"> <div class="text-box"> <h5 class="mbr-title mbr-fonts-style display-2">Character Design</h5> <p class="mbr-text mbr-fonts-style display-7">I just follow the ideas I have. Practice and develop continuously.</p> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="gallery4 mbr-gallery cid-sFGSX04rSl" id="gallery4-b"> <div class="container-fluid"> <div class="row mbr-gallery mt-4"> <div class="col-12 col-md-6 col-lg-4 item gallery-image active"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#ueeLI4C3n6-modal" data-bs-target="#ueeLI4C3n6-modal"> <img class="w-100" src="assets/images/kaokanom-1-926x655.png" alt="Mobirise Website Builder" data-slide-to="0" data-bs-slide-to="0" data-target="#lb-ueeLI4C3n6" data-bs-target="#lb-ueeLI4C3n6"> <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-4 item gallery-image"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#ueeLI4C3n6-modal" data-bs-target="#ueeLI4C3n6-modal"> <img class="w-100" src="assets/images/kaokanom-2-926x655.png" alt="Mobirise Website Builder" data-slide-to="1" data-bs-slide-to="1" data-target="#lb-ueeLI4C3n6" data-bs-target="#lb-ueeLI4C3n6"> <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-4 item gallery-image"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#ueeLI4C3n6-modal" data-bs-target="#ueeLI4C3n6-modal"> <img class="w-100" src="assets/images/fb-img-1715070841846-926x1698.jpeg" alt="Mobirise Website Builder" data-slide-to="2" data-bs-slide-to="2" data-target="#lb-ueeLI4C3n6" data-bs-target="#lb-ueeLI4C3n6"> <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="ueeLI4C3n6-modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="carousel slide" id="lb-ueeLI4C3n6" 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/kaokanom-1-926x655.png" alt="Mobirise Website Builder"> </div> <div class="carousel-item"> <img class="d-block w-100" src="assets/images/kaokanom-2-926x655.png" alt="Mobirise Website Builder"> </div> <div class="carousel-item"> <img class="d-block w-100" src="assets/images/fb-img-1715070841846-926x1698.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-ueeLI4C3n6" data-bs-target="#lb-ueeLI4C3n6"></li> <li data-slide-to="1" data-bs-slide-to="1" data-target="#lb-ueeLI4C3n6" data-bs-target="#lb-ueeLI4C3n6"></li> <li data-slide-to="2" data-bs-slide-to="2" data-target="#lb-ueeLI4C3n6" data-bs-target="#lb-ueeLI4C3n6"></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-ueeLI4C3n6"> <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-ueeLI4C3n6"> <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="contacts2 cid-udEKZfW3qC" id="contacts2-1"> <!----> <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> </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"></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">+66 66 145 8655</p> </div> </div> </div> <div class="card col-12 col-md-6"> <div class="card-wrapper"> <div class="image-wrapper"> <a href="mailto:Kissertaiha@gmail.com"><span class="mbr-iconfont mobi-mbri-letter mobi-mbri"></span></a> </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">Kissertaiha@gmail.com</p> </div> </div> </div> <div class="card col-12 col-md-6"> <div class="card-wrapper"> <div class="image-wrapper"> <a href="https://www.instagram.com/mamai.na/" target="_blank"><span class="mbr-iconfont socicon-instagram socicon"></span></a> </div> <div class="text-wrapper"> <h6 class="card-title mbr-fonts-style mb-1 display-5"> <strong>instargram</strong></h6> <p class="mbr-text mbr-fonts-style display-7"> mamai.na</p> </div> </div> </div> <div class="card col-12 col-md-6"> <div class="card-wrapper"> <div class="image-wrapper"> <a href="https://discord.gg/valorantth"><span class="mbr-iconfont socicon-discord socicon"></span></a> </div> <div class="text-wrapper"> <h6 class="card-title mbr-fonts-style mb-1 display-5"><strong>Discord</strong></h6> <p class="mbr-text mbr-fonts-style display-7">Click icon</p> </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/3247535" 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 </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/embla/embla.min.js"></script> <script src="assets/embla/script.js"></script> <script src="assets/theme/js/script.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.24 |
proxy
|
phpinfo
|
Réglages