Textile - The Textile Museum

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Textile - The Textile Museum </title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <link href="/textilemuseum/public/css/bootstrapbc60.css" media="screen" rel="stylesheet" type="text/css"> <link href="/textilemuseum/public/css/stylesbc60.css" media="screen" rel="stylesheet" type="text/css"> <link href="/textilemuseum/public/css/eu_cookie_compliance.barebc60.css" media="screen" rel="stylesheet" type="text/css"> <link href="/textilemuseum/public/css/gwu-proto-nice-menubc60.css" media="screen" rel="stylesheet" type="text/css"> <link href="/textilemuseum/public/css/nice_menusbc60.css" media="screen" rel="stylesheet" type="text/css"> <link href="/textilemuseum/public/css/zen_no_wrapper_gw_capbc60.css" media="screen" rel="stylesheet" type="text/css"> <link href="/textilemuseum/public/style_css.css" media="screen" rel="stylesheet" type="text/css">   <link href="/textilemuseum/public/img/favicon.png" rel="shortcut icon" type="image/vnd.microsoft.icon">  <script type="text/javascript" src="/textilemuseum/public/js/js-image-zoom.js"></script> <script type="text/javascript" src="/textilemuseum/public/js/js_5YZ8XgdpFLW30YDs-Ofr13hEBqezI0kMzkRwsYzp6PU.js"></script> <script type="text/javascript" src="/textilemuseum/public/js/js_JkQzetqd1yff5abmiR2H8X20RFfzks3m6KxDNGiH_Vg.js"></script> <script type="text/javascript" src="/textilemuseum/public/js/js_XuFgHR1X67cDofve4crM47xw750TjafMBoVq4KMQLjo.js"></script> <script type="text/javascript" src="/textilemuseum/public/js/js_j2tUKGp51zFmWb2xP7TYs-4qdwevd2uAEwYAqTcoarI.js"></script> <script type="text/javascript" src="/textilemuseum/public/js/js_idoa_t5HkQCmXHmvUkb6xOQgzAFFfRv_zIQQxgTwhtE.js"></script> <script type="text/javascript" src="/textilemuseum/public/js/jquery-3.3.1.min.js"></script> </head> <body> <header class="masthead"> <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Textile Museum</title> </head> <style> @import url('https://fonts.googleapis.com/css?family=Roboto'); @media screen and (max-width: 320px) { .margin-min-5 { position:relative; margin-top:20px !important; } } @media screen and (max-width: 480px) { .margin-min-5 { position:relative; margin-top:20px !important; } } @media screen and (max-width: 600px) { .margin-min-5 { position:relative; margin-top:20px !important; } } @media screen and (max-width: 768px) { .margin-min-5 { position:relative; margin-top:20px !important; } } @media screen and (max-width: 900px) { .margin-min-5 { position:relative; margin-top:20px !important; } } .navigation { height: 55px; background:#033c5a; } .brand { position: absolute; padding-left: 20px; float: left; line-height: 55px; text-transform: uppercase; font-size: 1.4em; } .brand a, .brand a:visited { color: #ffffff; text-decoration: none; } .nav-container { max-width: 1000px; margin: 0 auto; } nav { float: right; } nav ul { list-style: none; margin: 0; padding: 0; } nav ul li { float: left; position: relative; } nav ul li a,nav ul li a:visited { display: block; padding: 0 10px; line-height: 55px; color: #fff; background: #033c5a ; text-decoration: none; } nav ul li a{ background: transparent; color: #FFF; } nav ul li a:hover, nav ul li a:visited:hover { background: #2581DC; color: #ffffff; } .navbar-dropdown li a{ background: #2581DC; } nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after { padding-left: 4px; content: ' \025BE'; } nav ul li ul li { min-width: 190px; } nav ul li ul li a { padding: 15px; line-height: 20px; } .navbar-dropdown { position: absolute; display: none; z-index: 1; background: #fff; box-shadow: 0 0 35px 0 rgba(0,0,0,0.25); } /* Mobile navigation */ .nav-mobile { display: none; position: absolute; top: 0; right: 0; background: transparent; height: 55px; width: 70px; } @media only screen and (max-width: 800px) { .nav-mobile { display: block; } nav { width: 100%; padding: 55px 0 10px; } nav ul { display: none; } nav ul li { float: none; } nav ul li a { padding: 15px; line-height: 20px; background: #262626; } nav ul li ul li a { padding-left: 30px; } .navbar-dropdown { position: static; } .margin-min-5 { position:relative; margin-top:20px !important; } } @media screen and (min-width:800px) { .nav-list { display: block !important; } } #navbar-toggle { position: absolute; left: 18px; top: 47px; cursor: pointer; padding: 10px 35px 16px 0px; } #navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 30px; background: #ffffff; position: absolute; display: block; content: ''; transition: all 300ms ease-in-out; } #navbar-toggle span:before { top: -10px; } #navbar-toggle span:after { bottom: -10px; } #navbar-toggle.active span { background-color: transparent; } #navbar-toggle.active span:before, #navbar-toggle.active span:after { top: 0; } #navbar-toggle.active span:before { transform: rotate(45deg); } #navbar-toggle.active span:after { transform: rotate(-45deg); } </style> <body> <div class="container-fluid"> <img src="/textilemuseum/public/images/logo/logo.jpg" alt="The Textile Museum" />  <section class="navigation"> <div class="nav-container"> <nav> <div class="nav-mobile"><a id="navbar-toggle" href="#!"><span></span></a></div> <ul class="nav-list"> <li> <a href="/textilemuseum/public/app">Home</a> </li> <li> <a href="#">Collections</a> <ul class="navbar-dropdown"> <li> <a href="/textilemuseum/public/app/collection">Collection</a> </li> <li> <a href="/textilemuseum/public/app/cms">Collection Management System</a> </li> <li> <a href="/textilemuseum/public/app/collectionacq">Acquisition</a> </li> </ul> </li> <li> <a href="#">Exhibitions</a> <ul class="navbar-dropdown"> <li> <a href="/textilemuseum/public/app/exhibition">Annual Thematic Exhibition</a> </li> <li> <a href="/textilemuseum/public/app/exhibitioninter">International Exhibition</a> </li> <li> <a href="/textilemuseum/public/app/exhibitionvirtual">Virtual Exhibition</a> </li> </ul> </li> <li> <a href="#">Conservation</a> <ul class="navbar-dropdown"> <li> <a href="/textilemuseum/public/app/conservation">Conservation</a> </li> <li> <a href="/textilemuseum/public/app/conservationanoxic">Anoxic Storage</a> </li> </ul> </li> <li> <a href="#">Programmes</a> <ul class="navbar-dropdown"> <li> <a href="/textilemuseum/public/app/educationprogramme">Educational Programmes</a> </li> <li> <a href="/textilemuseum/public/app/conservationprogramme">Conservation Training Programme</a> </li> </ul> </li> <li> <a href="#">Activities</a> <ul class="navbar-dropdown"> <li> <a href="/textilemuseum/public/app/activities">National Design Competition</a> </li> <li> <a href="/textilemuseum/public/app/activityfestival">National Textile Festival</a> </li> </ul> </li> <li> <a href="/textilemuseum/public/app/shop">Shop</a> </li> <li> <a href="/textilemuseum/public/app/map">Visit</a> </li> <li> <a href="#">About Us</a> <ul class="navbar-dropdown"> <li> <a href="/textilemuseum/public/app/textilemuseum">The Textile Museum</a> </li> <li> <a href="/textilemuseum/public/app/history">History and Development</a> </li> <li> <a href="/textilemuseum/public/app/message">The Message from Royal Patron</a> </li> </ul> </li> <li> <a href="/textilemuseum/public/app/contactus">Contact Us</a> </li> </ul> </nav> </div> </section> </div>  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script> <script> (function($) { $(function() { // open and close nav $('#navbar-toggle').click(function() { $('nav ul').slideToggle(); }); // Hamburger toggle $('#navbar-toggle').on('click', function() { this.classList.toggle('active'); }); // If a link has a dropdown, add sub menu toggle. $('nav ul li a:not(:only-child)').click(function(e) { $(this).siblings('.navbar-dropdown').slideToggle("slow"); // Close dropdown when select another dropdown $('.navbar-dropdown').not($(this).siblings()).hide("slow"); e.stopPropagation(); }); // Click outside the dropdown will remove the dropdown class $('html').click(function() { $('.navbar-dropdown').hide(); }); }); })(jQuery); </script> </body> </html> </header> <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .center { display: block; margin-left: auto; margin-right: auto; width: 70%; } </style> </head> <body> <div class="container" style="padding: 60px 0px 30px 0px"> <h2 style="text-align:center;"> MESSAGE FROM THE ROYAL PATRON</h2> <img class="center" style="width:700px; height:1700px;" src="/textilemuseum/public/images/azhi/royalkasho.jpg" alt="Card image cap"> </div> </body> </html> <footer> <div id="gwtoday-local-footer"> <div id="gwtoday-footer"> <div class="promotional-four-col"> <div class="footer-logo" id ="promo-item-1"> <div class="field field-name-field-gwtoday-logo field-type-text-long field-label-hidden"> <div class="field-items"> <div class="field-item even"><p> <img alt="The Textile Museum" src="/textilemuseum/public/images/logo/logofooter.png" /></p> </div> </div> </div> </div> <div class="footer-address" id ="promo-item-2"> <div class="field field-name-field-gwtoday-address field-type-text-long field-label-hidden"> <div class="field-items"> <div class="field-item even"> <p>Office Open:9 a.m - 5 p.m</br> <p>Working Days:Monday-Saturday</br> <p>Phone Number: 02-321516/02-3321517</p></br></p> </div> </div> </div> </div> <div class="footer-social-links" id ="promo-item-3"> <div class="field field-name-field-gwtoday-social-links field-type-text-long field-label-hidden"> <div class="field-items"> <div class="field-item even"><p>Chubachu,Dechen lam<br /> Thimphu, Bhutan  </p> <p>Below MOIC,Near BDBL <br /> </p> </div> </div> </div> </div> <div class="footer-quick-links" id ="promo-item-4"> <div class="field field-name-field-gwtoday-quick-links field-type-text-long field-label-hidden"> <div class="field-items"> <div class="field-item even"> <p><span class="ghost-button reg-button darkblue gwtm-btn"> <p>  <a href="https://twitter.com" target="_blank"> <img alt="The Textile Museum" src="/textilemuseum/public/sites/g/files/zaxdzs3271/f/image/Twitter_64.png" style="height: 35px; width: 35px;" /></a>   <a href="https://www.facebook.com" target="_blank"> <img alt="The Textile Museum" src="/textilemuseum/public/sites/g/files/zaxdzs3271/f/image/Facebook_64.png" style="width: 35px; height: 35px;" /></a>   <a href="https://www.instagram.com" target="_blank"><img alt="Instagram icon - GW Museum" src="/textilemuseum/public/sites/g/files/zaxdzs3271/f/image/Instagram_64.png" style="width: 35px; height: 35px;" /></a>   </p> <p> </p> </div> </div> </div> </div> </div> </div> </div> <footer id="footer" class="region region-footer"> <div id="footer-wrapper"> <div class="align:center">漏 2019-2024 The Textile Museum. All rights reserved.</div> </div> </footer> </footer> </body> </html>

CINXE.COM

Textile - The Textile Museum