Tailwind CSS Newsletter Container

"="" r="" n="" transition="" duration-200="" ease-in="" hover:box-shadow="" hover:opacity-80\"\r\n="" >\r\n="" <img\r\n="" src="https://www.creative-tim.com/"https:////www.logo.wine//a//logo//App_Store_(iOS)//App_Store_(iOS)-Badge-Logo.wine.svg/"/r/n" alt="\"App" store\"\r\n="" lg:w-44="" xl:w-auto\"\r\n="" width="\"209\"\r\n" height="\"60\"\r\n" \="" <\="" a>\r\n\r\n="" <a\r\n="" href="https://www.creative-tim.com/"/"/r/n" a>\r\n="" div>\r\n="" div>\r\n\r\n="" <div="" md:w-6\="" 12\">\r\n="" <form="" novalidate>\r\n="" flex-col="" items-center\">\r\n="" <input\r\n="" id="\"subscription_email\"\r\n" name="\"subscription_email\"\r\n" type="\"email\"\r\n" placeholder="\"Write" your="" email="" here\"\r\n="" px-4="" md:px-5="" w-full="" appearance-none="" duration-150="" ease-in-out="" border="" text-input="" text-xs="" lg:text-sm="" font-body="" placeholder-body="" min-h-12="" bg-white="" border-gray-300="" focus:outline-none="" focus:border-heading="" md:h-12="" lg:px-7="" h-12="" lg:h-14="" text-center="" text-black\"\r\n="" autocomplete="\"off\"\r\n" spellcheck="\"false\"\r\n" aria-invalid="\"false\"\r\n" <button\r\n="" data-variant="\"flat\"\r\n" bg-black="" duration-300="" font-semibold="" justify-center="" border-0="" border-transparent="" placeholder-white="" focus-visible:outline-none="" px-5="" md:px-6="" lg:px-8="" py-4="" md:py-3.5="" lg:py-4="" hover:text-white="" hover:bg-gray-800="" mt-2="" flex-shrink-0\"\r\n="" <span="" button>\r\n="" form>\r\n="" div>\r\n<\="" div>","author_type":"app\\user","author_id":null,"collection_id":null,"fork_id":null,"votes":0,"score":"0.0","visits":2692,"popularity":60,"slug":"newsletter-container","approved":1,"created_at":"2023-08-08t14:24:24.000000z","updated_at":"2024-09-18t17:55:17.000000z","downloads":20,"code_views":319,"center":true,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\="" cdn.tailwindcss.com","should_tweet":0,"media":[{"id":9998,"model_type":"app\\component","model_id":5353,"collection_name":"preview","name":"temp37575","file_name":"temp37575.png","mime_type":"image\="" png","disk":"public","size":42668,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp37575___media_library_original_1280_957.png","temp37575___media_library_original_1070_800.png","temp37575___media_library_original_895_669.png","temp37575___media_library_original_749_560.png","temp37575___media_library_original_627_469.png"],"base64svg":"data:image\="" svg+xml;base64,pcfet0nuwvbfihn2zybqvujmsumgii0vl1czqy8vrfreifnwryaxljevl0voiiaiahr0cdovl3d3dy53my5vcmcvr3jhcghpy3mvu1zhlzeums9eveqvc3znmteuzhrkij4kphn2zyb2zxjzaw9upsixljeiihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigeg1sbnm6egxpbms9imh0dha6ly93d3cudzmub3jnlze5otkvegxpbmsiihhtbdpzcgfjzt0ichjlc2vydmuiihg9ijaicib5psiwiib2awv3qm94psiwidagmti4mca5ntcipgojpgltywdlihdpzhropsixmjgwiibozwlnahq9ijk1nyigegxpbms6ahjlzj0izgf0ytppbwfnzs9qcgvno2jhc2u2ncwvowovnefbuvnrwkpsz0fcqvffqvlbqmdbquqvl2dbn1exskzrvljqvwpvz1oyuxrhbkjswnlcmk1tnhdjq2gxyzjsdvp5qkpta2nnu2xcrlj5qjjprefwtencegrxrnnhwfi1suqwz09uqusvoxnbuxdbrefnsurbz0leqxdnrejbturcqvvjqlfvrujbvutcd2nhq0f3s0rbd0xdz3nmrfe0u0vbme9futrmq3hbv0vcrvrgqlvwrlf3uez4z1dgqmdtrkjvvs85c0frd0veqkfrrkjbvupcuvvkrkewtersuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvlzhbquvrz0fhqufnqxdfukfbsvjbuu1sqwyvrufcoefbquvgqvffqkfrrujbqufbqufbqufbqujbz01fqlfzsenba0tdly9fquxvuufbsujbd01dqkfnrkjruuvbqufczlffq0f3quvfuvvtsvrgqkjotljzuwnpy1jrewdar2hdq05dc2nfvlv0shdkre5py29jsknowvhhqmthslnzbktda3forfuytnpnnu9rtkvsvvpiu0vss1uxulzwbgrzv1zwalphvm1ammhwyw5omgrywjnlsgw2zzrtrmhvzulpwxftazvtvmxwzvltwnfpbzztbhbxzw9xyxf5czdtmxryztr1ynjddzhurnhzzkl5y3jtmdluvjf0zlkyzhjonhvqazvlym42t25xogzmejlqwdi5l2o1k3yvrufcoejbqu1cqvffqkfrrujbuuvbqufbqufbqujbz01fqlfzsenba0tdly9fquxvukfbsujbz1ffqxdrsejruuvbquvdzhdbqkfntvjcqvvotvfzu1fwruhzwevuswplqkncuknryud4d1frak0xthdgv0p5mffvv0pevghkzkvyr0jryuppy29lu28xtmpjne9ucersrvzhujboslnstlvwvlpyv0zsyvkyumxabwrvyvdwemrivjjkm2g1zw9lrghjv0donglkaxblvgxkv1dsnwlabxflanblv21wnmlwcxjlenrmvzj0n2k1dxnmrhhnwed4ogpkexrmvdfowfcxowpamnvmajvpwg01k2pwnnzmejlqwdi5l2o1k3yvyufbd0rbuufdrvfnukfeoeerdxyrr3nmqmyvudhul2zwzllmmlbpzxg1ndhmdfyrrfnnl2jvlzc2cgyyumlpd0rekzfonexcd2i1ucsrcwy5ajruc0f2oef3mwq0tnhun2f1uhjsl1krstdbzmt2ti9hwvhlr1hqnde5mwpnumljvhrtv2hva2hrtjnyq3frm25mclywszflvk51ytfkbnbzuknmv0jnckzau3vlunpytkrfwxr5czrsskt4m0vqaxlgze1xqnjdvxpny3z6v3lls2rueurtecttmy9bqxlanesvnthflzc1cjrukze4ustwbugvrepuz3ivbndul3ztaisxofizqvarr1rqqlgvquq0si93qjgwzjj2au80qi93qu1tzun2k2zcucsrywy5c1lqduivlzjrpt0ipgojpc9pbwfnzt4kpc9zdmc+"}},"order_column":9675,"created_at":"2023-08-08t14:30:36.000000z","updated_at":"2023-08-08t14:30:38.000000z","conversions_disk":"public","uuid":"af7c4e95-d30d-4ba1-939a-65f387fc477b","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\="" tailwindcomponents.com\="" storage\="" 9998\="" temp37575.png","preview_url":""}],"author":{"name":"anonymous","anon":true,"slug":"anon","avatar":"\="" default.png"},"tags":[{"id":1,"name":{"en":"buttons"},"description":"choose="" from="" our="" large="" collection="" of="" ready-to-use="" buttons="" based="" on="" the="" most="" popular="" utility-first="" framework.","meta_description":"choose="" framework.","slug":{"en":"buttons"},"type":null,"order_column":2,"created_at":"2019-07-04t08:20:17.000000z","updated_at":"2022-08-01t16:05:44.000000z","pivot":{"taggable_type":"app\\component","taggable_id":5353,"tag_id":1}},{"id":2,"name":{"en":"forms"},"description":"get="" started="" with="" 100+="" forms="" examples="" that="" are="" ready="" to="" be="" used="" in="" tailwind="" project.="" sign="" up,="" in,="" subscribe="" we="" got="" anything="" you="" need.","meta_description":"get="" need.","slug":{"en":"forms"},"type":null,"order_column":5,"created_at":"2019-07-04t08:20:17.000000z","updated_at":"2022-08-01t16:08:37.000000z","pivot":{"taggable_type":"app\\component","taggable_id":5353,"tag_id":2}},{"id":5,"name":{"en":"widget"},"description":"check="" out="" 500+="" widget="" examples.="" use="" snippets="" preview="" code="" and="" spend="" less="" time="" re-inventing="" wheel.","meta_description":"check="" wheel.","slug":{"en":"widget"},"type":null,"order_column":14,"created_at":"2019-07-04t08:20:17.000000z","updated_at":"2022-08-01t16:16:36.000000z","pivot":{"taggable_type":"app\\component","taggable_id":5353,"tag_id":5}},{"id":22,"name":{"en":"footers"},"description":"the="" footer="" component="" is="" as="" a="" secondary="" menu="" copyright="" data="" links="" related="" documents.="" see="" below="" can="" add="" directly="" ui="" project.","meta_description":"visit="" footers="" project="" menu.","slug":{"en":"footers"},"type":null,"order_column":21,"created_at":"2022-08-31t14:17:37.000000z","updated_at":"2022-12-21t11:18:46.000000z","pivot":{"taggable_type":"app\\component","taggable_id":5353,"tag_id":22}}],"fork":null,"favorites":[{"id":14656,"name":"kardelen90","slug":"kardelen90","bio":null,"avatar":"https:\="" avatars.githubusercontent.com\="" u\="" 135968655?v="4","header":null,"created_at":"2023-10-12T19:18:13.000000Z","updated_at":"2023-10-12T19:18:13.000000Z","pivot":{"component_id":5353,"user_id":14656}},{"id":13886,"name":"allanokothdev","slug":"allanokothdev","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/19547628?v=4","header":null,"created_at":"2023-08-30T10:34:02.000000Z","updated_at":"2023-08-30T10:34:02.000000Z","pivot":{"component_id":5353,"user_id":13886}}]}"" :edit="false"> Full screen Preview

Download