<!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="#e-book">ปี ๒๕๔๙</a> </li> <li class="sidebar-nav-item"> <a class="js-scroll-trigger" href="#e-book1">ปี ๒๕๕๐</a> </li> <li class="sidebar-nav-item"> <a class="js-scroll-trigger" href="#e-book2">ปี ๒๕๕๑</a> </li> <li class="sidebar-nav-item"> <a class="js-scroll-trigger" href="#e-book3">ปี ๒๕๕๒</a> </li> <li class="sidebar-nav-item"> <a class="js-scroll-trigger" href="#e-book4">ปี ๒๕๕๓-๒๕๕๔</a> </li> <li class="sidebar-nav-item"> <a class="js-scroll-trigger" href="#e-book5">ปี ๒๕๕๕</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="#e-book">ปี ๒๕๔๙</a> <a class="btn btn-primary btn-xl js-scroll-trigger" href="#e-book1">ปี ๒๕๕๐</a> <a class="btn btn-primary btn-xl js-scroll-trigger" href="#e-book2">ปี ๒๕๕๑</a> <a class="btn btn-primary btn-xl js-scroll-trigger" href="#e-book3">ปี ๒๕๕๒</a> <a class="btn btn-primary btn-xl js-scroll-trigger" href="#e-book4">ปี ๒๕๕๓-๒๕๕๔</a> <a class="btn btn-primary btn-xl js-scroll-trigger" href="#e-book5">ปี ๒๕๕๕</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/m_e-book49.png" alt="" style="width:100%" usemap="#Map" title="คอลัมน์ลองอ่านดู ปี ๒๕๕๙"/> <map name="Map"> <area shape="rect" coords="779,526,1027,865" href="../book/2549/p3/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๙ เล่ม ๓" class="img-fluid"> <area shape="rect" coords="454,529,699,866" href="../book/2549/p2/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๙ เล่ม ๒"> <area shape="rect" coords="123,528,365,864" href="../book/2549/p1/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๙ เล่ม ๑"> </map> </h2> </div> </div> </div> </section> <!-- E-Book 2550--> <section class="content-section bg-light" id="e-book1"> <div class="container text-center"> <div class="row"> <div class="col-lg-0 mx-auto"> <h2><img src="img/m_e-book50.png" alt="" style="width:100%" usemap="#Map2" title="คอลัมน์ลองอ่านดู ปี ๒๕๕๐"/> <map name="Map2"> <area shape="rect" coords="60,529,307,872" href="../book/2550/p1/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๐ เล่ม ๑"> <area shape="rect" coords="317,525,567,875" href="../book/2550/p2/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๐ เล่ม ๒"> <area shape="rect" coords="581,530,825,873" href="../book/2550/p3/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๐ เล่ม ๓"> <area shape="rect" coords="833,528,1087,875" href="../book/2550/p4/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๐ เล่ม ๔"> </map> </h2> </div> </div> </div> </section> <!-- E-Book 2551--> <section class="content-section bg-light" id="e-book2"> <div class="container text-center"> <div class="row"> <div class="col-lg-0 mx-auto"> <h2><img src="img/m_e-book51.png" alt="" style="width:100%" usemap="#Map3" title="คอลัมน์ลองอ่านดู ปี ๒๕๕๑" /> <map name="Map3"> <area shape="rect" coords="66,525,314,870" href="../book/2551/p1/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๑ เล่ม ๑"> <area shape="rect" coords="324,525,571,868" href="../book/2551/p2/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๑ เล่ม ๒"> <area shape="rect" coords="585,524,829,869" href="../book/2551/p3/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๑ เล่ม ๓"> <area shape="rect" coords="842,524,1092,865" href="../book/2551/p4/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๑ เล่ม ๔"> </map> </h2> </div> </div> </div> </section> <!-- E-Book 2552--> <section class="content-section bg-light" id="e-book3"> <div class="container text-center"> <div class="row"> <div class="col-lg-0 mx-auto"> <h2><img src="img/m_e-book52.png" alt="" style="width:100%" usemap="#Map4" title="คอลัมน์ลองอ่านดู ปี ๒๕๕๒" /> <map name="Map4"> <area shape="rect" coords="77,533,306,864" href="../book/2552/p1/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๒ เล่ม ๑"> <area shape="rect" coords="331,529,569,861" href="../book/2552/p2/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๒ เล่ม ๒"> <area shape="rect" coords="587,527,826,861" href="../book/2552/p3/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๒ เล่ม ๓"> <area shape="rect" coords="848,523,1088,860" href="../book/2552/p4/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๒ เล่ม ๔"> </map> </h2> </div> </div> </div> </section> <!-- E-Book 2553-2554--> <section class="content-section bg-light" id="e-book4"> <div class="container text-center"> <div class="row"> <div class="col-lg-0 mx-auto"> <h2><img src="img/m_e-book53-54.png" alt="" style="width:100%" usemap="#Map5" title="คอลัมน์ลองอ่านดู ปี ๒๕๕๓" /> <map name="Map5"> <area shape="rect" coords="119,528,363,868" href="../book/2553/p1/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๓ เล่ม ๑"> <area shape="rect" coords="457,530,693,869" href="../book/2553/p2/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๓ เล่ม ๒"> <area shape="rect" coords="785,527,1025,868" href="../book/2554/p1/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๔"> </map> </h2> </div> </div> </div> </section> <!-- E-Book 2555--> <section class="content-section bg-light" id="e-book5"> <div class="container text-center"> <div class="row"> <div class="col-lg-0 mx-auto"> <h2><img src="img/m_e-book55.png" alt="" style="width:100%" usemap="#Map6" title="คอลัมน์ลองอ่านดู ปี ๒๕๕๕" /> <map name="Map6"> <area shape="rect" coords="112,526,361,871" href="../book/2555/p1/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๕ เล่ม ๑"> <area shape="rect" coords="454,523,699,874" href="../book/2555/p2/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๕ เล่ม ๒"> <area shape="rect" coords="781,522,1029,869" href="../book/2555/p3/index.html" target="_blank" alt="คอลัมน์ลองอ่านดู ปี ๒๕๕๕ เล่ม ๓"> </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> <!-- 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> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-129318931-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-129318931-1'); </script> </body> </html>
