diff --git a/index.html b/index.html new file mode 100644 index 0000000..3415ea1 --- /dev/null +++ b/index.html @@ -0,0 +1,37 @@ + + + + + + Seat-X + + + + + + + + + + + + +
+

Reflex + Accomplishing goals in a better way +

+ +

Welcome to Relfex Fitness! +
+ +
+

+
+ + + + + + + + diff --git a/indexJs.js b/indexJs.js new file mode 100644 index 0000000..139ea7f --- /dev/null +++ b/indexJs.js @@ -0,0 +1,23 @@ +$(document).ready(function() { + + $('body').css('display','none'); + $(document).ready(function() { + $('body').fadeIn(1000); + $('a').on('click',function(event){ + var thetarget = this.getAttribute('target') + if (thetarget != "_blank"){ + var thehref = this.getAttribute('href') + event.preventDefault(); + $('body').fadeOut(function(){ + //alert(thehref) + window.location = thehref + }); + } + }); + }); + setTimeout(function(){ + $('body').fadeIn(); + },1000) +}); + + diff --git a/main.css b/main.css new file mode 100644 index 0000000..7fc9634 --- /dev/null +++ b/main.css @@ -0,0 +1,100 @@ +html { + margin: 0; + padding: 0; + height: 100%; + width: 100%; + position: relative; +} +title { + color: blue; +} +body { + margin: 0; + padding: 0; + position: absolute; + height: 100%; + width: 100%; + background-image: url(pics/indexbg.jpg); + background-repeat: no-repeat; + background-size: cover; +} + +div.input { + margin: 0; + position: absolute; + padding: 0; + width: 100%; + height: 500px; +} + +p.title { + margin: 0; + padding: 0; + height: 100px; + width: 70%; + text-align: center; + position: absolute; + top: 12%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); + font-family: 'Open Sans Condensed', sans-serif; + font-size: 150px; + color: papayawhip; +} +font.title { + margin: 0; + padding-top: 5px; + height: 100px; + width: 70%; + text-align: center; + position: absolute; + top: 212%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); + font-family: 'Courier New'; + font-size: 20px; + color: yellow; +} + +p.inputs { + color: dimgray; + margin: 0; + padding: 5px; + border-radius: 8px; + background-color: papayawhip; + height: 110px; + width: 100%; + text-align: center; + position: fixed; + + top: 70%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); + font-family: 'Open Sans Condensed', sans-serif; + box-shadow: 3px 3px 2px #888888; + vertical-align: middle; + line-height: 50px; + font-size: 40px; +} +button { + margin: 0; + font-family: 'Open Sans Condensed', sans-serif; + font-size: 20px; + background-color: darkblue; + color: white; + height: 35px; + width: 150px; + padding: 0 5px 0 5px; + border: none; + box-shadow: 3px 3px 2px #888888; +} +button:hover { + font-size: 19px; + -moz-box-shadow: inset 0 0 10px #000000; + -webkit-box-shadow: inset 0 0 10px #000000; + box-shadow: inset 0 0 10px #000000; + cursor: pointer; +} diff --git a/pics/indexbg.jpg b/pics/indexbg.jpg new file mode 100644 index 0000000..ef354ff Binary files /dev/null and b/pics/indexbg.jpg differ diff --git a/script.js b/script.js new file mode 100644 index 0000000..e69de29