1916Herm.html

﻿<!doctype html>
<html lang="en">
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41885816-8"></script>
    <script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-41885816-8');
    </script>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="images/favicon.ico">

    <title>1916 Herm — Virtual Vizcaya</title>

    <!-- Bootstrap core CSS -->
    <link href="dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="assets/css/vizcaya.css" rel="stylesheet">

</head>

<body class="popups_bodypage">
    <script src="models/build/three.js"></script>
    <script src="libs/other/OrbitControls.js"></script>
    <script src="libs/loaders/GLTFLoader.js"></script>
    <script src="libs/inflate.min.js"></script>
    
    <div class="container-fluid">

        <div id="container">

            <div id="split-container" class="mini-container1">
                <div class="row">
                    <nav id="popups_sidebarpage" class="col-md-2 d-none d-md-block bg-light sidebar">
                        <div id="popups_sidebar-sticky" class="sidebar-sticky">
                            <h1>1916 Herm</h1><hr />
                            <p>
                                This digital recreation of a herm is based on historical photographs in Vizcaya’s archives. When compared to the 2017 version one can see the extreme erosion that has taken place over more than 100 years.
                            </p>
                        </div>
                    </nav>
                </div>
            </div>

            <div id="split-container" class="mini-container2">
                <iframe src="models/1916herm.html" allowfullscreen></iframe>
            </div>

        </div>
    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script>window.jQuery || document.write('<script src="assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
    <script src="assets/js/vendor/popper.min.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>

</body>
</html>