diff --git a/views/css/style.css b/views/css/style.css index 48e9be8..66269f0 100644 --- a/views/css/style.css +++ b/views/css/style.css @@ -14,12 +14,37 @@ src: url(../fonts/opsl.ttf); } +@font-face{ + font-family: nunito; + src: url(../fonts/Nunito-Bold.ttf); +} + body { background: #FFFFFF; - max-width: 900px; margin-left: auto; margin-right: auto; font-family: os; + max-width: 900px; +} + +main { + /*padding-bottom: 200px;*/ +} + +footer { + position: absolute; + left: 0; + right: 0; + background-color: #D8D8D8; + text-align: center; + height: 200px; + font-family: osl; + font-size: 25px; + box-shadow: inset 0px 3px 10px #8A8A8A; +} + +footer a { + color: #737373; } ::placeholder { @@ -145,12 +170,72 @@ body { font-family: osl; } -.sbar p { +.sbar a { position: relative; float: left; color: #7F7F7F; font-family: osl; - font-size: 15px - margin-left: 50px; + font-size: 14px; + margin-left: 15px; + top: 15%; +} +.space { + height: 15px; +} + +.welcome img { + width: 100%; +} + +.products p { + font-family: osl; + font-size: 25px; + color: #7C7C7C; + margin-bottom: 10px; + margin-top: 10px; +} + +.product-container { + width: 160px; +} + +.product-container img { + width: 100%; +} + +.product-container p { + font-family: nunito; + color: #CA5555; + font-size: 17px; +} +.r {float: right;} +.l {float: left;} + +.links { + padding-top: 40px; +} + +.links a { + margin: 20px; +} + +.legal { + padding: 10px; +} + +.legal a{ + font-size: 19px; +} + +.link { + text-decoration: underline; +} + +.location { + float: right; + margin-right: 10%; + margin-top: 5px; + font-size: 19px; + color: #737373; } \ No newline at end of file diff --git a/views/fonts/Nunito-Bold.ttf b/views/fonts/Nunito-Bold.ttf new file mode 100644 index 0000000..b5466f7 Binary files /dev/null and b/views/fonts/Nunito-Bold.ttf differ diff --git a/views/home.ejs b/views/home.ejs index c31f3c6..a9f4a69 100644 --- a/views/home.ejs +++ b/views/home.ejs @@ -12,54 +12,101 @@ -
-
-
- - - - -
-