Sachi branch

client/src/Components/Home.js

@@ -2,27 +2,24 @@ import React from 'react'
 import '../Style/Home.css'
 
 
+
 function Home() {
   return (
-    <div className="home-container">
-
-      <div className="text-main">Vaxtrack serves as a repository for your vaccinations throughout yours or your child’s lifetime. 
-        This application allows the user to create individual accounts for themselves or family members for which they 
-        want to track their vaccination record. After creating a profile, they can enter vaccination records, upload important 
-        relevant documentation for each record, 
-        and even have a physician verify specific vaccinations. </div>
+  <div className="home-container">
+      <div className="text-main">Keep track of your vaccinations easily with Vaxtrack! We are an easy to use platform that lets you create individual accounts for yourself or family members to monitor your vaccination record over time. No more lost vaccine records at the start of each new job or school year…. After creating a user profile, enter vaccine history and important relevant documentation. Even have your physician verify specific vaccinations via our system! 
 
+      Try VaxTrack Now! 
+       </div>
       <div className="picture-main">
-
-      add picture here
-
+        <img className="img-mainpage" src='./HomePic.png' alt="HomePic" />
       </div>
-       
-    </div>
+    </div>  
+
 
   )
 }
 
 
 
+
 export default Home

client/src/Style/Home.css

@@ -1,19 +1,22 @@
+
 .home-container{
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin: 3%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 3%;
 }
-
 .picture-main{
-
-        width: 45%;
-        display: flex;
-        justify-content: center;
+    display: flex;
+    justify-content: center;
 }
 .text-main{
-        margin-top: 4%;
-        padding: 2%;
-        width: 45%   
+    margin-top: 4%;
+    padding: 2%;
+    width: 45%
+}
+
+.img-mainpage{
+    width: 45%;
 }
 
+