-
Notification
-
Dmitriy Groshev
Hi, i am josephin. How are you...
17:123 -
Sufiya Elija
I need job, Please help me.
Fri -
Janis Evans
Good Morning!
8:2212 -
Mukrani Pabelo
Hi, i am josephin. How are you...
03:1410 -
Josephin Water
You’ve got some kind of a stom...
Thu -
Janis Evans
Good Morning!
8:2212 -
Sufiya Elija
I need job, Please help me.
Fri
-
-
-
-
Cart Items (25)
-
Flower Pot
$25.00
-
Iphone Max pro
$35.20
-
Royal Party Glass
$45.10
-
Water Proof Watch
$12.30
-
Traveling Duffle Bag
$32.10
Proceed to CheckoutAdd Total
$250.00 -
-
-
-
English -
French -
Spanich -
Arabic
-
-
Helen Walter
Admin
Input group
<form class="form-group flex flex-col">
<div class="input-group flex">
<input type="email" Name="Email" class="rounded-tr-none rounded-br-none " placeholder="Enter Your Email"/>
<span class="Email-title bg-primary text-white rounded border-none p-3 rounded-tl-none rounded-bl-none">send </span>
</div>
</form> <form class="form-group flex flex-col">
<label class="input-group flex">
<span class="bg-primary text-white rounded border-none p-3 rounded-tr-none rounded-br-none">$ </span>
<input class="focus:ring-primary focus:border-primary border rounded w-full p-2 text-xs text-Gray-darker !rounded-tl-none !rounded-bl-none !rounded-tr-none !rounded-br-none " type="" placeholder="0.00"/>
<select class="p-2 !bg-primary text-white rounded border-none !rounded-tl-none !rounded-bl-none">
<option>USD</option>
<option>CAD</option>
<option>EUR</option>
</select>
</label>
</form>
<form class="form-group flex flex-col">
<label class="input-group flex">
<input class="focus:ring-primary focus:border-primary border rounded w-full p-2 text-xs text-Gray-darker rounded-tr-none rounded-br-none " type="text" placeholder="0.01"/>
<span class="Email-title bg-primary text-white rounded border-none p-3 rounded-tl-none rounded-bl-none">BTC </span>
</label>
</form> <form class="flex flex-col theme-form ">
<label class="input-group flex">
<select class="bg white border rounded w-full max-w-xs p-2 text-xs !rounded-tr-none !rounded-br-none !rounded-bl-none" id="currency" name="currency" placeholder="Pick category">
<option>T-shirt</option>
<option>shirt</option>
<option>pent</option>
</select>
<span class="bg-primary text-white rounded border-none p-3 rounded-tl-none rounded-bl-none">Go</span>
</label>
</form>
<form class="flex flex-col theme-form">
<div class="input-group flex">
<button class="bg-primary text-white rounded border-none p-2 rounded-tr-none rounded-br-none"></button>
<svg class="search w-20px h-20px stroke-white"> </svg>
<input class="search border rounded w-full p-2 text-xs text-Gray-darker rounded-tl-none rounded-bl-none" type="Search" placeholder="Input text to search" />
</div>
</form>
<form class="flex flex-col theme-form ">
<div class="input-group flex">
<button class="bg-primary text-white rounded border-none p-2 rounded-tr-none rounded-br-none"></button>
<svg class="Voice w-20px h-20px stroke-white"> </svg>
<input class="search border rounded w-full p-2 text-xs text-Gray-darker rounded-tl-none rounded-bl-none" type="Search" placeholder="Input text to search" />
</div>
</form>
<div class="card-body.border-1.border-black">
<div class="tabs-content">
<div class="pt-2 active show border-none" data-tabContent="1">
<form class="form-group flex flex-col gap-2"></form>
<div class="mb-3">
<input class="block w-full p-4 text-light2 border border-content1 rounded-lg sm:text-md" id="large-input" type="text" placeholder="Large input"/>
</div>
<div class="mb-3">
<input class="block w-full p-4 text-light2 border border-content1 rounded-lg sm:text-md" id="default-input" type="text" placeholder="Medium input"/></div>
</div>
<div class="mb-3s">
<input class="block w-full p-2 text-light2 border border-content1 rounded-lg sm:text-md" id="small-input" type="text" placeholder="Small input"/>
</div>
</div>
</div><form class="form theme-form flex flex-col gap-2">
< div class="input-group flex mb-3">
<input class="p-3 border rounded w-full text-xs text-Gray-darker rounded-tr-none rounded-br-none " type="text" placeholder="disabled input" disabled="disabled"/>
</ div>
< div class="input-group flex mb-3"> <input class="p-3 border rounded w-full text-xs text-Gray-darker rounded-tr-none rounded-br-none " type="text" placeholder="disabled with label" disabled="disabled"/>
<span class="bg-primary text-white rounded border-none p-4 rounded-tl-none rounded-bl-none">send</span> &
</div >
<div class="input-group flex">
<button class="bg-primary text-white rounded border-none p-2 rounded-tr-none rounded-br-none"></button>
</ div>
</form> <form class="form-group flex flex-col">
<div class="input-group flex mb-3">
<label class="input-with-button bg-primary text-white rounded border-none p-3 rounded-tr-none rounded-br-none">@</label>
<input class="focus:ring-primary focus:border-primary border rounded w-full p-2 text-xs text-Gray-darker rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none " type="" placeholder="0.00"/>
</div>
<div class="input-group flex mb-3">
<input class=" p-3 border rounded w-full text-xs text-Gray-darker !rounded-tr-none !rounded-br-none " type="text" placeholder="Recipient'username"/>
<label class="input-with-button bg-primary text-white rounded border-none p-4 rounded-tl-none rounded-bl-none">@example.com</label>
</div>
<div class="input-group flex mb-3">
<label class="input-with-button bg-primary text-white rounded border-none p-3 rounded-tr-none rounded-br-none"><a href="http://example.com/username" > http://example.com/username </a> </label>
<input class="focus:ring-primary focus:border-primary border rounded w-full p-2 text-xs text-Gray-darker rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none " type=""/>
</div>
<div class="input-group flex mb-3">
<label class="input-with-button bg-primary text-white rounded border-none p-3 rounded-tr-none rounded-br-none flex items-center">$ </label>
<input class="focus:ring-primary focus:border-primary border rounded w-full p-2 text-xs text-Gray-darker !rounded-tl-none !rounded-bl-none !rounded-tr-none !rounded-br-none " type="" placeholder="0.00"/>
<select class="!bg-primary text-white rounded border-none rounded-tl-none rounded-bl-none" id="currency" name="currency">
<option>USD</option>
<option>CAD</option>
<option>EUR</option>
</select>
</div>
<div class="input-group flex gap-1">
<label class="checkbox w-20px h-20px">
<input class="peer" type="checkbox"/>
<div class="checkbox-indicator peer-checked:!bg-primary !border-primary">
<i data-feather="check"> </i>
</div>
</label>
<p>Remember Me </p>
</div>
</form>