diff --git a/src/sections/Footer/Footer.tsx b/src/sections/Footer/Footer.tsx index 2c4650df9f..dd024705d0 100644 --- a/src/sections/Footer/Footer.tsx +++ b/src/sections/Footer/Footer.tsx @@ -7,12 +7,20 @@ const FooterComponent: React.FC = () => (

Let's get in touch.

- +
+ + +
diff --git a/src/static/copy/Sponsors/Sponsors.json b/src/static/copy/Sponsors/Sponsors.json index 48575ddbd0..1fc18cbdde 100644 --- a/src/static/copy/Sponsors/Sponsors.json +++ b/src/static/copy/Sponsors/Sponsors.json @@ -1,7 +1,8 @@ [ { "title": "We Can't Do it Without You!", - "text": "Our sponsors are the difference between a group of dreamy-eyed students and a team working on a functional Hyperloop pod. They’ve played a key role in our team’s every success, and we depend on them to make our vision possible. We’re incredibly grateful to all of our sponsors for their generous support. If you’re interested in what we’re building and would like to support us, please get in touch at sponsorship@waterloop.ca!", - "link": "sponsors" + "text": "Our sponsors are the difference between a group of dreamy-eyed students and a team working on a functional Hyperloop pod. They’ve played a vital role in our team’s every success, and we depend on them to make our vision possible. We’re incredibly grateful to all of our sponsors for their generous support. If you’re interested in what we’re building and would like to support us, please get in touch by using the form below!" , + "link": "contact", + "linkText": "Sponsor Us" } ] \ No newline at end of file diff --git a/src/theme/styles.scss b/src/theme/styles.scss index ee153afa13..76367f529e 100644 --- a/src/theme/styles.scss +++ b/src/theme/styles.scss @@ -188,6 +188,7 @@ textarea { overflow: hidden; } } + .footer-row { display: flex; justify-content: space-between; @@ -199,6 +200,14 @@ textarea { } } } + +.footer-buttons{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center +} + .button-yellow { border: 2px solid $yellow; background-color: $navy; @@ -209,7 +218,7 @@ textarea { border-radius: 15px; height: 50px; width: 150px; - margin: 0 100px 0 0; + margin: 5px 100px 5px 0; transition: all 0.3s; &:hover { background-color: $yellow;