diff --git a/assets/images/logo-1024.png b/assets/images/logo-1024.png new file mode 100644 index 0000000..e14e353 Binary files /dev/null and b/assets/images/logo-1024.png differ diff --git a/assets/images/logo-800.png b/assets/images/logo-800.png new file mode 100644 index 0000000..08079ef Binary files /dev/null and b/assets/images/logo-800.png differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..4acf712 Binary files /dev/null and b/assets/images/logo.png differ diff --git a/assets/images/tooltip-1024.png b/assets/images/tooltip-1024.png new file mode 100644 index 0000000..6701d46 Binary files /dev/null and b/assets/images/tooltip-1024.png differ diff --git a/assets/images/tooltip-800.png b/assets/images/tooltip-800.png new file mode 100644 index 0000000..1b24d80 Binary files /dev/null and b/assets/images/tooltip-800.png differ diff --git a/assets/images/tooltip.png b/assets/images/tooltip.png new file mode 100644 index 0000000..c9a3fb7 Binary files /dev/null and b/assets/images/tooltip.png differ diff --git a/assets/style.css b/assets/style.css new file mode 100644 index 0000000..f10e026 --- /dev/null +++ b/assets/style.css @@ -0,0 +1,68 @@ +body { + background-color: #222; + color: #fff; + font-family: Helvetica; + font-size: 13px; +} + +#logo{ + position: absolute; + left: 50%; + top: 50%; + width: 500px; + height: 77px; + margin-left: -250px; + margin-top: -39px; + background: url('./images/logo.png') no-repeat; +} + +#tooltip{ + position: absolute; + left: 50%; + top: 50%; + width: 350px; + height: 112px; + margin-top: -170px; + background: url('./images/tooltip.png') no-repeat; + +} +#footer{ + position:absolute; + bottom: 0; + right: 0; + margin: 10px; +} + +@media all and (max-width: 1024px) { + #logo{ + width: 400px; + height: 62px; + margin-left: -200px; + margin-top: -31px; + background: url('./images/logo-1024.png') no-repeat; + } + + #tooltip{ + width: 300px; + height: 96px; + margin-top: -140px; + background: url('./images/tooltip-1024.png') no-repeat; + } +} + +@media all and (max-width: 600px) { + #logo{ + width: 250px; + height: 39px; + margin-left: -125px; + margin-top: -20px; + background: url('./images/logo-800.png') no-repeat; + } + + #tooltip{ + width: 200px; + height: 64px; + margin-top: -100px; + background: url('./images/tooltip-800.png') no-repeat; + } +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..87cc0b4 --- /dev/null +++ b/index.html @@ -0,0 +1,14 @@ + + + + @labCorp + + + + + +
+ + + + \ No newline at end of file