FileMaster

Edit File: banner.php

<?php if ( ! defined( 'ABSPATH' ) ) exit; ?>
<div class="bmi-banner">
  <div class="bmi-banner__body">
    <button type="button" aria-label="close banner" class="bmi-banner__button-close" data-nonce="<?php echo esc_attr(sanitize_text_field($this->nonce)); ?>">
      <svg
        width="14"
        height="13"
        viewBox="0 0 14 13"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          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"
          fill="black"
        />
      </svg>
    </button>
    <div class="bmi-banner__left">
      <p>Finally it’s there…</p>
      <div class="bmi-banner__gdrive">
        <svg
          class="bmi-banner__gdrive-icon"
          width="88"
          height="78"
          viewBox="0 0 88 78"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g clip-path="url(#clip0_1_886)">
            <path
              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"
              fill="#0066DA"
            />
            <path
              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"
              fill="#00AC47"
            />
            <path
              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"
              fill="#EA4335"
            />
            <path
              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"
              fill="#00832D"
            />
            <path
              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"
              fill="#2684FC"
            />
            <path
              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"
              fill="#FFBA00"
            />
          </g>
          <defs>
            <clipPath id="clip0_1_886">
              <rect width="87.3" height="78" fill="white" />
            </clipPath>
          </defs>
        </svg>
        <p class="bmi-banner__gdrive-text">
          You can now
          <span class="bmi-banner__bold-black">
            backup files on 
            <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>
            <span class=""></span>
            <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>
          </span>
        </p>
      </div>
    </div>
    <div class="bmi-banner__right">
      <a href="https://backupbliss.com/?discount=BESTGDRIVE" target="_blank" class="bmi-banner__get-button">
        <span>Get the plugin</span>
        <svg
          class="bmi-banner__get-button-icon"
          width="9"
          height="17"
          viewBox="0 0 9 17"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            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"
            fill="currentColor"
          />
        </svg>
      </a>
      <p class="bmi-banner__bottom">
        <span>with <span class="bmi-banner__bold">all</span> its </span>
        <span class="bmi-banner__bottom-text-premium bmi-banner__yellow bmi-banner__bold">
          <svg
            class="bmi-banner__bottom-text-premium-icon"
            width="23"
            height="21"
            viewBox="0 0 23 21"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <rect
              x="1.39716"
              y="16.1055"
              width="19.5767"
              height="4.89419"
              rx="1"
              fill="#FFA800"
            />
            <path
              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"
              fill="#FFA800"
            />
            <path
              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"
              fill="#EAB500"
            />
            <path
              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"
              fill="#F9C100"
            />
          </svg>
          <span>Premium features</span>
        </span>
        <span
          >for a
          <span class="bmi-banner__uppercase"
            >time-limited <span class="bmi-banner__bold">30%</span> discount</span
          ></span
        >
      </p>
    </div>
  </div>
  <p class="bmi-banner__love">
    Made with 💚 by <a href="<?php echo esc_url($this->plugin_menu_url); ?>"><?php echo esc_html($this->name); ?></a>
  </p>
</div>

Back