File manager - Edit - /home/webapp68.cm.in.th/u68319090010/Portfolio/about.html
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>About - portfolio MgfRut</title> <meta name="description" content=""> <meta name="keywords" content=""> <!-- Favicons --> <link href="assets/img/Logo.jpg" rel="icon"> <link href="assets/img/Logo.jpg" rel="apple-touch-icon"> <!-- Fonts --> <link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Vendor CSS Files --> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <!-- Main CSS File --> <link href="assets/css/main.css" rel="stylesheet"> <!-- ======================================================= * Template Name: Kelly * Template URL: https://bootstrapmade.com/kelly-free-bootstrap-cv-resume-html-template/ * Updated: Aug 07 2024 with Bootstrap v5.3.3 * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ ======================================================== --> </head> <body class="about-page"> <header id="header" class="header d-flex align-items-center light-background sticky-top"> <div class="container-fluid position-relative d-flex align-items-center justify-content-between"> <a href="index.html" class="logo d-flex align-items-center me-auto me-xl-0"> <!-- Uncomment the line below if you also wish to use an image logo --> <!-- <img src="assets/img/logo.png" alt=""> --> <h1 class="sitename">Mgfrut</h1> </a> <nav id="navmenu" class="navmenu"> <ul> <li><a href="index.html">หน้าหลัก</a></li> <li><a href="about.html" class="active" >เกี่ยวกับฉัน</a></li> <li><a href="resume.html">ประวัติโดยย่อ</a></li> <li><a href="portfolio.html">ผลงาน</a></li> <li><a href="Hobby.html">งานอดิเรก</a></li> <li><a href="contact.html">ช่องทางติดต่อ</a></li> </ul> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> </nav> <div class="header-social-links"> <a href="https://www.facebook.com/mgf.rut" class="facebook" target="_blank"><i class="bi bi-facebook"></i></a> <a href="https://www.instagram.com/mgfrut/" class="instagram" target="_blank"><i class="bi bi-instagram"></i></a> </div> </div> </header> <main class="main"> <!-- About Section --> <section id="about" class="about section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>เกี่ยวกับฉัน</h2> <p>I THINK THEREFORE I AM (ฉันคิด ดังนั้นฉันจึงมีอยู่)</p> </div><!-- End Section Title --> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-4 justify-content-center"> <div class="col-lg-4"> <img src="assets/img/testimonials/005.jpg" class="img-fluid" alt=""> </div> <div class="col-lg-8 content"> <h2>นักออกแบบ UI/UX & นักพัฒนาเว็บไซต์ & กราฟฟิกดีไซน์</h2> <p class="fst-italic py-3"> ความเจ็บปวดนั้นเกิดจากการที่ตัวเองเจ็บปวด เพื่อที่จะได้ความเจ็บปวดบางอย่าง ซึ่งอาจรวมถึงความเจ็บปวดใหญ่กว่า </p> <div class="row"> <div class="col-lg-6"> <ul> <li><i class="bi bi-chevron-right"></i> <strong>วันเดือนปีเกิด:</strong> <span>18 กันยายน 2549</span></li> <li><i class="bi bi-chevron-right"></i> <strong>เบอร์โทร:</strong> <span>+098 279 4514</span></li> <li><i class="bi bi-chevron-right"></i> <strong>ที่อยู่อาศัย:</strong> <span>42/3 หมู่ 5 จ.เชียงใหม่ อ.เมือง ต.สุเทพ 50200</span></li> </ul> </div> <div class="col-lg-6"> <ul> <li><i class="bi bi-chevron-right"></i> <strong>อายุ:</strong> <span>18</span></li> <li><i class="bi bi-chevron-right"></i> <strong>อีเมล:</strong> <span>kvkveu@gmail.com</span></li> <li><i class="bi bi-chevron-right"></i> <strong>เฟสบุ๊ด:</strong> <span>MgfRut</span></li> </ul> </div> </div> <p class="py-3"> โดยหน้าที่แล้ว เราเลือกที่จะทำงานและรู้สึกเจ็บปวด เพราะความอ่อนโยนของหน้าที่นั้นเป็นทางเลือกที่แท้จริง ใครก็ตามที่ชอบทุกสิ่งและทุกสิ่ง เวลาที่ไม่มีผู้กล่าวโทษใด ๆ ก่อให้เกิดความเจ็บปวดในหน้าที่นั้นตามเวลาที่เหมาะสม และเขาทุกคน ความปรารถนาที่จะพูดสิ่งที่ยิ่งใหญ่ที่สุดในหน้าที่นั้น เพราะว่า อันที่จริง และผู้ที่เลือกและเห็นพ้องต้องกัน เพราะว่ามันผลักดัน ดังนั้น </p> </div> </div> </div> </section><!-- /About Section --> <!-- Skills Section --> <section id="skills" class="skills section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>ทักษะ</h2> <p>ความจำเป็นที่เกิดขึ้นจากผลลัพธ์ของการหลบหนีไปบ้างนั้น คือความรู้สึกถึงความปรารถนาจริงๆ</p> </div><!-- End Section Title --> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row skills-content skills-animation"> <div class="col-lg-6"> <div class="progress"> <span class="skill"><span>HTML</span> <i class="val">70%</i></span> <div class="progress-bar-wrap"> <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div> </div> </div><!-- End Skills Item --> <div class="progress"> <span class="skill"><span>CSS</span> <i class="val">50%</i></span> <div class="progress-bar-wrap"> <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div> </div> </div><!-- End Skills Item --> <div class="progress"> <span class="skill"><span>JavaScript</span> <i class="val">15%</i></span> <div class="progress-bar-wrap"> <div class="progress-bar" role="progressbar" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div> </div> </div><!-- End Skills Item --> </div> <div class="col-lg-6"> <div class="progress"> <span class="skill"><span>PHP</span> <i class="val">70%</i></span> <div class="progress-bar-wrap"> <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div> </div> </div><!-- End Skills Item --> <div class="progress"> <span class="skill"><span>Art/design</span> <i class="val">75%</i></span> <div class="progress-bar-wrap"> <div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div> </div> </div><!-- End Skills Item --> <div class="progress"> <span class="skill"><span>Photoshop</span> <i class="val">50%</i></span> <div class="progress-bar-wrap"> <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div> </div> </div><!-- End Skills Item --> </div> </div> </div> </section><!-- /Skills Section --> <!-- Stats Section --> <section id="stats" class="stats section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>ข้อเท็จจริง</h2> <p>ความจำเป็นที่เกิดขึ้นจากผลลัพธ์ของการหลบหนีไปบ้างนั้น คือความรู้สึกถึงความปรารถนาจริงๆ</p> </div><!-- End Section Title --> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-4"> <div class="col-lg-3 col-md-6"> <div class="stats-item text-center w-100 h-100"> <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span> <p>ลูกค้า</p> </div> </div><!-- End Stats Item --> <div class="col-lg-3 col-md-6"> <div class="stats-item text-center w-100 h-100"> <span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1" class="purecounter"></span> <p>โครงการ</p> </div> </div><!-- End Stats Item --> <div class="col-lg-3 col-md-6"> <div class="stats-item text-center w-100 h-100"> <span data-purecounter-start="0" data-purecounter-end="1453" data-purecounter-duration="1" class="purecounter"></span> <p>ชั่วโมงการสนับสนุน</p> </div> </div><!-- End Stats Item --> <div class="col-lg-3 col-md-6"> <div class="stats-item text-center w-100 h-100"> <span data-purecounter-start="0" data-purecounter-end="32" data-purecounter-duration="1" class="purecounter"></span> <p>พนักงาน</p> </div> </div><!-- End Stats Item --> </div> </div> </section><!-- /Stats Section --> <!-- Testimonials Section --> <section id="testimonials" class="testimonials section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>คำรับรอง</h2> <p>ความจำเป็นที่เกิดขึ้นจากผลลัพธ์ของการหลบหนีไปบ้างนั้น คือความรู้สึกถึงความปรารถนาจริงๆ</p> </div><!-- End Section Title --> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="swiper init-swiper"> <script type="application/json" class="swiper-config"> { "loop": true, "speed": 600, "autoplay": { "delay": 5000 }, "slidesPerView": "auto", "pagination": { "el": ".swiper-pagination", "type": "bullets", "clickable": true } } </script> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-item"> <img src="assets/img/testimonials/001.jpg" class="testimonial-img" alt=""> <h3>เจม</h3> <h4>CEO & นักวาด</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> <span>แดกอะไรดีวันนี้</span> <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <img src="assets/img/testimonials/002.jpg" class="testimonial-img" alt=""> <h3>เจนส์</h3> <h4>นักวาดฝีมือดี</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> <span>แดกตีมกูไหมเจม</span> <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <img src="assets/img/testimonials/003.jpg" class="testimonial-img" alt=""> <h3>ไอ้เสียงหล่อ</h3> <h4>นักวางแผนงาน</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> <span>สุุดยอดมากๆ เลยครับ ผลงานวาดที่ผ่านมา</span> <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <img src="assets/img/testimonials/004.jpg" class="testimonial-img" alt=""> <h3>เจ๊ใหญ่</h3> <h4>นักออกแบบ</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> <span>วันนี่ ฉันไปหาสาวนะ พวกเด็กๆทั้งหลาย</span> <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <img src="assets/img/testimonials/005.jpg" class="testimonial-img" alt=""> <h3>Mgfrut</h3> <h4>นักพัฒนาเว็บไซต์</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> <span>ไอ้พวกเวร ให้ออกว่าคิดเห็นเว็บไม่ใช่กลุ่มแชท ไอ้หำ</span> <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div><!-- End testimonial item --> </div> <div class="swiper-pagination"></div> </div> </div> </section><!-- /Testimonials Section --> </main> <footer id="footer" class="footer light-background"> <div class="container"> <div class="copyright text-center "> <p>© <span>Copyright</span> <strong class="px-1 sitename">MgfRut</strong> <span>All Rights Reserved<br></span></p> </div> <div class="social-links d-flex justify-content-center"> <a href="https://www.facebook.com/mgf.rut" class="facebook" target="_blank"><i class="bi bi-facebook"></i></a> <a href="https://www.instagram.com/mgfrut/" class="instagram" target="_blank"><i class="bi bi-instagram"></i></a> </div> <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you've purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] --> Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href=“https://themewagon.com>ThemeWagon </div> </div> </footer> <!-- Scroll Top --> <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- Preloader --> <div id="preloader"></div> <!-- Vendor JS Files --> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/waypoints/noframework.waypoints.js"></script> <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <!-- Main JS File --> <script src="assets/js/main.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.4 |
proxy
|
phpinfo
|
Settings