index.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html>
  2. <html lang="en"><head>
  3. <meta charset="utf-8">
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta name="description" content="Madame Du Jour">
  7. <meta name="keywords" content="Madame Du Jour">
  8. <link rel="icon" href="favicon.ico">
  9. <link href="../menu/bootstrap.min.css" rel="stylesheet">
  10. <link href="../menu/bootstrap-theme.min.css" rel="stylesheet">
  11. <link href="../menu/ie10-viewport-bug-workaround.css" rel="stylesheet">
  12. <title>Madame Du Jour</title>
  13. <link href="../menu/style.css" rel="stylesheet">
  14. </head>
  15. <body>
  16. <div class="container theme-showcase" role="main">
  17. <img class="img-responsive" src="../menu/images/banner.jpg" alt="header">
  18. <!-- navigation -->
  19. <nav class="navbar navbar-inverse navbar-static-top">
  20. <div class="container">
  21. <div class="navbar-header">
  22. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  23. <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div>
  24. <div id="navbar" class="navbar-collapse collapse">
  25. <ul class="nav navbar-nav navbar-right">
  26. <li><a href="/">Home</a></li>
  27. <li><a href="/about">About the Author</a></li>
  28. <li><a href="/events">Events</a></li>
  29. <li><a href="/contact">Contact</a></li>
  30. </ul>
  31. </div></div></nav>
  32. <!--end navigation -->
  33. <!-- main body -->
  34. <div class="content">
  35. <h1>About The Author</h1>
  36. <img class="fluid2" src="../menu/images/handrose.jpg" alt="rose">
  37. <p class="main">I have lived most of my life in Southwestern Ontario. From a young age, I was intrigued by what I saw in the media about alternative lifestyles.</p>
  38. <p class="main">After discovering my local community, I quickly got involved. At the first play party I attended, eating a sandwich while watching play scenes unfold in front of me, an overwhelming sense of ‘this is my normal’ stuck me. Since then, I’ve learned lots, experienced many things, and came to understand the part of myself that is wonderfully kinky. I identify strictly left of the slash.</p>
  39. <p class="main">Another thing I knew about myself at an early age, but didn’t have the language for, is that I am polyamorous. </p>
  40. <p class="main">In my spare time, I enjoy nature, photography and art. Cats will always be a part of my life.</p>
  41. <br><br>
  42. </div>
  43. <!-- end main body -->
  44. <!-- footer -->
  45. <div class="footer"><p class="footer">&copy; Madame Du Jour 2025-<span class="currentYear"></span>.</p></div>
  46. </div>
  47. <!-- Get/set current year dynamically -->
  48. <script type="text/javascript" src="../menu/CustomJS/Utilities.js"></script>
  49. <script> setCurrentYear(); </script>
  50. <!-- end footer -->
  51. <!-- Bootstrap -->
  52. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  53. <script>window.jQuery || document.write('<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"><\/script>')</script>
  54. <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  55. <script src="//maxcdn.bootstrapcdn.com/js/ie10-viewport-bug-workaround.js"></script>
  56. <!-- Google tag (gtag.js) -->
  57. <script async src="https://www.googletagmanager.com/gtag/js?id=G-8NRXV3YJY3"></script>
  58. <script>
  59. window.dataLayer = window.dataLayer || [];
  60. function gtag(){dataLayer.push(arguments);}
  61. gtag('js', new Date());
  62. gtag('config', 'G-8NRXV3YJY3');
  63. </script>
  64. </body></html>