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> body { font-family: Arial; margin: 0; } * { box-sizing: border-box; } img { vertical-align: middle; } /* Position the image container (needed to position the left and right arrows) */ .container1 { position: relative; } /* Hide the images by default */ .mySlides { display: none; } /* Add a pointer when hovering over the thumbnail images */ .cursor { cursor: pointer; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* Container for image text */ .caption-container { text-align: center; background-color: #ff9933; padding: 2px 16px; color: white; } .row:after { content: ""; display: table; clear: both; } /* Six columns side by side */ .column { float: left; width: 16.66%; } /* Add a transparency effect for thumnbail images */ .demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } h1 { font-size: 50px; } table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } </style> <div class="container" style="padding: 60px 0 0 0"> <center><h1>Annual Thematic Exhibition</h1></center> <div class="col-md-4"> <h4 style="text-align:center">Exhibitions Gallery</h4> <div class="container1"> <div class="mySlides"> <div class="numbertext">1</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/210310hv2036p1.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">2</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/210310xe5179n2.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">3</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/21031pw9430d5.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">4</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/21036zm5865e2.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">5</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/21032qe5949h4.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">6</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/21030iz7469c7.jpg" style="width:100%"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> <div class="caption-container"> <p id="caption"></p> </div> <div class="row"> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/210310hv2036p1.jpg" style="width:100%" onclick="currentSlide(1)" alt="Tribute to His Majesty Drukgyal Zhipa- The King of Destiny"> </div> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/210310xe5179n2.jpg" style="width:100%" onclick="currentSlide(1)" alt="Royal Robes-Wangchuck Dynasty"> </div> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/21031pw9430d5.jpg" style="width:100%" onclick="currentSlide(1)" alt="Trima: Discontinuous weft pattern"> </div> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/21036zm5865e2.jpg" style="width:100%" onclick="currentSlide(1)" alt="Zhabdrung Ngawang Namgyel- Our Founding Father"> </div> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/21032qe5949h4.jpg" style="width:100%" onclick="currentSlide(1)" alt="Trima: Discontinuous weft pattern"> </div> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/21030iz7469c7.jpg" style="width:100%" onclick="currentSlide(1)" alt="Trima: Discontinuous weft pattern"> </div> </div> </div> </div> <div class="col-md-8"> <h4></h4> <p><p>The Textile Museum conducts exhibitions on relevant themes and showcases a befitting representation of Bhutan’s rich textile heritage through the annual thematic exhibition. The Textile Museum has since showcased 17 exhibitions to date.</p> </p> </div> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="card" style="padding-top:4px;"> <center><img class="img-responsive" style="width:150px;height:150px;" src="/textilemuseum/public/upload/thumbnail/23092lb7965b3.jpg" /></center> </div><br> </div> <div class="col-md-8"> <h4>Annual Thematic Exhibition 2002-2023</h4> <table> <tr> <p>An exhibition titled “A Tribute to the Life and Legacy of Her Majesty Gyalyum Sangay Choden Wangchuck” has been officially inaugurated on 13th May 2023. Her Majesty the Gyalyum was accompanied by Her Royal Highness Ashi Eeuphelma Choden Wangchuck and Dasho Thinley Norbu for the event. The exhibition honors and showcase the accomplishments and contributions of Her Majesty Gyalyum Sangay Choden Wangchuck to the tsa-wa-sum. </p> </tr> </table> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="card" style="padding-top:4px;"> <center><img class="img-responsive" style="width:150px;height:150px;" src="/textilemuseum/public/upload/thumbnail/21034tw1584l7.jpg" /></center> </div><br> <div class="card" style="padding-top:4px;"> <center><img class="img-responsive" style="width:150px;height:150px;" src="/textilemuseum/public/upload/thumbnail/210310id8281g0.jpg" /></center> </div><br> <div class="card" style="padding-top:4px;"> <center><img class="img-responsive" style="width:150px;height:150px;" src="/textilemuseum/public/upload/thumbnail/21033ix8090c8.jpg" /></center> </div><br> </div> <div class="col-md-8"> <h4>Exhibitions</h4> <table> <tr> <table> <tbody> <tr> <th>Sl No</th> <th>Exhibition Themes</th> <th>Year</th> </tr> <tr> <td>1</td> <td>Royal Robes- Wangchuck Dynasty</td> <td>2020</td> </tr> <tr> <td>2</td> <td>Religion and Embroidery</td> <td>2018</td> </tr> <tr> <td>3</td> <td>Trima: Discontinuous Weft Pattern</td> <td>2017</td> </tr> <tr> <td>4</td> <td>Zhabdrung Ngawang Namgyel- Our Founding Father</td> <td>2016</td> </tr> <tr> <td>5</td> <td>Tribute to His Majesty the Drukgyal Zhipa – The King of Destiny</td> <td>2015</td> </tr> <tr> <td>6</td> <td>Bhutanese Textiles in High Fashion</td> <td>2014</td> </tr> <tr> <td>7</td> <td>The Royal Wedding</td> <td>2014</td> </tr> <tr> <td>8</td> <td>The Royal Collection- Masterpieces of Textiles</td> <td>2013</td> </tr> <tr> <td>9</td> <td>Woven, Stitched & Embroidered</td> <td>2012</td> </tr> <tr> <td>10</td> <td>Evolution of Kira- Changing fashions</td> <td>2010</td> </tr> <tr> <td>11</td> <td>We the People- Regional Costumes</td> <td>2009</td> </tr> <tr> <td>12</td> <td>Power Dressing</td> <td>2008</td> </tr> <tr> <td>13</td> <td>Masterpieces from the Loom</td> <td>2007</td> </tr> <tr> <td>14</td> <td>Inspired Weaves</td> <td>2006</td> </tr> <tr> <td>15</td> <td>Thagzo – Textiles of Bhutan</td> <td>2005</td> </tr> <tr> <td>16</td> <td>Warp & Weft</td> <td>2002</td> </tr> <tr> <td>17</td> <td>Living Museum</td> <td>2001</td> </tr> </tbody> </table> </tr> </table> </div> </div> </div> <center> <style> .pagination>li>span,.pager>li>span{ border-width:1px; border-radius:0!important } .pagination>li>a,.pager>li>a{ border-width:1px; border-color:#d4dfe3; border-radius:0!important; color:#2283c5; background-color:#fafafa; margin:0 -1px 0 0; position:relative; z-index:auto } .pagination>li>a:hover,.pager>li>a:hover{ color:#1c6ca2; background-color:#eaeff2; border-color:#c1d1d7; z-index:1 } .pagination>li>a:focus,.pager>li>a:focus{ background-color:#eaeef2 } .pagination>li.disabled>a,.pager>li.disabled>a,.pagination>li.disabled>a:hover,.pager>li.disabled>a:hover{ background-color:#f9f9f9; border-color:#d9d9d9; z-index:auto } .pagination>li.active>a,.pagination>li.active>a:hover{ background-color:#6faed9; border-color:#6faed9; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.25); z-index:2 } .dataTables_info{ font-size:14px; text-align:left; } .dataTables_paginate{ text-align:right //margin-left:1900px; margin-left:64%; } .dataTables_paginate .pagination{ margin:0 12px } </style> <div class="space-6"></div> <div class="row"> <div class="col-xs-6"> <div class="dataTables_info" id="dataTables_info" role="status" aria-live="polite"> <strong>1</strong> - <strong>2</strong> of <strong>2</strong> </div> </div> <div class="col-xs-6"> <div class="dataTables_paginate paging_simple_numbers" id="dataTables_paginate"> <ul class="pagination">  <li class="paginate_button previous" aria-controls="dataTables" tabindex="0" id="dataTables_previous"> <a class="disabled">Previous</a> </li>  <li class="paginate_button active" aria-controls="dataTables" tabindex="0"> <a href="#">1</a> </li>  <li class="paginate_button previous" aria-controls="dataTables" tabindex="0" id="dataTables_next"> <a class="disabled">Next</a> </li> </ul> </div> </div> </div> </center> </div> <script> var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("demo"); var captionText = document.getElementById("caption"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; captionText.innerHTML = dots[slideIndex-1].alt; } </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-2025 The Textile Museum. All rights reserved.</div> </div> </footer> </footer> </body> </html>

CINXE.COM

Textile - The Textile Museum