gallery.html
Home
/
gallery.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Thumbnail Builder</title>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="./css/main.css" />
</head>
<body>
<nav>
<div class="nav-wrapper">
<a href="./index.html" class="brand-logo">ArcGIS Thumbnail Builder</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="index.html" target="_self">Home</a></li>
<li><a href="gallery.html" target="_self">Gallery</a></li>
<li><a href="help.html" target="_self">Help</a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<h2>Gallery</h2>
<p>Use these examples for insipiration or as a template for your own thumbnails.</p>
</div>
<div class="row">
<div class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="./img/gallery/bigfoot_theme.png">
</div>
<div class="card-content">
<p>Forestry</p>
</div>
<div class="card-action">
<a href="./index.html?background=./img/gallery/forest.jpg&logo=./img/gallery/odf_logo.png&title=Harry%20and%20the%20Hendersons%20Adventures&category=Story%20Map&titleColor=3,77,0,0.6&sidebarColor=255,200,0,0.6">Use this theme</a>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="./img/gallery/jaws.png">
</div>
<div class="card-content">
<p>Marine Board</p>
</div>
<div class="card-action">
<a href="./index.html?background=./img/gallery/boat.jpg&logo=./img/gallery/osmb.png&titleColor=111,166,166,0.7&title=Great%20White%20Shark%20Migratory%20Patterns&category=Feature%20Service&sidebarColor=166,17,3,0.7">Use this theme</a>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="./img/gallery/odot.png">
</div>
<div class="card-content">
<p>Transportation</p>
</div>
<div class="card-action">
<a href="./index.html?title=Transportation%20Cameras&titleColor=57%2C100%2C63%2C0.77&sidebarColor=202%2C210%2C198%2C0.71&category=Feature%20Service&background=./img/gallery/roads.png&logo=./img/gallery/odot_logo.png">Use this theme</a>
</div>
</div>
</div>
</div> <!-- END ROW -->
<div class="row">
<div class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="./img/gallery/odfw.png">
</div>
<div class="card-content">
<p>Fish and Wildlife</p>
</div>
<div class="card-action">
<a href="./index.html?title=Trout%20Stocking%20Locations&titleColor=248%2C204%2C70%2C0.82&sidebarColor=82%2C150%2C66%2C0.77&category=Web%20Map&background=./img/gallery/fishing.png&logo=./img/gallery/odfw_logo.png">Use this theme</a>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="./img/gallery/dogami.png">
</div>
<div class="card-content">
<p>Geology</p>
</div>
<div class="card-action">
<a href="./index.html?title=Geologic%20Map%20of%20Oregon&titleColor=%2349add9&sidebarColor=%23469b41&category=Web%20Map&background=./img/gallery/painted_hills.png&logo=./img/gallery/dogami_logo.png">Use this theme</a>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="./img/gallery/oem.png">
</div>
<div class="card-content">
<p>Emergency Management</p>
</div>
<div class="card-action">
<a href="./index.html?title=Weather%20Dashboard&titleColor=55%2C108%2C188%2C0.68&sidebarColor=160%2C166%2C179%2C0.7&category=Dashboard&background=./img/gallery/weather.png&logo=./img/gallery/oem_logo.png">Use this theme</a>
</div>
</div>
</div>
</div> <!-- END ROW -->
<div class="row">
<div class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="./img/gallery/geo.png">
</div>
<div class="card-content">
<p>Enterprise</p>
</div>
<div class="card-action">
<a href="./index.html?title=Framework%20Funded%20Projects&titleColor=0%2C66%2C115%2C0.64&sidebarColor=93%2C130%2C99%2C0.7&category=Story%20Map&background=./img/gallery/child_map.png&logo=./img/gallery/geo_logo.png">Use this theme</a>
</div>
</div>
</div>
</div> <!-- END ROW-->
</div>
</div> <!-- /container -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-12419040-13');
</script>
</body>
</html>