diff options
| -rw-r--r-- | Ads.txt | 0 | ||||
| -rw-r--r-- | about.html | 53 | ||||
| -rw-r--r-- | faq.html | 46 | ||||
| -rw-r--r-- | index.html | 49 | ||||
| -rw-r--r-- | main.css | 65 |
5 files changed, 213 insertions, 0 deletions
diff --git a/about.html b/about.html new file mode 100644 index 0000000..d0b0732 --- /dev/null +++ b/about.html @@ -0,0 +1,53 @@ +<html> +<head> +<title>U-N-F-O-R-T-U-N-A-T-E-L-Y</title> +<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> +<meta name="description" content="How to spell unfortunately." /> +<meta name="keywords" content="unfortunately, spelling, definetly, definently, definately, defiantly, definatly, definantly" /> +<link rel="shortcut icon" href="favicon.ico"> +<link rel="stylesheet" href="main.css"> +</head> +<body> +<h1>U-N-F-O-R-T-U-N-A-T-E-L-Y</h1> +<div id="navb1"> + <ul> +<li><a href="index.html">home</a></li> + <li><a href="faq.html">faq</a></li> + <li><a class="navb1_sel">about</a></li> + </ul> +</div> + +<h2>about</h2> + +<!-- Here starts the page data --> + +<p><em class="correct">unfortunately</em> is a very hard word for some people to spell. +Including me!</p> +<p>If you need help with it, perhaps try to remember that it has the word 'fortunate' in the middle.</p> +<!-- Here ends the page data --> + +<small> + <p>This site is a clone of <a href="https://d-e-f-i-n-i-t-e-l-y.com/">https://d-e-f-i-n-i-t-e-l-y.com/</a></p> + <p>Eventually I will redesign and modernize it. :p</p> +</small> + +<div class="footer clear"> +<div style="float: left;"> +<fb:like href="http://www.U-N-F-O-R-T-U-N-A-T-E-L-Y.com/" send="true" width="200" show_faces="false"></fb:like> +</div> +Copyright © 2007-2011 www.U-N-F-O-R-T-U-N-A-T-E-L-Y.com | + +<a href="mailto:webmaster@u-n-f-o-r-t-u-n-a-t-e-l-y.com" title="E-Mail the Webmaster">webmaster@u-n-f-o-r-t-u-n-a-t-e-l-y.com</a> + + +<div style="float: right; padding: 0px; text-align: right; width: 200px;"> +<!-- <a href="http://www.cafepress.com/unfortunatelyshop" rel="nofollow">buy the mug</a> --> +</div> +</div> + +<br /> +<script defer data-domain="u-n-f-o-r-t-u-n-a-t-e-l-y.com" src="https://plausible.io/js/script.js"></script> + +</body> +</html> + diff --git a/faq.html b/faq.html new file mode 100644 index 0000000..8245439 --- /dev/null +++ b/faq.html @@ -0,0 +1,46 @@ +<html> +<head> +<title>U-N-F-O-R-T-U-N-A-T-E-L-Y</title> +<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> +<meta name="description" content="How to spell unfortunately." /> +<meta name="keywords" content="unfortunately, spelling, definetly, definently, definately, defiantly, definatly, definantly" /> +<link rel="shortcut icon" href="favicon.ico"> +<link rel="stylesheet" href="main.css"> +</head> +<body> +<h1>U-N-F-O-R-T-U-N-A-T-E-L-Y</h1> +<div id="navb1"> + <ul> +<li><a href="index.html">home</a></li> + <li><a class="navb1_sel">faq</a></li> + <li><a href="about.html">about</a></li> + </ul> +</div> + +<h2>faq</h2> + +<!-- Here starts the page data --> + +<p class="question">Are you sure?</p> +<p class="answer">Unfortunately</p> + +<!-- Here ends the page data --> + + +<div class="footer clear"> +<div style="float: left;"> +Copyright © 2023 www.U-N-F-O-R-T-U-N-A-T-E-L-Y.com | +<a href="mailto:webmaster@u-n-f-o-r-t-u-n-a-t-e-l-y.com" title="E-Mail the Webmaster">webmaster@u-n-f-o-r-t-u-n-a-t-e-l-y.com</a> + + +<div style="float: right; padding: 0px; text-align: right; width: 200px;"> +<!-- <a href="http://www.cafepress.com/unfortunatelyshop" rel="nofollow">buy the mug</a> --> +</div> +</div> +<br /> +<script defer data-domain="u-n-f-o-r-t-u-n-a-t-e-l-y.com" src="https://plausible.io/js/script.js"></script> + + +</body> +</html> + diff --git a/index.html b/index.html new file mode 100644 index 0000000..fd5cba2 --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ +<html> +<head> +<title>u-n-f-o-r-t-u-n-a-t-e-l-y</title> +<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> +<meta name="description" content="How to spell unfortunately." /> +<meta name="keywords" content="unfortunately, spelling, definetly, definently, definately, defiantly, definatly, definantly" /> +<link rel="shortcut icon" href="favicon.ico"> +<link rel="stylesheet" href="main.css"> +</head> +<body> +<h1>U-N-F-O-R-T-U-N-A-T-E-L-Y</h1> +<!-- Here starts the page data --> + +<p>The correct spelling is <em class="correct">unfortunately</em>.</p> +<p>Not <em class="incorrect">unfortunatly</em>.</p> +<p>Not <em class="incorrect">unfortunetly</em>.</p> +<p>Not <em class="incorrect">unfortunatley</em>.</p> +<p>Not <em class="incorrect">unfortunatelly</em>.</p> +<p>The correct spelling is <em class="correct">unfortunately</em>.</p> + +<div id="navb1"> + <ul> +<li><a href="index.html">home</a></li> + <li><a href="faq.html">faq</a></li> + <li><a href="about.html">about</a></li> + </ul> +</div> + + +<div class="footer clear"> +Copyright © 2023 www.u-n-f-o-r-t-u-n-a-t-e-l-y.com | + + +<a href="mailto:webmaster@u-n-f-o-r-t-u-n-a-t-e-l-y.com" title="E-Mail the Webmaster">webmaster@u-n-f-o-r-t-u-n-a-t-e-l-y.com</a> + + +<div style="float: right; padding: 0px; text-align: right; width: 200px;"> +<!-- <a href="http://www.cafepress.com/unfortunatelyshop" rel="nofollow">buy the mug</a> --> +</div> +</div> +<br /> + +<script defer data-domain="u-n-f-o-r-t-u-n-a-t-e-l-y.com" src="https://plausible.io/js/script.js"></script> +<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9660763309091969" + crossorigin="anonymous"></script> + +</body> +</html> + diff --git a/main.css b/main.css new file mode 100644 index 0000000..85d2ab4 --- /dev/null +++ b/main.css @@ -0,0 +1,65 @@ +body{ background: #fcfcfc; color: #111; margin: 8px auto; padding: 0px 16px; font: 120% tahoma, verdana, arial, sans-serif;} +p{line-height: 1.5em;} +h1 {border-bottom: solid 1px;} +.footer, h1, h2{text-align:center;} +em{font-style: normal; font-weight: bold;} +h1, em, h2 {letter-spacing: 0.25em;} +h1, h2{margin:0px;} +h2{margin-bottom:16px;} +.incorrect {background-color: #ffdfdf;} +.correct {background-color: #dfffdf;} +.example {background-color: #ffffdf;font-size: 60%;} +.footer {width: 100%; padding: 8px 0px 0px 0px; font-size: 80%;} +.footer, h1, em, h2 {background-color: #ffffdf;} +.question {background-color: #ffffdf;} +.answer {background-color: #dfffdf;} + +div.shame { background-color: #ffffdf; font-size: 80%; border: 1px solid black; margin-bottom: 16px; padding: 0px 16px; } +.ohdear { font-style: italic; } + +#navb1 +{ + padding: 1px; + float: left; + width: 100%; + margin: 6px 0px 0px 0px; + font-size: 1.0em; + font-weight: bold; +} + +#navb1 ul +{ + padding: 0px; + margin: 0px; + text-align:center; + border-bottom: 1px solid black; +} + +#navb1 li +{ + display: inline; +} + +#navb1 li a +{ + margin: 0px 0px; + padding: 0px 5px; + text-decoration: none; + border: 1px solid #000; + color: black; +} + +#navb1 li a:hover +{ + border: 1px solid #808080; + border-bottom: 1px solid #ffffdf; + color: #808080; +} + +#navb1 li a.navb1_sel +{ + border-bottom: 1px solid #ffffdf; + background-color: #ffffdf; +} + +.clear {clear: both;} |