diff --git a/client/public/HomePic.png b/client/public/HomePic.png new file mode 100644 index 0000000..ec4e169 Binary files /dev/null and b/client/public/HomePic.png differ diff --git a/client/src/Components/Home.js b/client/src/Components/Home.js index 693666d..dc506c2 100644 --- a/client/src/Components/Home.js +++ b/client/src/Components/Home.js @@ -2,27 +2,24 @@ import React from 'react' import '../Style/Home.css' + function Home() { return ( -
- -
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.
+
+
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! +
- - add picture here - + HomePic
- -
+
+ ) } + export default Home \ No newline at end of file diff --git a/client/src/Style/Home.css b/client/src/Style/Home.css index 29b7f0c..8cb8b91 100644 --- a/client/src/Style/Home.css +++ b/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%; } +