https://transculturalink.com/exhibitions/I-Exhibition.html

1<!DOCTYPE html>
2<html>
3<head>
4<!-- Google tag (gtag.js) -->

4 
5<script async src="https://www.googletagmanager.com/gtag/js?id=

5G-NZ2RT9BLG3

5"></script> 

6<script>
7  

7window.dataLayer = window.dataLayer || [];
8  function gtag(){dataLayer.push(arguments);}
9  gtag('js', new Date());
10
11  gtag('config', '

11G-NZ2RT9BLG3

11');

12</script>

12
13<meta charset="UTF-8">
14<meta name="viewport" content="width=device-width, initial-scale=1.0">
15    <meta name="description" content="Exhibition of Chinese contemporary Ink Art">
16<title>Inaugural Exhibition </title>
17<link rel="stylesheet" href="/css/bootstrap.min.css">
18<link rel="stylesheet" href="/fontawesome/css/all.min.css">
19<link rel="stylesheet" href="/css/templatemo-style.css">
20 

20<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

20 

21<script src="/scripts/ajax.js" defer> </script>

21
22<link href="/scripts/magnific-popup.css" rel="stylesheet" type="text/css" />
23    
24    <style>
25.iframe-responsive-container {
26  position: relative;
27  width: 100%;
28  height: 90vh; /* 90% of viewport height - adjust as needed */
29  max-width: 1900px; /* Optional: limits max width */
30  margin: 0 auto;
31}
32
33.iframe-responsive-container iframe {
34  position: absolute;
35  top: 0;
36  left: 0;
37  width: 100%;
38  height: 100%;
39  border: none;
40}
41</style>
42</head>
43<body>
44<!-- Page Loader -->
45<div id="loader-wrapper">
46  <div id="loader"></div>
47  <div class="loader-section section-left"></div>
48  <div class="loader-section section-right"></div>
49</div>
50<!--Navigation bar-->
51
52<div id="nav-placeholder"> 
53    
54    </div>
55    
56

57<script>
58$.get("/top-menu/menu.html", function(data){
59    $("#nav-placeholder").replaceWith(data);
60});
61</script>

61
62
63<!--end of Navigation bar-->
64    
65   
66
67<div class="tm-hero d-flex justify-content-center align-items-center" data-parallax="scroll" data-image-src="../artists-info/img/Dan-header.jpg"></div>
68       
69<div align="center">
70    
71  
72 
73  
74  <div  class="col-lg-7 col-md-6 col-12">
75    <h2 class="tm-text-primary" align="center">Inaugural  Exhibition </h2>
76    <h2 class="tm-text-primary" align="center">Use the menu in the top right of the exhibition to go full screen<br>
77      Use the 'Learn More' button for 
78      high resolution images and more information<br>
79    </h2>
80    <p align="center">&nbsp; </p>
81     </div>
82      <div class="iframe-responsive-container">
83  <iframe 
84    src="https://d7mntklkfre1v.cloudfront.net/virtual-exhibitions/?i=21302" 
85    frameborder="0" 
86    allowfullscreen
87    title="Virtual Exhibition">
88  </iframe>
89</div>
90      <p>&nbsp;</p>
91        <p>&nbsp;</p>
92        <h2 class="tm-text-primary" align="center"><a href="https://transculturalink.com/exhibitions/Transcultural%20Ink.pdf" target="_blank">Download Brochure</a></h2>
93        <p>&nbsp;</p>
94        <p>&nbsp;</p>
95   
96 
97
98<!-- row -->
99</div>
100     
101<!-- container-fluid, tm-container-content --> 
102
103<!--footer-->
104
105<div id="nav-placeholder2"> 
106    </div>
107
108    

108<script>
109$.get("/footer/footer.html", function(data){
110    $("#nav-placeholder2").replaceWith(data);
111});
112</script>

112 
113
114<!--end of Navigation bar--> 
115

116<script src="/js/plugins.js"></script>

116 

117<script>
118        $(window).on("load", function() {
119            $('body').addClass('loaded');
120        });
121    </script>

121 

122<script type="text/javascript">
123 $(document).ready(function() {
124 $('.simple-ajax-popup-align-top').magnificPopup({
125 type: 'ajax',
126 alignTop: false,
127 overflowY: 'scroll' 
128 });
129 });
130	
131 </script>

131
132</body>
133</html>