{"id":76425,"date":"2024-09-11T19:10:48","date_gmt":"2024-09-11T15:40:48","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/building-a-manage-landing-page-using-react-228f\/"},"modified":"2024-09-11T19:10:48","modified_gmt":"2024-09-11T15:40:48","slug":"building-a-manage-landing-page-using-react-228f","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/building-a-manage-landing-page-using-react-228f\/","title":{"rendered":"\u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0641\u0631\u0648\u062f \u0645\u062f\u06cc\u0631\u06cc\u062a \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 React"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang <\/p>\n

\u0645\u0642\u062f\u0645\u0647<\/p>\n

\u0635\u0641\u062d\u0647 \u0641\u0631\u0648\u062f “Manage” \u0628\u0631\u0627\u06cc \u0645\u0639\u0631\u0641\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 Manage\u060c \u0628\u0631\u062c\u0633\u062a\u0647 \u06a9\u0631\u062f\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u0648 \u062a\u0634\u0648\u06cc\u0642 \u0622\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u0645\u0627 \u0627\u0632 React \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0648 \u0627\u0632 CSS \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f. <\/p>\n

\u0628\u0631\u0631\u0633\u06cc \u0627\u062c\u0645\u0627\u0644\u06cc \u067e\u0631\u0648\u0698\u0647<\/p>\n

\u0635\u0641\u062d\u0647 \u0641\u0631\u0648\u062f \u0627\u0632 \u0686\u0646\u062f\u06cc\u0646 \u062c\u0632\u0621 \u06a9\u0644\u06cc\u062f\u06cc \u062a\u0634\u06a9\u06cc\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n

\u0646\u0648\u0627\u0631 \u0646\u0627\u0648\u0628\u0631\u06cc: \u062d\u0627\u0648\u06cc \u067e\u06cc\u0648\u0646\u062f\u0647\u0627\u06cc \u067e\u06cc\u0645\u0627\u06cc\u0634 \u0648 \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u0641\u0631\u0627\u062e\u0648\u0627\u0646 \u0628\u0631\u0627\u06cc \u0627\u0642\u062f\u0627\u0645 \u0627\u0633\u062a.<\/p>\n

\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc: \u062f\u0627\u0631\u0627\u06cc \u062a\u06cc\u062a\u0631\u060c \u062a\u0648\u0636\u06cc\u062d \u0645\u062d\u0635\u0648\u0644 \u0648 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0631\u062c\u0633\u062a\u0647 \u0627\u0633\u062a.<\/p>\n

\u062f\u0631\u0628\u0627\u0631\u0647: \u062c\u0632\u0626\u06cc\u0627\u062a\u06cc \u0631\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0622\u0646\u0686\u0647 \u06a9\u0647 Manage \u0631\u0627 \u0645\u062a\u0645\u0627\u06cc\u0632 \u0645\u06cc \u06a9\u0646\u062f \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n

\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647 \u0647\u0627: \u062a\u0648\u0635\u06cc\u0641\u0627\u062a \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0627\u0639\u062a\u0628\u0627\u0631 \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n

\u067e\u0627\u0648\u0631\u0642\u06cc: \u062d\u0627\u0648\u06cc \u067e\u06cc\u0648\u0646\u062f\u0647\u0627\u060c \u0646\u0645\u0627\u062f\u0647\u0627\u06cc \u0631\u0633\u0627\u0646\u0647 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0648 \u0641\u0631\u0645 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0627\u0633\u062a.<\/p>\n

\u0648\u06cc\u0698\u06af\u06cc \u0647\u0627<\/p>\n

\u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u06af\u0631\u0627: \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0628\u0627 \u0627\u0646\u062f\u0627\u0632\u0647 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0635\u0641\u062d\u0647 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\u0639\u0646\u0627\u0635\u0631 \u062a\u0639\u0627\u0645\u0644\u06cc: \u062f\u06a9\u0645\u0647 \u0647\u0627 \u0648 \u067e\u06cc\u0648\u0646\u062f\u0647\u0627 \u062f\u0627\u0631\u0627\u06cc \u0627\u062b\u0631\u0627\u062a \u0634\u0646\u0627\u0648\u0631 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0647\u0633\u062a\u0646\u062f.<\/p>\n

\u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u062a\u0645\u06cc\u0632: \u0647\u0631 \u0628\u062e\u0634 \u0627\u0632 \u0635\u0641\u062d\u0647 \u0628\u0647 \u0648\u0636\u0648\u062d \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062f\u0644\u067e\u0630\u06cc\u0631 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n

\u0641\u0646 \u0622\u0648\u0631\u06cc \u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/p>\n

\u0648\u0627\u06a9\u0646\u0634 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f: \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0642\u0637\u0639\u0627\u062a \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f.<\/p>\n

CSS: \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0633\u062a\u0627\u06cc\u0644 \u0648 \u0686\u06cc\u062f\u0645\u0627\u0646.<\/p>\n

\u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u0631\u0648\u0698\u0647<\/p>\n

\u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u062f\u0631 \u0633\u0627\u062e\u062a\u0627\u0631 \u0632\u06cc\u0631 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n

\/src
\n \/assets
\n \/images
\n \/components
\n About.js
\n Footer.js
\n Home.js
\n Navbar.js
\n Testimonials.js
\n App.js
\n App.css<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0646\u0635\u0628 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc<\/p>\n

\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647\u060c \u0645\u062e\u0632\u0646 \u0631\u0627 \u0634\u0628\u06cc\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f:<\/p>\n

git clone https:\/\/github.com\/abhishekgurjar-in\/
\ncd Manage-Landing-Page
\nnpm install<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062d\u0644\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632:<\/p>\n

npm start<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062a\u0648\u0636\u06cc\u062d \u06a9\u062f<\/p>\n

App.js<\/p>\n

\u0627\u06cc\u0646 App \u062c\u0632\u0621 \u0627\u0635\u0644\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0627\u0633\u062a. \u0648\u0627\u0631\u062f \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0631\u0646\u062f\u0631 \u0645\u06cc \u06a9\u0646\u062f Navbar\u060c Home\u060c About\u060c Testimonials\u060c \u0648 Footer \u0645\u0648\u0644\u0641\u0647 \u0647\u0627\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u0628\u06a9 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u06cc\u0632 \u0628\u0635\u0631\u06cc.<\/p>\n

import React from “react”;
\nimport “.\/App.css”;
\nimport Navbar from “.\/components\/Navbar”;
\nimport Home from “.\/components\/Home”;
\nimport About from “.\/components\/About”;
\nimport Testimonials from “.\/components\/Testimonials”;
\nimport Footer from “.\/components\/Footer”;<\/p>\n

const App = () => {
\n return (<\/p>\n

div className=”bg”>
\n Navbar \/>
\n Home \/>
\n div>
\n div className=”bg-2″>
\n About \/>
\n Testimonials \/>
\n div>
\n Footer \/>
\n >
\n );
\n};<\/p>\n

export default App;<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

Navbar.js<\/p>\n

\u0627\u06cc\u0646 Navbar \u062c\u0632\u0621 \u0634\u0627\u0645\u0644 \u0644\u0648\u06af\u0648 \u0648 \u067e\u06cc\u0648\u0646\u062f\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc \u0627\u0633\u062a. \u062f\u06a9\u0645\u0647 \u062a\u0645\u0627\u0633 \u0628\u0631\u0627\u06cc \u0627\u0642\u062f\u0627\u0645 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u062a\u0634\u0648\u06cc\u0642 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u0646\u062f.<\/p>\n

import React from “react”;
\nimport logo from “..\/assets\/images\/logo.svg”;
\nconst Navbar = () => {
\n return (
\n div className=”navbar”>
\n div className=”logo”>
\n img src={logo} alt=”logo” \/>
\n div>
\n div className=”header”>
\n a href=””>Pricinga>
\n a href=””>Producta>
\n a href=””>About Usa>
\n a href=””>Careersa>
\n a href=””>Communitya>
\n div>
\n div className=”button”>
\n p>Get Startedp>
\n div>
\n div>
\n );
\n};<\/p>\n

export default Navbar;<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

Home.js<\/p>\n

\u0627\u06cc\u0646 Home \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u062f\u0627\u0631\u0627\u06cc \u06cc\u06a9 \u0639\u0646\u0648\u0627\u0646\u060c \u0634\u0631\u062d \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a\u060c \u0648 \u06cc\u06a9 \u062a\u0635\u0648\u06cc\u0631 \u0627\u0633\u062a.<\/p>\n

import React from ‘react’
\nimport illustration from “..\/assets\/images\/illustration-intro.svg”
\nconst Home = () => {
\n return (
\n div className=’home’>
\n div className=”left-home”>
\n h1>Bring everyone together to build better products.h1>
\n p>Manage makes it simple for software teams to plan day-to-day tasks while keeping the larger team goals in view.p>
\n div className=”button”>
\n p>Get Startedp>
\n div>
\n div>
\n div className=”right-home”>
\n img src={illustration} alt=”” \/>
\n div>
\n div>
\n )
\n}<\/p>\n

export default Home<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

About.js<\/p>\n

\u0627\u06cc\u0646 About \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0648 \u0645\u0632\u0627\u06cc\u0627\u06cc Manage \u0631\u0627 \u0628\u0627 \u0628\u062e\u0634 \u0647\u0627\u06cc \u0634\u0645\u0627\u0631\u0647 \u06af\u0630\u0627\u0631\u06cc \u0634\u062f\u0647 \u062a\u0634\u0631\u06cc\u062d \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

import React from “react”;<\/p>\n

const About = () => {
\n return (
\n div className=”about”>
\n div className=”left-about”>
\n h1>What’s different about Manage?h1>
\n p>
\n Manage provides all the functionality your team needs, without the
\n complexity. Our software is tailor-made for modern digital product
\n teams.
\n p>
\n div>
\n div className=”right-about”>
\n div className=”box”>
\n div className=”title”>
\n h3>01h3>
\n h4>Track company-wide progressh4>
\n div>
\n p className=”para”>
\n See how your day-to-day tasks fit into the wider vision. Go from
\n tracking progress at the milestone level all the way done to the
\n smallest of details. Never lose sight of the bigger picture again.
\n p>
\n div>
\n div className=”box”>
\n div className=”title”>
\n h3>02h3>
\n h4>Advanced built-in reportsh4>
\n div>
\n p className=”para” >
\n Set internal delivery estimates and track progress toward company
\n goals. Our customisable dashboard helps you build out the reports
\n you need to keep key stakeholders informed.
\n p>
\n div>
\n div className=”box”>
\n div className=”title”>
\n h3>03h3>
\n h4>Everything you need in one placeh4>
\n div>
\n p className=”para” >
\n Stop jumping from one service to another to communicate, store
\n files, track tasks and share documents. Manage offers an all-in-one
\n team productivity solution.
\n p>
\n div>
\n div>
\n div>
\n );
\n};<\/p>\n

export default About;<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

Testimonials.js<\/p>\n

\u0627\u06cc\u0646 Testimonials \u0645\u0624\u0644\u0641\u0647 \u0628\u0627\u0632\u062e\u0648\u0631\u062f \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0627\u0639\u062a\u0645\u0627\u062f \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n

import React from “react”;
\nimport Ali from “..\/assets\/\/images\/avatar-ali.png”;
\nimport anisha from “..\/assets\/images\/avatar-anisha.png”;
\nimport richard from “..\/assets\/images\/avatar-richard.png”;
\nimport shanai from “..\/assets\/images\/avatar-shanai.png”;
\nconst Testimonials = () => {
\n return (
\n div className=”testimonials”>
\n h1>What they’ve saidh1>
\n div className=”cards”>
\n div className=”card”>
\n img src={richard} alt=”” \/>
\n h4>Richard Wattsh4>
\n p>
\n \u201cManage allows us to provide structure and process. It keeps us
\n organized and focused. I can\u2019t stop recommending them to everyone I
\n talk to!\u201d
\n p>
\n div>
\n div className=”card”>
\n img src={shanai} alt=”” \/>
\n h4> Shanai Goughh4>
\n p>
\n \u201cTheir software allows us to track, manage and collaborate on our
\n projects from anywhere. It keeps the whole team in-sync without
\n being intrusive.\u201d
\n p>
\n div>
\n div className=”card”>
\n img src={anisha} alt=”” \/>
\n h4>Anisha Lih4>
\n p>
\n \u201cManage has supercharged our team\u2019s workflow. The ability to
\n maintain visibility on larger milestones at all times keeps everyone
\n motivated.\u201d
\n p>
\n div>
\n div className=”card”>
\n img src={Ali} alt=”” \/>
\n h4>Ali Bravoh4>
\n p>
\n \u201cWe have been able to cancel so many other subscriptions since using
\n Manage. There is no more cross-channel confusion and everyone is
\n much more focused.\u201d
\n p>
\n div>
\n div>
\n div className=”button”>
\n p>Get startedp>
\n div>
\n div>
\n );
\n};<\/p>\n

export default Testimonials;<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

Footer.js<\/p>\n

\u0627\u06cc\u0646 Footer \u062c\u0632\u0621 \u0634\u0627\u0645\u0644 \u067e\u06cc\u0648\u0646\u062f\u0647\u0627\u06cc \u0631\u0633\u0627\u0646\u0647 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc\u060c \u067e\u06cc\u0648\u0646\u062f\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc \u0627\u0636\u0627\u0641\u06cc \u0648 \u0641\u0631\u0645 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0627\u0633\u062a.<\/p>\n

import React from “react”;
\nimport logo from “..\/assets\/images\/logo.svg”;
\nimport fb from “..\/assets\/images\/icon-facebook.svg”;
\nimport ig from “..\/assets\/images\/icon-instagram.svg”;
\nimport tw from “..\/assets\/images\/icon-twitter.svg”;
\nimport pt from “..\/assets\/images\/icon-pinterest.svg”;
\nimport yt from “..\/assets\/images\/icon-youtube.svg”;
\nconst Footer = () => {
\n return (
\n div className=”Footer”>
\n div className=”first-footer”>
\n h1>Simplify how your team works today.h1>
\n div className=”button”>
\n p>Get Startedp>
\n div>
\n div>
\n div className=”last-footer”>
\n div className=”logos”>
\n img src={logo} alt=”” \/>
\n div className=”social-logo”>
\n img src={fb} alt=”” \/>
\n img src={yt} alt=”” \/>
\n img src={tw} alt=”” \/>
\n img src={pt} alt=”” \/>
\n img src={ig} alt=”” \/>
\n div>
\n p>Made with \u2764\ufe0f by Abhishek Gurjarp>
\n div>
\n div className=”links1″>
\n a href=””>Homea>
\n a href=””>Pricinga>
\n a href=””>Productsa>
\n a href=””>About Usa>
\n div>
\n div className=”links2″>
\n a href=””>Careersa>
\n a href=””>Communitya>
\n a href=””>Privacy Policya><\/p>\n

div>
\n div className=”subscribe”>
\n div className=”input-section”>
\n div className=”input-box”>
\n input type=”text” placeholder=”updates tour in inbox” \/>
\n div>
\n div className=”button”>
\n p>Gop>
\n div>
\n div>
\n p className=”copyright” >Copyright 2020. All Rights Reservedp>
\n div>
\n div>
\n div>
\n );
\n};<\/p>\n

export default Footer;<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0646\u0633\u062e\u0647 \u0646\u0645\u0627\u06cc\u0634\u06cc \u0632\u0646\u062f\u0647<\/p>\n

\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0645\u0648\u06cc \u0632\u0646\u062f\u0647 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0646\u062a\u06cc\u062c\u0647 \u06af\u06cc\u0631\u06cc<\/p>\n

\u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0641\u0631\u0648\u062f \u00abManage\u00bb \u0645\u062b\u0627\u0644\u06cc \u0639\u0627\u0644\u06cc \u0627\u0632 \u0646\u062d\u0648\u0647 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u067e\u0627\u0633\u062e\u06af\u0648 \u0648 \u06a9\u0627\u0631\u0628\u0631\u067e\u0633\u0646\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 React \u0648 CSS \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f. \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u0627\u0635\u0648\u0644 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u0636\u062d \u0648 \u0639\u0646\u0627\u0635\u0631 \u062a\u0639\u0627\u0645\u0644\u06cc\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0641\u0631\u0648\u062f \u062c\u0630\u0627\u0628 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0648\u062b\u0631 \u0627\u0631\u0632\u0634 \u0645\u062d\u0635\u0648\u0644 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n

\u0627\u0639\u062a\u0628\u0627\u0631\u0627\u062a<\/p>\n

\u0648\u0627\u06a9\u0646\u0634 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f: \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc.<\/p>\n

CSS: \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u0648 \u0686\u06cc\u062f\u0645\u0627\u0646.<\/p>\n

\u062a\u0635\u0627\u0648\u06cc\u0631: \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0646\u0645\u0627\u062f\u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc.<\/p>\n

\u0646\u0648\u06cc\u0633\u0646\u062f\u0647<\/p>\n

\u0622\u0628\u06cc\u0634\u06a9 \u06af\u0648\u0631\u062c\u0627\u0631 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0628 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u0634\u062a\u0627\u0642 \u0627\u06cc\u062c\u0627\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648\u0628 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0627\u0633\u062a. \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0627 \u062f\u0631 GitHub \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n

\n
\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n