TechSheet

<style>/*<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Roboto"></head><body>*/</style>

Create Flex Panel Gallery using HTML CSS & JavaScript

CSS , How To , HTML

Create Flex Panel Gallery using HTML CSS & JavaScript

This TechSheet will teach you how to create a flex panel gallery . Anyone can create a flex panel gallery with basic HTML, CSS, and JavaScri...

Mohammad Rahi 19 Aug, 2022

Non-Fungible Tokens Explained | What is an NFT?

Non-Fungible Tokens Explained | What is an NFT?

One of the hottest blockchain use cases right now is the Non-Fungible Token, or NFT for short. NFTs are digital assets that are unique and ...

Mohammad Rahi 8 Apr, 2022

Bioinformatics Explained | What is Bioinformatics

Programming , Technology

Bioinformatics Explained | What is Bioinformatics

What is bioinformatics? A lot of people ask this question, especially those who know that it involves computer science and biology but don’t...

Mohammad Rahi 4 Apr, 2022 1

12 Facebook Groups That Help You Learn Programming

12 Facebook Groups That Help You Learn Programming

When you’re first learning to code, it can be difficult to keep up with all the new concepts and technology. Luckily, there are dozens of ac...

Mohammad Rahi 1 Apr, 2022

How to learn PHP and SQL on Android using Termux

Mobile , Programming , Web

How to learn PHP and SQL on Android using Termux

PHP is a server scripting language and a powerful tool for making dynamic and interactive Web pages. With PHP, you can connect and manipulat...

Mohammad Rahi 20 Feb, 2022

How to Choose the Right Theme for your Blog

How to Choose the Right Theme for your Blog

A blogger needs to choose the right blog theme to publish the blog post to the readers. Having the right theme helps determine the branding...

Mohammad Rahi 16 Feb, 2022 3

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7GpwQdoFi9tArei76jK8RgKaWPCQ:1732014505243';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6773340106084932603','//tech-sheet.blogspot.com/','6773340106084932603');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6773340106084932603', 'title': 'TechSheet', 'url': 'https://tech-sheet.blogspot.com/', 'canonicalUrl': 'https://tech-sheet.blogspot.com/', 'homepageUrl': 'https://tech-sheet.blogspot.com/', 'searchUrl': 'https://tech-sheet.blogspot.com/search', 'canonicalHomepageUrl': 'https://tech-sheet.blogspot.com/', 'blogspotFaviconUrl': 'https://tech-sheet.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\x22TechSheet - Atom\x22 href\x3d\x22https://tech-sheet.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22TechSheet - RSS\x22 href\x3d\x22https://tech-sheet.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22TechSheet - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6773340106084932603/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/8f7002974bbf4dbb', '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': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', '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', 'pageName': '', 'pageTitle': 'TechSheet', 'metaDescription': 'TechSheet is a way to learn the best of emerging technology, computing, programming, coding, blogging, SEO and more. Stay with TechSheet.'}}, {'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': 'TechSheet', 'description': 'TechSheet is a way to learn the best of emerging technology, computing, programming, coding, blogging, SEO and more. Stay with TechSheet.', 'url': 'https://tech-sheet.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'name': 'widgets', 'data': [{'title': 'TechSheet', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '3532756904340560990'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '8080549391521700918', 'title': 'Create Flex Panel Gallery using HTML CSS \x26 JavaScript', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh33mgc0zQaRR59gDxVdZOzh_Ctu6w24XhIdenjzu6ynbxvxIQlP3E5RPTy6os_TeFlSH_bMpBRDD4Ig0gxIA_MmncvaM6jQqzDKTINV7ImGN5LVDS-qN8prJbMEVkgJ1pCiJd27PaD8WN94RLm85pldqUn2hAAIYHeFTEjASbQ2-Q5TR2GtgMF4MDv/w640-h360/CSS%20Flex%20Panel%20Gallery.png', 'showInlineAds': false}, {'id': '8277892607127727767', 'title': 'Non-Fungible Tokens Explained | What is an NFT?', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQw3l5s2uUvICnXB16S_7wm1TC1vIupgN20rliLt5RslSkqmo-2DxfpCubb7I1MnhvpO3M4_tbDkVHmYH0wx_uhKZnnwxfT5K-kLcF-P8fgRm6A76PKUBbKCkm-az5v01wxwMczPrynS0VZxfdSjCvMF7f7_0Qf2sEgrfW3tKc63_niaW5tVDfc_QE/w640-h360/NFT.jpg', 'showInlineAds': false}, {'id': '3799829766122091193', 'title': 'Bioinformatics Explained | What is Bioinformatics', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4Q5m33y7GycrVQY_MYBQ7iJoyILF1nsjOxLUY7iFvdSj4jNgbbYUbWzxMkCfyqaG0ZAHiBAAL93rmin8nIL9U-gU9ooKg100Sxm4MLCR9kdwmO0ZfpAK-DVgqqoHhCOuXIU3T-YOck1_NqZXPJHrUI4QiwL9OJuVX3gNwg-_4f68MtielTFobG_s/w640-h446/Bioinformatics.jpg', 'showInlineAds': false}, {'id': '3714685115438003114', 'title': '12 Facebook Groups That Help You Learn Programming', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEjOygZADwyCdN7tUkjwYxavozJ0lfwADMb5_tJ_4tVKAii6jgLhEm_AnQowMA6hEDQtZoSJE0xtfuYYuZZyN-aeDWJW4wflO162C2bJ-O-_GtewOOPpDxi0oQRdOaq1gdLyqWsSYBriQd36438bH1Ccyh9ZZhOKmovhG-yg_afFTYbWSJZlDoe9VW-9\x3dw640-h446', 'showInlineAds': false}, {'id': '280711052415267071', 'title': 'How to learn PHP and SQL on Android using Termux', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEg_vyQmM8IG7ehqlMxPJtI2jbWwDr4xR2TweijpHUIuEnNa6_F-hVkXjLRsoM--9rWyiqAN4a2so6xoCqZuZZIG7z367b5yushbKroXBXlHBcNoR7Ti1o-wAq9iquND456asUUSbeSp3_SXRkmqJOnwxw4t03HrUInNorg6RKVDzals3DfkNf2dsR2-JQ\x3dw640-h428', 'showInlineAds': false}, {'id': '6921909762871074571', 'title': 'How to Choose the Right Theme for your Blog', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEjvkTCJk9XdX6ilzt7CCLfpWHE8424ivBcgGTgvqvtLPh4zyvRBnnM5pxJ0scEQFNJ3g0mEA88zkvH5KzSI6s9OX44yInaQmUKpYN413ym-XCK8WMBon624AruETM2ZQ5cshH3zCdCemwXbxeGzaOS5n_eqm1MWWNpHwX37cAaJjXusO8ANcRErJ2RDeg\x3dw640-h428', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML13'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML14'}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': 'Contact Form', 'type': 'ContactForm', 'sectionId': 'sidebar-static', 'id': 'ContactForm1'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'How to install ReactJS on Android using termux', 'id': 8878769986773513872}, {'title': '7 Emerging Technologies That Can Change the World', 'id': 1140459538457011555}, {'title': 'What is Virtual Reality and how does it work', 'id': 6495553782922679309}, {'title': 'Evolution of WWW : Web 3.0 (Semantic Web)', 'id': 7733159119289825232}, {'title': 'How to install Sass on Android using termux', 'id': 7759450593344364734}]}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Newsletter', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML22'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'before-blog', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'before-post', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2646514562-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'ads-post', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'ads-post', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'ads-post', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar-static', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '6773340106084932603', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AOuZoY7iEoMaGYc-Yw4V4M9qUDYyk5vz2w:1732014505244', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label10', 'sidebar-static', document.getElementById('Label10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'footer-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>