quote

by tlgreg

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.0.5/tailwind.min.css">

<body>
	<div class="">
		<div class="max-w-lg mx-auto">
			<div class="w-full p-2 ">
				<div class="tilt tracking-wider text-center">Contact-us</div>
			</div>
			<div class="w-full p-2">
				<input type="text" id="name" placeholder="Enter your name" class="bg-gray-200 focus:bg-white border border-teal-400 py-2 px-3 w-full rounded focus:outline-none focus:border-red-300 focus:shadow">
			</div>
			<div class="w-full p-2">
				<input type="text" id="email" placeholder="Enter your email-adderess" class="bg-gray-200 focus:bg-white border border-teal-400 py-2 px-3 w-full rounded focus:outline-none focus:border-red-300 focus:shadow">
			</div>

			<div class="w-full p-2">
				<input type="text" placeholder="Enter your phone number" id="phone" class="bg-gray-200 focus:bg-white border border-teal-400 py-2 px-3 w-full rounded focus:outline-none focus:border-red-300 focus:shadow">
			</div>
			<div class="p-2">
				<label for="s1" class="mr-1">Website Design & Development</label>
				<input id="s1" type="checkbox" class="">
			</div>
			<div class="p-2">
				<label for="s2" class="mr-1">Mobile Apps Development</label>
				<input id="s2" type="checkbox" class="">
			</div>
			<div class="p-2">
			<label for="s3" class="mr-1">SEO Services </label>
				<input id="s3" type="checkbox" class="">
			</div>
			<div class="p-2">
				<label for="s4" class="mr-1">Domain Bookings & Hosting </label>
				<input id="s4" type="checkbox" class="">
			</div>
			<div class="font-bold text-red-700 tilt p-2">Note:-Please Select At Least One Service</div>
			<div class="p-2">
				<input type="text" placeholder="Enter your requirements max by 150 characters" class="bg-gray-200 focus:bg-white border border-teal-400 py-2 px-3 w-full rounded focus:outline-none focus:border-red-300 focus:shadow h-20">
			</div>
			<div class="px-2 mt-3">
				<button type="submit" class="bg-teal-300 py-2 px-4...

CSS

@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

.tilt{
	font-family: 'Raleway', sans-serif;
}