-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' of https://github.com/iarmaansingh/HealthSpot
- Loading branch information
Showing
17 changed files
with
480 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,134 @@ | ||
| #search{ | ||
| width: auto; | ||
| } | ||
| .red{ | ||
| border:solid grey; | ||
| width:max-content; | ||
| border-radius: 9px; | ||
|
|
||
| } | ||
| .top{ | ||
| border: none; | ||
| } | ||
|
|
||
| #topleft{ | ||
| border-right: dotted; | ||
| } | ||
|
|
||
| .container{ | ||
| background-color: blanchedalmond; | ||
| border-radius: 25px; | ||
| width: 80%; | ||
|
|
||
| padding: 20px; | ||
| background-image: url(); | ||
| background-size: 300px 250px; | ||
| background-position: right; | ||
| background-repeat: no-repeat; | ||
|
|
||
| margin-top: 15px; | ||
|
|
||
| } | ||
| #button{ | ||
| border-radius: 35px; | ||
| background-color: rgba(245, 245, 245, 0.455); | ||
| } | ||
|
|
||
| #inner{ | ||
| background-color: orangered; | ||
| color: white; | ||
| width: 100px; | ||
| height: 25px; | ||
| border-radius: 25px; | ||
| padding: 9px; | ||
| font-size:medium ; | ||
| font-weight: 900; | ||
| text-decoration:underline; | ||
| } | ||
| #expert{ | ||
| padding-left:150px; | ||
|
|
||
|
|
||
| border-radius: 25px; | ||
| width: 1000px; | ||
| background-color: #9BB0C1; | ||
|
|
||
| } | ||
| #img{ | ||
| width: 400px; | ||
| height: 250px; | ||
| } | ||
| .image{ | ||
| display: flex; | ||
| flex-direction: center; | ||
| } | ||
| .photo img{ | ||
| margin-left: 25px; | ||
| } | ||
|
|
||
| .inline{ | ||
| display: inline; | ||
| margin-left: 100px; | ||
| } | ||
| #one{ | ||
| margin-left: 75px; | ||
| } | ||
| .tag{ | ||
| display: inline-block; | ||
| } | ||
| button{ | ||
| padding: 13px 30px; | ||
| margin-left: 15px; | ||
| border-radius: 25px; | ||
| } | ||
| section div{ | ||
|
|
||
| border: 1px solid whitesmoke; | ||
| display: block; | ||
| width: 80 px; | ||
| text-align: left; | ||
| background-color: whitesmoke; | ||
| } | ||
|
|
||
| main{ | ||
| margin-left:150px; | ||
| } | ||
| .align{ | ||
| display: inline-block; | ||
| margin-right: 90px; | ||
| margin-top: 40px; | ||
| } | ||
| #price,#book,#real,#off{ | ||
| display: inline; | ||
| margin-right: 9px; | ||
| } | ||
|
|
||
| #price{ | ||
| font-size: larger; | ||
| } | ||
|
|
||
| #real{ | ||
| color: grey; | ||
| text-decoration: line-through; | ||
| } | ||
|
|
||
| #off{ | ||
| color: green; | ||
| font-weight: 700; | ||
| } | ||
|
|
||
| #book{ | ||
| background-color: rgb(6, 139, 248); | ||
| color: white; | ||
| border-radius: 10px; | ||
| } | ||
|
|
||
| .center{ | ||
| margin-left:10px; | ||
| } | ||
|
|
||
| button:hover{ | ||
| text-decoration: underline; | ||
| background-color: #B0C5A4 ; | ||
| color: black; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,78 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Lab test </title> | ||
| <link rel="stylesheet" href="/public/p.css"> | ||
| </head> | ||
| <body> | ||
| <main> | ||
| <div class="red"> | ||
| <input type="text" placeholder="Select any city or locality" class="top" id="topleft"> | ||
|
|
||
| <input type="text" id = "search" placeholder="Search for Tests,Packages and Profiles" class="top" > | ||
| </div> | ||
| <div class="main"> | ||
| <div class="container"> | ||
| <div id="inner">Limited Offer</div> | ||
| <h1> Tax saver package(Advanced) Now at ₹2999</h1> | ||
| <ul> | ||
| <li>Full body checkup with cardiac risk markers & Vit B12</li> | ||
| <li>FREE home sample pickup</li> | ||
| </ul> | ||
| <button id =" button">Book Now</button> | ||
|
|
||
| </div> | ||
| <!-- <div class="image"> | ||
| <img id ="img" src="health.jpg" alt=""> | ||
| </div> --> | ||
| </div> | ||
|
|
||
| <div id="expert"> | ||
| <h2>Need help with booking your test?</h2> | ||
| <p>our experts are here to help you</p> | ||
|
|
||
| </div> | ||
| <div class="photo"> | ||
| <h2>Find text by health concern</h2> | ||
| <div class="tag"><img src="/src/Cancer.svg" class="main"><p>    Cancer</p></div> | ||
| <div class="tag"><img src="/src/Diabetes.svg" alt="" class="main"><p>    Diabetes</p></div> | ||
| <div class="tag"><img src="/src/Fever.svg" alt="" class="main"><p>     Fever</p></div> | ||
| <div class="tag"><img src="/src/Skin.svg" alt="" class="main"><p>     Skin</p></div> | ||
| <div class="tag"> <img src="/src/Kidney.svg" alt="" class="main"><p>    Kidney</p></div> | ||
| <div class="tag"> <img src="/src/Stomach.svg" alt="" class="main"><p>    Stomach</p></div> | ||
| <div class="tag"><img src="/src/Bones.svg" alt="" class="main"><p>     Bones</p></div> | ||
| <div class="tag"><img src="/src/Sexual_wellness.svg" alt="" class="main"><p>   Sexual wellness</p></div> | ||
| </div> | ||
| <div> | ||
| <h2>Popular Health Checkup Packages | ||
| </h2> | ||
| <button>Feature checkup</button> | ||
| <button>Women's health</button> | ||
| <button>Men's health</button> | ||
| </div> | ||
| <section> | ||
| <div class="align"> | ||
| <div ><img src="/src/div1.jpeg" alt="" class="center"></div> | ||
| <div><h3>Basic women's health checkup</h3> | ||
| <p>Ideal for individuals aged 15-40years</p><b>85 Tests Included</b></div> | ||
| <hr> | ||
| <div><p id="price">₹1199</p><p id="real">1400</p><p id="off">22% off</p><button id="book">Book Now</button></div> | ||
| </div> | ||
| <div class="align"> | ||
| <div><img src="/src/div2.jpeg" alt="" class="center"></div> | ||
| <div><h3>Vitamin Deficiency Health Chjeckup</h3> | ||
| <p>Ideal for individual aged 11-80years</p><b>4 Tests Included</b></div><hr> | ||
| <div><p id="price">899</p><p id="real">1200</p><p id="off">25% off</p><button id="book">Book Now</button></div> | ||
| </div> | ||
| <div class="align"> | ||
| <div><img src="/src/div3.jpeg" alt="" class="center"></div> | ||
| <div><h3>Young Indian Health Checkup</h3> | ||
| <p>Ideal for individuals ageed 15-40years</p><b>84Test Inluded</b></div><hr> | ||
| <div><p id="price">₹899</p><p id="real">1500</p><p id="off">40% off</p><button id="book">Book Now</button></div> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.