index.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <html>
  2. <head>
  3. <title>Scripture On Shirts</title>
  4. <link rel="icon" type="image/jpg" href="images/scriptureonshirts_icon.jpg" />
  5. <link rel="stylesheet" media="all" type="text/css" href="style.css" />
  6. <meta property="og:title" content="Scripture On Shirts" />
  7. <meta property="og:description" content="" />
  8. <meta name="description" content="" />
  9. <meta property="og:image" content="images/scriptureonshirts_icon.jpg" />
  10. <meta name="viewport" content="width=device-width, initial-scale=1" />
  11. <link href="https://fonts.googleapis.com/css?family=Lemonada|Open+Sans|Oswald" rel="stylesheet">
  12. </head>
  13. <body>
  14. <div id="body-main">
  15. <div id="topbar">
  16. <div id="topbar-info" class="float-right">phone: <a href="tel:6087803168">(608) 780-3168</a> | email: <a href="mailto:scriptureonshirts@yahoo.com">scriptureonshirts@yahoo.com</a></div>
  17. </div>
  18. <div id="main-banner"><div id="centered-banner">
  19. <div id="shirt-logo"><img src="./images/shirt_logo1.png" /></div>
  20. <div id="banner-text">
  21. <h1>Scripture On<br />Shirts</h1><h2>Let us proclaim God's word</h2>
  22. </div></div>
  23. </div>
  24. <div id="section-1">
  25. <h1>Thank you for visiting Scripture On Shirts!</h1>
  26. <p>Scripture on Shirts is a non-profit organization with the mission to bring people to the Lord our Savior through His word in scripture.</p>
  27. <div id="order-instructions">
  28. <p>T-shirts come in all colors shown. Sizes Small to XXL</p>
  29. <p>Scripture will be on front or back</p>
  30. <p>$12 + shipping</p>
  31. </div>
  32. <p>If anyone has a design to share or submit for our use, please send to <a href="mailto:scriptureonshirts@yahoo.com">scriptureonshirts@yahoo.com</a></p>
  33. </div>
  34. <div id="section-2">
  35. <div id="shirt-row-1"><div class="shirt-row"><img id="shirt_1" src="./images/shirts/shirt_1_s.png" data-zoom-image="./images/shirts/shirt_1_s.png" /><img id="shirt_2" src="./images/shirts/shirt_2_s.png" data-zoom-image="./images/shirts/shirt_2_s.png" /><img id="shirt_3" src="./images/shirts/shirt_3_s.png" data-zoom-image="./images/shirts/shirt_3_s.png" /><img id="shirt_4" src="./images/shirts/shirt_4_s.png" data-zoom-image="./images/shirts/shirt_4_s.png" /></div></div>
  36. <div id="shirt-row-2"><div class="shirt-row"><img id="shirt_5" src="./images/shirts/shirt_5_s.png" data-zoom-image="./images/shirts/shirt_5_s.png" /><img id="shirt_6" src="./images/shirts/shirt_6_s.png" data-zoom-image="./images/shirts/shirt_6_s.png" /><img id="shirt_7" src="./images/shirts/shirt_7_s.png" data-zoom-image="./images/shirts/shirt_7_s.png" /><img id="shirt_8" src="./images/shirts/shirt_8_s.png" data-zoom-image="./images/shirts/shirt_8_s.png" /></div></div>
  37. <div id="shirt-row-3"><div class="shirt-row"><img id="shirt_9" src="./images/shirts/shirt_9_s.png" data-zoom-image="./images/shirts/shirt_9_s.png" /><img id="shirt_10" src="./images/shirts/shirt_10_s.png" data-zoom-image="./images/shirts/shirt_10_s.png" /><img id="shirt_11" src="./images/shirts/shirt_11_s.png" data-zoom-image="./images/shirts/shirt_11_s.png" /><img id="shirt_12" src="./images/shirts/shirt_12_s.png" data-zoom-image="./images/shirts/shirt_12_s.png" /></div></div>
  38. </div>
  39. <div id="section-3">
  40. <div id="booth-picture"><img src="./images/booth2.png" /></div><div id="contact-info">
  41. <p>Friendship, WI<br />
  42. Largo, FL</p>
  43. <p>email: <a href="mailto:scriptureonshirts@yahoo.com">scriptureonshirts@yahoo.com</a><br />
  44. phone: <a href="tel:6087803168">(608) 780-3168</a></p>
  45. <p>facebook: <a href="https://www.facebook.com/scriptureonshirts.sawa" target="_blank"><img src="images/fb-icon.png" /></a></p>
  46. </div>
  47. </div>
  48. </div>
  49. <div id="footer">
  50. <p>For everyone who calls upon the name of the Lord will be saved. Romans 10:13</p>
  51. </div>
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
  53. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
  54. <script src="http://www.elevateweb.co.uk/wp-content/themes/radial/jquery.elevatezoom.min.js" type="text/javascript"></script>
  55. <script type="text/javascript">
  56. if (window.innerWidth > 767) {
  57. $("#shirt_1").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 2});
  58. $("#shirt_2").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 2});
  59. $("#shirt_3").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 10});
  60. $("#shirt_4").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 10});
  61. $("#shirt_5").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 2});
  62. $("#shirt_6").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 2});
  63. $("#shirt_7").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 10});
  64. $("#shirt_8").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 10});
  65. $("#shirt_9").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 2});
  66. $("#shirt_10").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 2});
  67. $("#shirt_11").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 10});
  68. $("#shirt_12").elevateZoom({zoomWindowHeight: 400, zoomWindowWidth:400, zoomWindowPosition: 10});
  69. } else {
  70. console.warn("image preview hover disabled");
  71. }
  72. </script>
  73. <script>
  74. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  75. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  76. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  77. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  78. ga('create', 'UA-83226729-4', 'auto');
  79. ga('send', 'pageview');
  80. </script>
  81. </body>
  82. </html>