Merge pull request #291 from ksprabin/EMBCDFA-1053

EMBCDFA-1053: landing page
bcgov · Nov 1, 2023 · bfbc208 · bfbc208
2 parents 9de2924 + 1bc8661
commit bfbc208
Show file tree

Hide file tree

Showing 3 changed files with 78 additions and 9 deletions.
diff --git a/landing-page/src/html/index.html b/landing-page/src/html/index.html
@@ -33,6 +33,22 @@
 }
 
 
+table td.borderCls {
+    position: relative;
+}
+
+table td.borderCls:after {
+    position: absolute;
+    border-right: 1px solid grey;
+    content: "";
+    top: 10%;
+    bottom: 10%;
+    right: -1px;
+}
+
+/*table td.borderCls {
+    border-right: 1px solid grey;
+}*/
 
 p {
 	font-size: 16px;
@@ -58,6 +74,11 @@
 	margin-bottom: 10px;
 }
 
+.headSize {
+    text-align: center;
+}
+
+
 @media (min-width: 1024px) {
 	h1 {
 		font-size: 40px;
@@ -658,10 +679,11 @@ <h1>Disaster Financial Assistance (DFA)</h1>
 				<div class="are-evacuated-description">
 					<!--<h1>Are you Eligible?</h1>
 					<p>If you've recently experienced a disaster and your event is not on the eligible events list, contact your Indigenous or local government first.</p>-->
-					<p>Eligible event is open.
+					<p>
 					<table>
 						<tr>
-							<td>
+							<td class="borderCls">
+								<h3 class="headSize">Homeowner or Residential Tenant</h3>
 								<p>If you are a homeowner or residential tenant, you may submit an application by selecting this button and signing in with BC Service Card: </p>
 
 								<div id="divHomeOwnerButton" class="are-evacuated-registration center">
@@ -672,7 +694,8 @@ <h1>Disaster Financial Assistance (DFA)</h1>
 								</div>
 							</td>
 							<td>
-								<p>If you are a small business, farm, or charitable organization, you may submit an application by selecting this button and signing in with BCeID: </p>
+								<h3 class="headSize">Small Business, Farm, or Charitable Organization</h3>
+								<p>If you are a small business (including landlords), farm, or charitable organization, you may submit an application by selecting this button and signing in with BCeID: </p>
 
 
 								<div id="divSmallBusinessButton" class="are-evacuated-registration center">

diff --git a/landing-page/src/html/prod-index.html b/landing-page/src/html/prod-index.html
@@ -33,6 +33,22 @@
 }
 
 
+table td.borderCls {
+    position: relative;
+}
+
+table td.borderCls:after {
+    position: absolute;
+    border-right: 1px solid grey;
+    content: "";
+    top: 10%;
+    bottom: 10%;
+    right: -1px;
+}
+
+/*table td.borderCls {
+    border-right: 1px solid grey;
+}*/
 
 p {
 	font-size: 16px;
@@ -58,6 +74,11 @@
 	margin-bottom: 10px;
 }
 
+.headSize {
+    text-align: center;
+}
+
+
 @media (min-width: 1024px) {
 	h1 {
 		font-size: 40px;
@@ -658,10 +679,11 @@ <h1>Disaster Financial Assistance (DFA)</h1>
 				<div class="are-evacuated-description">
 					<!--<h1>Are you Eligible?</h1>
 					<p>If you've recently experienced a disaster and your event is not on the eligible events list, contact your Indigenous or local government first.</p>-->
-					<p>Eligible event is open.
+					<p>
 					<table>
 						<tr>
-							<td>
+							<td class="borderCls">
+								<h3 class="headSize">Homeowner or Residential Tenant</h3>
 								<p>If you are a homeowner or residential tenant, you may submit an application by selecting this button and signing in with BC Service Card: </p>
 
 								<div id="divHomeOwnerButton" class="are-evacuated-registration center">
@@ -672,7 +694,8 @@ <h1>Disaster Financial Assistance (DFA)</h1>
 								</div>
 							</td>
 							<td>
-								<p>If you are a small business, farm, or charitable organization, you may submit an application by selecting this button and signing in with BCeID: </p>
+								<h3 class="headSize">Small Business, Farm, or Charitable Organization</h3>
+								<p>If you are a small business (including landlords), farm, or charitable organization, you may submit an application by selecting this button and signing in with BCeID: </p>
 
 
 								<div id="divSmallBusinessButton" class="are-evacuated-registration center">

diff --git a/landing-page/src/html/training-index.html b/landing-page/src/html/training-index.html
@@ -33,6 +33,22 @@
 }
 
 
+table td.borderCls {
+    position: relative;
+}
+
+table td.borderCls:after {
+    position: absolute;
+    border-right: 1px solid grey;
+    content: "";
+    top: 10%;
+    bottom: 10%;
+    right: -1px;
+}
+
+/*table td.borderCls {
+    border-right: 1px solid grey;
+}*/
 
 p {
 	font-size: 16px;
@@ -58,6 +74,11 @@
 	margin-bottom: 10px;
 }
 
+.headSize {
+    text-align: center;
+}
+
+
 @media (min-width: 1024px) {
 	h1 {
 		font-size: 40px;
@@ -658,10 +679,11 @@ <h1>Disaster Financial Assistance (DFA)</h1>
 				<div class="are-evacuated-description">
 					<!--<h1>Are you Eligible?</h1>
 					<p>If you've recently experienced a disaster and your event is not on the eligible events list, contact your Indigenous or local government first.</p>-->
-					<p>Eligible event is open.
+					<p>
 					<table>
 						<tr>
-							<td>
+							<td class="borderCls">
+								<h3 class="headSize">Homeowner or Residential Tenant</h3>
 								<p>If you are a homeowner or residential tenant, you may submit an application by selecting this button and signing in with BC Service Card: </p>
 
 								<div id="divHomeOwnerButton" class="are-evacuated-registration center">
@@ -672,7 +694,8 @@ <h1>Disaster Financial Assistance (DFA)</h1>
 								</div>
 							</td>
 							<td>
-								<p>If you are a small business, farm, or charitable organization, you may submit an application by selecting this button and signing in with BCeID: </p>
+								<h3 class="headSize">Small Business, Farm, or Charitable Organization</h3>
+								<p>If you are a small business (including landlords), farm, or charitable organization, you may submit an application by selecting this button and signing in with BCeID: </p>
 
 
 								<div id="divSmallBusinessButton" class="are-evacuated-registration center">