<\/div>

\n Department of Library\n<\/h1>\n\n\n\n
\n
Motto <\/h3>\n\n\n\n
\n
\u201cHelping those who seeking knowledge.<\/span><\/strong>\u201d<\/span><\/strong><\/p>\n<\/blockquote>\n<\/div>
$\"\"$ <\/figure><\/div>\n\n\n\n\n\n \n Department of Library<\/title>\n <style>\n \/* General Styles \/\n body {\n font-family: \"Segoe UI\", \"Helvetica Neue\", sans-serif;\n margin: 0;\n padding: 0;\n color: #2c3e50;\n }\n \/ Page Title \/\n .page-title {\n text-align: center;\n font-size: 40px;\n font-weight: 800;\n color: #003366;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin: 40px 20px 20px 20px;\n }\n \/ Content Blocks \/\n .content-block {\n display: flex;\n justify-content: center;\n padding: 20px;\n }\n\n .content-inner {\n backdrop-filter: blur(12px);\n background: rgba(255, 255, 255, 0.92);\n border: 1px solid rgba(0, 0, 0, 0.06);\n border-radius: 20px;\n padding: 40px 35px;\n max-width: 900px;\n width: 100%;\n box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n }\n\n .content-inner h2 {\n font-size: 32px;\n font-weight: 700;\n margin-top: 0;\n margin-bottom: 24px;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: #003366;\n }\n\n .content-inner p,\n .content-inner ul {\n font-size: 18px;\n line-height: 1.8;\n margin: 0;\n padding-left: 20px;\n text-align: justify;\n color: #222;\n }\n\n .content-inner ul {\n list-style-type: disc;\n }\n\n \/ Image Slider Container \/\n .slider-container {\n max-width: 900px;\n margin: 40px auto;\n position: relative;\n border-radius: 10px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n aspect-ratio: 16 \/ 9;\n }\n\n .slider-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n .slide {\n position: absolute;\n inset: 0;\n opacity: 0;\n transition: opacity 1s ease;\n pointer-events: none;\n }\n\n .slide.active {\n opacity: 1;\n pointer-events: auto;\n z-index: 1;\n }\n\n .slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 10px;\n display: block;\n }\n\n .caption {\n position: absolute;\n bottom: 15px;\n left: 20px;\n color: #fff;\n background: rgba(0, 0, 0, 0.5);\n padding: 8px 15px;\n border-radius: 5px;\n font-size: 14px;\n }\n\n .slider-nav {\n position: absolute;\n top: 50%;\n width: 100%;\n pointer-events: none;\n transform: translateY(-50%);\n z-index: 10; \/ <-- Add this \/\n }\n\n .slider-nav button {\n background: rgba(255, 111, 0, 0.8);\n border: none;\n padding: 10px;\n border-radius: 50%;\n cursor: pointer;\n width: 45px;\n height: 45px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 2;\n }\n\n .slider-nav button:hover {\n background: rgba(230, 92, 0, 0.9);\n }\n\n #prevBtn {\n left: 15px;\n }\n\n #nextBtn {\n right: 15px;\n }\n\n .slider-nav svg {\n fill: white;\n width: 20px;\n height: 20px;\n }\n\n \/ Table Styling \/\n .table-container {\n width: 100%;\n overflow-x: auto;\n margin: 20px 0;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 16px;\n min-width: 600px; \/ ensures columns don\u2019t squish too much \/\n border-radius: 8px;\n overflow: hidden;\n }\n\n table thead {\n background: #003366;\n color: #fff;\n }\n\n table th,\n table td {\n border: 1px solid #ccc;\n padding: 8px 12px;\n text-align: center;\n }\n\n table th {\n font-weight: bold;\n }\n\n table tbody tr:nth-child(even) {\n background: #f2f6fa;\n }\n\n \/ Smaller font tweaks \/\n @media (max-width: 768px) {\n table {\n font-size: 14px;\n min-width: 500px;\n }\n }\n\n @media (max-width: 480px) {\n table {\n font-size: 13px;\n min-width: 400px;\n }\n }\n \/ Custom Details and Summary \/\n \/ Style the <details> element \/\n .custom-details {\n background-color: #ffffff; \/ Light background \/\n border: 1px solid #ccc; \/ Subtle border \/\n border-radius: 6px; \/ Rounded corners \/\n padding: 10px 15px; \/ Some padding \/\n margin: 10px 0; \/ Space between items \/\n transition: background-color 0.3s ease;\n }\n\n \/Change background on hover \/\n .custom-details:hover {\n background-color: #f1f1f1;\n }\n\n \/ Style the <summary> element \/\n .custom-details summary {\n font-weight: bold;\n font-size: 1.1em;\n cursor: pointer; \/ Indicates it's clickable \/\n list-style: none; \/ Remove default triangle \/\n position: relative;\n padding-left: 20px; \/ Space for custom arrow \/\n }\n\n \/ Custom arrow using ::before \/\n .custom-details summary::before {\n content: \"\u25b6\"; \/ Right-pointing triangle \/\n position: absolute;\n left: 0;\n transition: transform 0.3s ease;\n }\n\n \/ Rotate arrow when open \/\n .custom-details[open] summary::before {\n transform: rotate(90deg); \/ Downward pointing \/\n }\n\n \/ Style the content inside details *\/\n .custom-details div {\n margin-top: 10px;\n line-height: 1.5;\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"content-block\">\n <div class=\"content-inner\">\n <h2>About<\/h2>\n <p>\n The origin of the University of Technology (Mandalay) Library is\n (11.7.in 1995), it was the same place where the Government Industrial\n Science (Mandalay) School was first opened. Through this, on\n (20.8.1999) The Government College of Education (Mandalay) was\n expanded to the level of the Government College of Technology\n (Mandalay) and the Library also became the Government College of\n Technology (Mandalay). Then on (22.10.2002) the Government College of\n Education (Mandalay) was renamed as the University of Technology\n (Mandalay), Patheingyi Township, Aung Chan Thar Ward moved to and\n opened. When it was promoted from the College University Level to the\n University Library Level. Now, the University of Technology (Mandalay)\n Library is located at the back of the main building of the University\n of Technology (Mandalay).\n <\/p>\n <\/div>\n <\/div>\n <div class=\"content-block\">\n <div class=\"content-inner\">\n <h2>Vision<\/h2>\n <p>Our vision is to be the best library partnership in the nation.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"content-block\">\n <div class=\"content-inner\">\n <h2>Mission<\/h2>\n <ul>\n <li>The library is a place that can provide knowledge for user.<\/li>\n <li>To provide the needs of teaching and learning.<\/li>\n <li>\n To provide services for emerging scholars for future generations.\n <\/li>\n <li>\n To provide a lot of good books and literature to refer to the\n research work.\n <\/li>\n <li>\n To help when studying for the goals of teachers and students\n training to develop skills.\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"content-block\">\n <div class=\"content-inner\">\n <h2>News & Events<\/h2>\n <ul>\n <li>Scholarships<\/li>\n <li>Job Opportunities<\/li>\n <li>Student Exchange Program<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <script>\n (function () {\n const images = [\n {\n src: \"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/mech-field-trip-2024-2025.png.png\",\n caption: \"Field Trip (2024-2025)\",\n },\n {\n src: \"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/Fitting-Shop-Practical-Class.png\",\n caption: \"Fitting Shop Practical Class\",\n },\n {\n src: \"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/Lathe-Machine-Practical-Class.png\",\n caption: \"Lathe Machine Practical Class\",\n },\n {\n src: \"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/mech-student-autocad-drawing-training.png\",\n caption: \"Student AutoCAD Drawing Training\",\n },\n {\n src: \"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/Solid-Mechanics-Lab.png\",\n caption: \"Solid Mechanics Lab\",\n },\n {\n src: \"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/Welding-Shop-Practical-Class.png\",\n caption: \"Welding Shop Practical Class\",\n },\n {\n src: \"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/2024-2025-Academic-Year-Mechanical-\u1019\u1031\u1002\u103b\u102c\u1018\u1031\u102c\u101c\u102f\u1036\u1038-\u1021\u102c\u1038\u1000\u1005\u102c\u1038\u101e\u1019\u102c\u1038\u1019\u103b\u102c\u1038.png\",\n caption: \"Mechanical Major \u1018\u1031\u102c\u101c\u102f\u1036\u1038\u1021\u102c\u1038\u1000\u1005\u102c\u1038\u101e\u1019\u102c\u1038\u1019\u103b\u102c\u1038 (2024-2025)\",\n },\n {\n src: \"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/2024-2025-Mechanical-major-students-\u1011\u1019\u1014\u1032\u1011\u102d\u102f\u1038-\u1015\u103c\u102d\u102f\u1004\u103a\u1015\u103d\u1032.png\",\n caption: \"Mechanical Major Students \u1011\u1019\u1014\u1032\u1011\u102d\u102f\u1038\u1015\u103c\u102d\u102f\u1004\u103a\u1015\u103d\u1032(2024-2025)\",\n },\n {\n src: \"http:\/\/www.tum.edu.mm\/wp-content\/uploads\/2025\/08\/2024-2025-Mechanical-Fresher-Welcome.png\",\n caption: \"Mechanical Fresher Welcome(2024-2025)\",\n },\n ];\n\n const wrapper = document.getElementById(\"sliderWrapper\");\n let currentIndex = 0;\n let intervalId;\n\n images.forEach((img, idx) => {\n const slide = document.createElement(\"div\");\n slide.className = \"slide\";\n if (idx === 0) slide.classList.add(\"active\");\n slide.innerHTML = `\n <img decoding=\"async\" src=\"${img.src}\" alt=\"Slide ${idx + 1}\">\n <div class=\"caption\">${img.caption}<\/div>\n `;\n wrapper.appendChild(slide);\n });\n\n const slides = wrapper.querySelectorAll(\".slide\");\n\n function showSlide(index) {\n slides.forEach((s) => s.classList.remove(\"active\"));\n slides[index].classList.add(\"active\");\n currentIndex = index;\n }\n\n function nextSlide() {\n let next = (currentIndex + 1) % slides.length;\n showSlide(next);\n }\n\n function prevSlide() {\n let prev = (currentIndex - 1 + slides.length) % slides.length;\n showSlide(prev);\n }\n\n function autoPlay() {\n intervalId = setInterval(nextSlide, 5000);\n }\n\n function resetAutoPlay() {\n clearInterval(intervalId);\n autoPlay();\n }\n\n document.getElementById(\"nextBtn\").addEventListener(\"click\", () => {\n nextSlide();\n resetAutoPlay();\n });\n\n document.getElementById(\"prevBtn\").addEventListener(\"click\", () => {\n prevSlide();\n resetAutoPlay();\n });\n\n \/\/ Swipe support\n let touchStartX = 0;\n let touchEndX = 0;\n\n wrapper.addEventListener(\"touchstart\", (e) => {\n touchStartX = e.changedTouches[0].screenX;\n });\n\n wrapper.addEventListener(\"touchend\", (e) => {\n touchEndX = e.changedTouches[0].screenX;\n handleSwipe();\n });\n\n function handleSwipe() {\n if (touchEndX < touchStartX - 50) {\n nextSlide();\n resetAutoPlay();\n } else if (touchEndX > touchStartX + 50) {\n prevSlide();\n resetAutoPlay();\n }\n }\n\n autoPlay();\n })();\n <\/script>\n <\/body>\n<\/html>\n\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1751","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"educenter-slider":false,"educenter-large":false,"educenter-gallery":false,"educenter-team":false},"uagb_author_info":{"display_name":"TUMadmin","author_link":"http:\/\/www.tum.edu.mm\/?author=2"},"uagb_comment_info":0,"uagb_excerpt":null,"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"TUMadmin","author_link":"http:\/\/www.tum.edu.mm\/?author=2"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/pages\/1751"}],"collection":[{"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1751"}],"version-history":[{"count":3,"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/pages\/1751\/revisions"}],"predecessor-version":[{"id":2394,"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=\/wp\/v2\/pages\/1751\/revisions\/2394"}],"wp:attachment":[{"href":"http:\/\/www.tum.edu.mm\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}