File manager

File manager - Edit - /home/webapp68.cm.in.th/u68319090017/Portfolio/index test

Back
<!DOCTYPE HTML> <html lang="en"> <!-- robert/index.html 03:31:31 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>Teerapat - One page HTML Template</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="#page4">Hobby</a> </li> <li data-menuanchor="page5"> <a href="#page5">Testimonials</a> </li> <li data-menuanchor="page6"> <a href="#page6">Contact</a> </li> </ul> <div class="menu-footer right-boxed"> <div class="social-list"> <!-- Facebook --> <a href="https://www.facebook.com/teerapat.pnuuni/" class="icon ion-social-facebook" target="_blank" rel="noopener noreferrer" title="ไปที่ Facebook ของฉัน"></a> <!-- Instagram --> <a href="https://www.instagram.com/b.txxrpxa_t/?next=%2F" class="icon ion-social-instagram" target="_blank" rel="noopener noreferrer" title="ไปที่ Instagram ของฉัน"></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">Teerapat</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-2482-321 </div> <div class="contact-item spacer"> / </div> <div class="contact-item"> <a href="http://paul-themes.com/cdn-cgi/l/email-protection#73101c1d0712100733011c111601075d101c1e"><span class="__cf_email__" data-cfemail="bbd8d4d5cfdad8cffbc9d4d9dec9cf95d8d4d6">[email protected]</span></a> </div> </div> </header> <div class="copy-bottom white boxed">© Teerapt 2006.</div> <div class="social-list social-list-bottom boxed"> <!-- Facebook --> <a href="https://www.facebook.com/teerapat.pnuuni/" class="icon ion-social-facebook" target="_blank" rel="noopener noreferrer" title="ไปที่ Facebook ของฉัน"></a> <!-- Instagram --> <a href="https://www.instagram.com/b.txxrpxa_t/?next=%2F" class="icon ion-social-instagram" target="_blank" rel="noopener noreferrer" title="ไปที่ Instagram ของฉัน"></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/main2.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</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>Introduction</p> <h1 class="display-2 text-white"><span class="text-primary">Hello</span> I am<br> Teerapat.</h1> <a href="https://www.youtube.com/watch?v=MPYsPryIpQA" 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="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"> <div class="experience-number text-texture">2 </div><br class="d-block d-sm-none"> <div class="experience-info">Years<br>Experience<br>Study</div> </div> </div> </div> <div class="col-xl-5"> <h2 class="title-uppercase"> <span class="text-primary">field </span> of study</h2> I am currently studying in the field of Electronics and Computer Networking. This program focuses on both hardware and network systems, giving me knowledge about electronic circuits, digital systems, and how computers communicate with each other. I learn how to design, install, and manage computer networks, as well as troubleshoot network issues. The course also includes practical training in areas like microcontrollers, network configuration, and IT security. It’s a hands-on field that combines theory and real-world skills, which prepares me for careers in IT support, network administration, and electronic systems development. <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">Operation</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/background1.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">Education</h4> <div class="resume-content"> <div class="resume-inner"> <div class="resume-row"> <h6 class="resume-type">Specialization course</h6> <p class="resume-study">Chiang mai technical college</p> <p class="resume-date text-primary">May 2025</p> <p class="resume-text">I am currently studying in the field of Electronics and Computer Networking. This program focuses on both hardware and network systems, giving me knowledge about electronic circuits, digital systems, and how computers communicate with each other. I learn how to design, install, and manage computer networks, as well as troubleshoot network issues. The course also includes practical training in areas like microcontrollers, network configuration, and IT security. It’s a hands-on field that combines theory and real-world skills, which prepares me for careers in IT support, network administration, and electronic systems development </p> </div> <div class="resume-row"> <h6 class="resume-type">Specialization course</h6> <p class="resume-study">Chiang Dao Wittayakhom</p> <p class="resume-date text-primary">2022-2024</p> <p class="resume-text">In high school, I was in the sports program. This allowed me to focus on physical education and athletic training, alongside my regular academic subjects. I had the opportunity to improve my skills in various sports, learn about teamwork, discipline, and how to maintain a healthy lifestyle. Being in the sports program helped me develop strong physical and mental endurance, as well as a passion for staying active.</p> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="col-resume"> <h4 class="title-uppercase">Hobby</h4> <div class="resume-content"> <div class="resume-inner"> <div class="resume-row"> <h6 class="resume-type">Hobbies that I do in my free time</h6> <p class="resume-study"></p> <p class="resume-date text-primary"></p> <p class="resume-text">In my free time, I really enjoy playing sports, especially basketball and football. Playing these sports not only helps me stay physically fit, but also allows me to relieve stress and have fun with my friends. I find that being active in this way boosts my energy and improves my mood, making it one of my favorite hobbies.</p> </div> <div class="resume-row"> <h6 class="resume-type">Hobbies that I do in my free time</h6> <p class="resume-study">listen to music</p> <p class="resume-date text-primary"></p> <p class="resume-text">One of my favorite hobbies is listening to music. I enjoy exploring different genres, from pop and rock to lo-fi and acoustic. Music helps me relax and clear my mind, especially after a long day. It also keeps me motivated while studying or working. Sometimes, I even discover new songs or artists that inspire me. For me, music is not just entertainment — it’s a way to express emotions and connect with different moods.</p> </div> </div> </div> </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/blackground2.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>Hobby</span></div> <div class="boxed"> <div class="container"> <div class="intro"> <div class="row"> <div class="col-md-12"> <section class="free-time-section text-white py-5"> <div class="container"> <h2 class="title-uppercase text-white mb-4">FREE TIME ACTIVITIES</h2> <div class="row"> <div class="col-md-4 mb-4"> <h5>วาดภาพสีน้ำ</h5> <div class="text-muted">ศิลปะ</div> </div> <div class="col-md-4 mb-4"> <h5>เล่นบาสเก็ตบอล</h5> <div class="text-muted">ออกกำลังกาย</div> </div> <div class="col-md-4 mb-4"> <h5>เล่นฟุตบอล</h5> <div class="text-muted">ฝึกทักษะการเล่นฟุตบอล</div> </div> <div class="col-md-4 mb-4"> <h5>อ่านมังงะ</h5> <div class="text-muted">ผ่อนคลาย</div> </div> <div class="col-md-4 mb-4"> <h5>เข้ายิม</h5> <div class="text-muted">เสริมสร้างกล้ามเนื้อ</div> </div> <div class="col-md-4 mb-4"> <h5>ดูหนัง</h5> <div class="text-muted">ความบันเทิง</div> </div> </div> <a href="#" class="h5 link-arrow text-white">ดูงานอดิเรกทั้งหมด <i class="icon icon-chevron-right"></i></a> </div> </section> </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>“ สวัสดีครับ ผมชื่อธีรภัทร ใช้ชื่อว่า Teerapat personal ผมเป็นคนที่ชอบออกกำลังกาย เล่นบาสเก็ตบอลและฟุตบอลเป็นประจำ เพราะรู้สึกว่ามันช่วยให้สมองโล่งและร่างกายแข็งแรง นอกจากกีฬาแล้ว ผมยังสนใจด้านเทคโนโลยี เลยเลือกเรียนสาขาอิเล็กทรอนิกส์ คอมพิวเตอร์เครือข่าย เพราะอยากเข้าใจว่าระบบต่าง ๆ ทำงานยังไง ทุกอย่างที่เรียนและทำตอนนี้เป็นเพราะความชอบล้วน ๆ</p> </div> <div class="review-author"> <div class="author-name">Teerapat</div> <i></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/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">Chiang mai</span>,Thailnad</h2> <h5 class="text-muted">55/5 ถนน เทพารักษ์ ตำบลช้างเผือก อำเภอเมืองเชียงใหม่ เชียงใหม่ 50300</h5> <section class="contact-address"> <h3><a class="mail" href="http://paul-themes.com/cdn-cgi/l/email-protection#74171b1a0015170034061b161106005a171b19"> <span class="__cf_email__" data-cfemail="791a16170d181a0d390b161b1c0b0d571a1614">[email protected]</span></a></h3> <h3><span class="phone">+66 66-61-2482-321</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/index.html 03:31:31 GMT --> </html>

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