-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
finish hardcoding upcomingElections Page
- Loading branch information
1 parent
c87e052
commit a493f22
Showing
2 changed files
with
30 additions
and
23 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| export default function ElectionDates() { | ||
| return ( | ||
| <div className='bg-gray-100 m-4 rounded-xl grid grid-cols-2 p-4 max-w-lg align-center'> | ||
| <p className="font-semibold text-red-500 m-2 text-center ">SEPT 2 @ 5PM</p> | ||
| <p className='m-2 text-left'>Deadline for registration of voters for Preliminary Municipal Election.</p> | ||
| </div> | ||
| ) | ||
|
|
||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,43 +1,41 @@ | ||
| import React from "react"; | ||
| import Button from '@mui/material/Button'; | ||
| import ElectionDates from './electionDates' | ||
|
|
||
| export default function UpcomingElections() { | ||
| return ( | ||
| <div> | ||
| <div className='flex flex-col justify-center items-center p-4'> | ||
| <div className=''> | ||
| <div className='flex flex-col justify-center items-center p-4 text-center'> | ||
| <h1 className='text-blue-700 font-bold text-8xl '>LET’S VOTE!</h1> | ||
| <p className='p-5'>The most important information about Boston's municiple elections to help you naviagte your voting journey</p> | ||
| </div> | ||
|
|
||
|
|
||
| <div className='flex flex-col justify-center items-center p-4'> | ||
| <Button variant="contained" className='p-4 m-4 rounded-2xl bg-blue-700 text-white'>Your Voter Info</Button> | ||
| <Button variant="contained" className='p-4 m-4 rounded-2xl bg-white text-blue-700 border-blue-800 border-4 hover:bg-gray-100' >How do I register</Button> | ||
| <Button variant="contained" className='p-4 m-4 rounded-full bg-blue-700 text-white'>Your Voter Info</Button> | ||
| <Button variant="contained" className='p-4 m-4 rounded-full bg-white text-blue-700 border-blue-800 border-4 hover:bg-gray-100' >How do I register</Button> | ||
| <p className='text-red-500'>Deadline to register: <strong>Aug 24, 2024</strong></p> | ||
| </div> | ||
|
|
||
| <h1 className="text-center font-semibold text-3xl m-10">Boston’s Municipal Election Dates</h1> | ||
|
|
||
| <div className="flex items-center justify-center flex-wrap"> | ||
| <div className='bg-gray-100 m-4 rounded-xl grid grid-cols-2 p-4 max-w-md align-center'> | ||
| <p className="font-semibold text-red-500 m-2 text-center ">SEPT 2 @ 5PM</p> | ||
| <p className='m-2 text-left'>Deadline for registration of voters for Preliminary Municipal Election.</p> | ||
| </div> | ||
|
|
||
| <div className='bg-gray-100 m-4 rounded-xl grid grid-cols-2 p-4 max-w-md align-center'> | ||
| <p className="font-semibold text-red-500 m-2 text-center ">SEPT 2 @ 5PM</p> | ||
| <p className='m-2 text-left'>Deadline for registration of voters for Preliminary Municipal Election.</p> | ||
| </div> | ||
|
|
||
| <div className='bg-gray-100 m-4 rounded-xl grid grid-cols-2 p-4 max-w-md align-center'> | ||
| <p className="font-semibold text-red-500 m-2 text-center ">SEPT 2 @ 5PM</p> | ||
| <p className='m-2 text-left'>Deadline for registration of voters for Preliminary Municipal Election.</p> | ||
| </div> | ||
|
|
||
| <div className='bg-gray-100 m-4 rounded-xl grid grid-cols-2 p-4 max-w-md align-center'> | ||
| <p className="font-semibold text-red-500 m-2 text-center ">SEPT 2 @ 5PM</p> | ||
| <p className='m-2 text-left'>Deadline for registration of voters for Preliminary Municipal Election.</p> | ||
| </div> | ||
| <ElectionDates /> | ||
| <ElectionDates /> | ||
| <ElectionDates /> | ||
| <ElectionDates /> | ||
| </div> | ||
|
|
||
| <div className='flex flex-col justify-center items-center p-4 my-10'> | ||
| <p className=' font-semibold p-4'>You may be wondering.....</p> | ||
| <Button variant="outlined" className='p-4 m-4 rounded-full bg-white text-blue-700 border-blue-800 hover:bg-gray-100'>Whats on the Ballot </Button> | ||
| <Button variant="outlined" className='p-4 m-4 rounded-full bg-white text-blue-700 border-blue-800 hover:bg-gray-100' >What are my voting options </Button> | ||
|
|
||
| </div> | ||
|
|
||
|
|
||
|
|
||
|
|
||
| </div> | ||
| ) | ||
| } |