<!DOCTYPE html>

<html lang="en">

<head>

                <meta charset="UTF-8">

                <meta name="viewport" content="width=device-width, initial-scale=1.0">

                <meta http-equiv="X-UA-Compatible" content="ie=edge">

                <title>CAVERBOB.COM</title>

 

                <style>

                body {

                                font-family: Verdana, Geneva, Tahoma, sans-serif;

                                padding: 0px;

                                margin: 0px;

                                cursor: default;

                }

                #background {

                                position: fixed;

                                display: block;

                                width: 100%;

                                height: 100%;

                                top: 0;

                                left: 0;

                                right: 0;

                                bottom: 0;

                                background-image: url(https://cmkt-image-prd.global.ssl.fastly.net/0.1.0/ps/1584153/580/580/m1/fpnw/wm0/1608.m00.i121.n013.s.c12.329609984-_gtp_-contour-topographic-map-background.-vector-lines-map-pattern-.jpg?1471972428&s=6c7346cb565da94b8d2e27c4c4700ccf);

                                z-index: 1;

                                cursor: default;

                }

                #overlay {

                                position: fixed;

                                display: block;

                                width: 100%;

                                height: 100%;

                                top: 0;

                                left: 0;

                                right: 0;

                                bottom: 0;

                                background: linear-gradient(345deg, #ba6e00b8, #ffe499ed);

    z-index: 2;

                                cursor: default;

                }

                .content {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100vw;

    height: 100vh;

                                z-index: 3;

                }

                .jumbotron {

                                width: 90%;

                                display: block;

                                margin: 20px auto;

                                padding: 20px;

                                overflow: auto;

                                text-align: center;

                }

                .image-container {

                                display: inline-block;

                }

                .image-container img {

                                display: inline;

                                border: solid white 9px;

                                background: white;

                                height: 440px;

                                box-shadow: 3px 3px 12px #4949497d;

    transform: rotate(4deg);

                }

                .text-container {

                                display: inline-block;

                                vertical-align: top;

                                padding: 0px 30px;

                                text-align: center;

                                width: calc(100% - 445px);

                                min-width: 350px;

    margin-top: 60px;

                                text-shadow: 2px 2px 2px #00000078;

                }

                .text-container p {

                                color: #ffffff;

    font-size: 24px;

                                line-height: 1.5;

                                max-width: 620px;

    display: block;

    margin: auto;

                }

                .logo {

                                font-size: 42px;

                                color: #ba6f00;

                }

                .do-not-ask {

                                padding: 20px 10px;

    text-align: center;

    margin: 50px auto;

    color: white;

    background: #ba6f00;

                                max-width: 550px;

                }

                .list-of-lists {

                                display: block;

                                width: 100%;

                                text-align: center;

                                margin-top: 60px;

                                margin-bottom: 150px;

                                padding: 20px 0px;

                                background: linear-gradient(345deg, black,#333,#353535,#2c2c2c);

                                box-shadow: 0px 0px 50px #00000070;

                }

                .list-listing {

                                display: inline-block;

    max-width: 250px;

    padding: 20px;

    text-align: center;

    margin: 20px auto;

    cursor: pointer;

                                vertical-align: top;

    min-height: 72px;

                                line-height: 72px;

                                color: white;

                                text-decoration: none;

                }

                .list-listing a {

                                color: white;

    text-decoration: none;

                                vertical-align: middle;

                                text-align: center;

                }

                .list-listing .list-label {

                                line-height: 1.5;

                display: inline-block;

                vertical-align: middle;

                }

                .list-listing:hover {

                                background: #999999aa;

                }

                .list-listing:focus {

                                background: #999999aa;

                }

                footer {

                                width: 100%;

                                position: fixed;

                                bottom: 0px;

                                height: 50px;

                                line-height: 50px;

                                text-align: center;

                                color: white;

                                background: #555555;

                                box-shadow: 0px 2px 100px #000000;

                                z-index: 5;

                }

 

                @media screen and (max-width: 450px) {

 

                                .text-container {

                                                display: block;

                                                margin-left: -25px;

                                                padding: 0px 30px;

                                                text-align: center;

                                                width: 90vw;

                                                margin-top: 60px;

                                                text-shadow: 2px 2px 2px #00000078;

                                }

                                .text-container p {

                                                color: #ffffff;

                                                font-size: 21px;

                                                line-height: 1.5;

                                                max-width: 80vw;

                                                display: block;

                                                margin: auto;

                                }

                                .logo {

                                                font-size: 36px;

                                }

 

                }

 

                @media screen and (max-width: 385px) {

 

                .text-container {

                                display: block;

                                margin-left: -25px;

                                padding: 0px 30px;

                                text-align: left;

                                width: 90vw;

                                margin-top: 60px;

                                text-shadow: 2px 2px 2px #00000078;

                }

                .text-container p {

                                color: #ffffff;

                                font-size: 21px;

                                line-height: 1.5;

                                max-width: 80vw;

                                display: block;

                                margin-left: 0px;

                }

                .logo {

                                font-size: 30px;

                }

                .image-container img {

                                height: 100vw;

                }

                .do-not-ask {

                                padding: 20px 10px;

    text-align: center;

    margin: 50px auto;

    color: white;

    background: #ba6f00;

    font-size: 20px;

    margin-left: -30px;

    width: 100vw;

                }

 

}

 

                </style>

</head>

<body>

                <div id="background"></div>

                <div id="overlay"></div>

 

                <div class="content">

 

                                                <div class="jumbotron">

                                                                <div class="image-container">

                                                                                <img src="http://caverbob.com/images/Bob_Gulden.jpg" alt="Bob Gulden">

                                                                </div>

                                                                <div class="text-container">

                           <h1 class='logo'> NSS GEO2 USA/WORLD LONG & DEEP CAVE LISTS</H1>

                                                                                <h1 class="logo">CAVERBOB.COM  NSS13188 L,F,CM</h1>

                                                                                <p>

                                                                                                Salem, Virginia 08/15/2022

                                                                                                Member: NSS, CRF, Baltimore, DC, BRG, Pittsburgh

                                                                                                Tri-state Grottoes, Droop Mtn Cave Club,

                                                                                                Director West VA Speleological Survey.

                                                                                                <br>

                                                                                                Fellow of the NSS/CRF/TRA

                                                                                </p>

                                                                                <h2 class="do-not-ask">DO NOT ASK FOR CAVE LOCATIONS</h2>

                                                                </div>

 

                                                </div>

 

                                                <div class="list-of-lists">

 

                                                                <a class="list-listing" href="http://www.caverbob.com/state.htm">

                                                                                <div class="list-label">

                                                                                                USA LONG CAVES by STATE

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/usadeep.htm">

                                                                                <div class="list-label">

                                                                                                USA DEEP CAVE LIST

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/pitdome.htm">

                                                                                <div class="list-label">

                                                                                                USA DEEPEST PITS &amp; CLIMBED DOMES

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/usalong.htm">

                                                                                <div class="list-label">

                                                                                                USA LONG CAVE LIST

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/uwcaves.htm">

                                                                                <div class="list-label">

                                                                                                WORLD LONGEST UNDERWATER CAVES

                                                                                                <br>QRSS / Gulden

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/rooms.htm">

                                                                                <div class="list-label">

                                                                                                WORLDS BIG CAVE ROOMS

                                                                                                <br>Mike Futrell &amp; Ben Schwartz

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/room.htm">

                                                                                <div class="list-label">

                                                                                                WORLDS BIG CAVE ROOMS

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/wdeep.htm">

                                                                                <div class="list-label">

                                                                                                WORLD DEEP CAVE LIST

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/wlong.htm">

                                                                                <div class="list-label">

                                                                                                WORLD LONG CAVE LIST

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/gypcave.htm">

                                                                                <div class="list-label">

                                                                                                WORLD LONGEST GYPSUM CAVE LIST

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/piping.htm">

                                                                                <div class="list-label">

                                                                                                                WORLD LONGEST PIPING CAVE LIST

                                                                                                                <br>Medville / Gulden

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/other.htm">

                                                                                <div class="list-label">

                                                                                                                WORLD LONGEST TALUS, CONGLOMERATE &amp; OTHER TYPES of CAVE LISTS

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/lava.htm">

                                                                                                <div class="list-label">

                                                                                                                WORLD LONGEST LAVA TUBES LIST

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/seacave.htm">

                                                                                <div class="list-label">

                                                                                                                WORLD LONGEST SEA CAVES

                                                                                                                <br>Dave Bunnell / Gulden

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/pit.htm">

                                                                                <div class="list-label">

                                                                                                WORLD DEEPEST PITS LIST

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/wbc.htm">

                                                                                <div class="list-label">

                                                                                                World Long Cave List by Country

                                                                                </div>

                                                                </a>

 

                                                                <a class="list-listing" href="http://www.caverbob.com/ncs.htm">

                                                                                <div class="list-label">

                                                                                                                Number of Caves by State

                                                                                </div>

                                                                </a>

                                                                               

                                                </div>

                </div>

 

                <footer>

                                                &copy; Bob Gulden <span id="#theYear"></span>

                                                <script defer>let date = new Date();document.getElementById("#theYear").innerText = date.getFullYear();</script>

                </footer>

 

</body>

</html>