diff --git a/src/assets/css/main.css b/src/assets/css/main.css index a9aabbe..0789e2f 100755 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -4894,6 +4894,28 @@ p { position: relative; } +.service-item{ + background: transparent; + border-radius: 6px; + padding: 30px 10px; +} + +.service-item .icon { + display: inline-block; + text-align: center; + + border-radius: 20px; + height: 90px; + line-height: 70px; + margin-bottom: 10px; + position: relative; + width: 90px; +} + +.service-item h4 { + font-size: 20px; +} + .tags a { display: inline-block; height: 34px; diff --git a/src/assets/images/icon/assign-chores.png b/src/assets/images/icon/assign-chores.png new file mode 100644 index 0000000..37a24d2 Binary files /dev/null and b/src/assets/images/icon/assign-chores.png differ diff --git a/src/assets/images/icon/family-connect.png b/src/assets/images/icon/family-connect.png new file mode 100644 index 0000000..778b2c7 Binary files /dev/null and b/src/assets/images/icon/family-connect.png differ diff --git a/src/assets/images/icon/financial-education.png b/src/assets/images/icon/financial-education.png new file mode 100644 index 0000000..d684e28 Binary files /dev/null and b/src/assets/images/icon/financial-education.png differ diff --git a/src/assets/images/icon/reward-old.png b/src/assets/images/icon/reward-old.png new file mode 100644 index 0000000..04b202b Binary files /dev/null and b/src/assets/images/icon/reward-old.png differ diff --git a/src/assets/images/icon/reward.png b/src/assets/images/icon/reward.png index c26e1dc..dfc3cbb 100644 Binary files a/src/assets/images/icon/reward.png and b/src/assets/images/icon/reward.png differ diff --git a/src/components/Blog/Blog.js b/src/components/Blog/Blog.js index c276172..3389809 100644 --- a/src/components/Blog/Blog.js +++ b/src/components/Blog/Blog.js @@ -19,12 +19,12 @@ function Blog({ blogItem, imgUrl, loader }) { const headerLoaderStyles = { "--text-container-width": "300px", - "--text-container-height": "34px", + "--text-container-height": "18px", }; const bodyTextLoaderStyles = { "--text-container-width": "770px", - "--text-container-height": "150px", + "--text-container-height": "15px", }; return ( diff --git a/src/components/HomeOne/ServicesHomeOne.js b/src/components/HomeOne/ServicesHomeOne.js index a9fdba0..ecb3859 100644 --- a/src/components/HomeOne/ServicesHomeOne.js +++ b/src/components/HomeOne/ServicesHomeOne.js @@ -1,13 +1,13 @@ -import React from "react"; -import IconOne from "../../assets/images/icon/account_login.png"; -import IconTwo from "../../assets/images/icon/task.png"; -import IconThree from "../../assets/images/icon/target.png"; -import IconFour from "../../assets/images/icon/reward.png"; +import React from 'react'; +import IconOne from '../../assets/images/icon/reward.png'; +import IconTwo from '../../assets/images/icon/assign-chores.png'; +import IconThree from '../../assets/images/icon/financial-education.png'; +import IconFour from '../../assets/images/icon/family-connect.png'; function ServiceItem({ icon, title, description, index }) { return (