Skip to content

Commit

Permalink
Updates to headings and subheading styles inline for mobile devices
Browse files Browse the repository at this point in the history
  • Loading branch information
@annaisaacks
annaisaacks committed Jan 13, 2025
1 parent 41b6ac9 commit 1d9182c
Showing 1 changed file with 19 additions and 21 deletions.
40 changes: 19 additions & 21 deletions apps/website/src/pages/collaborate.js
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/* eslint-disable react/no-unescaped-entities */
import Head from 'next/head';

export default function Collaborate() {
Expand All @@ -9,13 +10,10 @@ export default function Collaborate() {
<main className="flex flex-col justify-center items-center mx-auto min-h-screen bg-black text-white py-16">
<section className="max-w-full bg-black py-32 px-4 md:px-8">
<div className="flex flex-col justify-center items-center">
<h1
className="text-7xl max-w-3xl font-bold text-center leading-relaxed tracking-wide border-none border-0 m-0 pb-4 text-white"
style={{ fontSize: '4.5rem' }}
>
<h1 className="font-bold max-w-4xl text-5xl lg:text-7xl leading-tight text-center align-center border-none border-0 m-0 pt-0 pb-4 text-white">
Collaborate with Us
</h1>
<p className="text-xl text-center max-w-3xl text-gray-500 font-normal">
<p className="text-lg md:text-xl text-center max-w-3xl text-gray-500 font-normal">
Collaborate with us to build real-world projects and gain
invaluable experience. Whether you're a beginner or a seasoned
professional your journey starts here!
Expand All @@ -24,10 +22,10 @@ export default function Collaborate() {
</section>
<section className="max-w-7xl py-24 px-4 md:px-8">
<div className="flex flex-col justify-center items-center">
<h2 className="text-6xl max-w-3xl font-bold text-center leading-relaxed tracking-wide m-0 pb-4 text-white">
<h2 className="text-4xl lg:text-6xl leading-tight font-bold text-center max-w-7xl ">
Choose Your Journey
</h2>
<p className="text-lg text-center max-w-4xl pb-10 text-gray-500 font-normal">
<p className="text-base md:text-lg text-center max-w-4xl py-8 text-gray-500 font-normal">
Our community is diverse, and so are the ways you can join us. We
understand that everyone has different goals and availability,
which is why we offer a variety of membership pathways to support
Expand All @@ -38,28 +36,28 @@ export default function Collaborate() {
</p>
<div className="grid pt-8 gap-4 sm:grid-cols-2 md:grid-cols-3">
<div className="bg-orange-900 border-orange-500 border-4 p-6 rounded-lg">
<h3 className="text-3xl font-bold text-left leading-relaxed tracking-wide text-white">
<h3 className="text-2xl sm:text-3xl font-bold text-left leading-relaxed tracking-wide text-white">
Orbit
</h3>
<p className="text-base text-left text-orange-200 font-normal">
<p className="text-sm md:text-base pt-4 text-left text-orange-200 font-normal">
Engage with our community at your own pace, access resources,
and join our network.
</p>
</div>
<div className="bg-teal-900 border-teal-500 border-4 p-6 rounded-lg">
<h3 className="text-3xl font-bold text-left leading-relaxed tracking-wide text-white">
<h3 className="text-2xl sm:text-3xl font-bold text-left leading-relaxed tracking-wide text-white">
Traveler
</h3>
<p className="text-base text-left text-teal-200 font-normal">
<p className="text-sm md:text-base pt-4 text-left text-teal-200 font-normal">
Dive deeper with flexible project participation and special
events that suit your schedule.
</p>
</div>
<div className="bg-yellow-900 border-yellow-500 border-4 p-6 rounded-lg">
<h3 className="text-3xl font-bold text-left leading-relaxed tracking-wide text-white">
<h3 className="text-2xl sm:text-3xl font-bold text-left leading-relaxed tracking-wide text-white">
Core
</h3>
<p className="text-base text-left text-yellow-200 font-normal">
<p className="text-sm md:text-base pt-4 text-left text-yellow-200 font-normal">
Take a central role in our projects, working regularly as a
team member or leader on impactful software projects. This
path accelerates your growth through hands-on,
Expand All @@ -72,10 +70,10 @@ export default function Collaborate() {

<section className="max-w-full py-24 px-4 md:px-8">
<div className="flex flex-col justify-center items-center">
<h2 className="text-6xl max-w-3xl font-bold text-center leading-relaxed tracking-wide border-none border-0 m-0 pb-4 text-white">
<h2 className="text-4xl lg:text-6xl leading-tight font-bold text-center max-w-7xl ">
Create your Profile
</h2>
<p className="text-lg text-center max-w-3xl text-gray-500 font-normal">
<p className="text-base md:text-lg text-center max-w-3xl py-8 text-gray-500 font-normal">
Create your profile and connect with like-minded individuals in
our vibrant community. Engage with other members, share your
journey, and find partners for your next project. Networking at
Expand All @@ -93,10 +91,10 @@ export default function Collaborate() {
</section>
<section className="max-w-full py-24 px-4 md:px-8">
<div className="flex flex-col justify-center items-center">
<h2 className="text-6xl max-w-3xl font-bold text-center leading-relaxed tracking-wide border-none border-0 m-0 pb-4 text-white">
<h2 className="text-4xl lg:text-6xl leading-tight font-bold text-center max-w-7xl ">
Learn with Resources
</h2>
<p className="text-lg text-center max-w-3xl text-gray-500 font-normal">
<p className="text-base md:text-lg text-center max-w-3xl py-8 text-gray-500 font-normal">
Utilize our comprehensive library of resources, templates, and
tools to enhance your skillset. From beginner to advanced levels,
our learning materials are designed to support your growth in the
Expand All @@ -114,10 +112,10 @@ export default function Collaborate() {
</section>
<section className="max-w-full py-24 px-4 md:px-8">
<div className="flex flex-col justify-center items-center">
<h2 className="text-6xl max-w-3xl font-bold text-center leading-relaxed tracking-wide border-none border-0 m-0 pb-4 text-white">
<h2 className="text-4xl lg:text-6xl leading-tight font-bold text-center max-w-7xl ">
Dream with IdeaSpace
</h2>
<p className="text-lg text-center max-w-3xl text-gray-500 font-normal">
<p className="text-base md:text-lg text-center max-w-3xl py-8 text-gray-500 font-normal">
Members brainstorm, propose, and workshop on software project
ideas. Got a groundbreaking idea? Bring it to our community and
see it take shape!
Expand All @@ -134,10 +132,10 @@ export default function Collaborate() {
</section>
<section className="max-w-full py-24 px-4 md:px-8">
<div className="flex flex-col justify-center items-center">
<h2 className="text-6xl max-w-3xl font-bold text-center leading-relaxed tracking-wide border-none border-0 m-0 pb-4 text-white">
<h2 className="text-4xl lg:text-6xl leading-tight font-bold text-center max-w-7xl ">
Join with Dev Recruit
</h2>
<p className="text-lg text-center max-w-3xl text-gray-500 font-normal">
<p className="text-base md:text-lg text-center max-w-3xl py-8 text-gray-500 font-normal">
Looking to dive deeper into tech and gain practical experience?
Explore our Dev Recruit platform for available opportunities
designed to hone your skills through intensive and collaborative
Expand Down

0 comments on commit 1d9182c

Please sign in to comment.