Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/673190902/u67319090017/Portfolio/index.html
Arrière
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <!-- Bootstrap Icons --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"> <link href="styles.css" rel="stylesheet"> <title>Portfolio @iKL</title> <link rel="icon" type="image/png" href="images/picture-me.png"> </head> <body> <!-- <header id="header" class="d-flex justify-content-center"> <nav class="nav-bar"> <div class="logo"> <a href="#">@iKL</a> </div> <ul class="navbar-nav"> <li><a href="#home" class="active">Home</a></li> <li><a href="#about"></a>About</li> <li><a href="#Resume"></a>Skills</li> <li><a href="#contact"></a>Contact</li> </ul> </nav> </header> --> <main class="main"> <!-- Page Main-Website --> <section id="hero" class="hero fade-in"> <div class="container"> <div class="title-main-website"> <h1>I'M<span class="typewriter">KONGPHOP</span></h1> <h3>LUNGDAENG</h3> </div> </div> </section> <!-- Page Social--> <section id="social" class="social fade-in"> <div class="container"> <nav class="nav-social"> <ul class="social-link"> <li><a class="facebook" target="_blank" href="https://www.facebook.com/kongpop.l?locale=th_TH"><img class="icon-social img-fluid" src="images/social/facebook.png" alt=""></a></li> <li><a class="instagram" target="_blank" href="https://www.instagram.com/gxttkp/"><img class="icon-social img-fluid" src="images/social/instagram.png" alt=""></a></li> <li><a class="line" target="_blank" href="https://line.me/ti/p/s-kbdJ2mig"><img class="icon-social img-fluid" src="images/social/line.png" alt=""></a></li> <li><a class="github" target="_blank" href="https://github.com/gxttkp/my-web-template"><img class="icon-social img-fluid" src="images/social/github.png" alt=""></a></li> </ul> </nav> </div> </section><!-- \Page Social --> <!-- Page About --> <section id="about" class="about fade-in"> <!-- section title --> <div class="container"> <h2>ABOUT</h2> <p></p> </div> <!-- \section title --> <!-- detail about --> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 d-flex justify-content-center fade-in"> <img src="images/img-about.png" alt="" class="img-fluid"> </div> <div class="col-lg-8 col-md-8 fade-in"> <h5>Student & Web Development</h5> <p><i>"ทุกอย่างย่อมยากในตอนแรก ถ้าเราไม่ยอมเรียนรู้ มันก็ไม่มีวันจะง่ายขึ้นได้"</i></p> <div class="row"> <div class="col-lg-6 fade-in"> <ul class="detial-about"> <li><strong>Nickname : </strong><span>Get</span></li> <li><strong>Birthday : </strong><span>Nov 4 2005</span></li> <li><strong>Age : </strong><span>19 year</span></li> <li><strong>Degree : </strong><span>Beginner–Intermediate</span></li> </ul> </div> </div> </div> </div> </div> </section> <!-- \Page Skills --> <!-- Page Skills --> <section id="project" class="project"> <!-- section title --> <div class="container text-center fade-in"> <h2>MY PROJECTS</h2> </div> <div class="container fade-in"> <div class="scroll-btn left" id="scrollLeft">❮</div> <div class="card-scroll-wrapper collapsed" id="cardScroll"> <div class="project-card-container collapsed col-10" id="projectCardContainer"> <div class="card"> <a href="../Kohlarn/index.html" target="_blank" rel="noopener noreferrer"> <img src="images/projects/Kohlarn.jpg" alt=""> <h2>Kohlarn</h2> <p>รวบรวมข้อมูลเกี่ยวกับเกาะล้าน การเดินทาง ที่พัก ร้านอาหาร หาด กิจกรรม</p> </a> </div> </div> </div> <div class="scroll-btn right" id="scrollRight">❯</div> </div> <div class="see-all-container fade-in"> <button class="see-all-btn" id="toggleProjects" data-state="collapsed">SEE ALL</button> </div> </div> </section><!-- \Page Skills --> <!-- Page Resume --> <section id="resume" class="resume fade-in"> <!--section title --> <div class="container mb-5"> <h2>RESUME</h2> </div> <!--\section title --> <div class="container" > <div class="row gy-4 d-flex align-items-center justify-content-center"> <div class="col-xl-6 col-md-8 col-11 fade-in"> <div class="bg-school p-2 d-flex justify-content-center align-items-center" > <div class="col-4 d-flex justify-content-center"> <img src="images/bansanpasak.png" alt="" class="img-fluid"> </div> <div class="text-resume col-8"> <h3>Junior high</h3> <h4>Bansanpasak School</h4> <p>ห้องเรียน : วิทย์-คณิต</p> </div> </div> </div> <div class="col-xl-6 col-md-8 col-11 fade-in"> <div class="bg-school p-2 d-flex justify-content-center align-items-center"> <div class="col-4 col-4 d-flex justify-content-center"> <img src="images/wattano.png" alt="" class="img-fluid"> </div> <div class="text-resume col-8"> <h3>Senior High</h3> <h4>Wattanothaipayup School</h4> <p>ห้องเรียน : พิเศษวิทย์-คณิต คอมพิวเตอร์และหุ่นยนต์</p> </div> </div> </div> <div class="col-xl-6 col-md-8 col-11 fade-in"> <div class="bg-school p-2 d-flex justify-content-center align-items-center"> <div class="col-lg-4 col-4 d-flex justify-content-center"> <img src="images/cmtc.png" alt="" class="img-fluid"> </div> <div class="text-resume col-lg-8 col-8"> <h3>High vocational Certificate</h3> <h4>Chiangmai Technical Colleg</h4> <p>แผนก : อิเล็กทรอนิกส์ / สาขา : คอมพิวเตอร์ระบบเครือข่าย</p> </div> </div> </div> <!-- <div class="col-lg-6"> <div class="bg-school d-flex justify-content-center align-items-center"> <div class="col-lg-4"> <img src="" alt=""> </div> <div class="text-resume col-lg-8"> <h3>Undergraduate Degree</h3> <h4></h4> <p></p> </div> </div> </div> --> </div> </div> </section> <!-- Page Contact --> <section id="contact" class="contact"> <!-- section title --> <div class="container fade-in"> <h2>CONTACT</h2> <p class="d-flex justify-content-center fade-in">You can email me at <a href="mailto:mydioly311@gmail.com">mydioly311@gmail.com</a></p> <nav class="nav-social fade-in"> <ul class="social-link"> <li><a class="facebook" target="_blank" href="https://www.facebook.com/kongpop.l?locale=th_TH"><img class="icon-social img-fluid" src="images/contact/facebook.png" alt=""></a></li> <li><a class="instagram" target="_blank" href="https://www.instagram.com/gxttkp/"><img class="icon-social img-fluid" src="images/contact/instagram.png" alt=""></a></li> <li><a class="line" target="_blank" href="https://line.me/ti/p/s-kbdJ2mig"><img class="icon-social img-fluid" src="images/contact/line.png" alt=""></a></li> <li><a class="github" target="_blank" href="https://github.com/gxttkp/my-web-template"><img class="icon-social img-fluid" src="images/contact/github.png" alt=""></a></li> </ul> </nav> <div class="line-txt-form d-flex justify-content-center align-items-center fade-in"></div> </div> <!-- \section title --> <div class="container fade-in"> <form class="form" id="contactForm" action="https://formspree.io/f/mdkdkkqa" method="POST" novalidate> <div class="row d-flex justify-content-center"> <div class="col-10 col-md-5 fade-in"> <div class="card p-3"> <label>Name</label> <input type="text" name="name" id="name" class="txt" placeholder="insert your name" required> <small class="error">Please enter your name</small> </div> </div> <div class="col-10 col-md-5 fade-in"> <div class="card p-3"> <label>E-mail</label> <input type="text" name="email" id="email" class="txt" placeholder="insert your email" required> <small class="error">Please enter your E-mail</small> </div> </div> <div class="col-10 fade-in"> <div class="card p-3"> <label>Title</label> <input type="text" name="subject" id="subject" class="txt" placeholder="insert title" required> <small class="error">Please enter your tilte</small> </div> </div> <div class="col-10 fade-in"> <div class="card p-3"> <label>Detail</label> <textarea type="text" name="detail" id="detail" class="txt" placeholder="insert detail" required></textarea> <small class="error">Please enter your detail</small> </div> </div> <div class="col-3 d-flex justify-content-center align-items-center"> <button type="sumbit" class="btn btn primary">SEND</button> </div> </div> </form> </div> </section> </main> <script src="script.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.13 |
proxy
|
phpinfo
|
Réglages