You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
1.8 KiB
HTML
83 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="icon" type="image/x-icon" href="../images/favicon.ico">
|
|
<title>Contact Information</title>
|
|
<style type="text/css">
|
|
@import url(css/elknernet.css);
|
|
</style>
|
|
<script src="js/quotes.js"></script>
|
|
<script>
|
|
function showQuote() {
|
|
let qnum = Math.floor(Math.random() * quotes.length);
|
|
let quoteElem = document.getElementById("quote");
|
|
let quoteAuthor = document.getElementById("qauthor");
|
|
quoteElem.innerHTML = quotes[qnum].quote;
|
|
quoteAuthor.innerHTML = quotes[qnum].author;
|
|
}
|
|
function init() {
|
|
showQuote();
|
|
}
|
|
window.onload = init;
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<blockquote>
|
|
<p id="quote"><!-- insert quote here --></p>
|
|
<p id="qauthor">-- <!-- insert author here --></p>
|
|
</blockquote>
|
|
|
|
<h1>Contact Information</h1>
|
|
|
|
<div class="split">
|
|
<div class="left">
|
|
<h2>Email:</h2>
|
|
<p>
|
|
<a href="mailto:jeff@elkner.net">jeff@elkner.net</a><br>
|
|
<a href="mailto:jeff.elkner@novawebdevelopment.org">jeff.elkner@novawebdevelopment.org</a>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="right">
|
|
<h2>Address:</h2>
|
|
<address>
|
|
5041 7th Road South, #T1<br>
|
|
Arlington, VA 22204-2522
|
|
</address>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="split">
|
|
<div class="left">
|
|
<h2>Phone:</h2>
|
|
<ul>
|
|
<li>703-998-3934 (home)</li>
|
|
|
|
<li>240-406-2906 (mobile <i>Note:</i> For text messages only! I don't answer
|
|
this phone.)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="right">
|
|
<h2>Other:</h2>
|
|
<ul>
|
|
<li>By appointment in my
|
|
<a href="https://ca.meet.coop/b/jef-a1f-1y7-7zr">virtual classroom</a> at
|
|
<a href="https://www.meet.coop/">Meet.coop</a>.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>Copyright © 2024 Jeffrey Elkner</p>
|
|
<a href="http://validator.w3.org/check/referer">
|
|
<strong> HTML </strong> Valid! </a>
|
|
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">
|
|
<strong> CSS </strong> Valid! </a>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|