-
Notifications
You must be signed in to change notification settings - Fork 0
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
66ca167
commit 4969638
Showing
7 changed files
with
591 additions
and
0 deletions.
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,113 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Pratyaksh Photography</title> | ||
| </head> | ||
| <body> | ||
| <header class="text-gray-500 bg-gray-900 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-white 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-green-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">PPhotography</span> | ||
| </a> | ||
| <nav class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-700 flex flex-wrap items-center text-base justify-center"> | ||
| <a class="mr-5 hover:text-white" href="/index.html">Home</a> | ||
| <a class="mr-5 hover:text-white" href="/potrait.html">Potrait</a> | ||
| <a class="mr-5 hover:text-white" href="/sports.html">Sports</a> | ||
| <a class="mr-5 hover:text-white" href="/sunset.html">sunset</a> | ||
| <a class="mr-5 hover:text-white" href="/sunset.html">sky</a> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
| <hr> | ||
| <section class="text-gray-700 body-font"> | ||
| <div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center"> | ||
| <div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6 mb-10 md:mb-0"> | ||
| <img class="object-cover object-center rounded" alt="hero" src="/image1.svg"> | ||
| </div> | ||
| <div class="lg:flex-grow md:w-1/2 lg:pl-24 md:pl-16 flex flex-col md:items-start md:text-left items-center text-center"> | ||
| <h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900">Before they sold out | ||
| <br class="hidden lg:inline-block">readymade gluten | ||
| </h1> | ||
| <p class="mb-8 leading-relaxed">Copper mug try-hard pitchfork pour-over freegan heirloom neutra air plant cold-pressed tacos poke beard tote bag. Heirloom echo park mlkshk tote bag selvage hot chicken authentic tumeric truffaut hexagon try-hard chambray.</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">Button</button> | ||
| <!-- <button class="ml-4 inline-flex text-gray-700 bg-gray-200 border-0 py-2 px-6 focus:outline-none hover:bg-gray-300 rounded text-lg">Button</button> --> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <hr> | ||
| <section class="text-gray-700 body-font relative"> | ||
| <div class="container px-5 py-24 mx-auto flex sm:flex-no-wrap flex-wrap"> | ||
| <div class="lg:w-2/3 md:w-1/2 bg-gray-300 rounded-lg overflow-hidden sm:mr-10 p-10 flex items-end justify-start relative"> | ||
|
|
||
| <iframe width="100%" height="100%" class="absolute inset-0" frameborder="0" title="map" marginheight="0" marginwidth="0" scrolling="no" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d235013.70718089846!2d72.43965665449659!3d23.020497768904473!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x395e848aba5bd449%3A0x4fcedd11614f6516!2sAhmedabad%2C%20Gujarat!5e0!3m2!1sen!2sin!4v1592553704150!5m2!1sen!2sin" style="filter: grayscale(1) contrast(1.2) opacity(0.4);"></iframe> | ||
| <div class="bg-white relative flex flex-wrap py-6"> | ||
| <div class="lg:w-1/2 px-6"> | ||
| <h2 class="title-font font-medium text-gray-900 tracking-widest text-sm">ADDRESS</h2> | ||
| <p class="leading-relaxed">Ahemdabad , Gujarat</p> | ||
| </div> | ||
| <div class="lg:w-1/2 px-6 mt-4 lg:mt-0"> | ||
| <h2 class="title-font font-medium text-gray-900 tracking-widest text-sm">EMAIL</h2> | ||
| <a class="text-pink-500 leading-relaxed">example@email.com</a> | ||
| <h2 class="title-font font-medium text-gray-900 tracking-widest text-sm mt-4">PHONE</h2> | ||
| <p class="leading-relaxed">123-456-7890</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="lg:w-1/3 md:w-1/2 bg-white flex flex-col md:ml-auto w-full md:py-8 mt-8 md:mt-0"> | ||
| <h2 class="text-gray-900 text-lg mb-1 font-medium title-font">Feedback</h2> | ||
| <!-- <p class="leading-relaxed mb-5 text-gray-600">Post-ironic portland shabby chic echo park, banjo fashion axe</p> --> | ||
| <input class="bg-white rounded border border-gray-400 focus:outline-none focus:border-pink-500 text-base px-4 py-2 mb-4" placeholder="Name" type="text"> | ||
| <input class="bg-white rounded border border-gray-400 focus:outline-none focus:border-pink-500 text-base px-4 py-2 mb-4" placeholder="Email" type="email"> | ||
| <textarea class="bg-white rounded border border-gray-400 focus:outline-none h-32 focus:border-pink-500 text-base px-4 py-2 mb-4 resize-none" placeholder="Message"></textarea> | ||
| <button class="text-white bg-pink-500 border-0 py-2 px-6 focus:outline-none hover:bg-pink-600 rounded text-lg">Button</button> | ||
| <!-- <p class="text-xs text-gray-500 mt-3">Chicharrones blog helvetica normcore iceland tousled brook viral artisan.</p> --> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <footer class="text-gray-500 bg-gray-900 body-font"> | ||
| <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"> | ||
| <a class="flex title-font font-medium items-center md:justify-start justify-center text-white"> | ||
| <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-red-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">PPhotography</span> | ||
| </a> | ||
| <p class="text-sm text-gray-600 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-800 sm:py-2 sm:mt-0 mt-4"> | ||
| Made with ♥ by Kathan. | ||
| </p> | ||
| <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start"> | ||
| <a class="text-gray-600"> | ||
| <svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"> | ||
| <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-600"> | ||
| <svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"> | ||
| <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> | ||
| <a class="ml-3 text-gray-600"> | ||
| <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"> | ||
| <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> | ||
| <a class="ml-3 text-gray-600"> | ||
| <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> | ||
| </footer> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.