diff --git a/pages/index.tsx b/pages/index.tsx index 38f90bf2..fd707b02 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -25,10 +25,19 @@ const Home: NextPage = () => {
+
+

Fundraising using a Soroban Template is easy, powerful, and trusted.

+

Get what you need to help your fundraiser succeed on Soroban, whether you’re raising money for yourself, friends, family, or charity. With no fee to start, Soroban is the world’s leading onchain crowdfunding platform—from memorial tributes and funerals to medical emergencies and nonprofits. Whenever you need help, you can ask here.

+
+
+
+

Still have questions? Learn more about how Soroban works.

+

Send us an email at support.soroban.psc

+
) diff --git a/styles/Home.module.css b/styles/Home.module.css index 12e7323a..657071f1 100644 --- a/styles/Home.module.css +++ b/styles/Home.module.css @@ -6,7 +6,7 @@ flex-wrap: wrap; padding-top: 1rem; max-width: 1100px; - margin: auto + margin: auto; } @media (max-width: 1150px) { @@ -27,8 +27,32 @@ .content { display: flex; - max-width: 1100px; - margin: 0 auto; + flex-direction: row; + padding: 10px; + margin-top: 10px; +} + +.text{ + padding: 10px; +} + +.text h1{ + font-size: 4rem; + line-height: 4rem; + margin-bottom: 1rem; +} + +.text h2, .text h3{ + font-weight: 400; + color: #808080; + font-size: 1.6rem; + margin-bottom: 1rem; +} +.text p{ + text-align: center; +} +.text a{ + color: #0070f3; } @media (max-width: 769px) {