<html>
<head>
<title>Sliding Menus Tutorial for Highest Mountains of Each Continent via RJM Programming ... thanks to https://css-tricks.com/basics-css-blend-modes/</title>
<link href='//www.rjmprogramming.com.au/PHP/emboss_h1.css' rel='stylesheet' type='text/css'>
<style>
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:900);
body {
background-color: #cdcdcd;
color: red;
text-align:center;
height: 600px;
padding: 0;
}
header {
padding: 120px 50px 170px;
background: url(http://www.rjmprogramming.com.au/thewest/images/DSC_0208.png);
background-size: cover;
}
header h1 {
position: absolute;
top:0px;
left:0px;
z-index: -6;
font-family: 'Alegreya Sans SC', sans-serif;
font-size: 40px;
color: red;
mix-blend-mode: screen;
padding: 0;
margin: 0;
line-height: 0.5;
}
.background {
padding-top: 120px;
background: url('http://www.rjmprogramming.com.au/thewest/images/DSC_0208.png') no-repeat;
background-position:center;
background-size:100% 600px;
}
div {
margin-bottom: 15px;
}
ul.ulmenu {
display: none;
list-style-type: none;
margin-top: 10px;
}
h1 {
margin-top: -110px;
filter:alpha(opacity=100) !important;
opacity: 1.0 !important;
}
a {
color: white;
}
a.ulmenulink {
font-size: 18px;
font-weight: bold;
color: orange;
}
</style>
</head>
<body title="Mt Everest (8848 m) is Highest Mountain in the World ... but this is Blue Mountains in NSW, Australia" onload="document.getElementById('myheading').innerHTML='';">
<div class="background">
<h1 id="myheading" title="Highest mountains on Earth information thanks to Wikipedia">Highest Mountains of Each Continent on Earth</h1>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa');" class="ulmenulink" onmouseover="document.getElementById('ulmenu1').style.display='block';" title="Highest African mountains information thanks to Wikipedia">Africa</a>
<ul class="ulmenu" id="ulmenu1">
<li><a target="_blank" href="http://en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa" title="Africa Highest Mountain 1">Kibo (5895 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa" title="Africa Highest Mountain 2">Mount Kenya (5199 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa" title="Africa Highest Mountain 3">Mawenzi (5148 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/List_of_mountains#Antarctica');" class="ulmenulink" onmouseover="document.getElementById('ulmenu2').style.display='block';" title="Highest Antarctican mountains information thanks to Wikipedia">Antarctica</a>
<ul class="ulmenu" id="ulmenu2">
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Antarctica" title="Antarctica Highest Mountain 1">Vinson Massif (4897 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Antarctica" title="Antarctica Highest Mountain 2">Mount Tyree (4852 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Antarctica" title="Antarctica Highest Mountain 3">Mount Kirkpatrick (4528 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/List_of_mountains#Eight-thousanders');" class="ulmenulink" onmouseover="document.getElementById('ulmenu3').style.display='block';" title="Highest Asian (and World) mountains information thanks to Wikipedia">Asia</a>
<ul class="ulmenu" id="ulmenu3">
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Eight-thousanders" title="Asia and World Highest Mountain 1">Everest (8848 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Eight-thousanders" title="Asia and World Highest Mountain 2">K2 (8611 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Eight-thousanders" title="Asia and World Highest Mountain 3">Kangchenjunga (8586 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/List_of_mountains#Australia');" class="ulmenulink" onmouseover="document.getElementById('ulmenu4').style.display='block';" title="Highest Australian mountains information thanks to Wikipedia">Australia</a>
<ul class="ulmenu" id="ulmenu4">
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Australia" title="Australia Highest Mountain 1">Mawson Peak (2745 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Australia" title="Australia Highest Mountain 2">Mount Kosciuszko (2228 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Australia" title="Australia Highest Mountain 3">Mount Bogong (1986 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/Alps#.22Four-thousanders.22_and_ascents');" class="ulmenulink" onmouseover="document.getElementById('ulmenu5').style.display='block';" title="Highest European mountains information thanks to Wikipedia">Europe</a>
<ul class="ulmenu" id="ulmenu5">
<li><a target="_blank" href="http://en.wikipedia.org/wiki/Alps#.22Four-thousanders.22_and_ascents" title="Europe Highest Mountain 1">Mont Blanc (4810 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/Alps#.22Four-thousanders.22_and_ascents" title="Europe Highest Mountain 2">Monte Rosa (4634 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/Alps#.22Four-thousanders.22_and_ascents" title="Europe Highest Mountain 3">Dom (4545 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/List_of_mountains#North_America');" class="ulmenulink" onmouseover="document.getElementById('ulmenu6').style.display='block';" title="Highest North American mountains information thanks to Wikipedia">North America</a>
<ul class="ulmenu" id="ulmenu6">
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#North_America" title="North America Highest Mountain 1">Mount Logan (5959 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#North_America" title="North America Highest Mountain 2">Mount Saint Elias (5489 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#North_America" title="North America Highest Mountain 3">Mount Lucania (5226 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/List_of_mountains#Southern_Andes');" class="ulmenulink" onmouseover="document.getElementById('ulmenu7').style.display='block';" title="Highest South American mountains information thanks to Wikipedia">South America</a>
<ul class="ulmenu" id="ulmenu7">
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Southern_Andes" title="South America Highest Mountain 1">Aconcagua (6962 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Southern_Andes" title="South America Highest Mountain 2">Ojos del Salado (6891 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Southern_Andes" title="South America Highest Mountain 3">Monte Pissis (6793 m)</a></li>
</ul>
</div>
</div>
<header>
<h1>Highest Mountains of Each Continent on Earth</h1>
</header>
</body>
</html>