<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">		
		<style type="text/css">
			.border-img {
				border-radius:0.01em;
				max-width: 100%;
				display: block;
				margin-left: 0.01em;
				margin-right: 0.01em;
			}
			figcaption {
				text-align:center;
				margin-top: 0.01em;
			}

			.gallery, .gallery tr th, .gallery tr td {
				 border: 1px; 
				 border-style: solid;
				 border-color: #000000;
			}
			figure {
				margin-left: 5%;
				margin-right: 5%;
			}

		</style>
    </head>  
    <body>
		<table class="gallery">
			<tr>
				<td>
					<div>
						<figure>
							<figcaption>
								<h5>Example 1</h5>
							</figcaption>
							<div onclick="window.open('figures/1.pdf')">
								<img src="figuresmall/1.png" alt="Example 1" class="border-img">
							</div>		
							<figcaption>
								<a href="data/example_1.zip" download="example_1.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 1</span>
							</figcaption>
						</figure>
					</div>
					
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 2</h5>
						</figcaption>	
						<div onclick="window.open('figures/2.pdf')">
							<img src="figuresmall/2.png" alt="Example 2" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_2.zip" download="example_2.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 2</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 3</h5>
						</figcaption>
						<div onclick="window.open('figures/3.pdf')">
							<img src="figuresmall/3.png" alt="Example 3" class="border-img">
						</div>						
						<figcaption>
							<a href="data/example_3.zip" download="example_3.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 3</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 4</h5>
						</figcaption>
						<div onclick="window.open('figures/4.pdf')">
							<img src="figuresmall/4.png" alt="Example 4" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_4.zip" download="example_4.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 4</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 5</h5>
						</figcaption>
	                    <div onclick="window.open('figures/5.pdf')">				
							<img src="figuresmall/5.png" alt="Example 5" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_5.zip" download="example_5.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 5</span>
						</figcaption>
					</figure>
				</td>
			</tr>
			<tr>
				<td>
					<figure>
						<figcaption>
							<h5>Example 6</h5>
						</figcaption>
						<div onclick="window.open('figures/6.pdf')">
							<img src="figuresmall/6.png" alt="Example 6" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_6.zip" download="example_6.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 6</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 7</h5>
						</figcaption>
						<div onclick="window.open('figures/7.pdf')">
							<img src="figuresmall/7.png" alt="Example 7" class="border-img">
						</div>						
						<figcaption>
							<a href="data/example_7.zip" download="example_7.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 7</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 8</h5>
						</figcaption>
						<div onclick="window.open('figures/8.pdf')">
							<img src="figuresmall/8.png" alt="Example 8" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_8.zip" download="example_8.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 8</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 9</h5>
						</figcaption>
	                    <div onclick="window.open('figures/9.pdf')">				
							<img src="figuresmall/9.png" alt="Example 9" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_9.zip" download="example_9.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 9</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 10</h5>
						</figcaption>
						<div onclick="window.open('figures/10.pdf')">
							<img src="figuresmall/10.png" alt="Example 10" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_10.zip" download="example_10.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 10</span>
						</figcaption>
					</figure>
				</td>
			</tr>
			<tr>
				<td>
					<figure>
						<figcaption>
							<h5>Example 11</h5>
						</figcaption>
						<div onclick="window.open('figures/11.pdf')">
							<img src="figuresmall/11.png" alt="Example 11" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_11.zip" download="example_11.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 11</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 12</h5>
						</figcaption>
						<div onclick="window.open('figures/12.pdf')">
							<img src="figuresmall/12.png" alt="Example 12" class="border-img">
						</div>						
						<figcaption>
							<a href="data/example_12.zip" download="example_12.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 12</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 13</h5>
						</figcaption>
						<div onclick="window.open('figures/13.pdf')">
							<img src="figuresmall/13.png" alt="Example 13" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_13.zip" download="example_13.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 13</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 14</h5>
						</figcaption>
	                    <div onclick="window.open('figures/14.pdf')">				
							<img src="figuresmall/14.png" alt="Example 14" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_14.zip" download="example_14.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 14</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 15</h5>
						</figcaption>
						<div onclick="window.open('figures/15.pdf')">
							<img src="figuresmall/15.png" alt="Example 15" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_15.zip" download="example_15.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 15</span>
						</figcaption>
					</figure>
				</td>
			</tr>
			<tr>
				<td>
					<figure>
						<figcaption>
							<h5>Example 16</h5>
						</figcaption>
						<div onclick="window.open('figures/16.pdf')">
							<img src="figuresmall/16.png" alt="Example 16" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_16.zip" download="example_16.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 16</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 17</h5>
						</figcaption>
						<div onclick="window.open('figures/17.pdf')">
							<img src="figuresmall/17.png" alt="Example 17" class="border-img">
						</div>						
						<figcaption>
							<a href="data/example_17.zip" download="example_17.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 17</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 18</h5>
						</figcaption>
						<div onclick="window.open('figures/18.pdf')">
							<img src="figuresmall/18.png" alt="Example 18" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_18.zip" download="example_18.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 18</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 19</h5>
						</figcaption>
	                    <div onclick="window.open('figures/19.pdf')">				
							<img src="figuresmall/19.png" alt="Example 19" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_19.zip" download="example_19.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 19</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 20</h5>
						</figcaption>
						<div onclick="window.open('figures/20.pdf')">
							<img src="figuresmall/20.png" alt="Example 20" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_20.zip" download="example_20.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 20</span>
						</figcaption>
					</figure>
				</td>
			</tr>
			<tr>
				<td>
					<figure>
						<figcaption>
							<h5>Example 21</h5>
						</figcaption>
						<div onclick="window.open('figures/21.pdf')">
							<img src="figuresmall/21.png" alt="Example 21" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_21.zip" download="example_21.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 21</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 22</h5>
						</figcaption>
						<div onclick="window.open('figures/22.pdf')">
							<img src="figuresmall/22.png" alt="Example 22" class="border-img">
						</div>						
						<figcaption>
							<a href="data/example_22.zip" download="example_22.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 22</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 23</h5>
						</figcaption>
						<div onclick="window.open('figures/23.pdf')">
							<img src="figuresmall/23.png" alt="Example 23" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_23.zip" download="example_23.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 23</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 24</h5>
						</figcaption>
	                    <div onclick="window.open('figures/24.pdf')">				
							<img src="figuresmall/24.png" alt="Example 24" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_24.zip" download="example_24.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 24</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 25</h5>
						</figcaption>
						<div onclick="window.open('figures/25.pdf')">
							<img src="figuresmall/25.png" alt="Example 25" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_25.zip" download="example_25.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 25</span>
						</figcaption>
					</figure>
				</td>
			</tr>
			<tr>
				<td>
					<figure>
						<figcaption>
							<h5>Example 26</h5>
						</figcaption>
						<div onclick="window.open('figures/26.pdf')">
							<img src="figuresmall/26.png" alt="Example 26" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_26.zip" download="example_26.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span style="font-size: 16px;"> Input files for example 26</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 27</h5>
						</figcaption>
						<div onclick="window.open('figures/27.pdf')">
							<img src="figuresmall/27.png" alt="Example 27" class="border-img">
						</div>						
						<figcaption>
							<a href="data/example_27.zip" download="example_27.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 27</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 28</h5>
						</figcaption>
						<div onclick="window.open('figures/28.pdf')">
							<img src="figuresmall/28.png" alt="Example 28" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_28.zip" download="example_28.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 28</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 29</h5>
						</figcaption>
	                    <div onclick="window.open('figures/29.pdf')">				
							<img src="figuresmall/29.png" alt="Example 29" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_29.zip" download="example_29.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 29</span>
						</figcaption>
					</figure>
				</td>
				<td>
					<figure>
						<figcaption>
							<h5>Example 30</h5>
						</figcaption>
						<div onclick="window.open('figures/30.pdf')">
							<img src="figuresmall/30.png" alt="Example 15" class="border-img">
						</div>
						<figcaption>
							<a href="data/example_30.zip" download="example_30.zip"><i class="fa-solid fa-download" style="color: #007bff;"></i></a><span> Input files for example 30</span>
						</figcaption>
					</figure>
				</td>
			</tr>
		</table>
    </body>
</html>	