<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="คอลัมน์ลองอ่านดู ฉบับ e-book"> <meta name="author" content="รศ.วิไลวรรณ ทองประยูร"> <title>คอลัมน์ลองอ่านดู ฉบับ e-book</title> <!-- Bootstrap Core CSS --> <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom Fonts --> <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css"> <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet"> <!-- Custom CSS --> <link href="css/stylish-portfolio.min.css" rel="stylesheet"> </head> <body id="page-top"> <!-- Navigation --> <a class="menu-toggle rounded" href="#"> <i class="fas fa-bars"></i> </a> <nav id="sidebar-wrapper"> <ul class="sidebar-nav"> <li class="sidebar-brand"> <a class="js-scroll-trigger" href="#page-top">คอลัมน์ลองอ่านดู</a> </li> <li class="sidebar-nav-item"> <a class="js-scroll-trigger" href="#page-top">Home</a> </li> <li class="sidebar-nav-item"> <a class="js-scroll-trigger" href="#ebook49">ปี ๒๕๔๙</a> </li> </ul> </nav> <!-- Header --> <header class="masthead d-flex"> <div class="container text-center my-auto"> <h1 class="mb-1">คอลัมน์ลองอ่านดู</h1> <h3 class="mb-5"> <em>ฉบับ e-book</em></h3> <a class="btn btn-primary btn-xl js-scroll-trigger" href="#ebook49">ปี ๒๕๔๙</a> </div> <div class="overlay"></div> </header> <!-- E-Book 2549 --> <section class="content-section bg-light" id="e-book"> <div class="container text-center"> <div class="row"> <div class="col-lg-0 mx-auto"> <h2><img src="img/mebook49.png" alt="" width="100%" usemap="#Map"/> <map name="Map"> <a class="portfolio-item" href="../book/2549/p1/index.html" target="_blank"> <area shape="rect" coords="417,518,553,852"> </a> <a class="portfolio-item" href="../book/2549/p2/index.html" target="_blank"> <area shape="rect" coords="254,518,387,853" > </a> <a class="portfolio-item" href="../book/2549/p3/index.html" target="_blank"> <area shape="rect" coords="87,520,222,859" > </a> </map> </h2> </div> </div> </div> </section> <!-- E-Book 2549 --> <section class="content-section bg-light" id="e-book"> <div class="container text-center"> <div class="row"> <div class="col-lg-0 mx-auto"> <h2><img src="img/mebook49.png" alt="" width="100%" usemap="#Map"/> <map name="Map"> <a class="portfolio-item" href="../book/2549/p1/index.html" target="_blank"> <area shape="rect" coords="417,518,553,852"> </a> <a class="portfolio-item" href="../book/2549/p2/index.html" target="_blank"> <area shape="rect" coords="254,518,387,853" > </a> <a class="portfolio-item" href="../book/2549/p3/index.html" target="_blank"> <area shape="rect" coords="87,520,222,859" > </a> </map> </h2> </div> </div> </div> </section> <!-- Services --><!-- Callout --> <section class="callout"> <div class="container text-center"> <h2 class="mx-auto mb-5">Welcome to คอลัมน์ลองอ่านดู ฉบับ e-Book </h2> </div> </section> <!-- Portfolio --> <section class="content-section" id="portfolio"> <div class="container"> <div class="content-section-heading text-center"> <h3 class="text-secondary mb-0"> </h3> <h2 class="mb-5">คอลัมน์ลองอ่านดู</h2> </div> <div class="row no-gutters"> <div class="col-lg-6"></div> <div class="col-lg-6"></div> <div class="col-lg-6"></div> <div class="col-lg-6"></div> </div> </div> </section> <!-- Call to Action --> <section class="content-section bg-primary text-white"> <div class="container text-center"> <h2 class="mb-4"> </h2> </div> </section> <!-- Map --> <section id="contact" class="map"> <iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/d/embed?mid=1yDQMvOsgtTSrxJ4xOLghSVaoAhcUpjiF"></iframe> <br/> <small> <a href="https://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&aq=0&oq=twitter&sll=28.659344,-81.187888&sspn=0.128789,0.264187&ie=UTF8&hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&t=m&z=15&iwloc=A"></a> </small> </section> <!-- Footer --> <footer class="footer text-center"> <div class="container"> <ul class="list-inline mb-5"> <li class="list-inline-item"> <a class="social-link rounded-circle text-white mr-3" href="#"> <i class="icon-social-facebook"></i> </a> </li> </ul> <p class="text-muted small mb-0">Copyright © www.mmm.ru.ac.th 2018</p> </div> </footer> <!-- Scroll to Top Button--> <a class="scroll-to-top rounded js-scroll-trigger" href="#page-top"> <i class="fas fa-angle-up"></i> </a> <!-- Bootstrap core JavaScript --> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Plugin JavaScript --> <script src="vendor/jquery-easing/jquery.easing.min.js"></script> <!-- Custom scripts for this template --> <script src="js/stylish-portfolio.min.js"></script> </body> </html>
