2017herm.html

﻿<!doctype html>
<html lang="en">
<head>
    <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>Barge</title>

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

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

    <style>
        h1, p, hr {
            color: white;
            border-color: dimgrey;
        }

        .bg-light {
            background-color: black !important;
        }

        body {
            background-color: black !important;
        }

        .footer {
            background-color: black !important;
        }
            .footer a {
                color: white;
            }

        .col-md-2 {
            max-width: 25% !important;
        }
        
    </style>
</head>

<body style="touch-action:none;">

    <div class="container-fluid">
        <div id="container">

            <div id="split-container" class="mini-container1">
                <div class="row">
                    <nav class="col-md-2 d-none d-md-block bg-light sidebar">
                        <div id="popups_sidebar-sticky" class="sidebar-sticky">
                            <h1>2017 Herm</h1><hr />
                            <p>
                                A herm is a squared stone pillar with a carved head and or torso on top. The four herms of the Barge represent the tropics. Today, the carved details of the herms are hardly recognizable and, in some cases, entirely lost due to erosion and damage.
                            </p>
                        </div>
                    </nav>
                </div>
            </div>

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

        </div>
    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="libs/jquery/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <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>