welcome-screen.php
83 lines
| 1 | <?php if ( ! defined( 'ABSPATH' ) ) exit; ?> |
| 2 | <div class="transferito-information"> |
| 3 | |
| 4 | <input type="hidden" id="welcomeScreenSecurity" value="<?php echo esc_html(wp_create_nonce('transferito_welcome_screen')); ?>"> |
| 5 | |
| 6 | |
| 7 | <div class="transferito-information__close-button transferito__modal--close"></div> |
| 8 | |
| 9 | <div class="transferito-information__container transferito-information__container--large"> |
| 10 | |
| 11 | <div class="transferito-information__title transferito-text__h1 transferito-text--no-bold transferito-text--size-xl transferito-text__center"> |
| 12 | First time using Transferito? |
| 13 | </div> |
| 14 | <div class="transferito-information__title transferito-text__h3--regular transferito-text__center transferito-font__color--black-grey"> |
| 15 | Let's get you started with your first migration |
| 16 | </div> |
| 17 | |
| 18 | <div class="transferito-information__sub-title transferito-information__sub-title--margins transferito-text__p1--bold transferito-text__center"> |
| 19 | Click on one of the boxes below to watch a quick video on how to get started |
| 20 | </div> |
| 21 | |
| 22 | <div class="transferito-migration-method"> |
| 23 | |
| 24 | <div class="transferito-migration-method__selection-boxes"> |
| 25 | <div id="pullLiveToLocal" data-associated-tutorial-video-id="qFK8oU5t-6M" class="transferito-migration-method__selection-method"> |
| 26 | <div class="transferito-migration-method__recommended transferito__hide-element">SELECTED</div> |
| 27 | |
| 28 | <div class="transferito-migration-method__container"> |
| 29 | <div class="transferito-migration-method__image"> |
| 30 | <div class="transferito-migration-method__icon transferito-migration-method__icon--pull"></div> |
| 31 | </div> |
| 32 | <div class="transferito-migration-method__description"> |
| 33 | <div class="transferito-migration-method__title transferito-text__p1--bold">Pull</div> |
| 34 | <div class="transferito-text__small">Automatically backup and install this WordPress site into your local development environment</div> |
| 35 | </div> |
| 36 | </div> |
| 37 | |
| 38 | <div class="transferito-migration-method__pill-holder"> |
| 39 | <div class="transferito-migration-method__pill transferito-migration-method__pill--dark-purple">TRANSFERITO PLUGIN</div> |
| 40 | <div class="transferito-migration-method__pill transferito-migration-method__pill--light-purple">TRANSFERITO DESKTOP</div> |
| 41 | </div> |
| 42 | </div> |
| 43 | |
| 44 | <div id="deployLive" data-associated-tutorial-video-id="20IVrE_cJw4" class="transferito-migration-method__selection-method"> |
| 45 | <div class="transferito-migration-method__recommended transferito__hide-element">SELECTED</div> |
| 46 | |
| 47 | <div class="transferito-migration-method__container"> |
| 48 | <div class="transferito-migration-method__image"> |
| 49 | <div class="transferito-migration-method__icon transferito-migration-method__icon--deploy"></div> |
| 50 | </div> |
| 51 | <div class="transferito-migration-method__description"> |
| 52 | <div class="transferito-migration-method__title transferito-text__p1--bold">Deploy</div> |
| 53 | <div class="transferito-text__small">Automatically backup and install this WordPress site into your local development environment</div> |
| 54 | </div> |
| 55 | </div> |
| 56 | |
| 57 | <div class="transferito-migration-method__pill-holder"> |
| 58 | <div class="transferito-migration-method__pill transferito-migration-method__pill--blue">TRANSFERITO PLUGIN</div> |
| 59 | </div> |
| 60 | </div> |
| 61 | </div> |
| 62 | |
| 63 | <div id="welcomeScreenVideo" class="transferito-information__video--v2"></div> |
| 64 | |
| 65 | <div class="transferito-migration-method__action-buttons"> |
| 66 | <div class="transferito-header__action-button"> |
| 67 | <a href="https://knowledge.transferito.com/getting-started/migration-quickstart-introduction/" class="transferito-button transferito-button__primary--blue transferito-button--small transferito-log-event" data-event-name="viewWelcomeQuickStartGuide" target="_blank">READ OUR DETAILED QUICK START GUIDE</a> |
| 68 | </div> |
| 69 | <button class="transferito-button transferito-button__primary transferito-button--small transferito__modal--close">I'M READY TO START MY MIGRATION</button> |
| 70 | </div> |
| 71 | |
| 72 | <div class="transferito-information__content--with-divider transferito-information__content--top-margin"> |
| 73 | <label class="transferito-input__checkbox--label transferito-text__small--semi-bold transferito-font__color--black-grey"> |
| 74 | <input type="checkbox" |
| 75 | class="transferito-input__checkbox transferito-form-element" |
| 76 | id="hideWelcomeScreenPopup"> |
| 77 | Please don't show me this again. I know what I'm doing |
| 78 | </label> |
| 79 | </div> |
| 80 | |
| 81 | </div> |
| 82 | </div> |
| 83 |