From 43f858243f8c7c9c27c3182d3939cb3d98098c7c Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Fri, 17 May 2024 18:46:29 +0100 Subject: [PATCH 1/2] added new section --- src/assets/css/default.css | 85 ++++++++++++++++++++- src/assets/css/main.css | 24 ++++-- src/components/HomeOne/ServicesHomeOne.js | 26 +------ src/components/lnd/LndParts/Design/Main.js | 15 ++-- src/components/lnd/LndParts/Design/Right.js | 46 +++++++++++ 5 files changed, 153 insertions(+), 43 deletions(-) create mode 100644 src/components/lnd/LndParts/Design/Right.js diff --git a/src/assets/css/default.css b/src/assets/css/default.css index 4e0bf73..a3a991e 100644 --- a/src/assets/css/default.css +++ b/src/assets/css/default.css @@ -1,12 +1,79 @@ -/* Deafult Margin & Padding */ -/*-- Margin Top --*/ +.height-50 { + height: 50px; +} +.height-100 { + height: 100px; +} +.height-150 { + height: 150px; +} +.height-200 { + height: 200px; +} + +.italic { + font-style: italic; +} + a { - text-decoration: none; + text-decoration: none; background-color: transparent; } .expire{ color:red; } + +.border-normal { + border: 2px solid black +} +.border-thin{ + border: 4px solid black +} +.border-r-5 { + border-radius: 5px; +} +.border-r-10 { + border-radius: 10px; +} + +/* Default Width sizes */ +/*-- Width Sizes --*/ +.custom-w-80 { + width: 80%; +} +.custom-w-90 { + width: 90%; +} + +/* Default Font sizes */ +/*-- Font Sizes --*/ +.font-10 { + font-size: 10px; +} +.font-16 { + font-size: 16px; +} +.font-20 { + font-size: 20px; +} +.font-25 { + font-size: 25px; +} +.font-30 { + font-size: 30px; +} +.font-35 { + font-size: 35px; +} +.font-40 { + font-size: 40px; +} +.font-45 { + font-size: 45px; +} + +/* Deafult Margin & Padding */ +/*-- Margin Top --*/ .mt-5 { margin-top: 5px; } @@ -902,6 +969,18 @@ a { .black { color: #222; } +.color-blue { + color: #2b70fa; +} +.color-purple { + color: purple; +} +.bg-purple { + color: purple; +} +.border-purple { + border-color: purple; +} /* black overlay */ [data-overlay] { diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 66481b0..9df0005 100755 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -172,6 +172,11 @@ p { border-color: #2b70fa; color: #fff; } +.btn-get-started:hover { + color: purple; + opacity: .9; + transition: all .3s; +} .appie-section-title { padding-bottom: 25px; @@ -3170,13 +3175,19 @@ p { } } -.appie-traffic-service { +.appie-traffic-service, .appie-traffic-service-two { position: relative; +} +.appie-traffic-service { padding-left: 40px; padding-right: 70px; } +.appie-traffic-service-two { + padding-left: 40px; +} + @media only screen and (min-width: 992px) and (max-width: 1200px) { - .appie-traffic-service { + .appie-traffic-service, .appie-traffic-service-two { padding-right: 0; } } @@ -3192,12 +3203,11 @@ p { padding-right: 0px; } } -.appie-traffic-service .icon { +.appie-traffic-service .icon, .appie-traffic-service-two .icon { position: absolute; left: 0; - top: 5px; } -.appie-traffic-service .icon i { +.appie-traffic-service .icon i, .appie-traffic-service-two .icon i { height: 26px; width: 26px; text-align: center; @@ -3208,13 +3218,13 @@ p { font-size: 14px; box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3); } -.appie-traffic-service .title { +.appie-traffic-service .title, .appie-traffic-service-two title { font-size: 24px; font-weight: 700; padding-bottom: 7px; text-shadow: 3px 4px 10px rgba(0,0,0,0.3); } -.appie-traffic-service p { +.appie-traffic-service p, .appie-traffic-service-two p { font-size: 17px; margin-top: 10px; /*margin-bottom: 2px;*/ diff --git a/src/components/HomeOne/ServicesHomeOne.js b/src/components/HomeOne/ServicesHomeOne.js index 8f37376..39d77da 100644 --- a/src/components/HomeOne/ServicesHomeOne.js +++ b/src/components/HomeOne/ServicesHomeOne.js @@ -28,31 +28,7 @@ function ServicesHomeOne({ className }) {
- {/*
-
-
-
-

- Set Chores, Set Goals and
Rewards Accomplishments -

-
-
-
-
- {serviceItems.map(({ icon, title, description }, index) => ( -
- -
- ))} -
-
*/} - + >
); diff --git a/src/components/lnd/LndParts/Design/Main.js b/src/components/lnd/LndParts/Design/Main.js index 581863f..faa9a87 100644 --- a/src/components/lnd/LndParts/Design/Main.js +++ b/src/components/lnd/LndParts/Design/Main.js @@ -5,6 +5,7 @@ import img1 from '../../../../assets/images/modern01.png' import img2 from '../../../../assets/images/secure_data.png' import img3 from '../../../../assets/images/modern02.png' import img4 from '../../../../assets/images/modern03.png' +import Right from './Right' const Main = ({gredient}) => { @@ -17,16 +18,16 @@ const Main = ({gredient}) => { return ( <> -
+
{gredient &&
image
}
-
+
-
+

Set Chores, Set Goals
Rewards Accomplishments

@@ -38,7 +39,6 @@ const Main = ({gredient}) => {

changeActiveImg(name)} style={{cursor: 'pointer'}}>
@@ -52,7 +52,7 @@ const Main = ({gredient}) => {
-
+ {/*
{
- {/* image */} { />
-
+
*/} +
diff --git a/src/components/lnd/LndParts/Design/Right.js b/src/components/lnd/LndParts/Design/Right.js new file mode 100644 index 0000000..02994fa --- /dev/null +++ b/src/components/lnd/LndParts/Design/Right.js @@ -0,0 +1,46 @@ +import React from 'react' + +export default function Right() { + return ( +
+
+

Assign Faster with

+

+
Wrench
Agent
+

+
+
  +
+

Ask our "WrenchAgent" Generative AI to assist

+

Recommend 4 summer chores for a 12 years old

+
+
+
+ {list?.map((item, idx) => ( +
+
+
+ +
+
{item}
+
+
+ ))} +
+ +
+
+
+ ) +} + + + +const list = [ + 'Watering the plants and garden', + 'Helping with meal preparation and cooking', + 'Assisting with organizing and cleaning out a specific area of the house', + 'Taking care of a pet, such as feeding, walking, and grooming' +] \ No newline at end of file From 3cc45e39b3eab2b2a58cc639d85e2d1bd667abb7 Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Fri, 17 May 2024 18:49:03 +0100 Subject: [PATCH 2/2] added new section --- src/assets/css/main.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 9df0005..c980e0d 100755 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -3206,6 +3206,7 @@ p { .appie-traffic-service .icon, .appie-traffic-service-two .icon { position: absolute; left: 0; + top: 0; } .appie-traffic-service .icon i, .appie-traffic-service-two .icon i { height: 26px;