banner.php
135 lines
| 1 | <?php if ( ! defined( 'ABSPATH' ) ) exit; ?> |
| 2 | <div class="bmi-banner"> |
| 3 | <div class="bmi-banner__body"> |
| 4 | <button type="button" aria-label="close banner" class="bmi-banner__button-close" data-nonce="<?php echo esc_attr(sanitize_text_field($this->nonce)); ?>"> |
| 5 | <svg |
| 6 | width="14" |
| 7 | height="13" |
| 8 | viewBox="0 0 14 13" |
| 9 | fill="none" |
| 10 | xmlns="http://www.w3.org/2000/svg" |
| 11 | > |
| 12 | <path |
| 13 | d="M5.50297 6.35792L0.249505 0H3.09109L7.01386 4.90164L10.8951 0H13.7089L8.45545 6.35792L14 13H11.1584L7.01386 7.81421L2.81386 13H0L5.50297 6.35792Z" |
| 14 | fill="black" |
| 15 | /> |
| 16 | </svg> |
| 17 | </button> |
| 18 | <div class="bmi-banner__left"> |
| 19 | <p>Finally it’s there…</p> |
| 20 | <div class="bmi-banner__gdrive"> |
| 21 | <svg |
| 22 | class="bmi-banner__gdrive-icon" |
| 23 | width="88" |
| 24 | height="78" |
| 25 | viewBox="0 0 88 78" |
| 26 | fill="none" |
| 27 | xmlns="http://www.w3.org/2000/svg" |
| 28 | > |
| 29 | <g clip-path="url(#clip0_1_886)"> |
| 30 | <path |
| 31 | d="M6.6 66.85L10.45 73.5C11.25 74.9 12.4 76 13.75 76.8L27.5 53H0C0 54.55 0.4 56.1 1.2 57.5L6.6 66.85Z" |
| 32 | fill="#0066DA" |
| 33 | /> |
| 34 | <path |
| 35 | d="M43.65 25L29.9 1.2C28.55 2 27.4 3.1 26.6 4.5L1.2 48.5C0.414713 49.8698 0.00104556 51.4211 0 53H27.5L43.65 25Z" |
| 36 | fill="#00AC47" |
| 37 | /> |
| 38 | <path |
| 39 | d="M73.55 76.8C74.9 76 76.05 74.9 76.85 73.5L78.45 70.75L86.1 57.5C86.9 56.1 87.3 54.55 87.3 53H59.798L65.65 64.5L73.55 76.8Z" |
| 40 | fill="#EA4335" |
| 41 | /> |
| 42 | <path |
| 43 | d="M43.65 25L57.4 1.2C56.05 0.4 54.5 0 52.9 0H34.4C32.8 0 31.25 0.45 29.9 1.2L43.65 25Z" |
| 44 | fill="#00832D" |
| 45 | /> |
| 46 | <path |
| 47 | d="M59.8 53H27.5L13.75 76.8C15.1 77.6 16.65 78 18.25 78H69.05C70.65 78 72.2 77.55 73.55 76.8L59.8 53Z" |
| 48 | fill="#2684FC" |
| 49 | /> |
| 50 | <path |
| 51 | d="M73.4 26.5L60.7 4.5C59.9 3.1 58.75 2 57.4 1.2L43.65 25L59.8 53H87.25C87.25 51.45 86.85 49.9 86.05 48.5L73.4 26.5Z" |
| 52 | fill="#FFBA00" |
| 53 | /> |
| 54 | </g> |
| 55 | <defs> |
| 56 | <clipPath id="clip0_1_886"> |
| 57 | <rect width="87.3" height="78" fill="white" /> |
| 58 | </clipPath> |
| 59 | </defs> |
| 60 | </svg> |
| 61 | <p class="bmi-banner__gdrive-text"> |
| 62 | You can now |
| 63 | <span class="bmi-banner__bold-black"> |
| 64 | backup files on |
| 65 | <span class="bmi-banner__green1">G</span><span class="bmi-banner__green1">o</span><span class="bmi-banner__grren2">o</span><span class="bmi-banner__yellow">g</span><span class="bmi-banner__yellow">l</span><span class="bmi-banner__yellow">e</span> |
| 66 | <span class=""></span> |
| 67 | <span class="bmi-banner__red">D</span><span class="bmi-banner__blue1">r</span><span class="bmi-banner__blue1">i</span><span class="bmi-banner__blue1">v</span><span class="bmi-banner__blue2">e</span> |
| 68 | </span> |
| 69 | </p> |
| 70 | </div> |
| 71 | </div> |
| 72 | <div class="bmi-banner__right"> |
| 73 | <a href="https://backupbliss.com/?discount=BESTGDRIVE" target="_blank" class="bmi-banner__get-button"> |
| 74 | <span>Get the plugin</span> |
| 75 | <svg |
| 76 | class="bmi-banner__get-button-icon" |
| 77 | width="9" |
| 78 | height="17" |
| 79 | viewBox="0 0 9 17" |
| 80 | fill="none" |
| 81 | xmlns="http://www.w3.org/2000/svg" |
| 82 | > |
| 83 | <path |
| 84 | d="M8.61004 7.90925L1.90809 1.19371C1.75192 1.03754 1.54143 0.949272 1.32414 0.949272C1.10007 0.949272 0.896369 1.03754 0.740194 1.19371L0.244438 1.68938C-0.0747024 2.00852 -0.0747024 2.53139 0.244438 2.85732L5.88036 8.5L0.237724 14.1495C0.081549 14.2989 0 14.5093 0 14.7334C0 14.9507 0.081549 15.1612 0.237724 15.3174L0.733397 15.8062C0.889573 15.9624 1.09327 16.0507 1.31735 16.0507C1.53463 16.0507 1.74512 15.9624 1.9013 15.8062L8.61004 9.08395C8.76622 8.92777 8.85448 8.71729 8.85448 8.5C8.85448 8.27592 8.76622 8.06543 8.61004 7.90925Z" |
| 85 | fill="currentColor" |
| 86 | /> |
| 87 | </svg> |
| 88 | </a> |
| 89 | <p class="bmi-banner__bottom"> |
| 90 | <span>with <span class="bmi-banner__bold">all</span> its </span> |
| 91 | <span class="bmi-banner__bottom-text-premium bmi-banner__yellow bmi-banner__bold"> |
| 92 | <svg |
| 93 | class="bmi-banner__bottom-text-premium-icon" |
| 94 | width="23" |
| 95 | height="21" |
| 96 | viewBox="0 0 23 21" |
| 97 | fill="none" |
| 98 | xmlns="http://www.w3.org/2000/svg" |
| 99 | > |
| 100 | <rect |
| 101 | x="1.39716" |
| 102 | y="16.1055" |
| 103 | width="19.5767" |
| 104 | height="4.89419" |
| 105 | rx="1" |
| 106 | fill="#FFA800" |
| 107 | /> |
| 108 | <path |
| 109 | d="M10.3212 1.49483L4.36481 11.7832C3.97885 12.4498 4.4599 13.2842 5.23024 13.2842H17.1431C17.9134 13.2842 18.3945 12.4498 18.0085 11.7832L12.0521 1.49483C11.6669 0.829542 10.7064 0.829542 10.3212 1.49483Z" |
| 110 | fill="#FFA800" |
| 111 | /> |
| 112 | <path |
| 113 | d="M19.8915 15.4064H5.13015C4.12183 15.4064 3.7473 14.0832 4.60605 13.5547L20.5976 3.71381C21.3122 3.27404 22.218 3.85688 22.1139 4.6895L20.8838 14.5304C20.8213 15.0309 20.3959 15.4064 19.8915 15.4064Z" |
| 114 | fill="#EAB500" |
| 115 | /> |
| 116 | <path |
| 117 | d="M2.4809 15.4064H17.2423C18.2506 15.4064 18.6251 14.0832 17.7664 13.5547L1.77488 3.71381C1.06026 3.27404 0.154427 3.85688 0.258505 4.6895L1.48862 14.5304C1.55117 15.0309 1.97658 15.4064 2.4809 15.4064Z" |
| 118 | fill="#F9C100" |
| 119 | /> |
| 120 | </svg> |
| 121 | <span>Premium features</span> |
| 122 | </span> |
| 123 | <span |
| 124 | >for a |
| 125 | <span class="bmi-banner__uppercase" |
| 126 | >time-limited <span class="bmi-banner__bold">30%</span> discount</span |
| 127 | ></span |
| 128 | > |
| 129 | </p> |
| 130 | </div> |
| 131 | </div> |
| 132 | <p class="bmi-banner__love"> |
| 133 | Made with 💚 by <a href="<?php echo esc_url($this->plugin_menu_url); ?>"><?php echo esc_html($this->name); ?></a> |
| 134 | </p> |
| 135 | </div> |