generated from HackYourFuture-CPH/boilerplate-for-fp
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #34 from HackYourFuture-CPH/AdditionalDesign
Added 2 more page for frontend
- Loading branch information
Showing
13 changed files
with
230 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
31 changes: 31 additions & 0 deletions
31
packages/client/src/containers/AboutUsPage/AboutUsPage.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| .people-container { | ||
| display: grid; | ||
| grid-template-columns: repeat(3, 1fr); | ||
| gap: 20px; | ||
| } | ||
|
|
||
| .person { | ||
| text-align: center; | ||
| padding: 20px; | ||
| border-radius: 8px; | ||
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | ||
| } | ||
|
|
||
| .person img { | ||
| width: 150px; | ||
| height: 150px; | ||
| border-radius: 50%; | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| .person h3 { | ||
| margin-bottom: 5px; | ||
| } | ||
|
|
||
| .person p { | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| .about-us { | ||
| font-size: 25px; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,54 @@ | ||
| import React from 'react'; | ||
| import './AboutUsPage.css'; | ||
|
|
||
| const AboutUs = () => { | ||
| return ( | ||
| <div> | ||
| <h2 className="about-us">About Us</h2> | ||
| <p className="para"> | ||
| Welcome to RetroRealm! We offer an inviting and engaging platform for | ||
| retrospectives, ensuring a fulfilling journey through past experiences | ||
| and future possibilities. This application is co-founded by three | ||
| remarkable individuals who lacked prior experience in coding and web | ||
| development. Each of them hails from diverse backgrounds and one day | ||
| chose to embark on the path of becoming developers. This website stands | ||
| as a collaborative project they initiated during their time at Hack Your | ||
| Future. | ||
| </p> | ||
| <div className="people-container"> | ||
| <div className="person"> | ||
| <img src="/assets/images/Nishadi.png" alt="Nishadi" /> | ||
| <h3>Nishadi Priyangika Samarathunge</h3> | ||
| <p>Co-founder & Software Developer</p> | ||
| <p> | ||
| Former ayurvedic doctor in SriLanka, currently living in Denmark and | ||
| passionate about learning coding. Loves creating immersive | ||
| experiences for the community. | ||
| </p> | ||
| </div> | ||
| <div className="person"> | ||
| <img src="/assets/images/Aaron.png" alt="Aaron" /> | ||
| <h3>Aaron Belling Moses</h3> | ||
| <p>Co-founder & Software Developer</p> | ||
| <p> | ||
| Currently based in Denmark with 2 beautiful children and lovely | ||
| wife. Has a keen eye for design and ensures that RetroRealms | ||
| interface is both stylish and user-friendly. | ||
| </p> | ||
| </div> | ||
| <div className="person"> | ||
| <img src="/assets/images/Komal.png" alt="Komal Ranjan" /> | ||
| <h3>Komal Ranjan</h3> | ||
| <p>Co-founder & Software Developer</p> | ||
| <p> | ||
| Former Public Relations Consultant, from writing PR articles to | ||
| learning coding and differrent technical coding languages. Currently | ||
| living in Denamrak. Fell in love with website building. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default AboutUs; |
20 changes: 20 additions & 0 deletions
20
packages/client/src/containers/ContactUsPage/ContactUsPage.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| .contact-us-container { | ||
| max-width: 800px; | ||
| margin: 0 auto; | ||
| padding: 20px; | ||
| background-color: #f9f9f9; | ||
| border-radius: 8px; | ||
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | ||
| } | ||
|
|
||
| .contact-us-container h2 { | ||
| color: #333; | ||
| font-size: 30px; | ||
| margin-bottom: 15px; | ||
| } | ||
|
|
||
| .contact-us-container p { | ||
| color: #666; | ||
| font-size: 20px; | ||
| line-height: 1.5; | ||
| } |
16 changes: 16 additions & 0 deletions
16
packages/client/src/containers/ContactUsPage/ContactUsPage.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| import React from 'react'; | ||
| import './ContactUsPage.css'; | ||
|
|
||
| const ContactUs = () => { | ||
| return ( | ||
| <div className="contact-us-container"> | ||
| <h2>Contact Us</h2> | ||
| <p> | ||
| You can reach us via these emails: komalranjan24@gmail.com , | ||
| nish.shanika@gmail.com , pastures77@gmail.com | ||
| </p> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default ContactUs; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,30 @@ | ||
| import React from 'react'; | ||
| import { Link } from 'react-router-dom'; | ||
| import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; | ||
| import { | ||
| faHome, | ||
| faEnvelope, | ||
| faInfoCircle, | ||
| } from '@fortawesome/free-solid-svg-icons'; | ||
| import './Navbar.css'; | ||
|
|
||
| export const Navbar = () => { | ||
| return ( | ||
| <nav className="nav-container"> | ||
| <div className="logo">{/* Add your logo here */}</div> | ||
| <h1 className="nav-header"> | ||
| <Link to="/">RetroRealm</Link> | ||
| <Link to="/"> | ||
| <FontAwesomeIcon icon={faHome} /> RetroRealm | ||
| </Link> | ||
| </h1> | ||
| <div className="nav-right-headers"> | ||
| <Link to="/contact"> | ||
| <FontAwesomeIcon icon={faEnvelope} /> Contact Us | ||
| </Link> | ||
| <Link to="/about"> | ||
| <FontAwesomeIcon icon={faInfoCircle} /> About Us | ||
| </Link> | ||
| </div> | ||
| </nav> | ||
| ); | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters