From d7795067ac1024638e1ed7595d3a1e81e58ad3f0 Mon Sep 17 00:00:00 2001 From: KhushiSinghania Date: Wed, 22 Sep 2021 02:43:29 +0530 Subject: [PATCH] matching page done --- frontend/public/images/2.svg | 3 + frontend/public/images/3.svg | 3 + frontend/public/images/BLACK.jpg | Bin 0 -> 16888 bytes frontend/public/images/hands.svg | 74 ++++++++ frontend/public/images/homedark.svg | 4 + frontend/public/images/homelogo.svg | 4 + frontend/public/images/phone.svg | 252 ++++++++++++++++++++++++++++ frontend/public/images/question.svg | 84 ++++++++++ frontend/public/images/started.svg | 132 +++++++++++++++ frontend/src/App.js | 4 + frontend/src/Pages/Account.js | 2 +- frontend/src/Pages/Matches.css | 0 frontend/src/Pages/Matches.js | 81 +++++++++ frontend/src/Pages/Moreinfo.js | 5 +- frontend/src/Pages/landing.css | 243 +++++++++++++++++++++++++++ frontend/src/Pages/landing.js | 81 +++++++++ frontend/src/components/Login.js | 4 +- 17 files changed, 972 insertions(+), 4 deletions(-) create mode 100644 frontend/public/images/2.svg create mode 100644 frontend/public/images/3.svg create mode 100644 frontend/public/images/BLACK.jpg create mode 100644 frontend/public/images/hands.svg create mode 100644 frontend/public/images/homedark.svg create mode 100644 frontend/public/images/homelogo.svg create mode 100644 frontend/public/images/phone.svg create mode 100644 frontend/public/images/question.svg create mode 100644 frontend/public/images/started.svg create mode 100644 frontend/src/Pages/Matches.css create mode 100644 frontend/src/Pages/Matches.js create mode 100644 frontend/src/Pages/landing.css create mode 100644 frontend/src/Pages/landing.js diff --git a/frontend/public/images/2.svg b/frontend/public/images/2.svg new file mode 100644 index 0000000..de09777 --- /dev/null +++ b/frontend/public/images/2.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/public/images/3.svg b/frontend/public/images/3.svg new file mode 100644 index 0000000..6522e1f --- /dev/null +++ b/frontend/public/images/3.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/public/images/BLACK.jpg b/frontend/public/images/BLACK.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f604663afeaaaa2105cdef1c5cb941b1ca210e3 GIT binary patch literal 16888 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 literal 0 HcmV?d00001 diff --git a/frontend/public/images/hands.svg b/frontend/public/images/hands.svg new file mode 100644 index 0000000..47c1e39 --- /dev/null +++ b/frontend/public/images/hands.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/public/images/homedark.svg b/frontend/public/images/homedark.svg new file mode 100644 index 0000000..9eedaef --- /dev/null +++ b/frontend/public/images/homedark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/frontend/public/images/homelogo.svg b/frontend/public/images/homelogo.svg new file mode 100644 index 0000000..d4f681d --- /dev/null +++ b/frontend/public/images/homelogo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/frontend/public/images/phone.svg b/frontend/public/images/phone.svg new file mode 100644 index 0000000..b350ecb --- /dev/null +++ b/frontend/public/images/phone.svg @@ -0,0 +1,252 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/public/images/question.svg b/frontend/public/images/question.svg new file mode 100644 index 0000000..48566a9 --- /dev/null +++ b/frontend/public/images/question.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/public/images/started.svg b/frontend/public/images/started.svg new file mode 100644 index 0000000..8728619 --- /dev/null +++ b/frontend/public/images/started.svg @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/App.js b/frontend/src/App.js index 3092337..cb6c06d 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -7,6 +7,7 @@ import Moreinfo from "./Pages/Moreinfo.js"; import Account from "./Pages/Account.js"; import Match from "./Pages/Match.js"; import LandingSection from "./components/LandingSection/LandingSection"; +import Matches from "./Pages/Matches"; import { BrowserRouter as Router, Switch, @@ -28,6 +29,9 @@ function App() { + + + {loggedin ? ( diff --git a/frontend/src/Pages/Account.js b/frontend/src/Pages/Account.js index af4b7b4..caae5fc 100644 --- a/frontend/src/Pages/Account.js +++ b/frontend/src/Pages/Account.js @@ -6,7 +6,7 @@ import "./Account.css"; function Account(props) { return ( <> - {props.switch ? : } + {props.switch ? : }
+ + + Modal heading + + + +

Centered Modal

+

+ Cras mattis consectetur purus sit amet fermentum. Cras justo odio + dapibus ac facilisis in, egestas eget quam. Morbi leo risus, port + consectetur ac, vestibulum at eros.ksssssssssssssssssssssssssssss + sjdksbdvdbsdmjbshbdshbdjsndjsndm,sbdhsdsdnvsdshd,ms,vmnam,vdnsmhs + abhiramsuarhdklsndjsbhdksdbhjdbdhvhsavdhgsvdhsvdhdsbhjbdjsbdjbsdm + shdhjahjdmjsdh.asdjkasdhsuarabhiramksamdjabd,masdjsbmnabmnabmnabn + mbjsdkfhnbsbadbsjbdsmabdjsbsbdmjsbdjdm,bdsvdnbsvdbnsvdmvdhmsdnmsd + skhhjasdjasdjsahdhjsvdj,sbdvgsvdj,sbdhsvdhndhnsvdhmsdvhsvdhjsdvhs + sbdsbdmsbdmnsbdnmsvdbndvbnsdvdbndvdbnvsbnd vbnsddvhddcsdb dbsnvhh + sjdsbjksdjsdjmsbdmsbfjksdhfjkdbjsdb,masbmnsd mnscnmsc dn,asdklsdm +

+ + + + + + + ); + } +const Matches = () => { + const [modalShow, setModalShow] = React.useState(false); + return ( +
+ + setModalShow(true)}> + First slide + + + setModalShow(true)}> + Second slide + + + + setModalShow(true)}> + Third slide + + + + + setModalShow(false)} + /> +
+ + ); +}; + +export default Matches; diff --git a/frontend/src/Pages/Moreinfo.js b/frontend/src/Pages/Moreinfo.js index 62867f9..ab23ead 100644 --- a/frontend/src/Pages/Moreinfo.js +++ b/frontend/src/Pages/Moreinfo.js @@ -4,6 +4,8 @@ import Button from "react-bootstrap/Button"; import '../components/Login.css'; import './Moreinfo.css'; import '../components/ProfileSection/ProfileSection.css'; +import {Link} from "react-router-dom"; +import Matches from "./Matches"; function Moreinfo() { const [email, setEmail] = useState(""); @@ -78,10 +80,11 @@ import '../components/ProfileSection/ProfileSection.css'; onChange={(e) => setPassword(e.target.value)} /> - + +
diff --git a/frontend/src/Pages/landing.css b/frontend/src/Pages/landing.css new file mode 100644 index 0000000..32843a8 --- /dev/null +++ b/frontend/src/Pages/landing.css @@ -0,0 +1,243 @@ +.navbar{ + position: fixed; + width: 100%; + box-sizing: border-box; + z-index: 10; + background-color: #f5f6fd; + font-size: 1.1rem; +} + +.nav-link{ + margin-left: 8rem; + cursor: pointer; + font-weight: 600; +} +.highlight1,.highlight2,.highlight3{ + color:#FFFFFF; + font-size: 1.3rem; +} + +.highlight1{ + background-color:#991274; + width:33.33%; + padding:3rem; + display: flex; + align-items:center; + justify-content: center; + +} +.highlight2{ + background-color:#ED3B9D; + width:33.33%; + padding:3rem; + display: flex; + align-items:center; + justify-content: center; +} +.highlight3{ + background-color:#E31A6C; + width:33.33%; + padding:3rem; + display: flex; + align-items:center; + justify-content: center; + +} +.nav-link1{ + margin-left: 8rem; + font-weight: 600; + display: flex; + align-items: center; +} + +.contact{ + background-color: #43b97f; + padding: 0.5rem 1rem; + border-radius: 8px; + color:#f5f6fd; +} + +.nav-links{ + list-style: none; + margin: 0; + display: flex; + justify-content: flex-end; + align-items: center; + padding: 1rem 8rem; +} +.highlights{ + margin: 0; + display: flex; + align-items: center; + justify-content: space-evenly; +} + +.logo{ + list-style: none; + margin: 0; + display: flex; + align-items: center; + padding:1rem 0rem; + justify-content: flex-start; +} + +nav{ + display: flex; + justify-content:space-between; + align-items: center; + +} +.main-heading{ + font-size: 2.75rem; + margin:0; + color: #FFFFFF; +} +.started-content,.hands-content,.faq-content{ + font-size: 1.75rem; + margin:0; + color: #FFFFFF; +} +.faq-content{ + margin-left:60px; +} +footer{ + font-size: 1.75rem; + color: #FFFFFF; +} +.question-content{ + font-size: 1.75rem; + margin:0; + color: #FFFFFF; +} +.sub-heading{ + font-size: 2rem; + margin:0; + margin-top: 5rem; + margin-bottom: 5rem; +} + +.purple{ + color:#93278F; +} + +.landing{ + display: flex; + min-height: 100vh; + justify-content: space-around; + align-items: center; + box-sizing: border-box; + padding-top:20vh; + background-color: #FE0074; +} +.started,.hands{ + display: flex; + justify-content:flex-start; + flex-direction: column; + align-items: center; + box-sizing: border-box; + background-color: #000; + padding-top: 5rem; + padding-bottom: 5rem; +} +.question{ + display: flex; + justify-content:flex-start; + flex-direction: column; + align-items: center; + box-sizing: border-box; + background-color: #ED3B9D; + padding-top: 5rem; + padding-bottom: 5rem; +} +.faq{ + box-sizing: border-box; + background: linear-gradient(180deg, #ED3B9D 0%, #FF0169 100%); + padding-top: 2rem; + padding-bottom: 5rem; +} +.started-main,.question-main,.hands-main{ + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + box-sizing: border-box; + width: 100%; + padding-top: 5rem; +} +.faq-main{ + box-sizing: border-box; + padding-top: 2rem; + padding-left: 5rem; +} + +.button{ + background-color: black; + border:2px solid #FE0074; + color: #FE0074; + border-radius: 2px; + padding: 1rem 5rem; + font-size: 2rem; + border-radius: 20px; + cursor: pointer; +} +.landingsvg{ + width:30%; +} +.startedsvg,.questionsvg,.handssvg{ + width:40%; +} + +.nav-logo{ + width:30px; + margin-right:1rem; +} + +.home{ + display: flex; + align-items: center; +} +.q-head{ + font-size: 3.5rem; +} +footer{ + padding-top:5rem; + padding-bottom:5rem; + display: flex; + justify-content: space-around; + background-color: #E31A6C; +} +.social-ico{ + margin-left:1rem; + margin-top:1rem; +} +@media only screen and (max-width:1045px){ + .landing{ + display: flex; + flex-direction: column; + min-height: 100vh; + justify-content: space-around; + align-items: center; + } + .hands,.hands-main,.started-main,.question-main,.question,.started{ + display: flex; + flex-direction: column; + align-items: center; + } + .landingsvg{ + width:90%; + } + .startedsvg,.questionsvg,.handssvg{ + width:90%; + } + .highlights{ + flex-direction: column; + width: 100%; + } + .highlight1,.highlight2,.highlight3{ + width: 100%; + } + .main-heart{ + width:80%; + } + +} \ No newline at end of file diff --git a/frontend/src/Pages/landing.js b/frontend/src/Pages/landing.js new file mode 100644 index 0000000..38b6017 --- /dev/null +++ b/frontend/src/Pages/landing.js @@ -0,0 +1,81 @@ +import "./LandingSection.css"; +import phone from "../LandingSection/phone.svg"; +import heart from "../LandingSection/heart.svg"; +// import logo from "../LandingSection/ffdslogo.svg"; +// import home from "../LandingSection/homelogo.svg"; +import started from "../LandingSection/started.svg"; +import question from "../LandingSection/question.svg"; +import hands from "../LandingSection/hands.svg"; +// import insta from "../LandingSection/2.svg"; +// import fb from "../LandingSection/3.svg"; + +const LandingSection = () => { + return ( +
+ +
+
+

+ FULLY FLEXIBLE DATing system +

+

+ +

+
+ +
+
+
The best dating site
+
Meet new people
+
Make trustful relations
+
+
+ +
+

+ Lorem ipsum dolor sit amet.

+ Lorem ipsum dolor sit amet.

+ Lorem ipsum dolor sit amet. +

+ +
+
+
+
+ +

+ Lorem ipsum dolor sit amet.

+ Lorem ipsum dolor sit amet.

+ Lorem ipsum dolor sit amet. +

+
+
+
+
+

+ Lorem ipsum dolor sit amet.

+ Lorem ipsum dolor sit amet.

+ Lorem ipsum dolor sit amet. +

+ +
+
+
+
+

+ QnA +

+

+ Q. Lorem ipsum dolor sit amet.

+ A. Lorem ipsum dolor sit amet.

+ Q. Lorem ipsum dolor sit amet.

+ A. Lorem ipsum dolor sit amet. +

+
+
+ +
+ ); +}; + +export default LandingSection; diff --git a/frontend/src/components/Login.js b/frontend/src/components/Login.js index 7ee2208..0da2596 100644 --- a/frontend/src/components/Login.js +++ b/frontend/src/components/Login.js @@ -74,9 +74,9 @@ function Login() {
- {/*
+
blah -
*/} +