Language
About
Contact
Terms of Use
Disclaimer
Privacy
Cookies
About
Join Telegram
Finestap
Design
Finestap Design is The Best Website where you can find Blogger Widgets, Tech News, Tech Reviews, Coding related Tutorials and many more.
Tnvr I.
Web Designer
Home page
Blog
Other sites
Perfect UI
Proclud Pro
Codes
HTML
CSS
JavaScript
More...
Tools
Our Products
This Site is Under Maintenance.
Design
How to make Amazing Profile Card in HTML & CSS | Dark mode or Light mode.
Tnv U.
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Accept
More Details
<!DOCTYPE html> <html> <head></head> <body> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4290687098-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY5kEH5R92Y81DnjexcOQwtWmrMXew:1715186500632';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5230375069077839740','//finestap-design.blogspot.com/search/label/Design','5230375069077839740'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5230375069077839740', 'title': 'Finestap Design', 'url': 'https://finestap-design.blogspot.com/search/label/Design', 'canonicalUrl': 'https://finestap-design.blogspot.com/search/label/Design', 'homepageUrl': 'https://finestap-design.blogspot.com/', 'searchUrl': 'https://finestap-design.blogspot.com/search', 'canonicalHomepageUrl': 'https://finestap-design.blogspot.com/', 'blogspotFaviconUrl': 'https://finestap-design.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Finestap Design - Atom\x22 href\x3d\x22https://finestap-design.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Finestap Design - RSS\x22 href\x3d\x22https://finestap-design.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Finestap Design - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5230375069077839740/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/af0c04622aa32429', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'searchLabel': 'Design', 'pageName': 'Design', 'pageTitle': 'Finestap Design: Design', 'metaDescription': 'Finestap Design is The Best Website where you can find Blogger Widgets, Tech Reviews, Coding related Tutorials and many more. finestap design'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Finestap Design', 'description': 'Finestap Design is The Best Website where you can find Blogger Widgets, Tech Reviews, Coding related Tutorials and many more. finestap design', 'url': 'https://finestap-design.blogspot.com/search/label/Design', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'Design', 'resultsMessage': 'Showing posts with the label Design', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eDesign\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'e.g. Typography', 'type': 'BlogSearch', 'sectionId': 'navbar-left', 'id': 'BlogSearch1'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'navbar-left', 'id': 'LinkList002'}, {'title': 'Finestap Design (Header)', 'type': 'Header', 'sectionId': 'header-title', 'id': 'Header1'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'header-Menu', 'id': 'HTML000'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'header-icon', 'id': 'TextList000'}, {'title': 'Notification', 'type': 'HTML', 'sectionId': 'notif-widget', 'id': 'HTML0'}, {'title': 'Under Header Ad', 'type': 'HTML', 'sectionId': 'horizontal-ad', 'id': 'HTML91'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'top-widget', 'id': 'FeaturedPost1', 'postId': '4722868848217934220'}, {'title': 'Header Ad', 'type': 'HTML', 'sectionId': 'top-widget', 'id': 'HTML92'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main-widget', 'id': 'Blog1', 'posts': [{'id': '1496675444209724589', 'title': 'How to make Amazing Profile Card in HTML \x26 CSS | Dark mode or Light mode.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2bIojBqrcCfexvlqluMwQ8iVYRUCsfRPADF2zhtHWjHfNqF3j1urDiidX_kpFI7oDh2ixgNNiuwhz4hOs2YquMcg6LZOdNnDWYd9ORd7uiw81387GGYZnnAjGjnUpABI_RQDWRUNef5Dd5_Yh7-BY0S5ytmOleI9IZU0FWKD2LD4aQcUv5LQ9HB0uiQ/s16000/Add%20a%20subheading%20-%20Edited.webp', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'share', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comment'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'share', 'label': ''}, {'name': 'comments', 'label': 'Comment'}, {'name': 'labels', 'label': 'in'}]}, {'title': 'Recurring Post Ad', 'type': 'HTML', 'sectionId': 'main-widget', 'id': 'HTML04'}, {'title': 'Motivational Quotes', 'type': 'HTML', 'sectionId': 'side-widget', 'id': 'HTML12'}, {'title': 'Monthly Popular Posts', 'type': 'PopularPosts', 'sectionId': 'side-widget', 'id': 'PopularPosts00', 'posts': [{'title': 'Plus UI v2.6.3 Free Download to Finestap Blog.', 'id': 4722868848217934220}, {'title': 'How to Make Stylish Codebox for Blog Posts.', 'id': 4013104781265978860}, {'title': 'How to add Category Posts Widget for your blogger websites?', 'id': 5023655460257693230}, {'title': 'How to Create Amazing Sitemap Page in Blogger | Flashes Pro', 'id': 7616403442687182591}, {'title': 'Perfect UI v1.5.1 Blogger Template | Perfect UI', 'id': 6640668003555461075}]}, {'title': 'Labels or Tags', 'type': 'Label', 'sectionId': 'side-widget', 'id': 'Label00'}, {'title': 'Table of contents', 'type': 'HTML', 'sectionId': 'side-widget', 'id': 'HTML11'}, {'title': 'Sticky Ad - Desktop only', 'type': 'HTML', 'sectionId': 'side-Sticky', 'id': 'HTML95'}, {'title': 'Ad Placement', 'type': 'HTML', 'sectionId': 'add-widget', 'id': 'HTML94'}, {'title': 'Made with love by', 'type': 'HTML', 'sectionId': 'footer-widget-1', 'id': 'HTML77'}, {'title': 'Social Media Link', 'type': 'LinkList', 'sectionId': 'footer-widget-1', 'id': 'LinkList1'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer-widget-2', 'id': 'LinkList2'}, {'title': 'Product \x26amp; Service', 'type': 'LinkList', 'sectionId': 'footer-widget-3', 'id': 'LinkList3'}, {'title': 'Support', 'type': 'LinkList', 'sectionId': 'footer-widget-4', 'id': 'LinkList4'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'credit-widget', 'id': 'HTML88'}, {'title': 'Take me back', 'type': 'HTML', 'sectionId': 'error-404', 'id': 'HTML404'}, {'title': 'Cookie Consent', 'type': 'HTML', 'sectionId': 'addons-widget', 'id': 'HTML21'}]}]); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'navbar-left', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList002', 'navbar-left', document.getElementById('LinkList002'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-title', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML000', 'header-Menu', document.getElementById('HTML000'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList000', 'header-icon', document.getElementById('TextList000'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML0', 'notif-widget', document.getElementById('HTML0'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML91', 'horizontal-ad', document.getElementById('HTML91'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'top-widget', document.getElementById('FeaturedPost1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML92', 'top-widget', document.getElementById('HTML92'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main-widget', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3eDesign\x3c/b\x3e. \x3ca href\x3d\x22https://finestap-design.blogspot.com/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1666805145-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML04', 'main-widget', document.getElementById('HTML04'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'side-widget', document.getElementById('HTML12'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts00', 'side-widget', document.getElementById('PopularPosts00'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label00', 'side-widget', document.getElementById('Label00'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'side-widget', document.getElementById('HTML11'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML95', 'side-Sticky', document.getElementById('HTML95'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML94', 'add-widget', document.getElementById('HTML94'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML77', 'footer-widget-1', document.getElementById('HTML77'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'footer-widget-1', document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'footer-widget-2', document.getElementById('LinkList2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'footer-widget-3', document.getElementById('LinkList3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'footer-widget-4', document.getElementById('LinkList4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML88', 'credit-widget', document.getElementById('HTML88'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'error-404', document.getElementById('HTML404'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'addons-widget', document.getElementById('HTML21'), {}, 'displayModeFull')); </script> </body> </html>
