Macair

From: nael Date: Tue, 30 Apr 2019 14:50:32 +0000 (+0200) Subject: WIP #2652 @2:30 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=5e55134e57fb40c2f0864876f572a1a7ab67d1a2;p=macair.git WIP #2652 @2:30 --- diff --git a/BarlowSemiCondensed-Medium.woff b/BarlowSemiCondensed-Medium.woff new file mode 100644 index 0000000..53e13b0 Binary files /dev/null and b/BarlowSemiCondensed-Medium.woff differ diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..e40745c --- /dev/null +++ b/css/style.css @@ -0,0 +1,72 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; } + +@font-face { + font-family: "Barlow"; + src: url("../BarlowSemiCondensed-Medium.woff") format("woff"); } +body { + font-family: Barlow, sans-serif; } + +.form { + display: inherit; } + +.container { + background-image: url("../img/background.png"); + background-size: cover; + background-repeat: no-repeat; + width: 100vw; + height: 100vh; + background-position: center; + display: flex; + align-items: center; + flex-direction: column; } + +.img { + margin: 10vh 0; } + +.mail { + width: 384px; + height: 60px; + background: white; + border: none; + font-size: 20px; + color: black; + padding: 0 24px; } + .mail-btn { + width: 384px; + height: 60px; + background: #2FA07B; + border: none; + font-size: 20px; + color: white; + cursor: pointer; } + +input::placeholder { + color: black; } + +@media (max-width: 900px) { + .form { + display: block; } + + .mail-btn { + display: block; + width: 300px; + max-width: 300px; + min-width: 200px; + margin: 0 20px; } + + .mail { + width: 300px; + max-width: 300px; + min-width: 200px; + margin: 0 20px; } + + .img { + max-width: 250px; } + + input::placeholder { + text-align: center; } } + +/*# sourceMappingURL=style.css.map */ diff --git a/css/style.sass b/css/style.sass new file mode 100644 index 0000000..0e95436 --- /dev/null +++ b/css/style.sass @@ -0,0 +1,66 @@ +$green : #2FA07B +* + padding: 0 + margin: 0 + box-sizing: border-box +@font-face + font-family: "Barlow" + src: url("../BarlowSemiCondensed-Medium.woff") format("woff") +body + font-family: Barlow, sans-serif +.form + display: inherit + +.container + background-image: url("../img/background.png") + background-size: cover + background-repeat: no-repeat + width: 100vw + height: 100vh + background-position: center + display: flex + align-items: center + flex-direction: column + +.img + margin: 10vh 0 +.mail + width: 384px + height: 60px + background: white + border: none + font-size: 20px + color: black + padding: 0 24px + &-btn + width: 384px + height: 60px + background: $green + border: none + font-size: 20px + color: white + cursor: pointer +input::placeholder + color: black +@media (max-width: 900px) + .form + display: block + .mail-btn + display: block + width: 300px + max-width: 300px + min-width: 200px + margin: 0 20px + .mail + width: 300px + max-width: 300px + min-width: 200px + margin: 0 20px + + .img + max-width: 250px + //min-width: 80px + + input::placeholder + text-align: center + diff --git a/img/background.png b/img/background.png new file mode 100644 index 0000000..0427293 Binary files /dev/null and b/img/background.png differ diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 0000000..231b84c Binary files /dev/null and b/img/logo.png differ diff --git a/index.php b/index.php new file mode 100644 index 0000000..e72abe6 --- /dev/null +++ b/index.php @@ -0,0 +1,31 @@ + + + + + + + + + Macair + + +

+ + + +

+ +