diff --git a/src/OurSponsors/OurSponsors.css b/src/OurSponsors/OurSponsors.css index 2bba20e..d19ad6b 100644 --- a/src/OurSponsors/OurSponsors.css +++ b/src/OurSponsors/OurSponsors.css @@ -1,3 +1,6 @@ +:root { + --tableBackground: white; +} #OurSponsors { display: flex; flex-direction: column; @@ -12,8 +15,19 @@ } #BecomeASponsors div { + display: flex; + flex-direction: column; + border-bottom: 2px solid black; + padding-bottom: 4svh; + margin-left: 1svw; + margin-right: 1svw; +} + +#BecomeASponsors div div { display: flex; flex-direction: row; + border-bottom: none; + padding: 0px; } #BecomeASponsors a { @@ -24,6 +38,7 @@ border-radius: 5px; margin-left: 1rem; margin-right: 3rem; + width: fit-content; } #BecomeASponsors a:hover { @@ -41,6 +56,32 @@ width: 60%; } +#BecomeASponsors table { + background-color: white; +} + +#BecomeASponsors table caption { + background-color: red; + color: white; + text-align: start; + padding-left: 4svw; + font-size: larger; +} + +#BecomeASponsors table thead { + background-color: black; + color: white; + padding: 10px; +} + +.evenRow { + background-color: lightgrey; +} + +.oddRow { + background-color: whitesmoke; +} + #Sponsor { background-color: white; } @@ -52,6 +93,7 @@ h1 { text-align: left; border-bottom: 2px solid black; + width: fit-content; } .Sponsors { diff --git a/src/OurSponsors/OurSponsors.js b/src/OurSponsors/OurSponsors.js index b6a4557..efc0dbe 100644 --- a/src/OurSponsors/OurSponsors.js +++ b/src/OurSponsors/OurSponsors.js @@ -14,7 +14,8 @@ import yaml from "js-yaml"; const OurSponsors = () => { const [currentSponsorsDict, setCurrentSponsorsDict] = useState(); //variable states for the dictionary of sponsors const [pastSponsorsDict, setPastSponsorsDict] = useState(); - const LinktoSponsorOutreachForm = "https://google.com"; + const LinktoSponsorOutreachForm = + "https://docs.google.com/forms/d/e/1FAIpQLSd8eR1es9QJWjlQfGtpJaf8Jwv63d6Ei2e4FSpoBdkB6OiT4g/viewform?usp=sf_link"; useEffect(() => { getCurrentSponsors(); @@ -62,154 +63,185 @@ const OurSponsors = () => { return (
-

How sponsors help us

-

- Schulich Off-Road expresses deep appreciation for sponsors' crucial - support in various team operations, from sourcing parts to - participating in competitions. Tailored sponsorship agreements - acknowledge each sponsor's unique contributions. As a student-led - team, every form of support, whether monetary or in goods and - services, is essential for success. Past sponsor assistance includes: -

- -

- These partnerships signify a commitment to excellence and innovation - in engineering. -

-

Become a sponsor

+

How sponsors help us

+

+ Schulich Off-Road expresses deep appreciation for sponsors' crucial + support in various team operations, from sourcing parts to + participating in competitions. Tailored sponsorship agreements + acknowledge each sponsor's unique contributions. As a student-led + team, every form of support, whether monetary or in goods and + services, is essential for success. Past sponsor assistance + includes: +

+
    +
  • Design fabrication
    • +
  • Material procurement
    • +
  • Design consultations
    • +
  • Software provision Travel funding for competitions
    • +
+

+ These partnerships signify a commitment to excellence and innovation + in engineering. +

+
+
+

Become a sponsor

+
+ + QR code to contanct us form +

Click on this to open the contact form

+ +

+ Talk about how you can reach out to sponsor us. (Maybe also + include a link to the form as well) +

+
+
+
+

Why Sponsor Us?

+
    +
  • + Objective: Connect sponsors with next generation of Canadian + engineers +
    • +
  • + Opportunity to work with Schulich Off-Road team and wider + undergraduate community at University of Calgary who are a part of + the Schulich Off-Road team +
    • +
  • + Build mutually beneficial relationships with dedicated and + ambitious students +
    • +
  • + Benefits include perks for advertising and promoting services and + company to team members +
    • +
  • + Collaboration with leading companies to ensure members learn + sought-after skills +
    • +
  • + Mitigate frictional unemployment for graduating team members +
    • +
  • + Networking opportunities for members with potential employers +
    • +
  • + Employers can build connections with new generation of engineers + to secure jobs and potential employees +
    • +
- QR code to contanct us form -

Click on this to open the contact form

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

Sponsor Packages

+
{/*blank on purpose to add spcae for a black box */}Diamond $10,000+Platinum $5000Gold $1000Silver $500Bronze $200
Skill Development842
Shop Visits✓
Interviews✓
Portfolios✓ (Detailed)✓
Company Into to team✓✓✓
Custom Gift✓✓✓
Branding on Apperal (single colour)On full sleeveOn Sleeve ForearmMedium on backSmall on backSmall on back
Logo on Vehicle + 36in2 + + 28in2 + + 20in2 + + 10in2 +
Social Media (Min.)Once/2 WeeksOnce/MonthOnce/3 MonthOnce/6 MonthOnce/12 Month
 -

- Talk about how you can reach out to sponsor us. (Maybe also include - a link to the form as well) -

-

Why Sponsor Us?

- - - - -

Sponsor Packages

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
{/*blank on purpose to add spcae for a black box */}Diamond $10,000+Platinum $5000Gold $1000Silver $500Bronze $200
Skill Development842
Shop Visits✓
Interviews✓
Portfolios✓ (Detailed)✓
Company Into to team✓✓✓
Custom Gift✓✓✓
Branding on Apperal (single colour)On full sleeveOn Sleeve ForearmMedium on backSmall on backSmall on back
Logo on Vehicle - 36in2 - - 28in2 - - 20in2 - - 10in2 -
Social Media (Min.)Once/2 WeeksOnce/MonthOnce/3 MonthOnce/6 MonthOnce/12 Month
-