From 7986548476e955c48e1d5afee930aed3ad51f11f Mon Sep 17 00:00:00 2001 From: Prerak Mathur Date: Sat, 2 Oct 2021 02:07:13 +0530 Subject: [PATCH 1/2] Major UI/UX Update in form --- hacktoberfest/index.html | 105 ++++++++++++++++++++++-------- hacktoberfest/styles.css | 135 +++++++++++++++++++++------------------ 2 files changed, 150 insertions(+), 90 deletions(-) diff --git a/hacktoberfest/index.html b/hacktoberfest/index.html index 22caea3..bd1f782 100644 --- a/hacktoberfest/index.html +++ b/hacktoberfest/index.html @@ -1,16 +1,18 @@ - + - - - - - - + + + - Document + + + + Abhi's Gym! +
@@ -25,29 +27,76 @@

ABHI's GYM

  • Pricing
  • Contact Us
    • -
    - - +
    + +
    -
    -

    40% off

    -

    Join the best GYM of SILIGURI

    -

    Please enter your details to get yourself registered

    -
    -
    -
    - + + + +
    +
    +
    +
    +
    + + +
    + +
    + + +
    + +
    + + +
    + + +
    + + +
    + +
    + + +
    + +
    + + +
    + + +
    + +
    -
    -
    -
    -
    + + + + + + + + - + \ No newline at end of file diff --git a/hacktoberfest/styles.css b/hacktoberfest/styles.css index 9fd5d5c..6866094 100644 --- a/hacktoberfest/styles.css +++ b/hacktoberfest/styles.css @@ -1,94 +1,105 @@ body { - font-family: 'Bitter', serif; - color: white; - margin: 0px; - padding: 0px; - background: url("images/gym.jpg") no-repeat center center / cover; + font-family: "Bitter", serif; + margin: 0px; + padding: 0px; + background: url("images/gym.jpg") no-repeat center center / cover; + background-color: rgba(0, 0, 0, 0.918) !important; } .header { - background-color: black; - height: 45px; + background-color: black; + height: 72px; +} + +.header h4{ + font-size: large; + color: white; } .left { - text-align: center; - position: absolute; - line-height: 30px; - top: 0px; - left: 10px; + text-align: center; + position: absolute; + line-height: 30px; + top: 0px; + left: 10px; } .mid { - text-align: center; - line-height: 46.5px; - display: block; - width: 40%; - margin: 0px auto; + text-align: center; + line-height: 46.5px; + display: block; + width: 40%; + margin: 0px auto; } .mid li { - display: inline-block; + display: inline-block; } .mid li a { - text-decoration: none; - color: white; - padding: 8px; + text-decoration: none; + color: white; + padding: 8px; } .active, .mid li a:hover { - text-decoration: underline; - background-color: rgb(170, 164, 164); + text-decoration: underline; + background-color: rgb(170, 164, 164); } .right { - text-align: center; - line-height: 40px; - position: absolute; - top: 0px; - right: 10px; + text-align: center; + line-height: 40px; + position: absolute; + top: 0px; + right: 10px; } + .img { - width: 40px; - height: 26px; - filter: invert(100%); + width: 50px; + height: auto; + filter: invert(100%); + margin: 10px; } .left h4 { - line-height: 0px; - margin: 0; - padding: 0px; -} -.btn{ - padding: 5px; - margin: 1px; - cursor: pointer; + line-height: 0px; + margin: 0; + padding: 0px; +} +.btn { + padding: 5px; + margin: 1px; + cursor: pointer; +} +.cont1 { + border: 2px solid black; + display: block; + width: 33%; + margin: 100px 145px; + text-align: center; + color: black; + background-color: #a2a2a473; +} + +.box { + border: 2px solid black; + display: block; + margin: 2%; + background-color: #a2a2a473; +} +.form-group { + padding: 2%; } -.cont1{ - border: 2px solid black; - display: block; - width: 33%; - margin: 100px 145px; - text-align: center; - color: black; - background-color: #a2a2a473; -} -input{ - padding:2px; - margin:3px; - width:70%; -} -.selt{ - width: 72%; -} -.Submit{ - width:72%; - color:white; - background-color: black; - cursor: pointer; - margin-bottom: 15px; + +.btn-primary { + margin-left: 50%; + margin-bottom: 5%; +} + +.form-group label { + font-weight: 700; } From 4145e52c626beeb4ec8613ca365b0ee2aa711131 Mon Sep 17 00:00:00 2001 From: Prerak Mathur Date: Sat, 2 Oct 2021 02:18:21 +0530 Subject: [PATCH 2/2] Form Updated --- hacktoberfest/index.html | 13 +++++++++++-- hacktoberfest/styles.css | 11 ++++++----- 2 files changed, 17 insertions(+), 7 deletions(-) diff --git a/hacktoberfest/index.html b/hacktoberfest/index.html index bd1f782..fc5ed88 100644 --- a/hacktoberfest/index.html +++ b/hacktoberfest/index.html @@ -6,6 +6,7 @@ + @@ -33,12 +34,20 @@

    ABHI's GYM

    - -
    +
    +
    +
    +
    +

    40% Off

    +

    Join the best GYM of SILIGURI

    +

    Please enter your details to get yourself registered

    +
    +
    +
    diff --git a/hacktoberfest/styles.css b/hacktoberfest/styles.css index 6866094..4bc6ad1 100644 --- a/hacktoberfest/styles.css +++ b/hacktoberfest/styles.css @@ -1,5 +1,7 @@ +@import url("https://fonts.googleapis.com/css2?family=Bitter:wght@700&display=swap"); + body { - font-family: "Bitter", serif; + font-family: "Bitter", serif !important; margin: 0px; padding: 0px; background: url("images/gym.jpg") no-repeat center center / cover; @@ -11,9 +13,9 @@ body { height: 72px; } -.header h4{ - font-size: large; - color: white; +.header h4 { + font-size: large; + color: white; } .left { @@ -56,7 +58,6 @@ body { right: 10px; } - .img { width: 50px; height: auto;