Gestionnaire de fichiers - Editer - /home/webapp68.cm.in.th/u68319090023/Portfolio/index.html
Arrière
<!DOCTYPE HTML> <html lang="en"> <!-- Ning/ 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>Ning - 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">Clients</a> </li> <li data-menuanchor="page5"> <a href="#page5">Projects</a> </li> <li data-menuanchor="page6"> <a href="#page6">Hobby</a> </li> <li data-menuanchor="page7"> <a href="#page7">my address</address>t</a> </li> </ul> <div class="menu-footer right-boxed"> <div class="social-list"> <a href="#" class="icon ion-social-twitter"></a> <a href="#" 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">Ning</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 65-305-2410 </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">[email:  z.ningnaja9@gmail.com]</span></a> </div> </div> </header> <div class="copy-bottom white boxed">Postfolio Suchanya</div> <div class="social-list social-list-bottom boxed"> <a href="#" class="icon ion-social-twitter"></a> <a href="#" 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/yoyo.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>Hello</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> Suchanya's world. </p> <h1 class="display-2 text-white"><span class="text-primary">Hi </span>My Name is<br> Ning.</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="scrollable-content"> <div class="vertical-centred"> <div class="boxed boxed-inner"> <div class="vertical-title text-white d-none d-lg-block"><span>what am i doing now?</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 ..">2</div><br class="d-block d-sm-none"> <div class="experience-info">Years<br>For<br>Study</div> </div> </div> </div> <div class="col-xl-5"> <h2 class="title-uppercase"> <span class="text-primary">Field of study: </span>Computer Technology</h2> It is a line that emphasizes the application of computer knowledge in real work, combining hardware, software, and various network systems. <div class="progress-bars"> <div class="clearfix"> <div class="number float-left">Difficulty</div> <div class="number float-right">99%</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">Desire to learn</div> <div class="number float-right">50%</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/toto.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>Educational record</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">Primary education</h4> <div class="resume-content"> <div class="resume-inner"> <div class="resume-row"> <h6 class="resume-type">Chiangmai Adventist Academy</h6> <p class="resume-study">Grade 1-6</p> <p class="resume-date text-primary">...</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 class="resume-row"> <h6 class="resume-type">High school</h6> <p class="resume-study">Non-formal education</p> <p class="resume-date text-primary">Lamphun</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">Middle school</h4> <div class="resume-content"> <div class="resume-inner"> <div class="resume-row"> <h6 class="resume-type">Chiangmai Adventist Academy</h6> <p class="resume-study">Grade 1-3</p> <p class="resume-date text-primary">...</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">Current</h6> <p class="resume-study">chiangmai technical college, cmtc</p> <p class="resume-date text-primary">Now</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>Social</span></div> <div class="boxed"> <div class="container"> <div class="intro"> <h2 class="title-uppercase text-white">Applications</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/you.jpeg);"></div> <div class="section-bg" style="background-image:url(images/bg/rere.jpg);"></div> <div class="section-bg" style="background-image:url(images/bg/55.jpg);"></div> <div class="section-bg" style="background-image:url(images/bg/baba.jpg);"></div> <div class="section-bg" style="background-image:url(images/bg/wawe.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 classroom</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">My classroom</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>monday<br>cmtc</h5> <div class="project-category">operrating system</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>tuesday<br>cmtc</h5> <div class="project-category">thai language for professional purposes</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>wednesday<br>cmtc</h5> <div class="project-category">Programming in Python</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>thursday<br>cmtc</h5> <div class="project-category">Application of technology</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>Friday<br>cmtc</h5> <div class="project-category">Computer Programming</div> </div> </a> </div> </div> <a href="#" class="h5 link-arrow text-white">view all ning postfolio<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/photo.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>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>If I have a free day, I will go to mountains with my friends. I like to travel, watching movies, listen to music.</p> </div> <div class="review-author"> <div class="author-name">BY</div> <i>Suchanya Sureyajan</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 Ning 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/pp.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>my address</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">THAI LAND </span>, chiang Mai</h2> <h5 class="text-muted">137/6 nong pha krang chiang mai city, 50000</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"> [Contact]</span></a></h3> <h3><span class="phone">+66 65-305-2410</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> <!-- suchanya/ 03:30:37 GMT --> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.07 |
proxy
|
phpinfo
|
Réglages