Skip to content

these are homepage banner and takewell assessment page . #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Kgaurav113 wants to merge 2 commits into
base: main
Choose a base branch
from
Open

these are homepage banner and takewell assessment page . #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
95497b6
these are homepage banner and takewell assessment page .
Kgaurav113 Feb 24, 2022
932c4e6
Delete index.html
rahulsinha1996 Feb 25, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
83 changes: 0 additions & 83 deletions index.html
View file
Open in desktop

This file was deleted.

153 changes: 153 additions & 0 deletions project/finalgaurav.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,153 @@
/* first bannner css start */
/* top section css */
#gaurav {
width: 80%;
display: grid;
grid-template-columns: 50% 40%;
margin: auto;
margin-top: 100px;
justify-content: space-between;
color: white;
box-sizing: border-box;
max-width: 80%;
}
/* left top section */
#bodyLefttop {
display: grid;
grid-template-rows: 45% 30%;
justify-content: space-between;
}
/* right section */
#bodyRight {
display: grid;
grid-template-columns: 47% 47%;
justify-content: space-between;
height: 100%;
}
/* image css */
#gaurav img {
max-width: 100%;
object-fit: cover;
filter: brightness(0.94);
}
/* left button book now image doctor */
#leftb {
display: flex;
background-color: rgb(88, 173, 173);
align-items: center;
justify-content: space-between;
border-radius: 12px;
color: white;
margin-top: 40px;
position: relative;
height: 167px;
padding-left: 20px;
}

#bodyLefttop p {
font-size: 24px;
line-height: 28px;
font-weight: 300;
letter-spacing: 0.25px;
color: rgba(0, 0, 0, 0.6);
padding-top: 5px;
}
/* left side bottom div */
#leftb p {
margin: auto;
font-size: 22px;
line-height: 28px;
color: white;

}

#leftb button
{
font-size: 18px;
line-height: 24px;
font-weight: 800;
background-color: #000;
width: 270px;
padding: 15px;
border-radius: 12px;
margin-top: 24px;
color: #fff;
outline: none;
border: none;
}

#leftb img {
float: right;
width: 150%;
top: 50px;
}

#bodyRight > div:nth-child(1) img {
object-fit: cover;
height: 100%;
}
#bodyRight > div:nth-child(2) {
display: grid;
grid-template-rows: 50% 50%;
}

#bodyRight > div {
border-radius: 22px;
vertical-align: middle;
}

#bodyRight > div img {
border-radius: 22px;
justify-content: space-around;
}

#bodyLefttop span {
font-size: 110px;
line-height: 121px;
font-weight: 500;
color: #111d3c;
}
#leftb > div:nth-child(1) {
position: absolute;
}

#womanShow {
height: 117%;
width: 200px;
margin-bottom: 29px;
margin-left: 65%;
}
#womanShow img {
height: 100%;
width: 100%;
object-fit: fill;
filter: brightness(1);
max-width: 100%;
}
/* first banner under top section */
#firstbanner{
display: flex;
gap:10px;
justify-content: center;
box-sizing: border-box;
margin: auto;
margin-top: 10px;
width: 80%;

}
#firstbanner>div{
justify-items: center;


}
.firstimgbanner{
width:100%;
aspect-ratio: auto 105 / 140;
height:100%;
vertical-align: middle;
border-style: none;
max-width: 100%;


}
/* end of css part for homepage first banner css */
72 changes: 72 additions & 0 deletions project/finalgaurav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="finalgaurav.css">
</head>

<body>
<!-- first banner for home page -->
<!-- html part start form here -->
<!--top section -->
<div id="gaurav">
<div id="bodyLefttop">
<div>
<span>Be Bodywise</span>
<p>
The wisdom to stop the experiments and get health & wellness
solutions from experts
</p>
</div>
<div id="leftb">
<div>
<p>
Begin your journey with a Free Doctor or Nutritionist Consult
</p>
<button>Book Now</button>
</div>
<div id="womanShow">
<img
src="https://res.cloudinary.com/mosaic-wellness/image/upload/f_auto,w_200,c_limit/v1618984052/new%20home/Doc.png"
alt=""
/>
</div>
</div>
</div>
<div id="bodyRight">
<div>
<img
src="https://res.cloudinary.com/mosaic-wellness/image/upload/v1618391146/new%20home/image_24_3.png"
alt=""
/>
</div>
<div>
<div>
<img
src="https://res.cloudinary.com/mosaic-wellness/image/upload/f_auto,w_180,c_limit/v1617890609/staging/New%20category%20page%20banner/hair_1.png"
alt=""
/>
</div>
<div style="margin-top: 10px">
<img
src="https://res.cloudinary.com/mosaic-wellness/image/upload/f_auto,w_180,c_limit/v1617890609/staging/New%20category%20page%20banner/weight.png"
alt=""
/>
</div>
</div>
</div>
</div>
<!-- first banner -->
<div id="firstbanner">
<div><img class="firstimgbanner" src="https://res.cloudinary.com/mosaic-wellness/image/upload/v1623302237/new%20home/Hair_Desktop_new.png" alt=""></div>
<div><img class="firstimgbanner" src="https://res.cloudinary.com/mosaic-wellness/image/upload/v1639992700/new%20home/Skin_Blue_Desktop.png" alt=""></div>
<div><img class="firstimgbanner" src="https://res.cloudinary.com/mosaic-wellness/image/upload/v1636470038/new%20home/Nutrition_Desktop_new.png" alt=""></div>
<div><img class="firstimgbanner"src="https://res.cloudinary.com/mosaic-wellness/image/upload/v1634886012/new%20home/UPDATED_PCOS/PCOS_Desktop_N2.png" alt=""></div>
<div><img class="firstimgbanner" src="https://res.cloudinary.com/mosaic-wellness/image/upload/v1623302237/new%20home/UTI_Desktop_new.png" alt=""></div>
</div>
<!-- end of first banner div -->
</body>
</html>
44 changes: 44 additions & 0 deletions project/takehome.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
/* css part of take wllness assessment */
/* starting part of css */
/* footer start now css */
#footertake{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
color: white;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
text-align: center;
margin: auto;
}
/* start now css */
#fs{
background-color: black;
width: 50%;
height: 100%;
justify-content: center;
align-items: center;
font-weight: bold;
margin: auto;
padding: 20px;

}
/* image div css */
#fimg{
margin: auto;

align-items: center;
width: 50%;
box-sizing: border-box;



}
/* image css */
#timg{
height:500px;
width:100%;
}
/* end of css part of take wellness assessment */
/* end here */
24 changes: 24 additions & 0 deletions project/takehome.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=i, initial-scale=1.0">
<title>Document</title>
</head>
<link rel="stylesheet" href="takehome.css">
<body>
<!-- html part start for take wellness assessment task -->
<!-- start -->
<div id="fimg">
<img id="timg" src="https://res.cloudinary.com/mosaic-wellness/image/upload/f_auto/v1600795108/data-uploads/Wellness_assesment.png" alt="">
</div>

<div id="footertake">
<div id="fs"><butto onClick="location.href='takewell.html'">Start Now!</button></div>
</div>
<!-- end take wellness assessment part -->


</body>
</html>
Loading