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="./css/materialize.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/osmb.png">
</div>
<div class="card-content">
<p>Marine Board</p>
</div>
<div class="card-action">
<a href="./index.html?title=Great%20White%20Shark%20Migratory%20Patterns&titleColor=31%2C71%2C113%2C0.84&sidebarColor=66%2C163%2C145%2C0.82&category=Feature%20Service&background=./img/gallery/boat.png&logo=./img/gallery/osmb_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/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 class="col s12 m4">
<div class="card">
<div class="card-image">
<img src="./img/gallery/obdd.png">
</div>
<div class="card-content">
<p>Enterprise</p>
</div>
<div class="card-action">
<a href="./index.html?title=Oregon%20Broadband%20Map&titleColor=95%2C197%2C28%2C0.77&sidebarColor=0%2C0%2C0%2C0.65&category=Web%20App&background=./img/gallery/cell_tower.png&logo=./img/gallery/obdd_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/dlcd.png">
</div>
<div class="card-content">
<p>Land and Conservation</p>
</div>
<div class="card-action">
<a href="./index.html?title=Oregon%20King%20Tide%20Photos&titleColor=115%2C178%2C222%2C0.8&sidebarColor=171%2C203%2C110%2C0.9&category=Survey&background=./img/gallery/beach.png&logo=./img/gallery/dlcd_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/olcc.png">
</div>
<div class="card-content">
<p>Liquor Control</p>
</div>
<div class="card-action">
<a href="./index.html?title=OLCC%20Public%20Marijuana%20Locations&titleColor=5%2C34%2C79%2C0.8&sidebarColor=0%2C0%2C0%2C0.8&category=Web%20App&background=./img/gallery/marijuana.png&logo=./img/gallery/olcc_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/osfm.png">
</div>
<div class="card-content">
<p>Fire Marshal</p>
</div>
<div class="card-action">
<a href="./index.html?title=Statewide%20Inspection%20Results&titleColor=18%2C68%2C143%2C0.85&sidebarColor=178%2C36%2C24%2C0.8&category=Story%20Map&background=./img/gallery/firefighter.png&logo=./img/gallery/osfm_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/osp.png">
</div>
<div class="card-content">
<p>State Police</p>
</div>
<div class="card-action">
<a href="./index.html?title=Patrol%20Activities%20Dashboard&titleColor=142%2C148%2C158%2C0.82&sidebarColor=158%2C149%2C102%2C0.84&category=Dashboard&background=./img/gallery/cruiser.png&logo=./img/gallery/osp_logo.png">Use this theme</a>
</div>
</div>
</div>
</div> <!-- END ROW -->
</div>
<div class="footer-copyright center">
<img src="./img/gallery/geo_logo.png" class="logo" /> <a href="https://www.oregon.gov/GEO/Pages/index.aspx">Geospatial Enterprise Office</a> | <a href="https://dev.navigator.oregon.gov">Developer Home</a> | <a href="https://geo.maps.arcgis.com">ArcGIS Online</a>
</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>