Webdev

<!
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">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
rel="stylesheet">
<title>Get fitness workouts, Gyms, Health Care and Daily food in India</title>
</head>
<body>
<header class="text-gray-600 body-font">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row
items-center">
<a class="flex title-font font-medium items-center text-gray-900 mb-4
md:mb-0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" class="w-10 h-10 text-white p-2 bg-indigo-500 rounded-full"
viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5
10-5"></path>
</svg>
<span class="ml-3 text-xl">m.Fit</span>
</a>
<nav class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l
md:border-gray-400 flex flex-wrap items-center text-base justify-center">
<a class="mr-5 hover:text-gray-900">Home</a>
<a class="mr-5 hover:text-gray-900">About</a>
<a class="mr-5 hover:text-gray-900">Services</a>
<a class="mr-5 hover:text-gray-900">Contact</a>
</nav>
<button class="inline-flex items-center bg-gray-100 border-0 py-1 px-3
focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0">Enroll Now
<svg fill="none" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-1" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button>
</div>
</header>
<section class="text-gray-600 body-font">

<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col
items-center">
<div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col
md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium
text-gray-900">Time to Transform
<br class="hidden lg:inline-block">Be your best version
</h1>
<p class="mb-8 leading-relaxed">Train, Eat and Live better with
m.Fit’s team. We believe in unbiased, gimmick-free, research-backed
information</p>
<div class="flex justify-center">
<button class="inline-flex text-white bg-indigo-500 border-0 py-2
px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg">Start your free
trial</button>
<button class="ml-4 inline-flex text-gray-700 bg-gray-100 border-0
py-2 px-6 focus:outline-none hover:bg-gray-200 rounded text-lg">Log In</button>
</div>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<img class="object-cover object-center rounded" alt="hero"
src="/myimg.jpg">
</div>
</div>
</section>

<div class="container px-5 py-24 mx-auto flex flex-wrap">
<div class="lg:w-1/2 w-full mb-10 lg:mb-0 rounded-lg
overflow-hidden">
<img alt="feature" class="object-cover object-center h-full
w-full" src="/myimg2.jpg">
</div>
<div class="flex flex-col flex-wrap lg:py-6 -mb-10 lg:w-1/2 lg:pl-12
lg:text-left text-center">
<div class="flex flex-col mb-10 lg:items-start items-center">
<div class="w-12 h-12 inline-flex items-center justify-center
rounded-full bg-indigo-100 text-indigo-500 mb-5">
stroke-linejoin="round" stroke-width="2" class="w-6 h-6" viewBox="0 0 24 24">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow">
<h2 class="text-gray-900 text-lg title-font font-medium
mb-3">Daily Personalized Workouts</h2>
<p class="leading-relaxed text-base">Overwhelmed by all the
options? The app provides daily recommendations, and the more workouts you log,
the more personalized these picks become.</p>
<a class="mt-3 text-indigo-500 inline-flex items-center">Learn
More
<svg fill="none" stroke="currentColor"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4
ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<circle cx="6" cy="6" r="3"></circle>
<path d="M20 4L8.12 15.88M14.47 14.48L20 20M8.12 8.12L12
12"></path>
</svg>
</div>
mb-3">Personal Healthcare</h2>
<p class="leading-relaxed text-base">Personal care services
are hands-on services that assist a person with critical day-to-day activities
that they are unable to perform on their own. </p>
More
ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"></path>
</svg>
</div>
mb-3">Food and Supplements</h2>
<p class="leading-relaxed text-base">As a leading natural
products company for 50 plus years, our dedication to superior quality has always
involved sustainable sourcing, transparency at all levels, and exclusive testing
methods that go above and beyond.</p>
More
ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="text-gray-600 body-font overflow-hidden">

<div class="container px-5 py-24 mx-auto">
<div class="flex flex-col text-center w-full mb-20">
<h1 class="sm:text-4xl text-3xl font-medium title-font mb-2
text-gray-900">Pricing</h1>
<p class="lg:w-2/3 mx-auto leading-relaxed text-base
text-gray-500">The prices of membership below are on a monthly basis, have a
look</p>
<div class="flex mx-auto border-2 border-indigo-500 rounded
overflow-hidden mt-6">
<button class="py-1 px-4 bg-indigo-500 text-white
focus:outline-none">Monthly</button>
<button class="py-1 px-4 focus:outline-none">Annually</button>
</div>
</div>
<div class="flex flex-wrap -m-4">
<div class="p-4 xl:w-1/4 md:w-1/2 w-full">
<div class="h-full p-6 rounded-lg border-2 border-gray-300 flex
flex-col relative overflow-hidden">
<h2 class="text-sm tracking-widest title-font mb-1
font-medium">START</h2>
<h1 class="text-5xl text-gray-900 pb-4 mb-4 border-b
border-gray-200 leading-none">Free</h1>
<p class="flex items-center text-gray-600 mb-2">
<span class="w-4 h-4 mr-2 inline-flex items-center
justify-center bg-gray-400 text-white rounded-full flex-shrink-0">
stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" class="w-3 h-3"
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>Online Transform Coach
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>Customized Workout Plan
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>Fat Loss Nutrition Guidelines
</p>
<button class="flex items-center mt-auto text-white
bg-gray-400 border-0 py-2 px-4 w-full focus:outline-none hover:bg-gray-500
rounded">Enroll Now
ml-auto" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button>
<p class="text-xs text-gray-500 mt-3">Think about Yourself</p>
</div>
</div>
<div class="h-full p-6 rounded-lg border-2 border-indigo-500
flex flex-col relative overflow-hidden">
<span class="bg-indigo-500 text-white px-3 py-1
tracking-widest text-xs absolute right-0 top-0 rounded-bl">POPULAR</span>
font-medium">PRO</h2>
<h1 class="text-5xl text-gray-900 leading-none flex
items-center pb-4 mb-4 border-b border-gray-200">
<span>2000/-</span>
<span class="text-lg ml-1 font-normal
text-gray-500">/mo</span>
</h1>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>At-home workouts
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>Daily Check-ins & More!
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>Celebrity workouts
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>Goal-based workouts & meditation sessions
</p>
bg-indigo-500 border-0 py-2 px-4 w-full focus:outline-none hover:bg-indigo-600
rounded">Buy Now
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button>
<p class="text-xs text-gray-500 mt-3">Everything you need</p>
</div>
</div>
font-medium">BUSINESS</h2>
<span>3500/-</span>
</h1>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>All PRO gyms
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>At-home live workouts
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>4 Sessions/month at ELITE gyms & group classes
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>At-centre group classes
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>Hassle-free regular care
</p>
rounded">Buy Now
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button>
<p class="text-xs text-gray-500 mt-3">A little more than you
can expect</p>
</div>
</div>
font-medium">SPECIAL</h2>
<span>5000/-</span>
</h1>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>All ELITE & PRO gyms
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>At-home live workouts
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>At-centre group classes
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>Packs tailored to your needs
</p>
viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</svg>
</span>Get professional guidance
</p>
rounded">Buy Now
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button>
<p class="text-xs text-gray-500 mt-3">The best you can do for
your body</p>
</div>
</div>
</div>
</div>
</section>

<div class="flex flex-wrap -m-4">
<div class="lg:w-1/3 lg:mb-0 mb-6 p-4">
<div class="h-full text-center">
<img alt="testimonial" class="w-20 h-20 mb-8 object-cover
object-center rounded-full inline-block border-2 border-gray-200 bg-gray-100"
src="/elon.jpg">
<p class="leading-relaxed">My biggest fear was that this
wasn’t going to work. I was afraid of getting my hopes up again, only to realize
that poor health was something I was just stuck with.I came to m.fit with pretty
much every hurdle known to mankind, but this program is made for people like
me.</p>
<span class="inline-block h-1 w-10 rounded bg-indigo-500 mt-6
mb-4"></span>
<h2 class="text-gray-900 font-medium title-font tracking-wider
text-sm">Elon Musk</h2>
<p class="text-gray-500">Legend spotlight</p>
</div>
</div>
<div class="lg:w-1/3 lg:mb-0 mb-6 p-4">
src="/billgates.jpg">
<p class="leading-relaxed">Meet Bill, a 24 year old Rebel from
the UK who lost over 70 pounds (32 kg) in 9 months! Jake, like many new Rebels,
once lived an entirely sedentary lifestyle. But then Jake found Nerd Fitness,
began strength training, and rediscovered his self confidence.</p>
mb-4"></span>
text-sm">Bill Gates</h2>
<p class="text-gray-500">Legend Spotlight</p>
</div>
</div>
<div class="lg:w-1/3 lg:mb-0 p-4">
src="/ladygaga.jpg">
<p class="leading-relaxed">Meet Veronica, your newest
superhero inspirational NF success story! Veronica is a medical assistant and
continuing her education to become a diagnostic medic, and she’s managed to lose
28 pounds over the past few months.</p>
mb-4"></span>
text-sm">Lady Gaga</h2>
<p class="text-gray-500">Legend Spotlight</p>
</div>
</div>
</div>
</div>
</section>

<div class="container px-5 py-24 mx-auto flex flex-col">
<div class="lg:w-4/6 mx-auto">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full
w-full" src="/img3.jpg">
</div>
<div class="flex flex-col sm:flex-row mt-10">
<div class="sm:w-1/3 text-center sm:pr-8 sm:py-8">
<div class="w-20 h-20 rounded-full inline-flex items-center
justify-center bg-gray-200 text-gray-400">
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-10 h-10"
viewBox="0 0 24 24">
</svg>
</div>
<div class="flex flex-col items-center text-center
justify-center">
<h2 class="font-medium title-font mt-4 text-gray-900
text-lg">Manish Kumar</h2>
<div class="w-12 h-1 bg-indigo-500 rounded mt-2 mb-4"></div>
<p class="text-base">FOUNDER | CEO</p>
</div>
</div>
<div class="sm:w-2/3 sm:pl-8 sm:py-8 sm:border-l border-gray-200
sm:border-t-0 border-t mt-4 pt-4 sm:mt-0 text-center sm:text-left">
<p class="leading-relaxed text-lg mb-4">At m.Fit, we believe
in providing a holistic gymming and workout experience to our customers. With
state of the art equipments available for a variety of exercises such as Crossfit,
Endurance, Cardio, Strength and an immaculate team of Personal Trainers present
ever vigilantly throughout the day to help out and coach our members whenever
needed.</p>
<a class="text-indigo-500 inline-flex items-center">Learn More
ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>

<div class="flex flex-col text-center w-full mb-20">
<h1 class="sm:text-3xl text-2xl font-medium title-font mb-4
text-gray-900">EVERYTHING YOU NEED IN ONE SPOT</h1>
<p class="lg:w-2/3 mx-auto leading-relaxed text-base">Train, eat
and live better with the tap of a finger. Simple to use and easy to stay on
track.</p>
</div>
<div class="flex flex-wrap -m-4 text-center">
<div class="p-4 md:w-1/4 sm:w-1/2 w-full">
<div class="border-2 border-gray-200 px-4 py-6 rounded-lg">
stroke-linejoin="round" stroke-width="2" class="text-indigo-500 w-12 h-12 mb-3
inline-block" viewBox="0 0 24 24">
<path d="M8 17l4 4 4-4m-4-5v9"></path>
<path d="M20.88 18.09A5 5 0 0018 9h-1.26A8 8 0 103
16.29"></path>
</svg>
<h2 class="title-font font-medium text-3xl
text-gray-900">100M</h2>
<p class="leading-relaxed">Downloads</p>
</div>
</div>
<path d="M23 21v-2a4 4 0 00-3-3.87m-4-12a4 4 0 010
7.75"></path>
</svg>
text-gray-900">75M</h2>
<p class="leading-relaxed">Users</p>
</div>
</div>
<path d="M3 18v-6a9 9 0 0118 0v6"></path>
<path d="M21 19a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0
012-2h3zM3 19a2 2 0 002 2h1a2 2 0 002-2v-3a2 2 0 00-2-2H3z"></path>
</svg>
text-gray-900">15K</h2>
<p class="leading-relaxed">Files</p>
</div>
</div>
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8
10z"></path>
</svg>
text-gray-900">2500</h2>
<p class="leading-relaxed">Places</p>
</div>
</div>
</div>
</div>
</section>
<footer class="text-gray-600 body-font">

<div class="container px-5 py-24 mx-auto flex md:items-center
lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
<div class="w-64 flex-shrink-0 md:mx-0 mx-auto text-center
md:text-left">
<a class="flex title-font font-medium items-center
md:justify-start justify-center text-gray-900">
<svg xmlns="http://www.w3.org/2000/svg" fill="none"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" class="w-10 h-10 text-white p-2 bg-indigo-500 rounded-full"
viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5
10-5"></path>
</svg>
<span class="ml-3 text-xl">m.Fit</span>
</a>
<p class="mt-2 text-sm text-gray-500">TIME TO TRANSFORM</p>
</div>
<div class="flex-grow flex flex-wrap md:pl-20 -mb-10 md:mt-0 mt-10
md:text-left text-center">
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
<h2 class="title-font font-medium text-gray-900 tracking-widest
text-sm mb-3">Workouts</h2>
<nav class="list-none mb-10">
<li>
<a class="text-gray-600 hover:text-gray-800">Workout
Videos</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">Custom
Workouts</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">Programs</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">Workout
Programs</a>
</li>
</nav>
</div>
text-sm mb-3">Healthy Living</h2>
<li>
<a class="text-gray-600 hover:text-gray-800">Fitness</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">Health</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">Nutrition</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">Recipes</a>
</li>
</nav>
</div>
text-sm mb-3">About</h2>
<li>
<a class="text-gray-600 hover:text-gray-800">Careers</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">Tutorials</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">Our Team</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">B2B options</a>
</li>
</nav>
</div>
text-sm mb-3">Membership</h2>
<li>
<a class="text-gray-600 hover:text-gray-800">Mf Plus</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">Community</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">Blog</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800">FAQ</a>
</li>
</nav>
</div>
</div>
</div>
<div class="bg-gray-100">
<div class="container mx-auto py-4 px-5 flex flex-wrap flex-col
sm:flex-row">
<p class="text-gray-500 text-sm text-center sm:text-left">© 2022
m.Fit —
<a href="https://twitter.com/knyttneve" rel="noopener
noreferrer" class="text-gray-600 ml-1" target="_blank">@KrManishhh </a>
</p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-2 justify-center
sm:justify-start">
<a class="text-gray-500">
<svg fill="currentColor" stroke-linecap="round"
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1
0 011-1h3z"></path>
</svg>
</a>
<a class="ml-3 text-gray-500">
<svg fill="currentColor" stroke-linecap="round"
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86
3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0
00-.08-.83A7.72 7.72 0 0023 3z"></path>
</svg>
</a>
<rect width="20" height="20" x="2" y="2" rx="5"
ry="5"></rect>
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116
11.37zm1.5-4.87h.01"></path>
</svg>
</a>
<svg fill="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linejoin="round" stroke-width="0" class="w-5 h-5"
viewBox="0 0 24 24">
<path stroke="none" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0
00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"></path>
<circle cx="4" cy="4" r="2" stroke="none"></circle>
</svg>
</a>
</span>
</div>
</div>
</footer>
</body>
</html>

Webdev

Uploaded by

Copyright:

Available Formats

You might also like

Webdev

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Webdev

Uploaded by

Copyright:

Available Formats

<!

<section class="text-gray-600 body-font">

<section class="text-gray-600 body-font">

<section class="text-gray-600 body-font overflow-hidden">

<section class="text-gray-600 body-font">

<section class="text-gray-600 body-font">

<section class="text-gray-600 body-font">

<footer class="text-gray-600 body-font">

You might also like