Gestionnaire de fichiers - Editer - /home/webapp68.cm.in.th/u68319090009/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="nontapat portfolio"> <meta name="author" content="nontapat"> <link rel="shortcut icon" href="logo.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>nontapat webpage</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">Educational</a> </li> <li data-menuanchor="page3"> <a href="#page3">Personal Profile</a> </li> <li data-menuanchor="page4"> <a href="#page4">certificate</a> </li> <!--<li data-menuanchor="page5"> <a href="#page5">Projects</a> </li> <li data-menuanchor="page6"> <a href="#page6">Testimonials</a> </li>--> <li data-menuanchor="page7"> <a href="#page7">Hobby</a> </li> <li data-menuanchor="page8"> <a href="#page8">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/ntp.chicn" target="_blank" class="icon ion-social-facebook"></a> <!--<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/logo.png"> <div class="brand-info"> <div class="brand-name">Nontapat</div> <div class="brand-text">portfolio</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 095-450-7090 </div> <div class="contact-item spacer"> / </div> <div class="contact-item"> <!--<a href="http://paul-themes.com/cdn-cgi/l/email-protection#5b3834352f3a382f1b2934393e292f75383436">--><span class="__cf_email__" data-cfemail="d0b3bfbea4b1b3a490a2bfb2b5a2a4feb3bfbd">artsoyscout99@gmail.com</span></a> </div> </div> </header> <!--<div class="copy-bottom white boxed">© Robert 2019.</div>--> <div class="social-list social-list-bottom boxed"> <!--<a href="#" class="icon ion-social-twitter"></a>--> <a href="https://www.facebook.com/ntp.chicn" target="_blank" class="icon ion-social-facebook"></a> <!--<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/ABG.png);"></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 to my portfolio website</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>my portfolio website</p> <h1 class="display-2 text-white"><span class="text-primary">Hi</span> Call me<br> nontapat chaichana</h1> <a href="https://www.youtube.com/watch?v=adLGHcj_fmA" 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/kaimook.jfif);"></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> <div class="col mb-6"> <div class="experience-box pb-2"> <div class="experience-content"> <!--<div 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="row align-items-center"> <h2 class="title-uppercase"> <span class="text-primary">Educational</span> Background</h2> <h4><p>Degree : High Vocational Certificate Program</p> <p>Major : Bachelor of Science (Computer Technology)</p> <p>Name of Institution : Chiangmai Technical College</p> <p>Expected Graduation : February 2027</p> <p>GPA : -</p> </h4> <div> <div> <div></div> <div></div> </div> <div> <div></div> </div> <div> <div></div> <div></div> </div> <div> <div></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/kaimook.jfif);"></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">General Info</h4> <div class="resume-content"> <div class="resume-inner"> <div class="resume-row"> <h6 class="resume-type">Name Mr.nontapat chaichana</h6> <p class="resume-study"><h6>ชื่อ นาย นนทพัทธ์ ไชยชนะ</h6></p> <p class="resume-date text-primary"><h4>Competencies/Capabilities</h4></p> <p><h6>Language Skills : English : (A1-CEFR)</h6></p> <p><h4>Sales & Communication Skills</h4></p> <p><h6>Communication & Presentation</h6></p> <p><h6>Persuasion & Closing Sales</h6></p> <p><h6>Sales & Negotiation Skills</h6></p> <p><h4>Soft Skills</h4></p> <p><h6>Problem Solving , Decision Making , Critical Thinking , Conflict Resolution , Adaptability</h6></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">Job Title : Sales Associate</h6> <p class="resume-study">Home Product Center Public Company Limited</p> <p class="resume-date text-primary">March 2023 - October 2024</p> <p><h6>demonstrating the ability to effectively handle challenging situations through excellent persuasive communication skills and in-depth knowledge of products.</h6></p> </div> <div class="resume-row"> <h6 class="resume-type">Air Conditioner Cleaning and Maintenance Technician</h6> <p class="resume-study">Company name or “Freelance”</p> <p class="resume-date text-primary">November 2024 - February 2025</p> <p><h6>Cleaned and serviced wall-mounted and ceiling-type air conditioners</h6></p> <p><h6>Performed regular maintenance, refrigerant checks, and basic troubleshooting</h6></p> <p><h6>Maintained punctuality and cleanliness at every job site</h6></p> <p><h6>Provided professional advice to customers on air conditioner care</h6></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="section-bg" style="background-image:url(images/bg/kaimook.jfif);"></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>certificate</span></div> <div class="boxed"> <div class="container"> <div class="intro"> <h2 class="title-uppercase text-white">certificate</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/certificate/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/certificate/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/certificate/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/certificate/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/certificate/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/certificate/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/certificate/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/certificate/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/certificate/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/certificate/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/certificate/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/certificate/20.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="page6" class="pp-scrollable text-white section section-6"> <div class="scroll-wrap"> <div class="section-bg" style="background-image:url(images/bg/reviews.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>testimonials</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>“ 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">David & Elisa</div> <i>Apartment view lake at Brooklyn</i> </div> </div> <div class="review-carousel-item"> <div class="text"> <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/kaimook.jfif);"></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></span></div> <div class="boxed"> <div class="container"> <div class="intro"> <h2 class="title-uppercase text-white">Hobby</h2> <div> <div> <div></div> </div> <div> <div></div> </div> <div> <div><h3>I have many hobbies, including listening to music, reading books, and exploring new topics that interest me. Sometimes I switch to playing the guitar and singing to relieve stress.</h3></div> </div> <div> <div></div> </div> <div> <div></div> </div> <div> <div></div> </div> <div> <div></div> </div> <div> <div></div> </div> <div> <div></div> </div> <div> <div></div> </div> <div> <div></div> </div> <div> <div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-anchor="page8" class="pp-scrollable section section-8"> <div class="scroll-wrap"> <div class="section-bg" style="background-image:url(images/bg/kaimook.jfif);"></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">Chiang Mai</span>,TH</h2> <h5 class="text-muted">255/5 ,Mueang Kaeo ,Mae Rim ,Chiang Mai 50180 ,Thailand</h5> <section class="contact-address"> <h3><script>document.write('artsoyscout99' + '@' + 'gmail.com');</script></h3> <h3><span class="phone">+66 095-450-7090</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.09 |
proxy
|
phpinfo
|
Réglages