بنر 90*728 ساخته شده با html 5 و css 3

امروزه معمولاً منظور از بنر پیام‌های تبلیغاتی‌ای است که در سطح وب استفاده می‌شود. این بنرها معمولاً پیام خود را در قالب طرحی هنرمندانه از تصاویر و متون و برای اهداف تبلیغاتی بیان می‌کند.

مزیت مهم بنر این است که به صورت فعال عمل می‌کند و مشتری را به سایت آگهی دهنده می‌کشاند. تهیه بنر به سرعت و با هزینه کم امکان پذیر است و در طراحی آن می‌توان از جاذبه ها و تکنیکهای مختلف مانند گرافیک، عکس و انیمیشن استفاده کرد.

معمولا بنر هایی که در سایت ها استفاده میشوند به صورت تصویر هستند. هرچند میتوانند در جذب کاربر بسیار موثر باشند، اما کلیک کردن کاربر بر روی بنر تاثیر زیادی بر روی سئو سایت شما نمیگذارد. حالا تصور کنید همان بنر به صورت متن ساخته شده باشد و ظاهری شبیه به بنر های تصویری داشته باشد! این روش فوق العاده هست و میتواند علاوه بر جذب کاربر، در سئو سایت شما بسیار موثر باشد.

امروز برای شما عزیزان یک بنر با اندازه 728*90 را طراحی کرده ام که با زبان های html5 و css3 ساخته شده است. علاوه بر اینکه زیبایی خاصی را دارد و نظر کاربران را جلب میکند، متن های موجود در بنر میتواند به سئو سایت شما بسیار کمک کند و سایت شما را به صفحه اول گوگل انتقال بدهد. همچنین حجم بسیار کمی نسبت به بنر های تصویری دارد و حتی با اینترنت کم سرعت هم سریع لود میشود.

کد بنر 90*728 ساخته شده با html 5 و css 3

<style>
    .header-1 {
        width: 728px;
        height: 90px;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzE1Mi45NTRweCIgaGVpZ2h0PSIxNjk0Ljg2OHB4IiB2aWV3Qm94PSIwIDAgMzE1Mi45NTQgMTY5NC44NjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMxNTIuOTU0IDE2OTQuODY4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9Im5vbmUiIHBvaW50cz0iMjE1OC4wNjIsMTY5NC44NjggMjI2OC4wODgsMTY5NC44NjggMjIwMC41MzEsMTY4OC4xMzQgCSIvPg0KCTxwb2x5Z29uIGZpbGw9Im5vbmUiIHBvaW50cz0iNDgxLjIwNywxNjk0Ljg2OCA0ODcuMzE4LDE2OTQuODY4IDQ4My4xODYsMTY5NC41MTkgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM0QjkyOTgiIHBvaW50cz0iNDY0LjAzNCw2NDcuNTEzIDg0LjE3NSwxMjYwLjM5NCA3MDAuMjQ4LDEyNDEuMjQyIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMzE3RTc0IiBwb2ludHM9IjMxNTIuOTU0LDY1Mi41MDIgMzE1Mi45NTQsMTg0LjY4NyAzMTEwLjI3Niw0MTQuNDkxIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMjI1QTczIiBwb2ludHM9Ijg0LjE3NSwxMjYwLjM5NCAwLDE2MTYuNTE5IDAsMTY5NC44NjggMjEuNDkxLDE2OTQuODY4IDE2MC43ODUsMTQ4Ny4wMzMgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMzNzgzNzYiIHBvaW50cz0iMzExMC4yNzYsNDE0LjQ5MSAzMTUyLjk1NCwxODQuNjg3IDMxNTIuOTU0LDYuMjY5IDMwMzYuODU4LDExNy42MjYgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM1ODlFODQiIHBvaW50cz0iMjk0NS44MzcsMCAyMDc1LjAyNSwwIDI2NTYuOTk5LDM3LjgyNCAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzI1NjM3OCIgcG9pbnRzPSIwLDEwMDEuMzk0IDAsMTYxNi41MTkgODQuMTc1LDEyNjAuMzk0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMzM3QTdFIiBwb2ludHM9IjAsNjUuMTA4IDAsNzA3LjYzOSA5Ni45NDMsMjk5LjU3NSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzQ1OEM4OCIgcG9pbnRzPSIzNTUuNTAzLDE1Mi43MzkgOTYuOTQzLDI5OS41NzUgMzE0LjAwNSwzMDkuMTUyIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMzg4MDdEIiBwb2ludHM9IjM1NS41MDMsMTUyLjczOSAyOC45NTcsMCAwLDAgMCw2NS4xMDggOTYuOTQzLDI5OS41NzUgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMyNDYwNzgiIHBvaW50cz0iMTYwLjc4NSwxNDg3LjAzMyAzOTMuODA4LDE1ODkuMTggODQuMTc1LDEyNjAuMzk0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNEM5MThFIiBwb2ludHM9Ijk2Ljk0MywyOTkuNTc1IDQ2NC4wMzQsNjQ3LjUxMyAzMTQuMDA1LDMwOS4xNTIgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMxQTUwNkMiIHBvaW50cz0iMzkzLjgwOCwxNTg5LjE4IDE2MS45NzQsMTY5NC44NjggNDgxLjIwNywxNjk0Ljg2OCA0ODMuMTg2LDE2OTQuNTE5IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjM0I4Mjg2IiBwb2ludHM9Ijk2Ljk0MywyOTkuNTc1IDAsNzA3LjYzOSAwLDg1OC45NzIgNDY0LjAzNCw2NDcuNTEzIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMUI1MTZCIiBwb2ludHM9IjE2MC43ODUsMTQ4Ny4wMzMgMjEuNDkxLDE2OTQuODY4IDE2MS45NzQsMTY5NC44NjggMzkzLjgwOCwxNTg5LjE4IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMzE3NzgxIiBwb2ludHM9IjQ2NC4wMzQsNjQ3LjUxMyAwLDg1OC45NzIgMCwxMDAxLjM5NCA4NC4xNzUsMTI2MC4zOTQgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMzRjhDN0EiIHBvaW50cz0iMzAzNi44NTgsMTE3LjYyNiAzMTUyLjk1NCw2LjI2OSAzMTUyLjk1NCwwIDI5NDUuODM3LDAgMjY1Ni45OTksMzcuODI0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMzY3ODg4IiBwb2ludHM9Ijg0LjE3NSwxMjYwLjM5NCAzOTMuODA4LDE1ODkuMTggNzAwLjI0OCwxMjQxLjI0MiAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzQyODg3RSIgcG9pbnRzPSI2NjkuOTY2LDAgMjguOTU3LDAgMzU1LjUwMywxNTIuNzM5IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjOTNDOUIxIiBwb2ludHM9IjIwNzIuODQ3LDQ4Ny45MDkgMTg1Mi41OTMsMjM4LjkyNiAxODMwLjI0OCw1OTMuMjQ4IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMUY2OTkwIiBwb2ludHM9IjIyMDAuNTMxLDE2ODguMTM0IDIyNjguMDg4LDE2OTQuODY4IDI4MDQuMTQ0LDE2OTQuODY4IDI2NDEuMDM5LDE2NTYuMjE0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNjdBRUI0IiBwb2ludHM9IjgzMS4xMjQsMTUwMi45OTMgMTUwNy44NDcsMTQ1NS4xMTIgMTI0OS4yODgsMTE5Ni41NTMgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM2NEE2OTgiIHBvaW50cz0iOTY1LjE5MiwyNzQuMDM5IDcwMC4zOSwwIDY5NC4yNjQsMCA3MzguNTUzLDEyNC4wMTEgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM3N0I0QUYiIHBvaW50cz0iODA1LjU4Nyw3NjIuNDI4IDQ2NC4wMzQsNjQ3LjUxMyA3MDAuMjQ4LDEyNDEuMjQyIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNjFBNDlCIiBwb2ludHM9IjMxNC4wMDUsMzA5LjE1MiA0NjQuMDM0LDY0Ny41MTMgNzM4LjU1MywxMjQuMDExIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNTg5QjkxIiBwb2ludHM9IjczOC41NTMsMTI0LjAxMSA2OTQuMjY0LDAgNjY5Ljk2NiwwIDM1NS41MDMsMTUyLjczOSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzg5QkZBRiIgcG9pbnRzPSIxMDczLjcyMyw4MzIuNjU0IDk2NS4xOTIsMjc0LjAzOSA4MDUuNTg3LDc2Mi40MjggCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM1NTlCOTEiIHBvaW50cz0iNzM4LjU1MywxMjQuMDExIDM1NS41MDMsMTUyLjczOSAzMTQuMDA1LDMwOS4xNTIgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMzNDc4OEQiIHBvaW50cz0iNDgzLjE4NiwxNjk0LjUxOSA4MzEuMTI0LDE1MDIuOTkzIDM5My44MDgsMTU4OS4xOCAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzRCOTA5RiIgcG9pbnRzPSIzOTMuODA4LDE1ODkuMTggODMxLjEyNCwxNTAyLjk5MyA3MDAuMjQ4LDEyNDEuMjQyIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNkRBRkE1IiBwb2ludHM9IjczOC41NTMsMTI0LjAxMSA0NjQuMDM0LDY0Ny41MTMgOTY1LjE5MiwyNzQuMDM5IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNzlCNUE5IiBwb2ludHM9Ijk2NS4xOTIsMjc0LjAzOSA0NjQuMDM0LDY0Ny41MTMgODA1LjU4Nyw3NjIuNDI4IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjODJCREI5IiBwb2ludHM9IjcwMC4yNDgsMTI0MS4yNDIgMTI0OS4yODgsMTE5Ni41NTMgMTA3My43MjMsODMyLjY1NCAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzgzQkFCNCIgcG9pbnRzPSI4MDUuNTg3LDc2Mi40MjggNzAwLjI0OCwxMjQxLjI0MiAxMDczLjcyMyw4MzIuNjU0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNTE5RUFFIiBwb2ludHM9IjE1MDcuODQ3LDE0NTUuMTEyIDE1NTcuNDEyLDE2OTQuODY4IDE1ODQuMjgsMTY5NC44NjggMTU5NC4wMzMsMTU3OS42MDMgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM5Q0NCQzEiIHBvaW50cz0iMTA3My43MjMsODMyLjY1NCAxMjQ5LjI4OCwxMTk2LjU1MyAxMzg2LjU0Nyw4NjcuNzY3IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNjdBQUIyIiBwb2ludHM9IjcwMC4yNDgsMTI0MS4yNDIgODMxLjEyNCwxNTAyLjk5MyAxMjQ5LjI4OCwxMTk2LjU1MyAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzUzOUNBRCIgcG9pbnRzPSI4MzEuMTI0LDE1MDIuOTkzIDEzMzQuNTI3LDE2OTQuODY4IDE1NTcuNDEyLDE2OTQuODY4IDE1MDcuODQ3LDE0NTUuMTEyIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNzNCMDlFIiBwb2ludHM9IjEzNDUuMDUsMjQyLjExOCA3MTYuNzcsMCA3MDAuMzksMCA5NjUuMTkyLDI3NC4wMzkgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM4RkM0QjIiIHBvaW50cz0iMTM0NS4wNSwyNDIuMTE4IDk2NS4xOTIsMjc0LjAzOSAxMDczLjcyMyw4MzIuNjU0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNzNCMTlBIiBwb2ludHM9IjE1NDkuMTYxLDAgNzE2Ljc3LDAgMTM0NS4wNSwyNDIuMTE4IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjQTVEMUMwIiBwb2ludHM9IjE1NDYuMTUyLDQ4Ny45MDkgMTA3My43MjMsODMyLjY1NCAxMzg2LjU0Nyw4NjcuNzY3IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjOUZDQkJBIiBwb2ludHM9IjE1NDYuMTUyLDQ4Ny45MDkgMTM0NS4wNSwyNDIuMTE4IDEwNzMuNzIzLDgzMi42NTQgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMzRTgyOTkiIHBvaW50cz0iNDgzLjE4NiwxNjk0LjUxOSA0ODcuMzE4LDE2OTQuODY4IDEzMzQuNTI3LDE2OTQuODY4IDgzMS4xMjQsMTUwMi45OTMgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMxNTU4ODIiIHBvaW50cz0iMjY0MS4wMzksMTY1Ni4yMTQgMjgwNC4xNDQsMTY5NC44NjggMzEyMy40MDYsMTY5NC44NjggMzAzMy42NjYsMTU3Ni40MTEgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMzOTg1NzkiIHBvaW50cz0iMzExMC4yNzYsNDE0LjQ5MSAzMDM2Ljg1OCwxMTcuNjI2IDI4NDUuMzMyLDQ5NC4yOTMgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM5QkNCQjUiIHBvaW50cz0iMTgzMC4yNDgsNTkzLjI0OCAxODUyLjU5MywyMzguOTI2IDE1NDYuMTUyLDQ4Ny45MDkgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMxOTY0ODMiIHBvaW50cz0iMzAzMy42NjYsMTU3Ni40MTEgMzA0MC4wNSwxMjk4LjY5OSAyOTY2LjYzMiwxNDk2LjYwOSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzlDQ0ZDOCIgcG9pbnRzPSIxMjQ5LjI4OCwxMTk2LjU1MyAxNjgzLjQxMiwxMjM0Ljg1OCAxMzg2LjU0Nyw4NjcuNzY3IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjODhDNEM1IiBwb2ludHM9IjEyNDkuMjg4LDExOTYuNTUzIDE1MDcuODQ3LDE0NTUuMTEyIDE2ODMuNDEyLDEyMzQuODU4IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNDU4QzdBIiBwb2ludHM9IjMwMzYuODU4LDExNy42MjYgMjY1Ni45OTksMzcuODI0IDI4NDUuMzMyLDQ5NC4yOTMgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM3MEI3QkQiIHBvaW50cz0iMTUwNy44NDcsMTQ1NS4xMTIgMTU5NC4wMzMsMTU3OS42MDMgMTY4My40MTIsMTIzNC44NTggCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM4NUJGQTciIHBvaW50cz0iMjI0OC40MTIsMzg4Ljk1NCAyMDcyLjg0Nyw0ODcuOTA5IDI0MDEuNjMyLDYyMS45NzcgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNBN0Q0QkYiIHBvaW50cz0iMTcwMi41NjQsNzk3LjU0MiAxNTQ2LjE1Miw0ODcuOTA5IDEzODYuNTQ3LDg2Ny43NjcgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiNBNEQzQzMiIHBvaW50cz0iMTM4Ni41NDcsODY3Ljc2NyAxNjgzLjQxMiwxMjM0Ljg1OCAxNzAyLjU2NCw3OTcuNTQyIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjODNCQUE1IiBwb2ludHM9IjE4NTIuNTkzLDIzOC45MjYgMTYwOS40NTEsMCAxNTQ5LjE2MSwwIDEzNDUuMDUsMjQyLjExOCAJIi8+DQoJPHBvbHlnb24gZmlsbD0iI0E0RDFCQSIgcG9pbnRzPSIxODMwLjI0OCw1OTMuMjQ4IDE1NDYuMTUyLDQ4Ny45MDkgMTcwMi41NjQsNzk3LjU0MiAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzkyQzNBRCIgcG9pbnRzPSIxODUyLjU5MywyMzguOTI2IDEzNDUuMDUsMjQyLjExOCAxNTQ2LjE1Miw0ODcuOTA5IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjOUFDQkI1IiBwb2ludHM9IjIwNzIuODQ3LDQ4Ny45MDkgMTgzMC4yNDgsNTkzLjI0OCAyMDg1LjYxNSw4NDIuMjMxIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjQTJEMkJDIiBwb2ludHM9IjIwODUuNjE1LDg0Mi4yMzEgMTgzMC4yNDgsNTkzLjI0OCAxNzAyLjU2NCw3OTcuNTQyIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjOURDREJEIiBwb2ludHM9IjIxMzkuODgxLDEwOTEuMjE0IDIwODUuNjE1LDg0Mi4yMzEgMTcwMi41NjQsNzk3LjU0MiAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzk5Q0ZDMiIgcG9pbnRzPSIxNzAyLjU2NCw3OTcuNTQyIDE2ODMuNDEyLDEyMzQuODU4IDIxMzkuODgxLDEwOTEuMjE0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjM0I4REE1IiBwb2ludHM9IjIxNTUuODQxLDE2MTQuNzE2IDE4ODYuNDQxLDE2OTQuODY4IDIxNTguMDYyLDE2OTQuODY4IDIyMDAuNTMxLDE2ODguMTM0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMjM3MDhFIiBwb2ludHM9IjI5NjYuNjMyLDE0OTYuNjA5IDMwNDAuMDUsMTI5OC42OTkgMjc2NS41MywxMzY4LjkyNiAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzdFQzNDMCIgcG9pbnRzPSIxNjgzLjQxMiwxMjM0Ljg1OCAyMTQ5LjQ1NywxMzc1LjMxIDIxMzkuODgxLDEwOTEuMjE0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNTdBNkI1IiBwb2ludHM9IjE1OTQuMDMzLDE1NzkuNjAzIDIxNTUuODQxLDE2MTQuNzE2IDIxNDkuNDU3LDEzNzUuMzEgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM2RUI3QkQiIHBvaW50cz0iMTY4My40MTIsMTIzNC44NTggMTU5NC4wMzMsMTU3OS42MDMgMjE0OS40NTcsMTM3NS4zMSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzQ2OTRBOCIgcG9pbnRzPSIxNTk0LjAzMywxNTc5LjYwMyAxNTg0LjI4LDE2OTQuODY4IDE4ODYuNDQxLDE2OTQuODY4IDIxNTUuODQxLDE2MTQuNzE2IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNzhCODlEIiBwb2ludHM9IjIyOTYuMjkzLDEwMS42NjYgMTg1Mi41OTMsMjM4LjkyNiAyMjQ4LjQxMiwzODguOTU0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjODVCRkE2IiBwb2ludHM9IjIyNDguNDEyLDM4OC45NTQgMTg1Mi41OTMsMjM4LjkyNiAyMDcyLjg0Nyw0ODcuOTA5IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNzZCNDlEIiBwb2ludHM9IjIyOTYuMjkzLDEwMS42NjYgMTc1MC40NDQsMCAxNjA5LjQ1MSwwIDE4NTIuNTkzLDIzOC45MjYgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMyMTc5ODUiIHBvaW50cz0iMzA0MC4wNSwxMjk4LjY5OSAzMTUyLjk1NCw5ODguMjE0IDMxNTIuOTU0LDg3Mi4yNjIgMjgxMy40MTIsODI5LjQ2MiAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzhCQzVBRiIgcG9pbnRzPSIyNDAxLjYzMiw2MjEuOTc3IDIwNzIuODQ3LDQ4Ny45MDkgMjA4NS42MTUsODQyLjIzMSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzY3QUU5MCIgcG9pbnRzPSIyNjU2Ljk5OSwzNy44MjQgMjI5Ni4yOTMsMTAxLjY2NiAyMjQ4LjQxMiwzODguOTU0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMUI2ODgyIiBwb2ludHM9IjMxNTIuOTU0LDE2NTguNTggMzE1Mi45NTQsOTg4LjIxNCAzMDQwLjA1LDEyOTguNjk5IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNkFCNEIzIiBwb2ludHM9IjIxNDkuNDU3LDEzNzUuMzEgMjU4My41ODEsMTA1Ni4xMDEgMjEzOS44ODEsMTA5MS4yMTQgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM3QkJDQjQiIHBvaW50cz0iMjEzOS44ODEsMTA5MS4yMTQgMjU4My41ODEsMTA1Ni4xMDEgMjA4NS42MTUsODQyLjIzMSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzdBQkNBRSIgcG9pbnRzPSIyMDg1LjYxNSw4NDIuMjMxIDI1ODMuNTgxLDEwNTYuMTAxIDI0MDEuNjMyLDYyMS45NzcgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMzQzg4QTIiIHBvaW50cz0iMjE1NS44NDEsMTYxNC43MTYgMjY0MS4wMzksMTY1Ni4yMTQgMjE0OS40NTcsMTM3NS4zMSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzJGN0I5QiIgcG9pbnRzPSIyMjAwLjUzMSwxNjg4LjEzNCAyNjQxLjAzOSwxNjU2LjIxNCAyMTU1Ljg0MSwxNjE0LjcxNiAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzM4OEI5RCIgcG9pbnRzPSIyNzY1LjUzLDEzNjguOTI2IDI1ODMuNTgxLDEwNTYuMTAxIDI3MDEuNjg4LDE1MjguNTMgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMxNTVCN0QiIHBvaW50cz0iMzA0MC4wNSwxMjk4LjY5OSAzMDMzLjY2NiwxNTc2LjQxMSAzMTIzLjQwNiwxNjk0Ljg2OCAzMTUyLjk1NCwxNjk0Ljg2OCAzMTUyLjk1NCwxNjU4LjU4IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNkRCMTlBIiBwb2ludHM9IjI2NTYuOTk5LDM3LjgyNCAyMDc1LjAyNSwwIDE3NTAuNDQ0LDAgMjI5Ni4yOTMsMTAxLjY2NiAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzQ5OUNBQyIgcG9pbnRzPSIyNzAxLjY4OCwxNTI4LjUzIDI1ODMuNTgxLDEwNTYuMTAxIDIxNDkuNDU3LDEzNzUuMzEgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMzNDg1QTIiIHBvaW50cz0iMjE0OS40NTcsMTM3NS4zMSAyNjQxLjAzOSwxNjU2LjIxNCAyNzAxLjY4OCwxNTI4LjUzIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNTdBMTk0IiBwb2ludHM9IjI4MTMuNDEyLDgyOS40NjIgMjg0NS4zMzIsNDk0LjI5MyAyNDAxLjYzMiw2MjEuOTc3IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNUZBNThEIiBwb2ludHM9IjI4NDUuMzMyLDQ5NC4yOTMgMjY1Ni45OTksMzcuODI0IDIyNDguNDEyLDM4OC45NTQgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiM1RUFCQTUiIHBvaW50cz0iMjU4My41ODEsMTA1Ni4xMDEgMjgxMy40MTIsODI5LjQ2MiAyNDAxLjYzMiw2MjEuOTc3IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjNzFCNEEwIiBwb2ludHM9IjI0MDEuNjMyLDYyMS45NzcgMjg0NS4zMzIsNDk0LjI5MyAyMjQ4LjQxMiwzODguOTU0IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMjE2QjhFIiBwb2ludHM9IjI2NDEuMDM5LDE2NTYuMjE0IDMwMzMuNjY2LDE1NzYuNDExIDI3MDEuNjg4LDE1MjguNTMgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMyNTcyOTAiIHBvaW50cz0iMjk2Ni42MzIsMTQ5Ni42MDkgMjc2NS41MywxMzY4LjkyNiAyNzAxLjY4OCwxNTI4LjUzIAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMkY4MDdBIiBwb2ludHM9IjI4NDUuMzMyLDQ5NC4yOTMgMzE1Mi45NTQsODMyLjk1OSAzMTUyLjk1NCw2NTIuNTAyIDMxMTAuMjc2LDQxNC40OTEgCSIvPg0KCTxwb2x5Z29uIGZpbGw9IiMzMzgzODIiIHBvaW50cz0iMjgxMy40MTIsODI5LjQ2MiAzMTUyLjk1NCw4NzIuMjYyIDMxNTIuOTU0LDgzMi45NTkgMjg0NS4zMzIsNDk0LjI5MyAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzFCNjY4NiIgcG9pbnRzPSIyNzAxLjY4OCwxNTI4LjUzIDMwMzMuNjY2LDE1NzYuNDExIDI5NjYuNjMyLDE0OTYuNjA5IAkiLz4NCgk8cG9seWdvbiBmaWxsPSIjMkY4NDk4IiBwb2ludHM9IjI3NjUuNTMsMTM2OC45MjYgMzA0MC4wNSwxMjk4LjY5OSAyNTgzLjU4MSwxMDU2LjEwMSAJIi8+DQoJPHBvbHlnb24gZmlsbD0iIzM0OEE5NyIgcG9pbnRzPSIyNTgzLjU4MSwxMDU2LjEwMSAzMDQwLjA1LDEyOTguNjk5IDI4MTMuNDEyLDgyOS40NjIgCSIvPg0KPC9nPg0KPC9zdmc+DQo=);
        background-size: 100%;
        padding-top: 5px;
        text-align: center;
    }
    .text-header{
        color: #f8ff00;
        font-size: 20px;
        font-family: Arial;
        font-weight: lighter;

    }
    .text-header2{
        color: #00ff96;
        font-size: 19px;
        font-family: Arial;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .button-1 {
        background-color: #00b110;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Exo 2', sans-serif;
        font-weight: 300;
        font-size: 12px;
        display: inline-block;
        position: relative;
        text-align: center;
        color: #ffffff;
        border: 1px solid #00c7ec;
        border-radius: 5px;
        line-height: 3em;
        padding-left: 1em;
        padding-right: 1em;
        box-shadow: 0 0 0 0 transparent;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .button-1:hover {
        color: white;
        box-shadow: 0 0 30px 0 rgba(0, 199, 236, 0.5);
        background-color: #00c7ec;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    .button-1:hover:before {
        -webkit-animation: shine 0.5s 0s linear;
        -moz-animation: shine 0.5s 0s linear;
        animation: shine 0.5s 0s linear;
    }
    .button-1:active {
        box-shadow: 0 0 0 0 transparent;
        -webkit-transition: box-shadow 0.2s ease-in;
        -moz-transition: box-shadow 0.2s ease-in;
        transition: box-shadow 0.2s ease-in;
    }
    .button-1:before {
        content: '';
        display: block;
        width: 0px;
        height: 86%;
        position: absolute;
        top: 7%;
        left: 0%;
        opacity: 0;
        background: white;
        box-shadow: 0 0 15px 3px white;
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        transform: skewX(-20deg);
    }

    @-webkit-keyframes shine {
        from {
            opacity: 0;
            left: 0%;
        }
        50% {
            opacity: 1;
        }
        to {
            opacity: 0;
            left: 100%;
        }
    }
    @-moz-keyframes shine {
        from {
            opacity: 0;
            left: 0%;
        }
        50% {
            opacity: 1;
        }
        to {
            opacity: 0;
            left: 100%;
        }
    }
    @keyframes shine {
        from {
            opacity: 0;
            left: 0%;
        }
        50% {
            opacity: 1;
        }
        to {
            opacity: 0;
            left: 100%;
        }
    }

</style>
<center>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div class="header-1">

    <span class="text-header">در وب سایت شخصی سیدرضا بازیار، مطمئن وبگردی کنید</span>
    <div class="text-header2">جدیدترین آموزش ها کامپیوتر ، آموزش های برنامه نویسی، هک و امنیت ، کد ها و ابزار وب و... را از من بخواهید</div>
    <a href="https://www.seyedrezabazyar.com" class="button-1">وب سایت شخصی سیدرضا بازیار </a>
</center>
</div>

نمایش کامل بنر / دمو آنلاین

امیدوارم از این بنر خوشتون اومده باشه 🙂