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> <style> .bg-video-wrap { position: relative; overflow: hidden; width: 100%; height: auto; } .text-block { position: absolute; top: 0px; left: 80px; padding-top: 200px; } .btn-block { display: block; width: 100%; color:#FFFFFF; background-color:#033c5a; opacity:1; } .btn-block :hover { color:#FFFFFF; } .card-img-top { background-color: #033c5a; border: none; color: white; text-align: center; font-size: 16px; margin: 4px 2px; opacity: 1; transition: 0.3s; display: inline-block; text-decoration: none; cursor: pointer; } .card-img-top:hover {opacity:0.6} .img-thumbnail{ display: block; margin-left: auto; margin-right: auto; width: 50%; } .image-responsive{ padding: 0 0 0 0; } /* 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; } .text-block { position: rel; top: 0px; left: 40px; padding-top: 0px; } .custom-responsive-mini { height: 260px !important; width: 1900px !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); } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 9999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } </style> <div class="container-fluid" style="background-color:#7DA6B8;"> <div class="col-md-4" style="padding:60px 0 0 0 "> <img class="img-thumbnail" style="width:250px; height:300px;" src="/textilemuseum/public/images\azhi\hmq.jpg" alt="Card image cap"> <h5 style="color:white;text-align:center">Her Majesty the Queen Mother Gyalyum <br>Sangay Choden Wangchuck, Royal Patron</h5> </p> </div> <div class="col-md-8" style="padding:50px 0 0 0 "> <h1 style="text-align:center;color:#FFAB33;">21st National Design Competition</h1> <p style="font-family:courier,arial,helvetica;color:black;"> <i> <h3 style="text-align:center;color:#280000;">The 21st Annual National Design competition is an annual event organized by the Textile Museum in collaboration with the Royal Textile Academy to promote the unique arts and crafts of Bhutan under the Royal Patronage of Her Majesty the Queen Mother Gyalyum Sangay Choden Wangchuck. </h3> </i> </p> <button id="btn" onclick="window.location.href='/textilemuseum/public/app/news';" class="btn btn-primary">View Entries Detail</button> <style> #btn { position: relative; top: auto; left:40%; opacity:0.8; } </style> </div> </div> <div class="container-fluid"> <div style="background-color:#fff;"> <marquee> <h4><div id="myBtn">Stay home, stay safe! click here to visit the Textile Museum virtually </div></h4> </marquee>   <div id="myModal" class="modal">  <div class="modal-content"> <span class="close">×</span> <p style="font-family:Cambria (Body)"> <a style="color:blue;" href="/textilemuseum/public/payv/index/robes">Royal Robes</a><br> <a style="color:blue;" href="/textilemuseum/public/payv/index/warp">Warp & Weft</a><br> <a style="color:blue;" href="/textilemuseum/public/payv/index/ornament ">Ornaments</a><br> <a style="color:blue;" href="/textilemuseum/public/payv/index/regional">Regional</a><br> <a style="color:blue;" href="/textilemuseum/public/payv/index/religion">Religion</a><br> </p> </div> </div> </div> </div> <div style="position:relative;"> <img class="image-responsive custom-responsive-mini" src="/textilemuseum/public/images/bg/3.jpg" /> <div class="text-block"> <div class="row"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <p> <a onclick="window.location.href='/textilemuseum/public/payv/freetrial/';" class="btn btn-s btn-block btn-primary"> <span class="" >Free Trial</span></a> </p> </div> </div> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <p> <a onclick="window.location.href='/textilemuseum/public/payv/index/robes';" class="btn btn-s btn-block btn-primary"> <span class="" >Royal Robes - Wangchuck Dynasty</span></a> </p> </div> </div> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <p> <a onclick="window.location.href='/textilemuseum/public/payv/index/ornament';" class="btn btn-s btn-block btn-primary"> <span class="" >Ornaments</span></a> </p> </div> </div> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <p> <a onclick="window.location.href='/textilemuseum/public/payv/index/regional';" class="btn btn-s btn-block btn-primary"> <span class="" >Regional</span></a> </p> </div> </div> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <p> <a onclick="window.location.href='/textilemuseum/public/payv/index/religion';" class="btn btn-s btn-block btn-primary"> <span class="" >Religion</span></a> </p> </div> </div> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <p> <a onclick="window.location.href='/textilemuseum/public/app/tour/warp';" class="btn btn-s btn-block btn-primary"> <span class="" >Warp and Weft</span></a> </p> </div> </div> </div> </div> </div> <br> <div class="container-fluid" style="background-color:#7DA6B8;"> <div class="col-md-4"> <h3 style="font-family:Cambria (Body);">INTRODUCTION</h3> <p style="font-family:Cambria (Body);"> The Textile Museum was established in May 2001 in Thimphu, the capital of Bhutan, under the royal patronage of Her Majesty the Queen Mother Gyalyum Sangay Choden Wangchuck. .......<br> <button onclick="window.location.href='/textilemuseum/public/app/textile';" class="btn btn-secondary">More</button> </div> <div class="col-md-4"> <h3>UPCOMING EVENTS</h3> <p style="font-family:Cambria (Body);"> The Textile Museum, Department of Culture (DoC), MoHCA & Royal Textile Academy are accepting entries for the National Design Competition in the following categories .......<br> <button onclick="window.location.href='/textilemuseum/public/app/upcoming';" class="btn btn-secondary">More</button> </div> <div class="col-md-4"> <h3 >VIRTUAL EXHIBITION</h3> <p style="font-family:Cambria (Body)"> <a style="color:blue;" href="/textilemuseum/public/payv/index/robes">Royal Robes</a><br> <a style="color:blue;" href="/textilemuseum/public/payv/index/warp">Warp & Weft</a><br> <a style="color:blue;" href="/textilemuseum/public/payv/index/ornament ">Ornaments</a><br> <a style="color:blue;" href="/textilemuseum/public/payv/index/regional">Regional</a><br> <a style="color:blue;" href="/textilemuseum/public/payv/index/religion">Religion</a><br> </p> </div> </div><br> <div class="container-fluid"> <div class="col-md-4" > <img class="card-img-top" style="height:400px;width:470px"src="/textilemuseum/public/images\content/conservation/anoxic/ano2.jpg" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Collection</h4> <p class="card-text"> A living cultural heritage, Thagzo’ or Weaving, is regarded as one of the thirteen traditional crafts collectively known as ‘Zorig-chu-sum’. Weaving is integral to Bhutanese traditional life; it’s significant role and the...</p> <button onclick="window.location.href='/textilemuseum/public/app/collection';" class="btn btn-primary">More details</button> </div> </div> <div class="col-md-4"> <img class="card-img-top" style="height:400px;width:470px" src="/textilemuseum/public/images\content\conservation/conservation/con3.jpg" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Conservation</h4> <p class="card-text"> The Textile Museum is mandated to conserve and preserve the textile heritage of Bhutan. Along with the conservation and preservation of the museum’s permanent collection of over ...</p> <i><h5 style="color:black"> <button onclick="window.location.href='/textilemuseum/public/app/conservation';" class="btn btn-primary">More details</button> </div> </div> <div class="clearfix visible-xs-block"> </div> <div class="col-md-4"> <img class="card-img-top" style="height:400px;width:470px"src="/textilemuseum/public/images\content\exhibition/royalrodesexhibition/hmq.jpg" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Exhibition</h4> <p class="card-text"> The Textile Museum is required to change exhibitions annually in keeping with international museum standards set for textile exhibitions. The TM conceptualizes relevant themes and showcases...<br> <button onclick="window.location.href='/textilemuseum/public/app/exhibition';" class="btn btn-primary">More details</button> </div> </div> </div> <div class="container-fluid" style=" padding: 50px 5px 100px 20px"> <div class="row"> </div> </div> <div id="modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> </div> </div> </div> <script> // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks on the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> <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