Skip to content

Commit

Permalink
changed table styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@sannidhi-s-shetty
sannidhi-s-shetty committed Sep 22, 2023
1 parent e173e61 commit b1a4258
Show file tree
Hide file tree
Showing 2 changed files with 22 additions and 22 deletions.
2 changes: 1 addition & 1 deletion components/NavBar.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,7 +116,7 @@ const NavBar = () => {
</div>
<div className="marquee">
<div className="track">
<div className="content"><span style={{ color: 'red' , marginLeft: '20px' }} >Deadline extended.</span> Notification of Acceptance: 25th September 2023<span style={{ color: 'red' , marginLeft: '20px' }} >Deadline extended.</span> Early Bird Registration: 30th September 2023<span style={{ color: 'red' , marginLeft: '20px' }} >Deadline extended.</span> Submission of Camera-ready Manuscript and Copyright Form: 30th September 2023 </div>
<div className="content"><span className="text-red-800 ml-20">Deadline extended.</span> Notification of Acceptance: 25th September 2023<span className="text-red-800 ml-20">Deadline extended.</span> Early Bird Registration: 30th September 2023<span className="text-red-800 ml-20" >Deadline extended.</span> Submission of Camera-ready Manuscript and Copyright Form: 30th September 2023 </div>
</div>
</div>
</div>
Expand Down
42 changes: 21 additions & 21 deletions pages/registration.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,55 +78,55 @@ function registration() {
</h2> */}
<p className="mt-4 text-gray-600">
<div className="overflow-x-auto">
<table className="min-w-full divide-y-2 divide-gray-200 divide-x text-sm border-2">
<thead className="divide-x divide-y">
<tr >
<table className="min-w-full divide-y divide-x text-sm border-2 border-blue-900 divide-blue-900 ">
<thead className="divide-x divide-y divide-blue-900 ">
<tr className="bg-blue-900 text-white">

<th colSpan={6} ><b>Indian Delegates (INR)</b></th>
<th colSpan={6} >Indian Delegates (INR)</th>
</tr>
<tr className="divide-x ">
<tr className="divide-x divide-blue-900">
<th colSpan={2} rowSpan={2}>Categories</th>
<th colSpan={2}>Early Bird Registration (till 30th September 2023)</th>
<th colSpan={2}>Regular Registration (after 30th September 2023)</th>
</tr>
<tr className="divide-x">
<tr className="divide-x divide-blue-900">
<th className="hidden"></th>
<th>IEEE</th>
<th>Non-IEEE</th>
<th>IEEE</th>
<th>Non-IEEE</th>
</tr>
</thead>
<tbody className="divide-y divide-gray-200 ">
<tr className="divide-x text-center">
<tbody className="divide-y divide-blue-900 ">
<tr className="divide-x text-center divide-blue-900 ">
<th rowSpan={3}>With Authorship</th>
<th >Student/Research Scholars</th>
<td>4000</td>
<td>5000</td>
<td>5000</td>
<td>6500</td>
</tr>
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th className="hidden"></th>
<th>Academicians</th>
<td>5000</td>
<td>6000</td>
<td>6000</td>
<td>8000</td>
</tr>
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th className="hidden"></th>
<th>Industry Professionals</th>
<td>6000</td>
<td>7000</td>
<td>10000</td>
<td>13500</td>
</tr>
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th colSpan={2}>Pre Conference Tutorial</th>
<td colSpan={4}>500</td>
</tr>
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th colSpan={2}>
Conference Participation without authorship-attendee
</th>
Expand All @@ -135,17 +135,17 @@ function registration() {
</td>
</tr>
{/* <br /> */}
<tr className="divide-x text-center">
<tr className="divide-x text-center bg-blue-900 text-white divide-blue-900 ">
<th colSpan={6}>
Foreign Delegates (USD)
</th>
</tr>
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th colSpan={2} rowSpan={2}>Categories</th>
<th colSpan={2}>Early Bird Registration (till 30th September 2023)</th>
<th colSpan={2}>Regular Registration (after 30th September 2023)</th>
</tr>
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th className="hidden"></th>
<th>IEEE</th>
<th>Non-IEEE</th>
Expand All @@ -154,35 +154,35 @@ function registration() {
</tr>
{/* </thead> */}
{/* <tbody className="divide-y divide-gray-200"> */}
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th rowSpan={3}>With Authorship</th>
<th>Student/Research Scholars</th>
<td>75</td>
<td>100</td>
<td>100</td>
<td>130</td>
</tr>
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th className="hidden"></th>
<th>Academicians</th>
<td>90</td>
<td>120</td>
<td>125</td>
<td>160</td>
</tr>
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th className="hidden"></th>
<th>Industry Professionals</th>
<td>100</td>
<td>125</td>
<td>200</td>
<td>240</td>
</tr>
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th colSpan={2}>Pre Conference Tutorial</th>
<td colSpan={4}>25</td>
</tr>
<tr className="divide-x text-center">
<tr className="divide-x text-center divide-blue-900 ">
<th colSpan={2}>
Conference Participation without authorship-attendee
</th>
Expand Down Expand Up @@ -228,7 +228,7 @@ function registration() {
</div>
</p>
<p>
<strong><i>*All the pricing details mentioned above are inclusive of 18% GST</i></strong>
<strong><i className="text-red-800">*All the pricing details mentioned above are inclusive of 18% GST</i></strong>
</p>
</section>
<section className="mx-auto max-w-screen-xl px-4 py-4 sm:px-6 lg:px-8">
Expand Down

0 comments on commit b1a4258

Please sign in to comment.