From 21bf167a5005413e192c766c0911de27c788bc6a Mon Sep 17 00:00:00 2001 From: Mayank Kumar Gupta Date: Sun, 16 Jan 2022 21:05:04 +0530 Subject: [PATCH 1/2] Service section added --- index.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 67 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 128 insertions(+), 2 deletions(-) diff --git a/index.css b/index.css index 8e8f00d..cda1528 100644 --- a/index.css +++ b/index.css @@ -6,7 +6,6 @@ margin: 0; padding: 0; box-sizing: border-box; - } body{ @@ -199,6 +198,68 @@ span { color: #fff; } +/* ---------------------SERVICES------------------ */ + +#services a{ + margin-top: 0px; + text-decoration: none; +} +#services>h3{ + text-align: center; +} +#service-containner{ + display: flex; + margin: 12px 56px; + padding: 8px 88px; + background-color: #f5f4f4d7; + justify-content: space-around; + flex-wrap: wrap; + box-shadow:2px 2px 8px rgb(124, 121, 121); +} +.service-box{ + background-color: rgba(252, 252, 252, 0.801); + margin: 12px 2px; + height: 260px; + width: 210px; + box-shadow: 4px 4px 10px rgb(95, 94, 94); + border-radius: 6px; + transition: .3s; +} +.service-box:hover{ + transform: translateX(-8px); +} +.shadow{ + position: absolute; + margin-top: 28px; + margin-left: 56px; + height:65px; + width:60px; + box-shadow: none; + border-radius: 50%; + opacity: .3; +} +.service-box>i{ + margin-left: 36px; + position: relative; + top: 25%; +} +.service-box>h2{ + text-decoration: none; + font-size: 18px; + color: #000000; + position: relative; + font-weight: bold; + top: 32%; + margin-left: 12px; +} +.service-box>p{ + font-size: 12px; + color:rgb(20, 20, 20); + position: relative; + top:34%; + margin-left: 12px; +} + /*------------------- Newletter------------------ */ form { diff --git a/index.html b/index.html index 944c1e0..df0fa7d 100644 --- a/index.html +++ b/index.html @@ -53,7 +53,7 @@
  • Home
  • About
    • -
  • Services
    • +
  • Services
  • Contact
    • @@ -68,6 +68,71 @@ + +
    +

    Our Serivce Area

    + +
    + + +

    WHAT OUR USERS SAY ABOUT OUR SERVICES?

    From 62847f36d7a569bb0c8634d62bd251a0bb7dcc3d Mon Sep 17 00:00:00 2001 From: Mayank Kumar Gupta Date: Mon, 17 Jan 2022 14:51:40 +0530 Subject: [PATCH 2/2] Updated service section --- index.css | 14 ++++++++------ index.html | 39 ++++++++++++--------------------------- 2 files changed, 20 insertions(+), 33 deletions(-) diff --git a/index.css b/index.css index cda1528..fc3e699 100644 --- a/index.css +++ b/index.css @@ -206,19 +206,21 @@ span { } #services>h3{ text-align: center; + margin: auto; + width:40%; + font-size: 2rem; + border-bottom: 4px solid aqua; } #service-containner{ display: flex; - margin: 12px 56px; - padding: 8px 88px; - background-color: #f5f4f4d7; + margin: 12px 48px; + padding: 8px 48px; justify-content: space-around; flex-wrap: wrap; - box-shadow:2px 2px 8px rgb(124, 121, 121); } .service-box{ background-color: rgba(252, 252, 252, 0.801); - margin: 12px 2px; + margin: 22px 42px; height: 260px; width: 210px; box-shadow: 4px 4px 10px rgb(95, 94, 94); @@ -226,7 +228,7 @@ span { transition: .3s; } .service-box:hover{ - transform: translateX(-8px); + transform: translateX(-18px); } .shadow{ position: absolute; diff --git a/index.html b/index.html index df0fa7d..9fe15cb 100644 --- a/index.html +++ b/index.html @@ -74,60 +74,45 @@

    Our Serivce Area