From 95497b6dbd1f23a4e84f522d4560dd9d13fe9d90 Mon Sep 17 00:00:00 2001 From: Kumar Gaurav <99576535+Kgaurav113@users.noreply.github.com> Date: Thu, 24 Feb 2022 21:42:14 +0530 Subject: [PATCH 1/2] these are homepage banner and takewell assessment page . finalgaurav file is for the homepage banner. takehome.html is take wellness assessment page code. --- project/finalgaurav.css | 153 +++++++++++++++++++++++++++++++++++++++ project/finalgaurav.html | 72 ++++++++++++++++++ project/takehome.css | 44 +++++++++++ project/takehome.html | 24 ++++++ project/takewell.css | 56 ++++++++++++++ project/takewell.html | 59 +++++++++++++++ project/youmatter.css | 69 ++++++++++++++++++ project/youmatter.html | 49 +++++++++++++ 8 files changed, 526 insertions(+) create mode 100644 project/finalgaurav.css create mode 100644 project/finalgaurav.html create mode 100644 project/takehome.css create mode 100644 project/takehome.html create mode 100644 project/takewell.css create mode 100644 project/takewell.html create mode 100644 project/youmatter.css create mode 100644 project/youmatter.html diff --git a/project/finalgaurav.css b/project/finalgaurav.css new file mode 100644 index 0000000..ec119e3 --- /dev/null +++ b/project/finalgaurav.css @@ -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 */ \ No newline at end of file diff --git a/project/finalgaurav.html b/project/finalgaurav.html new file mode 100644 index 0000000..b1714d0 --- /dev/null +++ b/project/finalgaurav.html @@ -0,0 +1,72 @@ + + + + + + + Document + + + + + + + +
+
+
+ Be Bodywise +

+ The wisdom to stop the experiments and get health & wellness + solutions from experts +

+
+
+
+

+ Begin your journey with a Free Doctor or Nutritionist Consult +

+ +
+
+ +
+
+
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/project/takehome.css b/project/takehome.css new file mode 100644 index 0000000..17a3053 --- /dev/null +++ b/project/takehome.css @@ -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 */ diff --git a/project/takehome.html b/project/takehome.html new file mode 100644 index 0000000..887027d --- /dev/null +++ b/project/takehome.html @@ -0,0 +1,24 @@ + + + + + + + Document + + + + + +
+ +
+ +
+
Start Now!
+
+ + + + + diff --git a/project/takewell.css b/project/takewell.css new file mode 100644 index 0000000..c6e10d5 --- /dev/null +++ b/project/takewell.css @@ -0,0 +1,56 @@ +/* start of tkewellness css */ +/* head div */ +#takehead{ + width: 50%; + margin: auto; + box-sizing: border-box; + align-items: center; + + gap:10px; +} +#takehead>div{ + gap:10px; +} +/* takewell assessment div flex to every radio button div */ +.take{ + display: flex; + justify-content: space-between; + box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; + font-size: 16px; + font-weight: bold; + box-sizing: border-box; + padding: 5px; +} +.take>div:nth-child(1) +{ + margin-top: 20px; +} +/* takewell assessment cross button css */ +#takebutton{ + color: red; + border-color: red; + border-radius: 50%; + justify-content: right; + margin-left: 300px; + +} +#timg{ + width:100%; +} +/* cross button css */ +#cross{ + + align-items:right; + justify-content: right; + box-sizing: border-box; + margin-left: 300px; + + +} +/* 1st div css takewell assessment */ +#toppara>p{ + font-size: 16px; + font-weight: bold; + font-family:sans-serif; +} +/* end of takewellness html */ \ No newline at end of file diff --git a/project/takewell.html b/project/takewell.html new file mode 100644 index 0000000..d65b8e9 --- /dev/null +++ b/project/takewell.html @@ -0,0 +1,59 @@ + + + + + + + Document + + + + + + + + +
+ +
+ +
+ + + +

Let the games begin! What troubles you the most?

+ + + +
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+ + \ No newline at end of file diff --git a/project/youmatter.css b/project/youmatter.css new file mode 100644 index 0000000..841bbad --- /dev/null +++ b/project/youmatter.css @@ -0,0 +1,69 @@ + /* you matter us style part */ + /* created by gaurav */ + /* start */ + /* top text css */ + #texthead{ + justify-content: center; + width:50%; + align-items: center; + text-align: left; + margin-left: 90px; + line-height: normal; + font-size: 18px; + font-family: 'Avenir', Helvetica, sans-serif; + } + #texthead>p{ +color: rgb(109, 102, 102); +font-size:20px; + + } + /* div css of you matter to us */ + #imghead{ + display: flex; + gap:10px; + margin: auto; + justify-content: center; + } + #first{ + background-color: rgb(140,121,185); + height:350px; + width: 300px; + border-radius: 18px; + box-sizing: border-box; + } + #second{ + background-color:rgb(0,178,155); + height:350px; + width: 300px; + border-radius: 18px; + box-sizing: border-box; + } + #third{ + background-color:rgb(25,100,171); + height:350px; + width: 300px; + border-radius: 18px; + box-sizing: border-box; + } + #forth{ + background-color:rgb(81, 146, 199); + height:350px; + width: 300px; + border-radius: 18px; + box-sizing: border-box; + } + .plus{ + color:rgb(140,121,185); + height:60px; + padding: 10px; + } + .para{ + color: white; + font-size:30px; + margin-top:100px; + margin-left: 5px; + font-family: 'Avenir', Helvetica, sans-serif; + + } + /* end of css part of you matter to us */ + /* end part of css you matter */ \ No newline at end of file diff --git a/project/youmatter.html b/project/youmatter.html new file mode 100644 index 0000000..c093e52 --- /dev/null +++ b/project/youmatter.html @@ -0,0 +1,49 @@ + + + + + + + Document + + + + + + + +

You matter to us

+

Be Bodywise believes that your health and wellness should be in your control. With the right guidance, you can conquer the chaos, on your terms.

+ +
+ +
+
+

Doctor developed science-based solutions

+ +
+ +
+
+

Tailormade regimes to suit you perfectly

+ +
+ + +
+
+

Extended care & treatment with a team of specialists,qualified doctors

+ +
+ +
+
+

We are driven by care and committed to tansparency

+ +
+ +
+ + + + \ No newline at end of file From 932c4e6d4de5c70ef3933ca88cddf8255bda2fb6 Mon Sep 17 00:00:00 2001 From: rahulsinha1996 <99676586+rahulsinha1996@users.noreply.github.com> Date: Fri, 25 Feb 2022 09:38:18 +0530 Subject: [PATCH 2/2] Delete index.html --- index.html | 83 ------------------------------------------------------ 1 file changed, 83 deletions(-) delete mode 100644 index.html diff --git a/index.html b/index.html deleted file mode 100644 index 69c223d..0000000 --- a/index.html +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - - Question 1 - - - -
-
- -
-
- -
-
- -
- -
-
- -
- -