background update

Shanmugamrskfamily · Aug 5, 2023 · 4c975bc · 4c975bc
1 parent 9e8ba0a
commit 4c975bc
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 5 deletions.
diff --git a/.hintrc b/.hintrc
@@ -7,9 +7,11 @@
       "default",
       {
         "ignore": [
-          "meta[name=theme-color]"
+          "meta[name=theme-color]",
+          "link[referrerpolicy]"
         ]
       }
-    ]
+    ],
+    "manifest-file-extension": "off"
   }
 }
diff --git a/public/favicon (1).ico b/public/favicon (1).ico
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/App.css b/src/App.css
@@ -61,3 +61,16 @@ section.pricing {
     opacity: 1;
   }
 }
+h1 {
+  display: block;
+  text-align: center;
+  margin: 0px;
+  background: linear-gradient(
+    90deg,
+    rgba(228, 69, 86, 1) 14%,
+    rgba(234, 61, 140, 1) 30%,
+    rgba(125, 81, 195, 1) 57%,
+    rgb(88, 69, 228) 83%
+  );
+  color: whitesmoke;
+}
diff --git a/src/App.js b/src/App.js
@@ -29,7 +29,7 @@ function App() {
       plan: "PLUS",
       price: "$9",
       user: "5 User",
-      highlight: true,
+      highlight: false,
       userEnabler: true,
       storage: "50GB Storage",
       storageEnabler: true,
@@ -51,7 +51,7 @@ function App() {
       plan: "PRO",
       price: "$49",
       user: "Unlimited User",
-      highlight: true,
+      highlight: false,
       userEnabler: true,
       storage: "50GB Storage",
       storageEnabler: true,
@@ -72,6 +72,7 @@ function App() {
   ];
   return (
     <>
+    <h1>Price Card Using React</h1>
       <section className="pricing py-5">
         <div className="container">
           <div className="row">

diff --git a/src/card.js b/src/card.js
@@ -8,7 +8,7 @@ const Card = (props) => {
         <div className="card mb-5 mb-lg-0">
           <div className="card-body">
             <h5 className="card-title text-muted text-uppercase text-center">{props.value.plan}</h5>
-            <h6 className="card-price text-center">{props.value.price}<span className="period">/month</span></h6>
+            <h6 className="card-price text-center">{props.value.price}/month</h6>
             <hr />
             <ul className="fa-ul">