From 80e999c142204263cc215b6dc351ec9a433ae5e5 Mon Sep 17 00:00:00 2001 From: Julian Date: Sat, 5 Feb 2022 15:06:57 +0100 Subject: [PATCH] Responsive guest add --- css/style.css | 43 ++++++++++- index.html | 205 +++++++++++++++++++++++++++----------------------- js/main.js | 1 - 3 files changed, 153 insertions(+), 96 deletions(-) diff --git a/css/style.css b/css/style.css index da9cfb2..90011c7 100644 --- a/css/style.css +++ b/css/style.css @@ -1128,6 +1128,46 @@ form label { } } +.plus-button +{ + text-align: center; +} + +.plus-button .icon +{ + width: 70px; + height: 70px; + background:#F14E95; + display: table; + text-align: center; + margin: 0 auto 30px auto; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} + + + +.plus-button .icon i +{ + display: table-cell; + vertical-align: middle; + height: 70px; + font-size: 40px; + line-height: 40px; + color: #efefef; +} + +.plus-button p, .feature-center h3 { + margin-bottom: 30px; +} +.plus-button h3 { + text-transform: uppercase; + font-size: 18px; + color: #5d5d5d; +} + .feature-center { text-align: center; padding-left: 20px; @@ -1141,7 +1181,8 @@ form label { margin-bottom: 50px; } } -.feature-center .icon { +.feature-center .icon +{ width: 90px; height: 90px; background: #efefef; diff --git a/index.html b/index.html index a94d8ac..23fcdcb 100644 --- a/index.html +++ b/index.html @@ -2,8 +2,11 @@ - - + + + + + Hochzeit — 100% Free Fully Responsive HTML5 Template by FREEHTML5.co @@ -12,7 +15,7 @@ - - - - - - - + + + + + + - + - + @@ -64,88 +68,101 @@ - - - + + + +
- +
- + - - -
-
-
-
-

Nimmst du Teil?

-

Bitte gebt uns mit folgendem Formular bis zum 03.03.2022 bescheid ob ihr könnt oder nicht!

-
-
-
-
-
-
-
- - -
-
-
-
- - -
-
-
- -
-
- - - - - 1 - Estimated Guest - -
-
-
-
-
-
- + @@ -171,24 +188,24 @@ + //jQuery example + $('#simply-countdown-losange').simplyCountdown({ + year: d.getFullYear(), + month: d.getMonth() + 1, + day: d.getDate(), + enableUtc: false + }); + - - + + \ No newline at end of file diff --git a/js/main.js b/js/main.js index 021c1dc..e3b8a71 100644 --- a/js/main.js +++ b/js/main.js @@ -182,7 +182,6 @@ }; - // Loading page var loaderPage = function() { $(".fh5co-loader").fadeOut("slow");