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>International Exhibition</h1></center> <div class="col-md-4"> <h4 style="text-align:center">International Exhibitions Gallery</h4> <div class="container1"> <div class="mySlides"> <div class="numbertext">1</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/21038cj463k3.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">2</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/21032yc9277x7.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">3</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/21038do10415b2.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">4</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/21035eo819s6.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">5</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/21038hp8578o5.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">6</div> <img src="/textilemuseum/public/upload/cauroselthumbnail/21038jp2871g0.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/21038cj463k3.jpg" style="width:100%" onclick="currentSlide(1)" alt="International Exhibition"> </div> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/21032yc9277x7.jpg" style="width:100%" onclick="currentSlide(1)" alt="International Exhibition"> </div> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/21038do10415b2.jpg" style="width:100%" onclick="currentSlide(1)" alt="International Exhibition"> </div> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/21035eo819s6.jpg" style="width:100%" onclick="currentSlide(1)" alt="International Exhibition"> </div> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/21038hp8578o5.jpg" style="width:100%" onclick="currentSlide(1)" alt="International Exhibition"> </div> <div class="column"> <img class="demo cursor" src="/textilemuseum/public/upload/cauroselthumbnail/21038jp2871g0.jpg" style="width:100%" onclick="currentSlide(1)" alt="International Exhibition"> </div> </div> </div> </div> <div class="col-md-8"> <h4></h4> <p><p>Bhutanese textiles are regarded as one of the last major arts in Asia to gain international recognition. The Textile Museum participates in exhibitions and programmes to share our unique textile traditions and heritage to international audiences.</p> <h4> </h4> <table> <tbody> <tr> <th>Sl No</th> <th>Exhibition Themes</th> <th>Year</th> </tr> <tr> <td>1</td> <td>Royal Textiles from the Land of Peaceful Dragon, Vilnius, Lithuania</td> <td>2020</td> </tr> <tr> <td>2</td> <td>SAARC Handicrafts Exhibition & Workshop, Kathmandu, Nepal</td> <td>2019</td> </tr> <tr> <td>3</td> <td>Bhutanese Textile in Emerging Fashion (Bhutan week, IGNCA) New Delhi India</td> <td>2018</td> </tr> <tr> <td>4</td> <td>Royal Bridges- Textile Exhibition, Dubai,UAE</td> <td>2016</td> </tr> <tr> <td>5</td> <td>Bhutanese Textiles, Canberra, Australia</td> <td>2014</td> </tr> <tr> <td>6</td> <td>The Peaceful Dragon-Textile Arts from the Kingdom of Bhutan, New Delhi, India.</td> <td>2012</td> </tr> <tr> <td>7</td> <td>Bhutanese Textile Heritage, Ahmedabad, India</td> <td>2011</td> </tr> <tr> <td>8</td> <td>From the Land of the Peaceful Dragon- Kingdom of Bhutan, Augsburg, Germany</td> <td>2008</td> </tr> </tbody> </table> </p> </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> </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-2024 The Textile Museum. All rights reserved.</div> </div> </footer> </footer> </body> </html>

CINXE.COM

Textile - The Textile Museum