-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3781f8e
commit c503cbf
Showing
140 changed files
with
8,840 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
<div> <section class="py-20"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="max-w-2xl mx-auto text-center"> | ||
<div class="max-w-md mb-8 mx-auto"> | ||
<span class="text-sm text-blueGray-400">Contact Us</span> | ||
<h2 class="mt-2 text-4xl font-bold font-heading">We will be glad to hear from you!</h2> | ||
</div> | ||
<div> | ||
<form> | ||
<div class="mb-4 text-sm"> | ||
<span class="mr-4 font-semibold">Departament:</span> | ||
<label class="mr-4"> | ||
<input class="mr-1" type="radio" name="department" value="1" checked=""> | ||
<span>Support</span> | ||
</label> | ||
<label> | ||
<input class="mr-1" type="radio" name="department" value="2"> | ||
<span>Sales</span> | ||
</label> | ||
</div> | ||
<div class="mb-4"> | ||
<input class="w-full p-4 text-xs font-semibold leading-none bg-blueGray-50 rounded outline-none" type="text" placeholder="Subject"> | ||
</div> | ||
<div class="mb-4"> | ||
<input class="w-full p-4 text-xs font-semibold leading-none bg-blueGray-50 rounded outline-none" type="text" placeholder="Name"> | ||
</div> | ||
<div class="mb-4"> | ||
<input class="w-full p-4 text-xs font-semibold leading-none bg-blueGray-50 rounded outline-none" type="email" placeholder="[email protected]"> | ||
</div> | ||
<div class="mb-4"><textarea class="w-full h-24 p-4 text-xs font-semibold leading-none resize-none bg-blueGray-50 rounded outline-none" type="text" placeholder="Message..."></textarea></div> | ||
<div class="mb-4"> | ||
<label class="flex px-2 bg-blueGray-50 rounded"> | ||
<input class="hidden" type="file" placeholder="Choose file.." name="Choose file"> | ||
<div class="my-1 ml-auto px-4 py-3 text-xs text-white font-semibold leading-none bg-blueGray-500 hover:bg-blueGray-600 rounded cursor-pointer">Browse</div> | ||
</label> | ||
</div> | ||
<div class="flex justify-between items-center"> | ||
<label> | ||
<input class="mr-1" type="checkbox" name="terms" value="1"> | ||
<span class="text-sm font-semibold">I agree to terms and conditions.</span> | ||
</label> | ||
<button class="py-4 px-8 text-sm text-white font-semibold leading-none bg-blue-600 hover:bg-blue-700 rounded" type="submit">Submit</button> | ||
</div> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
</section></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,65 @@ | ||
<div><section class="py-20"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="flex flex-wrap -mx-3"> | ||
<div class="w-full lg:w-1/2 px-3"> | ||
<div class="max-w-sm"> | ||
<span class="text-sm text-blueGray-400">Contact Us</span> | ||
<h2 class="mt-2 text-4xl font-bold font-heading">We will be glad to hear from you!</h2> | ||
</div> | ||
<div class="mt-10 lg:mt-24"> | ||
<div class="mb-10 leading-relaxed"> | ||
<h3 class="text-sm text-blueGray-400">Phone</h3> | ||
<p>+ 48 654-430-309</p> | ||
</div> | ||
<div class="mb-10 leading-relaxed"> | ||
<h4 class="text-sm text-blueGray-400">E-mail</h4> | ||
<p>[email protected]</p> | ||
</div> | ||
<div class="mb-10 leading-relaxed"> | ||
<h4 class="text-sm text-blueGray-400">Address</h4> | ||
<p>11567 E Broadview Dr</p> | ||
<p>Kiowa, Colorado(CO), 80117</p> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="w-full lg:w-1/2 px-3"> | ||
<form> | ||
<div class="mb-4 text-sm"> | ||
<span class="mr-4 font-semibold">Departament:</span> | ||
<label class="mr-4"> | ||
<input class="mr-1" type="radio" name="department" value="1" checked=""> | ||
<span>Support</span> | ||
</label> | ||
<label> | ||
<input class="mr-1" type="radio" name="department" value="2"> | ||
<span>Sales</span> | ||
</label> | ||
</div> | ||
<div class="mb-4"> | ||
<input class="w-full p-4 text-xs font-semibold leading-none bg-blueGray-50 rounded outline-none" type="text" placeholder="Subject"> | ||
</div> | ||
<div class="mb-4"> | ||
<input class="w-full p-4 text-xs font-semibold leading-none bg-blueGray-50 rounded outline-none" type="text" placeholder="Name"> | ||
</div> | ||
<div class="mb-4"> | ||
<input class="w-full p-4 text-xs font-semibold leading-none bg-blueGray-50 rounded outline-none" type="email" placeholder="[email protected]"> | ||
</div> | ||
<div class="mb-4"><textarea class="w-full h-24 p-4 text-xs font-semibold leading-none resize-none bg-blueGray-50 rounded outline-none" type="text" placeholder="Message..."></textarea></div> | ||
<div class="mb-4"> | ||
<label class="flex px-2 bg-blueGray-50 rounded"> | ||
<input class="hidden" type="file" placeholder="Choose file.." name="Choose file"> | ||
<div class="my-1 ml-auto px-4 py-3 text-xs text-white font-semibold leading-none bg-blueGray-500 hover:bg-blueGray-600 rounded cursor-pointer">Browse</div> | ||
</label> | ||
</div> | ||
<div class="flex justify-between items-center"> | ||
<label> | ||
<input class="mr-1" type="checkbox" name="terms" value="1"> | ||
<span class="text-sm font-semibold">I agree to terms and conditions.</span> | ||
</label> | ||
<button class="py-4 px-8 text-sm text-white font-semibold leading-none bg-blue-600 hover:bg-blue-700 rounded" type="submit">Submit</button> | ||
</div> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
</section> </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,85 @@ | ||
<div> <section class="py-20"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="max-w-2xl lg:max-w-3xl mx-auto"> | ||
<div class="mb-12 text-center"> | ||
<h2 class="text-4xl font-bold font-heading">Get in touch!</h2> | ||
<p class="text-blueGray-400">We will be glad to hear from you</p> | ||
</div> | ||
<div class="flex flex-wrap -mx-3 text-center"> | ||
<div class="w-1/2 lg:w-1/3 px-3 mb-12"> | ||
<svg class="mb-6 h-8 w-8 mx-auto text-blue-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> | ||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> | ||
</svg> | ||
<div class="leading-relaxed"> | ||
<span class="text-sm text-blueGray-400">Phone</span> | ||
<p>+ 48 654-430-309</p> | ||
<p>+ 1 6532-430-309</p> | ||
</div> | ||
</div> | ||
<div class="w-1/2 lg:w-1/3 px-3 mb-12"> | ||
<svg class="mb-6 h-8 w-8 mx-auto text-blue-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> | ||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> | ||
</svg> | ||
<div class="leading-relaxed"> | ||
<span class="text-sm text-blueGray-400">E-mail</span> | ||
<p>[email protected]</p> | ||
<p>[email protected]</p> | ||
</div> | ||
</div> | ||
<div class="w-full lg:w-1/3 px-3 mb-12"> | ||
<svg class="mb-6 h-8 w-8 mx-auto text-blue-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> | ||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path> | ||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path> | ||
</svg> | ||
<div class="leading-relaxed"> | ||
<span class="text-sm text-blueGray-400">Address</span> | ||
<p>11567 E Broadview Dr</p> | ||
<p>Colorado(CO), 80117</p> | ||
</div> | ||
</div> | ||
</div> | ||
<div> | ||
<form> | ||
<div class="mb-4 text-sm"> | ||
<span class="mr-4 font-semibold">Departament:</span> | ||
<label class="mr-4"> | ||
<input class="mr-1" type="radio" name="department" value="1" checked=""> | ||
<span>Support</span> | ||
</label> | ||
<label> | ||
<input class="mr-1" type="radio" name="department" value="2"> | ||
<span>Sales</span> | ||
</label> | ||
</div> | ||
<div class="flex flex-wrap mb-4 -mx-3"> | ||
<div class="w-full lg:w-1/2 px-3 mb-4 lg:mb-0"> | ||
<div class="mb-4"> | ||
<input class="w-full p-4 text-xs font-semibold leading-none bg-blueGray-50 rounded outline-none" type="text" placeholder="Subject"> | ||
</div> | ||
<div class="mb-4"> | ||
<input class="w-full p-4 text-xs font-semibold leading-none bg-blueGray-50 rounded outline-none" type="text" placeholder="Name"> | ||
</div> | ||
<div class="mb-4"> | ||
<input class="w-full p-4 text-xs font-semibold leading-none bg-blueGray-50 rounded outline-none" type="email" placeholder="[email protected]"> | ||
</div> | ||
<div> | ||
<label class="flex px-2 bg-blueGray-50 rounded"> | ||
<input class="hidden" type="file" placeholder="Choose file.." name="Choose file"> | ||
<div class="my-1 ml-auto px-4 py-3 text-xs text-white font-semibold leading-none bg-blueGray-500 hover:bg-blueGray-600 rounded cursor-pointer">Browse</div> | ||
</label> | ||
</div> | ||
</div> | ||
<div class="w-full lg:w-1/2 px-3"><textarea class="w-full h-full p-4 text-xs font-semibold leading-none resize-none bg-blueGray-50 rounded outline-none" type="text" placeholder="Message..."></textarea></div> | ||
</div> | ||
<div class="flex justify-between items-center"> | ||
<label> | ||
<input class="mr-1" type="checkbox" name="terms" value="1"> | ||
<span class="text-sm font-semibold">I agree to terms and conditions.</span> | ||
</label> | ||
<button class="py-4 px-8 text-sm text-white font-semibold leading-none bg-blue-600 hover:bg-blue-700 rounded" type="submit">Submit</button> | ||
</div> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
</section></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,51 @@ | ||
<div> <section class="py-20 lg:bg-contain bg-top bg-no-repeat" style="background-image: url('metis-assets/backgrounds/intersect.svg');"> | ||
<div class="container mx-auto px-4"> | ||
<div class="max-w-sm mx-auto mb-12 text-center"> | ||
<h2 class="mb-4 text-3xl md:text-4xl font-bold font-heading">Frequently Asked Questions</h2> | ||
<p class="text-sm md:text-base leading-loose text-blueGray-500"> | ||
<span>Can’t find the answer you’re looking for? Write out to our</span> | ||
<a class="text-blue-600 hover:text-blue-700" href="#">customer support team.</a> | ||
</p> | ||
</div> | ||
<div class="max-w-3xl mx-auto"> | ||
<ul class="space-y-4"> | ||
<li class="px-6 py-4 bg-white rounded shadow"> | ||
<button class="w-full flex justify-between items-center text-left font-bold font-heading hover:text-blueGray-700"> | ||
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span> | ||
<svg class="w-4 h-4 ml-2 text-blueGray-300" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> | ||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> | ||
</svg> | ||
</button> | ||
<p class="hidden mt-2 text-blueGray-400 font-normal leading-loose">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis ultricies est. Duis nec hendrerit magna. Ut vel orci gravida, hendrerit enim non, gravida turpis. Praesent non lectus porttitor, scelerisque nulla nec, ornare neque. Integer massa libero, ornare ut leo nec, scelerisque rutrum elit. Morbi et massa id ipsum lobortis rhoncus. Aenean sit amet porta nulla, quis varius risus. Suspendisse ultrices ut lectus non laoreet. Etiam ornare laoreet tortor quis porttitor. Suspendisse tempus erat non dui volutpat eleifend.</p> | ||
</li> | ||
<li class="px-6 py-4 bg-white rounded shadow"> | ||
<button class="w-full flex justify-between items-center text-left font-bold font-heading text-blue-600 hover:text-blue-700"> | ||
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span> | ||
<svg class="w-4 h-4 ml-2 text-blueGray-500" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> | ||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> | ||
</svg> | ||
</button> | ||
<p class="mt-2 text-blueGray-400 font-normal leading-loose">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis ultricies est. Duis nec hendrerit magna. Ut vel orci gravida, hendrerit enim non, gravida turpis. Praesent non lectus porttitor, scelerisque nulla nec, ornare neque. Integer massa libero, ornare ut leo nec, scelerisque rutrum elit. Morbi et massa id ipsum lobortis rhoncus. Aenean sit amet porta nulla, quis varius risus. Suspendisse ultrices ut lectus non laoreet. Etiam ornare laoreet tortor quis porttitor. Suspendisse tempus erat non dui volutpat eleifend.</p> | ||
</li> | ||
<li class="px-6 py-4 bg-white rounded shadow"> | ||
<button class="w-full flex justify-between items-center text-left font-bold font-heading hover:text-blueGray-700"> | ||
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span> | ||
<svg class="w-4 h-4 ml-2 text-blueGray-300" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> | ||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> | ||
</svg> | ||
</button> | ||
<p class="hidden mt-2 text-blueGray-400 font-normal leading-loose">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis ultricies est. Duis nec hendrerit magna. Ut vel orci gravida, hendrerit enim non, gravida turpis. Praesent non lectus porttitor, scelerisque nulla nec, ornare neque. Integer massa libero, ornare ut leo nec, scelerisque rutrum elit. Morbi et massa id ipsum lobortis rhoncus. Aenean sit amet porta nulla, quis varius risus. Suspendisse ultrices ut lectus non laoreet. Etiam ornare laoreet tortor quis porttitor. Suspendisse tempus erat non dui volutpat eleifend.</p> | ||
</li> | ||
<li class="px-6 py-4 bg-white rounded shadow"> | ||
<button class="w-full flex justify-between items-center text-left font-bold font-heading hover:text-blueGray-700"> | ||
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span> | ||
<svg class="w-4 h-4 ml-2 text-blueGray-300" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> | ||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> | ||
</svg> | ||
</button> | ||
<p class="hidden mt-2 text-blueGray-400 font-normal leading-loose">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis ultricies est. Duis nec hendrerit magna. Ut vel orci gravida, hendrerit enim non, gravida turpis. Praesent non lectus porttitor, scelerisque nulla nec, ornare neque. Integer massa libero, ornare ut leo nec, scelerisque rutrum elit. Morbi et massa id ipsum lobortis rhoncus. Aenean sit amet porta nulla, quis varius risus. Suspendisse ultrices ut lectus non laoreet. Etiam ornare laoreet tortor quis porttitor. Suspendisse tempus erat non dui volutpat eleifend.</p> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</section></div> |
Oops, something went wrong.