Merge pull request #291 from mohangolakoti/enhancements

back navigation button added to pricing page #227
SUGAM-ARORA · Jun 18, 2024 · 7d29b0b · 7d29b0b
2 parents ebe7c66 + 71ba2b6
commit 7d29b0b
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/src/Components/Readmore.js b/src/Components/Readmore.js
@@ -10,7 +10,7 @@ const Readmore = () => {
     const feature = features.find((item) => item.id === parseInt(id));
   return (
     <div className='readmore'>
-      <Link className='arrow' to="/"><img src={Arrow} alt="" /></Link>
+      <Link className='arrow' to="/"><img src={Arrow} alt="back" /></Link>
       <div className="title">{feature.title}</div>
       <div className="image">
       <img src={feature.img} height={480} alt={feature.title} />

diff --git a/src/Components/footer_section/Pricing/pricing.css b/src/Components/footer_section/Pricing/pricing.css
@@ -10,12 +10,21 @@ body {
 }
 
 .header {
-    margin: auto;
+    margin: auto;   
     padding: 20px;
     opacity: 0;
+    position: relative;
     animation: fadeIn 1.5s ease-in-out forwards;
 }
 
+.arrow{
+    position: fixed;
+    top: 0;
+    left: 0;
+    padding: 20px;
+    width: 90px;
+}
+
 .headingHeader {
     text-align: center;
     font-size: 4vw;

diff --git a/src/Components/footer_section/Pricing/pricing.js b/src/Components/footer_section/Pricing/pricing.js
@@ -1,11 +1,14 @@
 // pricing.js
 import React from "react";
 import './pricing.css';
+import Arrow from '../../projects/arrow.png'
+import { Link } from "react-router-dom";
 
 function Pricing() {
     return (
         <div className="pricing">
             <div className="header">
+                <Link className='arrow' to="/"><img src={Arrow} alt="back" /></Link>
                 <div className="headingHeader">Start your 7 day free trial today</div>
                 <div className="description">Unlock Advanced Features and Maximize Your Potential with UniCollab Pro.</div>
             </div>