Home Page UI #88
|
@ -93,12 +93,10 @@
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* TODO: use <ConnectWithUs> and <EmailSighup> components and modify/get rid of below styles */
|
|
||||||
.contact {
|
.contact {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: calc(800rem / 16);
|
max-width: calc(800rem / 16);
|
||||||
padding: calc(20rem / 16);
|
padding: calc(30rem / 16) calc(40rem / 16) calc(80rem / 16);
|
||||||
padding-bottom: calc(20rem / 16);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* On a smaller desktop screen, make the events/new flow vertically */
|
/* On a smaller desktop screen, make the events/new flow vertically */
|
||||||
|
@ -155,7 +153,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: calc(8rem / 16);
|
gap: calc(8rem / 16);
|
||||||
|
|
||||||
padding: calc(36rem / 16) calc(40rem / 16);
|
padding: calc(36rem / 16) calc(30rem / 16) calc(20rem / 16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardsHeading {
|
.cardsHeading {
|
||||||
|
@ -175,4 +173,9 @@
|
||||||
border: none;
|
border: none;
|
||||||
background-color: var(--purple-2);
|
background-color: var(--purple-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contact {
|
||||||
|
padding: calc(30rem / 16);
|
||||||
|
padding-bottom: calc(80rem / 16);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,6 +3,8 @@ import { Image } from "../components/Image";
|
||||||
import { SocialLinks } from "../components/SocialLinks";
|
import { SocialLinks } from "../components/SocialLinks";
|
||||||
import { EventDescriptionCard } from "../components/EventDescriptionCard";
|
import { EventDescriptionCard } from "../components/EventDescriptionCard";
|
||||||
import { NewsCard } from "../components/NewsCard";
|
import { NewsCard } from "../components/NewsCard";
|
||||||
|
import { ConnectWithUs } from "../components/ConnectWithUs";
|
||||||
|
import { EmailSignup } from "../components/EmailSignup";
|
||||||
import styles from "./index.module.css";
|
import styles from "./index.module.css";
|
||||||
|
|
||||||
// temporary event and news imports
|
// temporary event and news imports
|
||||||
|
@ -72,7 +74,8 @@ export default function Home() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.contact}>
|
<div className={styles.contact}>
|
||||||
{/* TODO: use <ConnectWithUs> and <EmailSighup> components */}
|
<ConnectWithUs />
|
||||||
|
<EmailSignup />
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue