<!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 & 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 & 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 & 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>
© Bob Gulden <span id="#theYear"></span>
<script defer>let date = new Date();document.getElementById("#theYear").innerText = date.getFullYear();</script>
</footer>
</body>
</html>