Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-06-15 21:34:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

init home page

Browse Source
This commit is contained in:
darkicewolf50 2024-03-09 14:29:31 -07:00 committed by darkicewolf50
parent d9e8d634fe
commit 1c18131a3d
2 changed files with 67 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/AboutUs/AboutUs.css Normal file
View File

@ -0,0 +1,25 @@
#aboutUs {
display: flex;
flex-direction: column;
align-content: center;
}
#benefits {
display: flex;
flex-direction: column;
}
.aboutUs article {
display: grid;
grid-template-columns: 50% 45%;
column-gap: 15px;
align-content: center;
padding-top: 15px;
padding-left: 5%;
padding-right: 5%;
}
.aboutUs img {
height: 300px;
width: 100%;
}

47
src/AboutUs/AboutUs.js
View File

@ -1,5 +1,42 @@
export default function AboutsUs() {
return (
<p>About Us</p>
);
};
import "./AboutUs.css";
const AboutsUs = () => {
return (
<main className="aboutUs">
<img
src="https://res.cloudinary.com/dpgrgsh7g/image/upload/v1710016930/IMG-20240207-WA0000_e1jcf4.jpg"
alt="Schulich off Road Banner"
/>
<article>
<img
src="https://res.cloudinary.com/dpgrgsh7g/image/upload/v1710016930/IMG-20240207-WA0000_e1jcf4.jpg"
alt="Who we are//temp"
/>
<p>Who we are</p>
</article>
<article>
<p>
What we do, breifly list the broad categories of what people do in our
team
</p>
<img
src="https://res.cloudinary.com/dpgrgsh7g/image/upload/v1710016930/IMG-20240207-WA0000_e1jcf4.jpg"
alt="montage of images mainly showcasing team memebers working"
/>
</article>
<article id="benefits">
<p>
What are the benefits of joing the team small list of how we actually
beneit new members
</p>
<ul>
<li>benefit 1</li>
<li>benefit 2</li>
<li>benefit 3</li>
</ul>
</article>
</main>
);
};
export default AboutsUs;