Skip to content

Commit

Permalink
Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@ask1811
ask1811 committed Mar 19, 2023
1 parent a1cb185 commit 2112698
Show file tree
Hide file tree
Showing 4 changed files with 44 additions and 181 deletions.
16 changes: 5 additions & 11 deletions frontend/src/Components/Footer/Footer.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,18 +7,12 @@
font-family: 'Poppins', sans-serif;
}

body {
display: flex;
display: flex-end;
align-items: flex-end;
min-height: 100vh;
background: #333;
}


footer {
position: relative;
width: 100%;
background: red;
background: black;
min-height: 100px;
padding: 20px 50px;
display: flex;
Expand All @@ -40,7 +34,7 @@ footer .social_icon li, footer .menu li {
}
footer .social_icon li a {
font-size: 2em;
color: #ccc;
color: red;
margin: 0 10px;
display: inline-block;
transition: 0.5s;
Expand All @@ -52,7 +46,7 @@ footer .social_icon li a:hover {

footer .menu li a {
font-size: 1.2em;
color: #ccc;
color: red;
margin: 0 10px;
display: inline-block;
transition: 0.5s;
Expand All @@ -78,7 +72,7 @@ footer .wave {
left: 0;
width: 100%;
height: 100px;
background: url(https://i.ibb.co/rZt4Nhg/wave.png);
background: url(https://gifimage.net/wp-content/uploads/2017/11/ecg-gif-12.gif);
background-size: 1000px 100px;
}

Expand Down
43 changes: 19 additions & 24 deletions frontend/src/Components/Footer/Footer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,30 +4,25 @@ const Footer = () => {
return (
<div>
<footer>
<div class="waves">
<div class="wave" id="wave1"></div>
<div class="wave" id="wave2"></div>
<div class="wave" id="wave3"></div>
<div class="wave" id="wave4"></div>
</div>
<ul class="social_icon">
<li><a href="#"><ion-icon name="logo-facebook"></ion-icon></a></li>
<li><a href="#"><ion-icon name="logo-twitter"></ion-icon></a></li>
<li><a href="#"><ion-icon name="logo-linkedin"></ion-icon></a></li>
<li><a href="#"><ion-icon name="logo-instagram"></ion-icon></a></li>
</ul>

<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Contact</a></li>
</ul>
<p>&copy2021 Prakash Sahu | All Rights Reserved</p>
</footer>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<div class="waves">
<div class="wave" id="wave1"></div>
<div class="wave" id="wave2"></div>
<div class="wave" id="wave3"></div>
<div class="wave" id="wave4"></div>
</div>
<ul class="social_icon">
<li><a href="#"><ion-icon name="logo-facebook"></ion-icon></a></li>
<li><a href="#"><ion-icon name="logo-twitter"></ion-icon></a></li>
<li><a href="#"><ion-icon name="logo-linkedin"></ion-icon></a></li>
<li><a href="#"><ion-icon name="logo-instagram"></ion-icon></a></li>
</ul>

<ul class="menu">
<li><a href="#">Home</a></li>
</ul>
</footer>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</div>
)
}
Expand Down
36 changes: 20 additions & 16 deletions frontend/src/pages/Home/Home.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,22 +8,22 @@ const Home = () => {
<div className='content'>
<div className='container'>
<div className='row details'>
<div> <p className=' col-6'>Welcome to our web app for chronic disease detection!
<div> <p className=' col-6'>Welcome to our web app for chronic disease detection!

We understand that managing your health can be challenging, which is why we've developed this tool to help you detect and monitor chronic diseases from the comfort of your own home. Our goal is to empower you to take control of your health and well-being.
We understand that managing your health can be challenging, which is why we've developed this tool to help you detect and monitor chronic diseases from the comfort of your own home. Our goal is to empower you to take control of your health and well-being.

Our web app uses cutting-edge technology to analyze your symptoms and health history to provide you with accurate and personalized results. Our algorithm is designed to detect a range of chronic diseases, including diabetes, hypertension, cardiovascular disease, and more.
Our web app uses cutting-edge technology to analyze your symptoms and health history to provide you with accurate and personalized results. Our algorithm is designed to detect a range of chronic diseases, including diabetes, hypertension, cardiovascular disease, and more.

Using our web app is easy! Simply answer a few questions about your health history and current symptoms, and we'll provide you with a comprehensive report that includes information about potential chronic diseases and next steps for managing your health.
Using our web app is easy! Simply answer a few questions about your health history and current symptoms, and we'll provide you with a comprehensive report that includes information about potential chronic diseases and next steps for managing your health.

We believe that early detection is key to managing chronic diseases and preventing long-term health complications. Our web app is designed to help you take proactive steps towards a healthier future.
We believe that early detection is key to managing chronic diseases and preventing long-term health complications. Our web app is designed to help you take proactive steps towards a healthier future.

Thank you for choosing our web app for chronic disease detection. We're here to support you on your health journey!
Thank you for choosing our web app for chronic disease detection. We're here to support you on your health journey!
</p>
</div>
<div className='hodiv'> <p className='col-4 offset-1'> To check if you have a Heart Disease, enter details here <button type="button" class="btn btn-danger "><a href='/Details' className='dtl'>Click Here</a></button></p>
<p className='col-3 offset-1'> To check if you have a Diabetes, enter details here <button type="button" class="btn btn-danger "><a href='/Details2' className='dtl'>Click here</a></button></p>
</div>
<div className='hodiv'> <p className='col-4 offset-1'> To check if you have a Heart Disease, enter details here <button type="button" class="btn btn-danger "><a href='/Details' className='dtl'>Click Here</a></button></p>
<p className='col-3 offset-1'> To check if you have a Diabetes, enter details here <button type="button" class="btn btn-danger "><a href='/Details2' className='dtl'>Click here</a></button></p>
</div>
</div>

</div>
Expand All @@ -41,13 +41,17 @@ Thank you for choosing our web app for chronic disease detection. We're here to
<div className='content'>
<div className='container'>
<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 className=' col-6'>Welcome to our web app for chronic disease detection!

We understand that managing your health can be challenging, which is why we've developed this tool to help you detect and monitor chronic diseases from the comfort of your own home. Our goal is to empower you to take control of your health and well-being.

Our web app uses cutting-edge technology to analyze your symptoms and health history to provide you with accurate and personalized results. Our algorithm is designed to detect a range of chronic diseases, including diabetes, hypertension, cardiovascular disease, and more.

Using our web app is easy! Simply answer a few questions about your health history and current symptoms, and we'll provide you with a comprehensive report that includes information about potential chronic diseases and next steps for managing your health.

We believe that early detection is key to managing chronic diseases and preventing long-term health complications. Our web app is designed to help you take proactive steps towards a healthier future.

Thank you for choosing our web app for chronic disease detection. We're here to support you on your health journey!
</p>
</div>

Expand Down
130 changes: 0 additions & 130 deletions frontend/src/pages/Login/Login.css
View file

This file was deleted.

0 comments on commit 2112698

Please sign in to comment.