Home

joshuajoyreji · Mar 18, 2023 · 2100ae2 · 2100ae2
1 parent 548ea37
commit 2100ae2
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 9 deletions.
diff --git a/frontend/src/pages/Details/Details.js b/frontend/src/pages/Details/Details.js
@@ -97,7 +97,7 @@ function Details() {
                     </div>
                     <br />
                     <div class="form-group">
-                        <label class="control-label col-2">Resting electrocardiographic result :</label>
+                        <label class="control-label col-2">Resting electrocardiographic result:</label>
                         <input type="radio" id="0r" name="re" value="0" />
                         <label class="col-1 re" for="0r">0</label>
                         <input type="radio" id="1r" name="re" value="1" />

diff --git a/frontend/src/pages/Home/Home.css b/frontend/src/pages/Home/Home.css
@@ -5,4 +5,10 @@ min-height: 100vh;
 }
 .details{
     color: #fff;
+    padding-top: 50px;
+}
+
+.dtl{
+    color: white;
+    text-decoration: none;
 }
diff --git a/frontend/src/pages/Home/Home.js b/frontend/src/pages/Home/Home.js
@@ -6,14 +6,19 @@ const Home = () => {
         <>
             <div className='content'>
                 <div className='container'>
-                    <p className='details'>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
-                    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
-                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-                    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-                    mollit anim id est laborum.
-                    </p>
+                    <div className='row details'>
+                        <p className=' col-6'>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+                        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+                        nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+                        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+                        mollit anim id est laborum.
+                        </p>
+                        <p className='col-3 offset-1'> To check health, enter details here<button type="button" class="btn btn-danger "><a href='/Details' className='dtl'>Details</a></button></p>
+
+                    </div>
+
                 </div>
 
             </div>