"="" alt="\"Your" company\">\r\n="" <\="" div>\r\n="" <div="" lg:ml-6="" lg:block\">\r\n="" space-x-4\">\r\n="" <!--="" current:="" \"bg-gray-900="" text-white\",="" default:="" \"text-gray-300="" hover:bg-gray-700="" hover:text-white\"="" -->\r\n="" <a="" href="https://www.creative-tim.com/"#\"" bg-gray-900="" px-3="" py-2="" text-sm="" font-medium="" text-white="" hover:text-gray-900="" hover:bg-green-500\">dashboard<\="" a>\r\n="" text-gray-300="" hover:bg-red-600="" hover:text-white\">team<\="" hover:text-white\">projects<\="" hover:text-white\">calendar<\="" flex-1="" justify-center="" px-2="" lg:justify-end\">\r\n="" max-w-lg="" lg:max-w-xs\">\r\n="" <label="" for="\"search\"" absolute="" inset-y-0="" left-0="" flex="" items-center="" pl-3\">\r\n="" <svg="" w-5="" text-black\"="" viewbox="\"0" 0="" 20="" 20\"="" fill="\"currentColor\"" aria-hidden="\"true\">\r\n" <path="" fill-rule="\"evenodd\"" d="\"M9" 3.5a5.5="" 5.5="" 100="" 11="" 000-11zm2="" 9a7="" 7="" 1112.452="" 4.391l3.328="" 3.329a.75.75="" 11-1.06="" 1.06l-3.329-3.328a7="" 012="" 9z\"="" clip-rule="\"evenodd\"" \="" >\r\n="" svg>\r\n="" <input="" id="\"search\"" name="\"search\"" w-full="" rounded-md="" border-0="" py-1.5="" pl-10="" pr-3="" placeholder:text-gray-400="" focus:bg-white="" focus:text-gray-900="" focus:ring-0="" sm:text-sm="" sm:leading-6\"="" placeholder="\"Search\"" type="\"search\">\r\n" lg:hidden\">\r\n="" mobile="" menu="" button="" <button="" inline-flex="" p-2="" text-gray-400="" hover:text-white="" focus:outline-none="" focus:ring-2="" focus:ring-inset="" focus:ring-white\"="" aria-controls="\"mobile-menu\"" aria-expanded="\"false\">\r\n" <span="" -inset-0.5\"><\="" span>\r\n="" main="" menu<\="" <!--\r\n="" icon="" when="" is="" closed.\r\n\r\n="" open:="" \"hidden\",="" closed:="" \"block\"\r\n="" h-6="" w-6\"="" 24="" 24\"="" stroke-width="\"1.5\"" stroke="\"currentColor\"" stroke-linecap="\"round\"" stroke-linejoin="\"round\"" 6.75h16.5m3.75="" 12h16.5m-16.5="" 5.25h16.5\"="" open.\r\n\r\n="" \"block\",="" \"hidden\"\r\n="" 18l18="" 6m6="" 6l12="" 12\"="" button>\r\n="" lg:ml-4="" items-center\">\r\n="" flex-shrink-0="" rounded-full="" bg-gray-800="" p-1="" hover:text-red-500="" focus:ring-green-500="" focus:ring-offset-2="" focus:ring-offset-green-500\">\r\n="" -inset-1.5\"><\="" notifications<\="" 17.082a23.848="" 23.848="" 005.454-1.31a8.967="" 8.967="" 0118="" 9.75v-.7v9a6="" 6="" 006="" 9v.75a8.967="" 01-2.312="" 6.022c1.733.64="" 3.56="" 1.085="" 5.455="" 1.31m5.714="" 0a24.255="" 24.255="" 01-5.714="" 0m5.714="" 0a3="" 3="" 11-5.714="" 0\"="" button>\r\n\r\n="" profile="" dropdown="" ml-4="" flex-shrink-0\">\r\n="" <div>\r\n="" focus:ring-white="" focus:ring-offset-gray-800\"="" aria-haspopup="\"true\">\r\n" user="" <img="" w-8="" rounded-full\"="" src="https://www.creative-tim.com/"https:////tailwindcomponents.com//storage//avatars//9tH5Pr88VlRmIt2VXqSVo8gPKvTPOdEwffID4Ntk.png/"" div>\r\n\r\n="" menu,="" show\="" hide="" based="" on="" state.\r\n\r\n="" entering:="" \"transition="" ease-out="" duration-100\"\r\n="" from:="" \"transform="" opacity-0="" scale-95\"\r\n="" to:="" opacity-100="" scale-100\"\r\n="" leaving:="" ease-in="" duration-75\"\r\n="" right-0="" z-10="" mt-2="" w-48="" origin-top-right="" bg-white="" py-1="" shadow-lg="" ring-1="" ring-black="" ring-opacity-5="" focus:outline-none\"="" role="\"menu\"" aria-orientation="\"vertical\"" aria-labelledby="\"user-menu-button\"" tabindex="\"-1\">\r\n" active:="" \"bg-gray-100\",="" not="" \"\"="" px-4="" text-gray-700\"="" profile<\="" out<\="" state.="" pb-3="" pt-2\">\r\n="" text-base="" text-white\">dashboard<\="" border-gray-700="" pt-4\">\r\n="" px-5\">\r\n="" w-10="" text-white\">tom="" cook<\="" text-gray-400\">tom@example.com<\="" ml-auto="" focus:ring-offset-gray-800\">\r\n="" space-y-1="" px-2\">\r\n="" hover:text-white\">your="" hover:text-white\">settings<\="" hover:text-white\">sign="" div>\r\n<\="" nav>\r\n<form="" border-gray-900\="" 10="" pb-12\">\r\n="" <h2="" font-semibold="" leading-7="" text-gray-900\">profile<\="" h2>\r\n="" <p="" leading-6="" text-gray-600\">this="" information="" will="" be="" displayed="" publicly="" so="" careful="" what="" you="" share.<\="" p>\r\n\r\n="" grid="" grid-cols-1="" gap-x-6="" gap-y-8="" sm:grid-cols-6\">\r\n="" text-gray-900\">username<\="" label>\r\n="" shadow-sm="" ring-inset="" ring-gray-300="" focus-within:ring-2="" focus-within:ring-inset="" focus-within:ring-indigo-600="" sm:max-w-md\">\r\n="" select-none="" pl-3="" text-gray-500="" sm:text-sm\">workcation.com\="" autocomplete="\"username\"" bg-transparent="" pl-1="" text-gray-900="" text-gray-900\">about<\="" <textarea="" rows="\"3\"" focus:ring-indigo-600="" sm:leading-6\"><\="" textarea>\r\n="" text-gray-600\">write="" a="" few="" sentences="" about="" yourself.<\="" p>\r\n="" text-gray-900\">photo<\="" gap-x-3\">\r\n="" w-12="" text-gray-300\"="" 19.097a9.723="" 9.723="" 0021.75="" 12c0-5.385-4.365-9.75-9.75-9.75s2.25="" 6.615="" 2.25="" 12a9.723="" 003.065="" 7.097a9.716="" 9.716="" 0012="" 21.75a9.716="" 006.685-2.653zm-12.54-1.285a7.486="" 7.486="" 0112="" 15a7.486="" 015.855="" 2.812a8.224="" 8.224="" 20.25a8.224="" 01-5.855-2.438zm15.75="" 9a3.75="" 3.75="" 11-7.5="" 017.5="" 0z\"="" px-2.5="" hover:bg-gray-50\">change<\="" text-gray-900\">cover="" photo<\="" rounded-lg="" border="" border-dashed="" 25="" px-6="" py-10\">\r\n="" h-12="" 6a2.25="" 012.25-2.25h16.5a2.25="" 0122.5="" 6v12a2.25="" 01-2.25="" 2.25h3.75a2.25="" 011.5="" 18v6zm3="" 16.06v18c0="" .414.336.75.75.75h16.5a.75.75="" 0021="" 18v-1.94l-2.69-2.689a1.5="" 1.5="" 00-2.12="" 0l-.88.879.97.97a.75.75="" 1.06l-5.16-5.159a1.5="" 0l3="" 16.061zm10.125-7.81a1.125="" 1.125="" 112.25="" text-gray-600\">\r\n="" cursor-pointer="" text-indigo-600="" focus-within:outline-none="" focus-within:ring-offset-2="" hover:text-indigo-500\">\r\n="" <span>upload="" file<\="" drag="" and="" drop<\="" leading-5="" text-gray-600\">png,="" jpg,="" gif="" up="" to="" 10mb<\="" text-gray-900\">personal="" information<\="" text-gray-600\">use="" permanent="" address="" where="" can="" receive="" mail.<\="" text-gray-900\">first="" name<\="" sm:leading-6\">\r\n="" text-gray-900\">last="" text-gray-900\">email="" address<\="" text-gray-900\">country<\="" <select="" sm:max-w-xs="" <option>united="" states<\="" option>\r\n="" <option>canada<\="" <option>mexico<\="" select>\r\n="" text-gray-900\">street="" sm:col-start-1\">\r\n="" text-gray-900\">city<\="" text-gray-900\">state="" province<\="" text-gray-900\">zip="" postal="" code<\="" text-gray-900\">notifications<\="" text-gray-600\">we'll="" always="" let="" know="" important="" changes,="" but="" pick="" else="" want="" hear="" about.<\="" space-y-10\">\r\n="" <fieldset>\r\n="" <legend="" text-gray-900\">by="" email<\="" legend>\r\n="" space-y-6\">\r\n="" w-4="" rounded="" border-gray-300="" focus:ring-indigo-600\">\r\n="" leading-6\">\r\n="" text-gray-900\">comments<\="" notified="" someones="" posts="" comment="" posting.<\="" text-gray-900\">candidates<\="" candidate="" applies="" job.<\="" text-gray-900\">offers<\="" accepts="" or="" rejects="" an="" offer.<\="" fieldset>\r\n="" text-gray-900\">push="" text-gray-600\">these="" are="" delivered="" via="" sms="" your="" phone.<\="" text-gray-900\">everything<\="" text-gray-900\">same="" as="" text-gray-900\">no="" push="" justify-end="" gap-x-6\">\r\n="" text-gray-900\">cancel<\="" bg-indigo-600="" hover:bg-indigo-500="" focus-visible:outline="" focus-visible:outline-2="" focus-visible:outline-offset-2="" focus-visible:outline-indigo-600\">save<\="" form>","author_type":"app\\user","author_id":16010,"collection_id":null,"fork_id":null,"votes":2,"score":"5.0","visits":2058,"popularity":102,"slug":"header-sections-8","approved":1,"created_at":"2024-01-30t00:00:00.000000z","updated_at":"2024-09-19t02:18:33.000000z","downloads":24,"code_views":272,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\="" cdn.tailwindcss.com","should_tweet":0,"media":[{"id":11319,"model_type":"app\\component","model_id":6084,"collection_name":"preview","name":"temp69621","file_name":"temp69621.png","mime_type":"image\="" png","disk":"public","size":67994,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp69621___media_library_original_1280_957.png","temp69621___media_library_original_1070_800.png","temp69621___media_library_original_895_669.png","temp69621___media_library_original_749_560.png","temp69621___media_library_original_627_469.png","temp69621___media_library_original_524_392.png"],"base64svg":"data:image\="" svg+xml;base64,pcfet0nuwvbfihn2zybqvujmsumgii0vl1czqy8vrfreifnwryaxljevl0voiiaiahr0cdovl3d3dy53my5vcmcvr3jhcghpy3mvu1zhlzeums9eveqvc3znmteuzhrkij4kphn2zyb2zxjzaw9upsixljeiihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigeg1sbnm6egxpbms9imh0dha6ly93d3cudzmub3jnlze5otkvegxpbmsiihhtbdpzcgfjzt0ichjlc2vydmuiihg9ijaicib5psiwiib2awv3qm94psiwidagmti4mca5ntcipgojpgltywdlihdpzhropsixmjgwiibozwlnahq9ijk1nyigegxpbms6ahjlzj0izgf0ytppbwfnzs9qcgvno2jhc2u2ncwvowovnefbuvnrwkpsz0fcqvffqvlbqmdbquqvl2dbn1exskzrvljqvwpvz1oyuxrhbkjswnlcmk1tnhdjq2gxyzjsdvp5qkpta2nnu2xcrlj5qjjprefwtencegrxrnnhwfi1suqwz09uqusvoxnbuxdbrefnsurbz0leqxdnrejbturcqvvjqlfvrujbvutcd2nhq0f3s0rbd0xdz3nmrfe0u0vbme9futrmq3hbv0vcrvrgqlvwrlf3uez4z1dgqmdtrkjvvs85c0frd0veqkfrrkjbvupcuvvkrkewtersuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvlzhbquvrz0fhqufnqxdfukfbsvjbuu1sqwyvrufcoefbquvgqvffqkfrrujbqufbqufbqufbqujbz01fqlfzsenba0tdly9fquxvuufbsujbd01dqkfnrkjruuvbqufczlffq0f3quvfuvvtsvrgqkjotljzuwnpy1jrewdar2hdq05dc2nfvlv0shdkre5py29jsknowvhhqmthslnzbktda3forfuytnpnnu9rtkvsvvpiu0vss1uxulzwbgrzv1zwalphvm1ammhwyw5omgrywjnlsgw2zzrtrmhvzulpwxftazvtvmxwzvltwnfpbzztbhbxzw9xyxf5czdtmxryztr1ynjddzhurnhzzkl5y3jtmdluvjf0zlkyzhjonhvqazvlym42t25xogzmejlqwdi5l2o1k3yvrufcoejbqu1cqvffqkfrrujbuuvbqufbqufbqujbz01fqlfzsenba0tdly9fquxvukfbsujbz1ffqxdrsejruuvbquvdzhdbqkfntvjcqvvotvfzu1fwruhzwevuswplqkncuknryud4d1frak0xthdgv0p5mffvv0pevghkzkvyr0jryuppy29lu28xtmpjne9ucersrvzhujboslnstlvwvlpyv0zsyvkyumxabwrvyvdwemrivjjkm2g1zw9lrghjv0donglkaxblvgxkv1dsnwlabxflanblv21wnmlwcxjlenrmvzj0n2k1dxnmrhhnwed4ogpkexrmvdfowfcxowpamnvmajvpwg01k2pwnnzmejlqwdi5l2o1k3yvyufbd0rbuufdrvfnukfeoeercjqvmljqq0rebxpymgvastrytwvmmlbmqng2mmrqblfxwtrmc2zlreivetvvk1pcwmw2mi9aujhivzbavvdrckp1n0xuc2v3efr5zhpwy3fjnxjfmzj0z09ht1zdnw1bdxlht1zcek1vm0rhbnlvt1ptzkhks3pznzfssk1mbkhgqxdsq3rbavdnrc85az0ipgojpc9pbwfnzt4kpc9zdmc+"}},"order_column":2,"created_at":"2024-02-01t09:55:38.000000z","updated_at":"2024-02-01t09:55:41.000000z","conversions_disk":"public","uuid":"804cd9c0-d028-4346-8bd9-97f962df051e","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\="" tailwindcomponents.com\="" storage\="" 11319\="" temp69621.png","preview_url":""}],"author":{"id":16010,"name":"shehab="" coding","slug":"shehab-coding","bio":null,"avatar":"\="" avatars\="" wki7pkghabcvvwwvtuhrc0xadcmoukdn5t5mpawq.jpg","header":"\="" headers\="" bbkcg7evmw2eyv4mpvngwmptqlwa3xfklfr9hquu.jpg","created_at":"2023-12-23t21:37:58.000000z","updated_at":"2024-04-01t12:20:39.000000z"},"tags":[{"id":7,"name":{"en":"pages"},"description":"looking="" get="" the="" work="" done="" faster?="" choose="" from="" our="" collection="" of="" 500+="" fully="" coded="" page="" examples="" that="" built="" using="" popular="" framework="" -="" tailwind="" css.="" started="" inspired!","meta_description":"choose="" css","slug":{"en":"pages"},"type":null,"order_column":10,"created_at":"2019-07-04t08:20:17.000000z","updated_at":"2022-08-01t16:13:03.000000z","pivot":{"taggable_type":"app\\component","taggable_id":6084,"tag_id":7}},{"id":24,"name":{"en":"headers"},"description":"the="" header="" very="" component="" provides="" useful="" links="" other="" areas="" website="" may="" visit.="" see="" below="" add="" directly="" ui="" project.","meta_description":"visit="" web="" project.","slug":{"en":"headers"},"type":null,"order_column":23,"created_at":"2022-08-31t14:18:40.000000z","updated_at":"2022-12-21t11:18:38.000000z","pivot":{"taggable_type":"app\\component","taggable_id":6084,"tag_id":24}}],"fork":null,"favorites":[{"id":11774,"name":"danilosantos-senar","slug":"danilosantos-senar","bio":null,"avatar":"https:\="" avatars.githubusercontent.com\="" u\="" 106703550?v="4","header":null,"created_at":"2023-04-05T17:58:27.000000Z","updated_at":"2023-04-05T17:58:27.000000Z","pivot":{"component_id":6084,"user_id":11774}},{"id":10204,"name":"BenitoRubenO","slug":"benitorubeno","bio":null,"avatar":"https:\/\/pbs.twimg.com\/profile_images\/1560417882676367362\/KHcjQxot_normal.jpg","header":null,"created_at":"2022-12-21T15:14:55.000000Z","updated_at":"2022-12-21T15:14:55.000000Z","pivot":{"component_id":6084,"user_id":10204}}]}"" :edit="false">
Full screen Preview
97 components
Community Rate
5 from 2 ratings
Related components
2.2
