Gestionnaire de fichiers - Editer - /home/webapp68.cm.in.th/u68319090015/Portfolio/index.html
Arrière
<!DOCTYPE HTML> <html lang="en"> <!-- robert/ 03:29:43 GMT --> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="favicon.png"> <link rel="apple-touch-icon" href="apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png"> <title>เทพปัญญา</title> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400i&display=swap" rel="stylesheet"> <link href="css/style.css" rel="stylesheet" media="screen"> </head> <body> <div class="animsition"> <div class="loader"><div class="spinner"><div class="double-bounce1"></div><div class="double-bounce2"></div></div></div> <div class="click-capture"></div> <div class="menu"> <span class="close-menu icon-cross2 right-boxed"></span> <ul class="menu-list right-boxed"> <li data-menuanchor="page1"> <a href="#page1">Home</a> </li> <li data-menuanchor="page2"> <a href="#page2">About</a> </li> <li data-menuanchor="page3"> <a href="#page3">Resume</a> </li> <!--<li data-menuanchor="page4"> <a href="#page01">Clients</a> </li> <li data-menuanchor="page5"> <a href="#page02">Projects</a> </li>--> <li data-menuanchor="page6"> <a href="#page4">Hobby</a> </li> <li data-menuanchor="page7"> <a href="#page5">Contact</a> </li> </ul> <div class="menu-footer right-boxed"> <div class="social-list"> <!--a href="#" class="icon ion-social-twitter"></a--> <a href="https://www.facebook.com/theppanya.tawana" class="icon ion-social-facebook"></a> <!--a href="#" class="icon ion-social-googleplus"></a> <a href="#" class="icon ion-social-linkedin"></a> <a href="#" class="icon ion-social-dribbble-outline"></a>--> </div> <div class="copy"><a href="templateshub.net">Templates Hub</a></div> </div> </div> <header class="navbar boxed"> <div class="navbar-bg"></div> <a class="brand" href="#"> <img class="brand-img" alt="" src="images/brand.png"> <div class="brand-info"> <div class="brand-name">เทพปัญญา</div> <div class="brand-text">personal</div> </div> </a> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="contacts d-none d-md-block"> <div class="contact-item"> +66 61-759-5575 </div> <div class="contact-item spacer"> / </div> <!--<div class="contact-item"> <a href="mailto:pikky10890@egmail.com"><span class="__cf_email__" data-cfemail="d0b3bfbea4b1b3a490a2bfb2b5a2a4feb3bfbd">[email protected]</span></a> </div> </div>--> </header> <div class="copy-bottom white boxed">© Theppanya 2025.</div> <div class="social-list social-list-bottom boxed"> <!--a href="#" class="icon ion-social-twitter"></a>--> <a href="https://www.facebook.com/theppanya.tawana" class="icon ion-social-facebook"></a> <!--a href="#" class="icon ion-social-googleplus"></a> <a href="#" class="icon ion-social-linkedin"></a> <a href="#" class="icon ion-social-dribbble-outline"></a>--> </div> <div class="pagepiling"> <div data-anchor="page1" class="pp-scrollable text-white section section-1"> <div class="scroll-wrap"> <div class="section-bg" style="background-image:url(images/bg/main.jpg);"></div> <div class="scrollable-content"> <div class="vertical-centred"> <div class="boxed boxed-inner"> <div class="vertical-title d-none d-lg-block"><span>Welcome</span></div> <div class="boxed"> <div class="container"> <div class="intro"> <div class="row"> <div class="col-md-8 col-lg-6"> <p class="subtitle-top">Welcome To<br>portfolio</p> <h1 class="display-2 text-white"><span class="text-primary">สวัสดี</span> ผมชื่อ<br> เทพปัญญา.</h1> <a href="https://www.youtube.com/watch?v=0O2aH4XLbto" class="popup-youtube icon ion-ios-play"></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-anchor="page2" class="pp-scrollable section section-2"> <div class="scroll-wrap"> <div class="section-bg" style="background-image:url(images/bg/about.jpg);"></div> <div class="scrollable-content"> <div class="vertical-centred"> <div class="boxed boxed-inner"> <div class="vertical-title text-white d-none d-lg-block"><span>what I do</span></div> <div class="boxed"> <div class="container"> <div class="intro"> <div class="row align-items-center"> <div class="col-xl-7"> <div class="experience-box pb-5"> <div class="experience-content"> <!--class="experience-number text-texture">4</div><br class="d-block d-sm-none"> <div class="experience-info">Years<br>Experience<br>Working</div--> </div> </div> </div> <div class="col-xl-5"> <h2 class="title-uppercase"> <span class="text-primary">รู้จัก</span> ตัวผม</h2> ผมเป็นนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) กำลังศึกษาอยู่ที่วิทยาลัยเทคนิคเชียงใหม่ สาขาเทคโนโลยีคอมพิวเตอร์ ผมสนใจการพัฒนาเว็บไซต์ เขียนโปรแกรม และต้องการเรียนรู้สิ่งใหม่ๆ เสมอ <div class="progress-bars"> <div class="clearfix"> <!--div class="number float-left">Development</div> <div class="number float-right">80%</div> </div> <div class="progress"> <div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="clearfix"> <div class="number float-left">WordPress</div> <div class="number float-right">70%</div> </div> <div class="progress"> <div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div--> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-anchor="page3" class="pp-scrollable text-white section section-3"> <div class="scroll-wrap"> <div class="section-bg" style="background-image:url(images/bg/resume.jpg);"></div> <div class="scrollable-content"> <div class="vertical-centred"> <div class="boxed boxed-inner"> <div class="vertical-title d-none d-lg-block"><span>Resume</span></div> <div class="boxed"> <div class="container"> <div class="intro"> <div class="row row-resume"> <div class="col-md-6"> <div class="col-resume"> <h4 class="title-uppercase">การศึกษา</h4> <div class="resume-content"> <div class="resume-inner"> <div class="resume-row"> <h6 class="resume-type">ระดับ ปวส</h6> <p class="resume-study">มหาลังเทคนิคเชียงใหม่</p> <p class="resume-date text-primary">พ.ค 2568 - ปัจจุุบัน</p> <p class="resume-text" style="color: rgb(255, 255, 255);"> แผนกเทคโนโลยีคอมพิวเตอร์ ศึกษาเกี่ยวกับการพัฒนาเว็บไซต์, การเขียนโปรแกรม และระบบเครือข่ายคอมพิวเตอร์ </p> </div> <div class="resume-row"> <!--h6 class="resume-type">Specialization course</h6> <p class="resume-study">University of studies, Poland, Cracow</p> <p class="resume-date text-primary">Jan 2004 - Dec 2006</p> <p class="resume-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus nobis animi assumenda sint recusandae! Dolor placeat debitis animi illum quo repellendus pariatur, enim doloribus</p> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="col-resume"> <h4 class="title-uppercase">Experience</h4> <div class="resume-content"> <div class="resume-inner"> <div class="resume-row"> <h6 class="resume-type">Webdesigner & Front-end</h6> <p class="resume-study">University of studies, Poland, Cracow</p> <p class="resume-date text-primary">Jan 2004 - Dec 2006</p> <p class="resume-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus nobis animi assumenda sint recusandae! Dolor placeat debitis animi illum quo repellendus pariatur, enim doloribus, deleniti!</p> </div> <div class="resume-row"> <h6 class="resume-type">WordPress Developer</h6> <p class="resume-study">University of studies, Poland, Cracow</p> <p class="resume-date text-primary">Jan 2004 - Dec 2006</p> <p class="resume-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus nobis animi assumenda sint recusandae! Dolor placeat debitis animi illum quo repellendus pariatur, enim doloribus, deleniti!!</p>--> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--<div data-anchor="page4" class="pp-scrollable section section-4"> <div class="scroll-wrap"> <div class="scrollable-content"> <div class="vertical-centred"> <div class="boxed boxed-inner"> <div class="vertical-title text-white d-none d-lg-block"><span>Partners</span></div> <div class="boxed"> <div class="container"> <div class="intro"> <h2 class="title-uppercase text-white">Trusted from Clients</h2> <div class="row row-partners"> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/1.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/2.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/3.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/4.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/5.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/6.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/7.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/8.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/9.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/10.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/11.png"></div> </div> <div class="col-sm-6 col-md-4 col-xl-3 col-partner"> <div class="partner-inner"><img alt="" src="images/partners/12.png"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-anchor="page5" class="pp-scrollable text-white section section-5"> <div class="scroll-wrap"> <div class="bg-changer"> <div class="section-bg" style="background-image:url(images/bg/project1.jpg);"></div> <div class="section-bg" style="background-image:url(images/bg/project2.jpg);"></div> <div class="section-bg" style="background-image:url(images/bg/project3.jpg);"></div> <div class="section-bg" style="background-image:url(images/bg/project4.jpg);"></div> <div class="section-bg" style="background-image:url(images/bg/project5.jpg);"></div> </div> <div class="scrollable-content"> <div class="vertical-centred"> <div class="boxed boxed-inner"> <div class="vertical-title d-none d-lg-block"><span>my works</span></div> <div class="boxed"> <div class="container"> <div class="intro"> <div class="row"> <div class="col-md-12"> <h2 class="title-uppercase text-white">LATEST PROJECTS</h2> <div class="row-project-box row"> <div class="col-project-box col-sm-6 col-md-4 col-lg-4"> <a href="project-detail.html" class="project-box"> <div class="project-box-inner"> <h5>Boranito<br>Skat</h5> <div class="project-category">House Design</div> </div> </a> </div> <div class="col-project-box col-sm-6 col-md-4 col-lg-4"> <a href="project-detail.html" class="project-box"> <div class="project-box-inner"> <h5>White<br>Bottle</h5> <div class="project-category">2018 / BRANDING</div> </div> </a> </div> <div class="col-project-box col-sm-6 col-md-4 col-lg-4"> <a href="project-detail.html" class="project-box"> <div class="project-box-inner"> <h5>ICO Bottle<br> Opener</h5> <div class="project-category">2017 / INTERACTION</div> </div> </a> </div> <div class="col-project-box col-sm-6 col-md-4 col-lg-4"> <a href="project-detail.html" class="project-box"> <div class="project-box-inner"> <h5>Rennovate<br> Toilet</h5> <div class="project-category">2018 / BRANDING</div> </div> </a> </div> <div class="col-project-box col-sm-6 col-md-4 col-lg-4"> <a href="project-detail.html" class="project-box"> <div class="project-box-inner"> <h5>Bauhaus<br> studio</h5> <div class="project-category">2017 / INTERACTION</div> </div> </a> </div> </div> <a href="#" class="h5 link-arrow text-white">view all projects <i class="icon icon-chevron-right"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>--> <div data-anchor="page4" class="pp-scrollable text-white section section-4"> <div class="scroll-wrap"> <div class="bg-changer"> <div class="section-bg" style="background-image:url(images/bg/Hobby1.jpg);"></div> <div class="section-bg" style="background-image:url(images/bg/Hobby2.jpg);"></div> <div class="section-bg" style="background-image:url(images/bg/Hobby3.jpg);"></div> </div> <div class="scrollable-content"> <div class="vertical-centred"> <div class="boxed boxed-inner"> <div class="vertical-title d-none d-lg-block"><span>Hobby</span></div> <div class="boxed"> <div class="container"> <div class="intro"> <div class="row"> <div class="col-lg-6"> <!--span class="icon-quote ion-quote"></span>--> <div class="review-carousel owl-carousel"> <div class="review-carousel-item"> <div class="text"> <p>งานอดิเรกของคือเล่นเกม,ดูวีดีโอใน youtube,ต่อโมเดลและเที่ยวเล่นเป็นบางครั้ง</p> </div> <div class="review-author"> <!--div class="author-name">David & Elisa</div> <i>Apartment view lake at Brooklyn</i> </div> </div> <div class="review-carousel-item"> <div class="text"></div> <p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus doloremque maxime tempora, quia architecto iure ipsum ipsa, corporis placeat.</p> </div> <div class="review-author"> <div class="author-name">Amanda</div> <i>Apartment view lake at Brooklyn</i> </div> </div> <div class="review-carousel-item"> <div class="text"> <p>“ If you are seeking an Interior designer that will understand exactly your needs, and someone who will utilise their creative and technical skills in parity with your taste, then Suzanne at The Robert Studio is perfect.</p> </div> <div class="review-author"> <div class="author-name">John</div> <i>Apartment view lake at Brooklyn</i>--> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-anchor="page7" class="pp-scrollable section section-7"> <div class="scroll-wrap"> <div class="section-bg" style="background-image:url(images/bg/contact.jpg);"></div> <div class="scrollable-content"> <div class="vertical-centred"> <div class="boxed boxed-inner"> <div class="vertical-title text-white d-none d-lg-block"><span>contact</span></div> <div class="boxed"> <div class="container"> <div class="intro overflow-hidden"> <div class="row"> <div class="col-md-6"> <h2 class="title-uppercase"><span class="text-primary">เชียงใหม่</span>,ประเทศไทย</h2> <h5 class="text-muted">37 ม.10 , ต.แม่โป่ง, อ.ดอยสะเก็ด 50220</h5> <section class="contact-address"> <h3><!--a class="mail" href="http://paul-themes.com/cdn-cgi/l/email-protection#41222e2f3520223501332e232433356f222e2c"> <span class="__cf_email__" data-cfemail="10737f7e6471736450627f727562643e737f7d">[email protected]</span></a></h3>--> <h3><span class="phone">+66 61-759-5575</span></h3> </section> </div> <div class="col-md-6"> <div class="contact-info"> <form class="js-form" novalidate="novalidate"> <div class="row"> <div class="form-group col-sm-6"> <input type="text" name="name" required="" placeholder="Name*" aria-required="true"> </div> <div class="form-group col-sm-6"> <input type="email" required="" name="email" placeholder="Email*"> </div> <div class="form-group col-sm-12"> <input type="text" name="subject" placeholder="Subject (Optinal)"> </div> <div class="form-group col-sm-12"> <textarea name="message" required="" placeholder="Message*"></textarea> </div> <div class="form-group form-group-message col-sm-12"> <span id="success" class="text-primary">Thank You, your message is successfully sent!</span> <span id="error" class="text-primary">Sorry, something went wrong </span> </div> <div class="col-sm-12"><button type="submit" class="btn">Contact me</button></div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/jquery.min.js"></script> <script src="js/wow.min.js"></script> <script src="js/smoothscroll.js"></script> <script src="js/animsition.js"></script> <script src="js/jquery.validate.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.pagepiling.min.js"></script> <script src="js/scripts.js"></script> </body> <!-- robert/ 03:30:37 GMT --> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.19 |
proxy
|
phpinfo
|
Réglages