diff --git a/src/AboutUs/AboutUs.css b/src/AboutUs/AboutUs.css index 9beacc2..ea3d2f9 100644 --- a/src/AboutUs/AboutUs.css +++ b/src/AboutUs/AboutUs.css @@ -9,7 +9,11 @@ flex-direction: column; } -.aboutUs article { +#benefits h2 { + text-align: center; +} + +.aboutUs div { display: grid; grid-template-columns: 50% 45%; column-gap: 15px; @@ -19,7 +23,41 @@ padding-right: 5%; } +.aboutUs div div { + display: flex; + flex-direction: column; +} + +.aboutUs h2 { + border-bottom: solid 2px black; +} + .aboutUs img { height: 300px; width: 100%; } + +.aboutUs div img { + padding-top: 4rem; +} + +.aboutUs ul { + padding: 0px; + padding-left: 10%; +} + +.aboutUs li { + max-width: 15rem; +} + +.aboutUs table { + display: flex; + justify-content: center; + padding-bottom: 2rem; +} + +.aboutUs td { + padding: 5rem; + padding-top: 0px; + padding-bottom: 0px; +} diff --git a/src/AboutUs/AboutUs.js b/src/AboutUs/AboutUs.js index 9e548ff..d0705a5 100644 --- a/src/AboutUs/AboutUs.js +++ b/src/AboutUs/AboutUs.js @@ -5,7 +5,7 @@ import "./AboutUs.css"; * @returns {JSX.Element} page - returns the content of the page * @description The home/About us Page * @author Brock - * @todo Add content in paragraphs, real photos add add banner image slider + * @todo Add real photos add add banner image slider */ const AboutsUs = () => { return ( @@ -14,34 +14,92 @@ const AboutsUs = () => { src="https://res.cloudinary.com/dpgrgsh7g/image/upload/v1710016930/IMG-20240207-WA0000_e1jcf4.jpg" alt="Schulich off Road Banner" /> -
+
Who we are//temp -

Who we are

-
-
-

- What we do, breifly list the broad categories of what people do in our - team -

+
+

Schulich Off-Road

+

+ Schulich Off-Road is a student organization responsible for + designing, building, and racing an off-road vehicle in the Baja SAE + intercollegiate competition organized by the Society of Automotive + Engineers (SAE) every year. Schulich Off-Road's cars are tough, + dependable, competitive, and extremely fun to drive. +

+

+ Schulich Off-road is a team consisting of talented and determined + competitive individuals in engineering who strive to expand their + horizons, earn experience, and network with leading companies in + their respective fields. Our members achieve this by being a part of + one of our 6 sub-teams: Drivetrain, Logistics and Software, + Suspension, Chassis and Ergonomics, Steering, and Electrical and + Testing. +

+
+ +
+
+

Our Work / Projects

+

+ Students involved in Schulich Off-Road gain practical experience in + design and manufacturing by constructing various car components. + They learn to balance cost, manufacturing limitations, and + performance to develop optimal parts, budgets, and processes. This + involves using CAD technology like SolidWorks and FEA simulations. +

+

+ Additionally, members acquire hands-on skills such as welding and + operating metal cutting machines. Each team member handles a + specific component, collaborating, researching, and troubleshooting + throughout the design and execution process. After building the + vehicle, students can attend competitions worldwide, where they must + address issues promptly and work as a team to replace broken parts + to stay competitive. +

+
montage of images mainly showcasing team memebers working -
-
-

- What are the benefits of joing the team small list of how we actually - beneit new members -

- -
+ +
+

Benefits of being a part of the team

+ + + + + + + + + + + +
+

Hands on-Experience

+
+

Application of knowledge

+
+
    +
  • Designing & Drawings
  • +
  • Testing Parts
  • +
  • Manufacturing the product
  • +
+
+
    +
  • + Get the chance to work on one or more of the many projects + offered by your chosen sub-team +
  • +
+
+ (If we do a rotating images thing for the top, and still want to keep this on the bottom, maybe we can change it to a more collage type thing for this box) +
); };