tailwindcss@3.3.3
Tailwind CSS Two Features Section
By aleThis is an example of a Tailwind CSS features section created for promoting a Bible Chat application. The section is inspired by thebiblechat.com.
"="" alt="\"Verse" finder="" image\">\r\n="" <\="" div>\r\n="" div>\r\n\r\n="" <!--="" bible="" trivia="" feature="" (2nd="" row)="" -->\r\n="" <div="" flex-col="" md:flex-row-reverse="" items-center="" md:items-start="" md:justify-between\">\r\n="" text="" block="" adjusted="" width="" to="" 5\="" 12="" <h2="" font-bold="" mb-4\">bible="" trivia<\="" h2>\r\n="" <p="" mb-6="" text-center="" md:text-left\">challenge="" yourself="" with="" and="" sharpen="" your="" biblical="" knowledge="" through="" engaging="" games.="" test="" memory="" on="" events,="" characters,="" locations,="" teachings.="" choose="" difficulty="" level="" enjoy="" a="" fun,="" personalized="" learning="" journey="" at="" own="" pace.<\="" p>\r\n="" \r\n="" image="" max-w-sm\">\r\n="" <img="" border-none\"="" src="https://www.creative-tim.com/"https:////i.imgur.com//h7TsTPl.png/"" visible="" note="" banner="" text-gray-700="" py-4="" mt-12="" rounded-md\">\r\n="" section="" is="" inspired="" by="" <a="" href="https://www.creative-tim.com/"https:////thebiblechat.com/"" hover:underline\">thebiblechat.com<\="" a>="" official="" website.<\="" div>\r\n\r\n<\="" section>","author_type":"app\\user","author_id":19943,"collection_id":null,"fork_id":null,"votes":0,"score":"0.0","visits":411,"popularity":113,"slug":"tailwind-css-two-features-section","approved":1,"created_at":"2024-08-18t00:00:00.000000z","updated_at":"2024-09-19t02:32:25.000000z","downloads":10,"code_views":68,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\="" \="" cdn.tailwindcss.com","should_tweet":0,"media":[{"id":12484,"model_type":"app\\component","model_id":7061,"collection_name":"preview","name":"temp63200","file_name":"temp63200.png","mime_type":"image\="" png","disk":"public","size":116843,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp63200___media_library_original_1280_957.png","temp63200___media_library_original_1070_800.png","temp63200___media_library_original_895_669.png","temp63200___media_library_original_749_560.png","temp63200___media_library_original_627_469.png","temp63200___media_library_original_524_392.png","temp63200___media_library_original_439_328.png"],"base64svg":"data:image\="" svg+xml;base64,pcfet0nuwvbfihn2zybqvujmsumgii0vl1czqy8vrfreifnwryaxljevl0voiiaiahr0cdovl3d3dy53my5vcmcvr3jhcghpy3mvu1zhlzeums9eveqvc3znmteuzhrkij4kphn2zyb2zxjzaw9upsixljeiihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigeg1sbnm6egxpbms9imh0dha6ly93d3cudzmub3jnlze5otkvegxpbmsiihhtbdpzcgfjzt0ichjlc2vydmuiihg9ijaicib5psiwiib2awv3qm94psiwidagmti4mca5ntcipgojpgltywdlihdpzhropsixmjgwiibozwlnahq9ijk1nyigegxpbms6ahjlzj0izgf0ytppbwfnzs9qcgvno2jhc2u2ncwvowovnefbuvnrwkpsz0fcqvffqvlbqmdbquqvl2dbn1exskzrvljqvwpvz1oyuxrhbkjswnlcmk1tnhdjq2gxyzjsdvp5qkpta2nnu2xcrlj5qjjprefwtencegrxrnnhwfi1suqwz09uqusvoxnbuxdbrefnsurbz0leqxdnrejbturcqvvjqlfvrujbvutcd2nhq0f3s0rbd0xdz3nmrfe0u0vbme9futrmq3hbv0vcrvrgqlvwrlf3uez4z1dgqmdtrkjvvs85c0frd0veqkfrrkjbvupcuvvkrkewtersuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvlzhbquvrz0fhqufnqxdfukfbsvjbuu1sqwyvrufcoefbquvgqvffqkfrrujbqufbqufbqufbqujbz01fqlfzsenba0tdly9fquxvuufbsujbd01dqkfnrkjruuvbqufczlffq0f3quvfuvvtsvrgqkjotljzuwnpy1jrewdar2hdq05dc2nfvlv0shdkre5py29jsknowvhhqmthslnzbktda3forfuytnpnnu9rtkvsvvpiu0vss1uxulzwbgrzv1zwalphvm1ammhwyw5omgrywjnlsgw2zzrtrmhvzulpwxftazvtvmxwzvltwnfpbzztbhbxzw9xyxf5czdtmxryztr1ynjddzhurnhzzkl5y3jtmdluvjf0zlkyzhjonhvqazvlym42t25xogzmejlqwdi5l2o1k3yvrufcoejbqu1cqvffqkfrrujbuuvbqufbqufbqujbz01fqlfzsenba0tdly9fquxvukfbsujbz1ffqxdrsejruuvbquvdzhdbqkfntvjcqvvotvfzu1fwruhzwevuswplqkncuknryud4d1frak0xthdgv0p5mffvv0pevghkzkvyr0jryuppy29lu28xtmpjne9ucersrvzhujboslnstlvwvlpyv0zsyvkyumxabwrvyvdwemrivjjkm2g1zw9lrghjv0donglkaxblvgxkv1dsnwlabxflanblv21wnmlwcxjlenrmvzj0n2k1dxnmrhhnwed4ogpkexrmvdfowfcxowpamnvmajvpwg01k2pwnnzmejlqwdi5l2o1k3yvyufbd0rbuufdrvfnukfeoeevvhlyvxdzbtawq0kyau40k1zirk1du0t6a3qyenv6u0dynhr4qxprqlzhd1jum0vvq0xfvunsrdvjq2daunvinlnhykfhulrfvfc5ofpxqtjrvwdky3nhcxdpamnhawxzkzezd2fmqu5odvlydvrddhvotvjmu0xieujtc00vlzjrpt0ipgojpc9pbwfnzt4kpc9zdmc+"}},"order_column":7,"created_at":"2024-08-19t13:20:56.000000z","updated_at":"2024-08-19t13:20:58.000000z","conversions_disk":"public","uuid":"131bebc5-95e6-4a6a-ad6a-33d3b94d1530","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\="" tailwindcomponents.com\="" storage\="" 12484\="" temp63200.png","preview_url":""}],"author":{"id":19943,"name":"ale","slug":"ale-2","bio":null,"avatar":"https:\="" www.gravatar.com\="" avatar\="" 284fdb288be2f2e9668a366fcdd56dbd","header":null,"created_at":"2024-07-24t08:17:13.000000z","updated_at":"2024-07-24t08:17:13.000000z"},"tags":[{"id":4,"name":{"en":"cards"},"description":"check="" out="" our="" examples="" of="" beautifully="" designed="" cards="" that="" will="" help="" you="" display="" content="" easily.="" use="" snippets="" preview="" the="" code="" spend="" less="" time="" re-inventing="" wheel.","meta_description":"check="" easily.","slug":{"en":"cards"},"type":null,"order_column":3,"created_at":"2019-07-04t08:20:17.000000z","updated_at":"2022-08-01t16:06:24.000000z","pivot":{"taggable_type":"app\\component","taggable_id":7061,"tag_id":4}},{"id":73,"name":{"en":"features"},"description":"the="" tailwind="" features="" used="" highlight="" key="" or="" aspects="" product="" service.="" see="" below="" collection="" components="" can="" add="" directly="" ui="" project.","meta_description":"visit="" component="" web="" project="" create="" awesome="" apps.","slug":{"en":"features"},"type":null,"order_column":62,"created_at":"2023-10-05t07:53:50.000000z","updated_at":"2023-10-05t07:53:50.000000z","pivot":{"taggable_type":"app\\component","taggable_id":7061,"tag_id":73}}],"fork":null,"favorites":[]}"="" :edit="false">
Full screen Preview