Hero with card

\r\n <div class=\"text-2xl p-10 bg-white\"><img alt=\"quote\" class=\"float-left mr-1\" src=https://www.creative-tim.com/"https:////assets-global.website-files.com//5b5a66e9f3166b36708705fa//5cf8fb1f994fb7168d0d66fb_quote-intro.svg/"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>","author_type":"App\\User","author_id":620,"collection_id":null,"fork_id":null,"votes":5,"score":"5.0","visits":7109,"popularity":780,"slug":"hero-with-card","approved":1,"created_at":"2020-04-29T00:00:00.000000Z","updated_at":"2024-09-18T18:06:59.000000Z","downloads":131,"code_views":1159,"center":false,"notified":1,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":1089,"model_type":"App\\Component","model_id":401,"collection_name":"preview","name":"temp74037","file_name":"temp74037.png","mime_type":"image\/png","disk":"public","size":196787,"manipulations":[],"custom_properties":{"generated_conversions":{"thumb":true,"ogimage":true}},"responsive_images":{"medialibrary_original":{"urls":["temp74037___medialibrary_original_1280_957.png","temp74037___medialibrary_original_1070_799.png","temp74037___medialibrary_original_895_669.png","temp74037___medialibrary_original_749_559.png","temp74037___medialibrary_original_627_468.png","temp74037___medialibrary_original_524_391.png","temp74037___medialibrary_original_439_328.png","temp74037___medialibrary_original_367_274.png","temp74037___medialibrary_original_307_229.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FGd0FmQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErNS9GUGlpOTAyODh1RlNWcjBXemdzV2RIMWk3MVMxY3NjTnQ2VjUyWVNsSER5Y2R6b29KT29ybkUrSmJMVzUySWlkbEc2dnlMTDU0N0VZbHhleDlYV1ZHbFRUUFJ2QkMzRWVqeEpja21RRGttdjFYTEtkU25CcW9mTVltVVpTdkVOVThQTmZYWWZBSys5ZDA0MVhPNjJNb3loeTZtaHAraXgyUStRWUo2MTBTanpSc3pKT3p1Um5TakxjL05qYm4wcnpvNFdFSlhqRTdIVjVsWnMxMXQwZ0FWQU1lMWVqVFZrY2sybXlUQXJVekVLK2xBRGZLNXpTQWNGTk1ELy9aIj4KCTwvaW1hZ2U+Cjwvc3ZnPg=="}},"order_column":1070,"created_at":"2020-05-07T08:42:19.000000Z","updated_at":"2020-09-25T21:39:19.000000Z","conversions_disk":"public","uuid":"e7080125-3774-4ed7-85fe-64e4b3f108c9","generated_conversions":null,"original_url":"https:\/\/tailwindcomponents.com\/storage\/1089\/temp74037.png","preview_url":""}],"author":{"id":620,"name":"haynajjar","slug":"haynajjar","bio":null,"avatar":"\/storage\/avatars\/sFxxUmzKpl3EPtocZfHRog3HUVS7NSXhi2O5apCW.jpg","header":null,"created_at":"2020-04-28T22:05:33.000000Z","updated_at":"2023-08-10T04:51:32.000000Z"},"tags":[{"id":4,"name":{"en":"Cards"},"description":"Check out our examples of beautifully designed cards that will help you display your content easily. Use our snippets to preview the code and spend less time re-inventing the wheel.","meta_description":"Check out our examples of beautifully designed cards that will help you display your content 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":401,"tag_id":4}},{"id":5,"name":{"en":"Widget"},"description":"Check out our collection of 500+ widget examples. Use our snippets to preview the code and spend less time re-inventing the wheel.","meta_description":"Check out our collection of 500+ widget examples. Use our snippets to preview the code and spend less time re-inventing the 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":401,"tag_id":5}},{"id":89,"name":{"en":"Jumbotron"},"description":"Utilize the jumbotron component to deliver impactful marketing messages to users by incorporating a headline and image within a card-style box, all crafted with Tailwind CSS.","meta_description":"Utilize the jumbotron component to deliver impactful marketing messages to users by incorporating a headline and image within a card-style box, all crafted with Tailwind CSS.","slug":{"en":"jumbotron"},"type":null,"order_column":78,"created_at":"2023-11-14T16:54:16.000000Z","updated_at":"2023-11-14T16:54:16.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":401,"tag_id":89}}],"fork":null,"favorites":[{"id":3604,"name":"chrisparks91","slug":"chrisparks91","bio":null,"avatar":"https:\/\/pbs.twimg.com\/profile_images\/1315772210536222721\/rKCSH-Rl_normal.jpg","header":null,"created_at":"2021-05-28T16:24:05.000000Z","updated_at":"2021-05-28T16:24:05.000000Z","pivot":{"component_id":401,"user_id":3604}},{"id":5605,"name":"md-marop-hossain","slug":"md-marop-hossain","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/81180354?v=4","header":null,"created_at":"2021-10-28T15:41:01.000000Z","updated_at":"2021-10-28T15:41:01.000000Z","pivot":{"component_id":401,"user_id":5605}},{"id":4898,"name":"brunohafonso95","slug":"brunohafonso95","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/43271781?v=4","header":null,"created_at":"2021-09-07T03:42:51.000000Z","updated_at":"2021-09-07T03:42:51.000000Z","pivot":{"component_id":401,"user_id":4898}},{"id":6574,"name":"fachrularly","slug":"fachrularly","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/24983698?v=4","header":null,"created_at":"2022-01-19T13:34:22.000000Z","updated_at":"2022-01-19T13:34:22.000000Z","pivot":{"component_id":401,"user_id":6574}},{"id":4846,"name":"fedeul","slug":"fedeul","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/5d211e7d557ac27ccd029a1972c77372","header":null,"created_at":"2021-09-02T16:16:05.000000Z","updated_at":"2021-09-02T16:16:05.000000Z","pivot":{"component_id":401,"user_id":4846}},{"id":6940,"name":"123ApplePie","slug":"123applepie","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/73269263?v=4","header":null,"created_at":"2022-02-21T13:49:46.000000Z","updated_at":"2022-02-21T13:49:46.000000Z","pivot":{"component_id":401,"user_id":6940}}]}" :edit="false"> Full screen Preview