www.makewebsite.guide Open in urlscan Pro
35.202.21.90  Public Scan

URL: https://www.makewebsite.guide/?msclkid=1930fad3489a12f5afe99eb4ce688793
Submission: On May 19 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

POST https://api.leadpages.io/integration/v1/forms/eZmbWQ6J8dmcKgh7xHPbC5/submissions

<form action="https://api.leadpages.io/integration/v1/forms/eZmbWQ6J8dmcKgh7xHPbC5/submissions" data-backup-host="https://optin-snf-dot-lead-pages.appspot.com" data-form-version="2" method="POST" accept-charset="UTF-8" target="_top"
  autocomplete="on">
  <div class="widget-column flex__item--md-12 flex__item--xs-12">
    <div class="widget-row flex flex--12">
      <div class="flex__item--md-12 flex__item--xs-12">
        <div data-widget-id="305603dd-a2f4-6b83-8017-d72b1094d0dc" class="widget">
          <style data-emotion-css="1u0zcwx">
            .css-1u0zcwx .confirm-existence {
              display: none;
            }

            .css-1u0zcwx .error-prompt {
              -webkit-align-items: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              border: 1px solid #4c515d;
              border-radius: 3px;
              color: #4c515d;
              display: none;
              margin-bottom: 12px;
              padding: 18px;
            }

            .css-1u0zcwx .error-prompt .error-prompt__icon {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-align-items: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-flex: 0 0 48px;
              -ms-flex: 0 0 48px;
              flex: 0 0 48px;
            }

            .css-1u0zcwx .error-prompt .error-prompt__icon .disabled-checkout {
              height: 30px;
              width: 48px;
            }

            .css-1u0zcwx .error-prompt .error-prompt__details {
              margin-left: 12px;
            }

            .css-1u0zcwx .error-prompt .error-prompt__details .error-title {
              color: inherit;
              font-weight: 700;
            }

            .css-1u0zcwx .error-prompt .error-prompt__details .error-description {
              color: inherit;
            }

            .css-1u0zcwx .error-prompt.error-prompt--invalid {
              color: #fa3246;
              border-color: #fa3246;
              background-color: #fee0e3;
            }

            .css-1u0zcwx .error-prompt.error-prompt--invalid .error-prompt__icon {
              -webkit-flex-basis: 16px;
              -ms-flex-preferred-size: 16px;
              flex-basis: 16px;
            }

            .css-1u0zcwx .error-prompt.error-prompt--invalid .error-prompt__icon .error-line {
              width: 16px;
              height: 16px;
            }

            .css-1u0zcwx .error-prompt.error-prompt--invalid .error-prompt__icon .error-line path {
              fill: #fa3246;
            }

            .css-1u0zcwx .lp-form-react__input--billing {
              padding: 0.4em 0.5em !important;
              background-color: white;
            }

            .css-1u0zcwx .form-field {
              margin-bottom: 12px;
            }

            .css-1u0zcwx .form-field.last-visible {
              margin-bottom: 0;
            }

            .css-1u0zcwx .form-field.input-hidden {
              display: none;
            }

            .css-1u0zcwx .lp-form-field .lp-form-field__field-block-title {
              font-weight: 700;
            }

            .css-1u0zcwx .lp-form-react__group {
              width: 100%;
            }

            .css-1u0zcwx .lp-form-react__group.is-success {
              -webkit-animation: animation-1dcx35r 1s;
              animation: animation-1dcx35r 1s;
            }

            .css-1u0zcwx .lp-form-react__group.js-required {
              margin-bottom: 12px;
            }

            .css-1u0zcwx .lp-form-react__group.js-required .lp-form-react__input {
              border: 1px solid #fa3246;
              box-shadow: #fa3246 0 0 1.5px 1px;
            }

            .css-1u0zcwx .lp-form-react__group.js-required .lp-form-react__error--required {
              opacity: 1;
              height: auto;
              margin-top: 6px;
            }

            .css-1u0zcwx .lp-form-react__group.js-invalid .lp-form-react__input {
              border: 1px solid #fa3246;
              box-shadow: #fa3246 0 0 1.5px 1px;
            }

            .css-1u0zcwx .lp-form-react__group.js-invalid .lp-form-react__error--invalid {
              opacity: 1;
              height: auto;
              margin-top: 6px;
            }

            .css-1u0zcwx .lp-form-react__group.js-stripe-invalid .lp-form-react__input {
              border: 1px solid #fa3246;
              box-shadow: #fa3246 0 0 1.5px 1px;
            }

            .css-1u0zcwx .lp-form-react__group.js-stripe-invalid .lp-form-react__error--stripe-invalid {
              opacity: 1;
              height: auto;
              margin-top: 6px;
            }

            .css-1u0zcwx .lp-form-react__label {
              -webkit-flex: 0 0 100%;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
            }

            .css-1u0zcwx .lp-form-react__input {
              display: block;
              width: 100%;
              height: 2em;
              margin: 0;
              padding: 0 0.5em;
              line-height: inherit;
              border-radius: 3px;
              -webkit-transition: border-color 200ms ease;
              transition: border-color 200ms ease;
            }

            .css-1u0zcwx .lp-form-react__textarea {
              padding: 0.5em;
              height: auto;
              resize: none;
            }

            .css-1u0zcwx .lp-form-react__error {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-align-items: baseline;
              -webkit-box-align: baseline;
              -ms-flex-align: baseline;
              align-items: baseline;
              width: 100%;
              font-size: 0.75em;
              text-align: left;
              color: #fa3246;
              font-weight: 400;
              -webkit-text-decoration: none;
              text-decoration: none;
              font-style: normal;
              margin: 0;
              height: 0;
              opacity: 0;
              overflow: hidden;
              -webkit-transition: all 200ms ease;
              transition: all 200ms ease;
            }

            .css-1u0zcwx .lp-form-react__error i {
              margin-right: 6px;
            }

            .css-1u0zcwx .lp-form-react-radio-container,
            .css-1u0zcwx .lp-form-react-checkbox-container {
              line-height: 1;
              margin-bottom: 6px;
              -webkit-flex: 0 0 100%;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
              width: 100%;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-align-items: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
            }

            .css-1u0zcwx .lp-form-react-radio-container:first-of-type,
            .css-1u0zcwx .lp-form-react-checkbox-container:first-of-type {
              margin-top: 6px;
            }

            .css-1u0zcwx .lp-form-react-radio-container:last-of-type,
            .css-1u0zcwx .lp-form-react-checkbox-container:last-of-type {
              margin-bottom: 12px;
            }

            .css-1u0zcwx input[type='radio'].lp-form-react-radio {
              opacity: 0;
              width: 0;
            }

            .css-1u0zcwx input[type='radio'].lp-form-react-radio:focus+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
              opacity: 0.6;
            }

            .css-1u0zcwx input[type='radio'].lp-form-react-radio+label {
              cursor: pointer;
            }

            .css-1u0zcwx input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button {
              display: inline-block;
              position: relative;
              width: 16px;
              height: 16px;
              vertical-align: middle;
              margin: 0 6px 0 0;
              cursor: pointer;
            }

            .css-1u0zcwx input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked,
            .css-1u0zcwx input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked {
              position: absolute;
              top: 0;
              left: 0;
              width: 16px;
              height: 16px;
              -webkit-transition: opacity 0.3s ease;
              transition: opacity 0.3s ease;
            }

            .css-1u0zcwx input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked path,
            .css-1u0zcwx input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked path {
              fill: #4c515d;
            }

            .css-1u0zcwx input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked {
              z-index: 1;
              opacity: 1;
            }

            .css-1u0zcwx input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked {
              z-index: 0;
              opacity: 0;
            }

            .css-1u0zcwx input[type='radio'].lp-form-react-radio+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
              opacity: 0.6;
            }

            .css-1u0zcwx input[type='radio'].lp-form-react-radio:checked+label .lp-form-react-radio-button .lp-form-react-radio-button__checked,
            .css-1u0zcwx input[type='radio'].lp-form-react-radio:checked+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
              opacity: 1;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox'] {
              display: none;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label {
              cursor: pointer;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-align-items: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label:hover span svg,
            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label:focus span svg,
            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label:active span svg {
              opacity: 1;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label .checkbox {
              height: 16px;
              margin: 0;
              -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
              transition: background-color 0.3s ease, border-color 0.3s ease;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label .checkbox .lp-form-react__checkbox-label-container {
              position: relative;
              width: 20px;
              height: 20px;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked,
            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__checked {
              position: absolute;
              top: 0;
              left: 0;
              width: 16px;
              height: 16px;
              -webkit-transition: opacity 0.3s ease;
              transition: opacity 0.3s ease;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked path,
            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__checked path {
              fill: #4c515d;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked {
              z-index: 1;
              opacity: 1;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__checked {
              z-index: 0;
              opacity: 0;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']:checked+label .checkbox .checkbox__checked,
            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']:checked+label:hover .checkbox .checkbox__checked {
              opacity: 1;
            }

            @media (hover:hover) {
              .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label:hover .checkbox .checkbox__checked {
                opacity: 0.6;
              }
            }

            .css-1u0zcwx select.lp-form-react-select {
              height: 2em;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex: 0 0 100%;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
              padding: 0;
              background-color: #fff;
            }

            .css-1u0zcwx .flex-container {
              margin-left: -12px;
              margin-right: -12px;
            }

            .css-1u0zcwx .flex.flex-form [class*='flex__item--'] {
              padding-left: 12px;
              padding-right: 12px;
            }

            .css-1u0zcwx .labels-are-inside input::-webkit-input-placeholder {
              font-size: 1em;
              font-weight: inherit;
              opacity: 1;
            }

            .css-1u0zcwx .labels-are-inside input::-moz-placeholder {
              font-size: 1em;
              font-weight: inherit;
              opacity: 1;
            }

            .css-1u0zcwx .labels-are-inside input:-ms-input-placeholder {
              font-size: 1em;
              font-weight: inherit;
              opacity: 1;
            }

            .css-1u0zcwx .labels-are-inside input::placeholder {
              font-size: 1em;
              font-weight: inherit;
              opacity: 1;
            }

            .css-1u0zcwx .labels-are-inside textarea::-webkit-input-placeholder {
              font-size: 1em;
              font-weight: inherit;
              opacity: 1;
            }

            .css-1u0zcwx .labels-are-inside textarea::-moz-placeholder {
              font-size: 1em;
              font-weight: inherit;
              opacity: 1;
            }

            .css-1u0zcwx .labels-are-inside textarea:-ms-input-placeholder {
              font-size: 1em;
              font-weight: inherit;
              opacity: 1;
            }

            .css-1u0zcwx .labels-are-inside textarea::placeholder {
              font-size: 1em;
              font-weight: inherit;
              opacity: 1;
            }

            .css-1u0zcwx .labels-are-inside .coupon-entered .apply-coupon-button {
              top: 0.4em;
            }

            .css-1u0zcwx input.lp-form-react__input::-webkit-input-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx input.lp-form-react__input::-moz-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx input.lp-form-react__input:-ms-input-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx input.lp-form-react__input::-webkit-input-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx input.lp-form-react__input::-moz-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx input.lp-form-react__input:-ms-input-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx input.lp-form-react__input::placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx textarea.lp-form-react__textarea::-webkit-input-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx textarea.lp-form-react__textarea::-moz-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx textarea.lp-form-react__textarea:-ms-input-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx textarea.lp-form-react__textarea::-webkit-input-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx textarea.lp-form-react__textarea::-moz-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx textarea.lp-form-react__textarea:-ms-input-placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx textarea.lp-form-react__textarea::placeholder {
              font-size: 1em;
            }

            .css-1u0zcwx .lp-form-react__input {
              border: 1px solid rgba(76, 81, 93, 1);
              color: #020020;
              font-size: inherit;
            }

            .css-1u0zcwx .lp-form-react__input:focus {
              border: 1px solid rgba(76, 81, 93, 1);
              box-shadow: rgba(76, 81, 93, 1) 0 0 1.5px 1px;
              outline: 0;
            }

            .css-1u0zcwx .lp-form-react__input::-webkit-input-placeholder {
              color: #767676;
              opacity: 1;
            }

            .css-1u0zcwx .lp-form-react__input::-moz-placeholder {
              color: #767676;
              opacity: 1;
            }

            .css-1u0zcwx .lp-form-react__input:-ms-input-placeholder {
              color: #767676;
              opacity: 1;
            }

            .css-1u0zcwx .lp-form-react__input::placeholder {
              color: #767676;
              opacity: 1;
            }

            .css-1u0zcwx .StripeElement--focus {
              border: 1px solid rgba(76, 81, 93, 1);
              box-shadow: rgba(76, 81, 93, 1) 0 0 1.5px 1px;
              outline: 0;
            }

            .css-1u0zcwx .lp-form-react__label {
              color: rgb(255, 255, 255);
              font-family: "Montserrat", sans-serif;
            }

            .css-1u0zcwx .labels-are-inside .lp-form-react__input {
              color: #020020;
            }

            .css-1u0zcwx .labels-are-inside .lp-form-react__input::-webkit-input-placeholder {
              color: rgb(255, 255, 255);
              font-family: "Montserrat", sans-serif;
            }

            .css-1u0zcwx .labels-are-inside .lp-form-react__input::-moz-placeholder {
              color: rgb(255, 255, 255);
              font-family: "Montserrat", sans-serif;
            }

            .css-1u0zcwx .labels-are-inside .lp-form-react__input:-ms-input-placeholder {
              color: rgb(255, 255, 255);
              font-family: "Montserrat", sans-serif;
            }

            .css-1u0zcwx .labels-are-inside .lp-form-react__input::placeholder {
              color: rgb(255, 255, 255);
              font-family: "Montserrat", sans-serif;
            }

            .css-1u0zcwx .lp-form-react-radio {
              font-family: "Montserrat", sans-serif;
            }

            .css-1u0zcwx .lp-form-react-radio+label {
              color: rgba(76, 81, 93, 1);
              font-family: "Montserrat", sans-serif;
            }

            .css-1u0zcwx .lp-form-react-radio+label .lp-form-react-radio-button__unchecked path,
            .css-1u0zcwx .lp-form-react-radio+label .lp-form-react-radio-button__checked path {
              fill: rgba(76, 81, 93, 1);
            }

            .css-1u0zcwx .lp-form-field__field-block-title {
              font-family: "Montserrat", sans-serif;
              color: rgb(255, 255, 255);
            }

            .css-1u0zcwx select.lp-form-react-select {
              border: 1px solid rgba(76, 81, 93, 1);
              font-family: "Montserrat", sans-serif;
            }

            .css-1u0zcwx select.lp-form-react-select:focus {
              outline-color: rgba(76, 81, 93, 1);
            }

            .css-1u0zcwx .lp-form-react__select-option {
              font-family: "Montserrat", sans-serif;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label {
              color: rgb(255, 255, 255);
              font-family: "Montserrat", sans-serif;
            }

            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label .checkbox__unchecked path,
            .css-1u0zcwx input.lp-form-react-checkbox[type='checkbox']+label .checkbox__checked path {
              fill: rgba(76, 81, 93, 1);
            }

            .css-1u0zcwx .lp-form-react__description {
              color: rgb(255, 255, 255);
              font-family: "Montserrat", sans-serif;
              font-size: 0.875rem;
            }

            .css-1u0zcwx .lp-form-react__privacy-link {
              color: rgb(255, 255, 255);
              -webkit-text-decoration: underline;
              text-decoration: underline;
              padding: 10px 0;
            }

            .css-1u0zcwx .lp-form-react__privacy-link a {
              color: inherit;
            }

            .css-1u0zcwx .lp-form-react__confirm label,
            .css-1u0zcwx .lp-form-react__order-bump-checkbox label {
              font-size: 0.875rem;
            }
          </style>
          <div class="lp-form-react w-305603dd-a2f4-6b83-8017-d72b1094d0dc css-1u0zcwx" data-widget-type="LpInputReact">
            <div class="error-prompt error-prompt--disabled">
              <div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 30" class="disabled-checkout">
                  <path style="fill:#656A78"
                    d="M36.8 1h-30c-1.7 0-3 1.3-3 3v20c0 1.7 1.3 3 3 3h24.8c-0.1-0.1-0.1-0.1-0.2-0.2 -0.6-0.6-1-1.2-1.4-1.8H6.8c-0.5 0-1-0.5-1-1V12h32v2.1c0.7 0.1 1.4 0.3 2 0.6V4C39.8 2.3 38.5 1 36.8 1zM37.8 6h-32V4c0-0.5 0.5-1 1-1h30c0.5 0 1 0.5 1 1V6z">
                  </path>
                  <path style="fill:#FA5A6A"
                    d="M36.7 14c2.1 0 3.8 0.7 5.3 2.2s2.2 3.2 2.2 5.3 -0.7 3.8-2.2 5.3S38.8 29 36.7 29s-3.8-0.7-5.3-2.2c-1.5-1.5-2.2-3.2-2.2-5.3s0.7-3.8 2.2-5.3C32.9 14.7 34.6 14 36.7 14zM37.4 22.2v-4.5h-1.5v4.5H37.4zM37.4 25.3v-1.5h-1.5v1.5H37.4z">
                  </path>
                </svg></div>
              <div class="error-prompt__details">
                <p class="error-title"></p>
                <p class="error-description"></p>
              </div>
            </div>
            <div class="error-prompt error-prompt--invalid">
              <div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="error-line">
                  <g data-name="Layer 2">
                    <g data-name="Layer 1">
                      <path
                        d="M50 10a39.9 39.9 0 0 1 15.3 2.9 40.1 40.1 0 0 1 12.9 8.8 40.1 40.1 0 0 1 8.8 12.9A39.7 39.7 0 0 1 90 50a39.9 39.9 0 0 1-2.9 15.3 40.2 40.2 0 0 1-8.8 12.9 40.3 40.3 0 0 1-13 8.8A39.6 39.6 0 0 1 50 90a39.9 39.9 0 0 1-15.3-2.9 39.8 39.8 0 0 1-12.9-8.8 40.4 40.4 0 0 1-8.8-12.9A39.6 39.6 0 0 1 10 50a40 40 0 0 1 2.9-15.3 39.8 39.8 0 0 1 8.8-12.9 40.1 40.1 0 0 1 12.9-8.8A39.8 39.8 0 0 1 50 10ZM50 0A48.4 48.4 0 0 0 14.7 14.7 48.4 48.4 0 0 0 0 50 48.4 48.4 0 0 0 14.7 85.3 48.3 48.3 0 0 0 50 100 48.4 48.4 0 0 0 85.3 85.3 48.3 48.3 0 0 0 100 50 48.4 48.4 0 0 0 85.3 14.7 48.3 48.3 0 0 0 50 0h0Z">
                      </path>
                      <path d="M55 55V24.8H45V55Zm0 20.3V65.1H45V75.3Z"></path>
                    </g>
                  </g>
                </svg></div>
              <div class="error-prompt__details">
                <p class="error-description"></p>
              </div>
            </div>
            <div class="error-prompt error-prompt--info">
              <div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 30" class="disabled-checkout">
                  <path style="fill:#656A78"
                    d="M36.8 1h-30c-1.7 0-3 1.3-3 3v20c0 1.7 1.3 3 3 3h24.8c-0.1-0.1-0.1-0.1-0.2-0.2 -0.6-0.6-1-1.2-1.4-1.8H6.8c-0.5 0-1-0.5-1-1V12h32v2.1c0.7 0.1 1.4 0.3 2 0.6V4C39.8 2.3 38.5 1 36.8 1zM37.8 6h-32V4c0-0.5 0.5-1 1-1h30c0.5 0 1 0.5 1 1V6z">
                  </path>
                  <path style="fill:#FA5A6A"
                    d="M36.7 14c2.1 0 3.8 0.7 5.3 2.2s2.2 3.2 2.2 5.3 -0.7 3.8-2.2 5.3S38.8 29 36.7 29s-3.8-0.7-5.3-2.2c-1.5-1.5-2.2-3.2-2.2-5.3s0.7-3.8 2.2-5.3C32.9 14.7 34.6 14 36.7 14zM37.4 22.2v-4.5h-1.5v4.5H37.4zM37.4 25.3v-1.5h-1.5v1.5H37.4z">
                  </path>
                </svg></div>
              <div class="error-prompt__details">
                <p class="error-title"></p>
                <p class="error-description"></p>
              </div>
            </div>
            <div data-input-container="true" class="form-field font-scale-5 last-visible">
              <div class="lp-form-react__group js-form-group" id="input-47ebf830ab42a295019b5e5d8785fa50-eZmbWQ6J8dmcKgh7xHPbC5"><label for="47ebf830ab42a295019b5e5d8785fa50-eZmbWQ6J8dmcKgh7xHPbC5" class="lp-form-react__label"><span>E-mail
                    address</span><input type="email" autocomplete="email" class="lp-form-react__input js-input-mapping " id="47ebf830ab42a295019b5e5d8785fa50-eZmbWQ6J8dmcKgh7xHPbC5" style="font-family:&quot;Montserrat&quot;, sans-serif"
                    maxlength="500" placeholder="Email address" name="47ebf830ab42a295019b5e5d8785fa50" required="" value=""></label><label for="47ebf830ab42a295019b5e5d8785fa50-eZmbWQ6J8dmcKgh7xHPbC5"
                  class="lp-form-react__error lp-form-react__error--required"><i class="fas fa-exclamation-circle"></i><span>Please enter your E-mail address</span></label><label for="47ebf830ab42a295019b5e5d8785fa50-eZmbWQ6J8dmcKgh7xHPbC5"
                  class="lp-form-react__error lp-form-react__error--invalid"><i class="fas fa-exclamation-circle"></i><span>Please enter a valid E-mail address</span></label></div>
            </div>
            <div class="confirm-existence"><label class="confirm-existence__label" for="confirm-existence">If you are human, leave this blank.<input type="text" class="confirm-existence__input" name="confirm-existence"></label></div>
          </div>
        </div>
      </div>
    </div>
    <div class="widget-row flex flex--12">
      <div class="flex__item--md-12 flex__item--xs-12">
        <div data-widget-id="5731308b-d2e3-938f-2afa-cf09b679f122" class="widget">
          <div class="lp-button-react-wrapper css-1yltisf" data-widget-type="LpButtonReact">
            <style data-emotion-css="1rtvmev">
              .css-1rtvmev {
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-inline-box;
                display: -webkit-inline-flex;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                border-style: solid;
                border-width: 1px;
                text-align: center;
                font-family: 'Lato', sans-serif;
                text-shadow: none;
                -webkit-transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
                transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
                -webkit-text-decoration: none;
                text-decoration: none;
                position: relative;
                width: 100%;
                font-weight: bold;
                min-height: 36px;
                min-width: 72px;
                padding: 8px 18px;
                position: relative;
                z-index: 0;
                font-family: "Indie Flower", sans-serif;
                border-radius: 3px;
              }

              .css-1rtvmev.is-loading,
              .css-1rtvmev.is-loading:hover,
              .css-1rtvmev.is-loading:active,
              .css-1rtvmev.is-loading:focus,
              .css-1rtvmev.is-success,
              .css-1rtvmev.is-success:hover,
              .css-1rtvmev.is-success:active,
              .css-1rtvmev.is-success:focus {
                color: transparent;
                text-shadow: none;
              }

              .css-1rtvmev.is-loading .lp-button-loading,
              .css-1rtvmev.is-success .lp-button-success {
                display: block;
              }

              .css-1rtvmev.is-loading:hover .lp-button-loading svg {
                stroke: rgb(255, 255, 255);
              }

              .css-1rtvmev.is-success:hover .lp-button-success svg {
                fill: rgb(255, 255, 255);
              }

              .css-1rtvmev .lp-button-loading {
                -webkit-animation: animation-circular-rotate 1.4s linear infinite;
                animation: animation-circular-rotate 1.4s linear infinite;
                display: none;
                position: absolute;
                width: 32px;
                height: 32px;
                top: 50%;
                left: 50%;
                margin-left: -16px;
                margin-top: -16px;
              }

              .css-1rtvmev .lp-button-loading svg {
                stroke: rgb(255, 255, 255);
                display: block;
              }

              .css-1rtvmev .lp-button-loading svg circle {
                -webkit-animation: animation-circular-progress 1.4s ease-in-out infinite;
                animation: animation-circular-progress 1.4s ease-in-out infinite;
                stroke-dasharray: 80px, 200px;
                stroke-dashoffset: 0px;
                -webkit-transform-origin: 0px 0px;
                -ms-transform-origin: 0px 0px;
                transform-origin: 0px 0px;
              }

              .css-1rtvmev .lp-button-success {
                display: none;
                position: absolute;
                width: 32px;
                height: 32px;
                top: 50%;
                left: 50%;
                margin-left: -16px;
                margin-top: -16px;
              }

              .css-1rtvmev .lp-button-success svg {
                stroke: none;
                fill: rgb(255, 255, 255);
                display: block;
              }

              .css-1rtvmev::before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: -1;
                opacity: 1;
                -webkit-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
              }

              .css-1rtvmev:hover::before {
                opacity: 0;
              }

              .css-1rtvmev::before {
                border-radius: 3px;
              }

              .css-1rtvmev,
              .css-1rtvmev:focus,
              .css-1rtvmev:active {
                border-color: rgb(37, 93, 112);
                background: rgb(0, 73, 98);
                color: rgb(255, 255, 255);
                text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
              }

              .css-1rtvmev::before {
                background: linear-gradient(rgb(0, 111, 149), rgb(0, 73, 98));
              }

              .css-1rtvmev:hover {
                border-color: rgb(0, 73, 98);
                color: rgb(255, 255, 255);
                text-shadow: 0 -1px 0 rgba(230, 230, 230, 0.5);
              }
            </style><button type="submit" class="lp-button-react w-5731308b-d2e3-938f-2afa-cf09b679f122 lp-button-react--full is-bold lp-button-react--small lp-button-react--gradient font-scale-8 line-height-scale-1 css-1rtvmev"
              formtarget="_top">Download PDF <div class="lp-button-loading">
                <svg viewBox="22 22 44 44" aria-hidden="true">
                  <circle cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6"></circle>
                </svg>
              </div>
              <div class="lp-button-success">
                <svg viewBox="0 0 24 24" aria-hidden="true">
                  <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
                </svg>
              </div>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

Advertiser and Affiliate Disclosure: Read more

Create your own Website for free

in less than an hour!

Create your own Website for free in less than an hour!

Go to Page Builder


How to make a website:
a schematic guide





TaKEaWaYS



 * Don't know any coding? No problem, it's not necessary. You just enter your
   content and your site will be ready in no time!
 * Do I have to create everything from scratch? No, you can choose from over 100
   free customizable templates
 * Will it look good on all devices? Yes, you will have a Self-Adaptive site for
   PC, Smartphone and Tablet
 * Do you need good computer skills? No, most of the operations are of the drag
   and drop type
 * Will it take a lot of money? No, prices range from totally free to a few
   dollars a month
 * Will it take a long time? No, a basic site can be online in about two hours,
   however, in relation to the complexity, the creation of a complete site could
   take up to three weeks of work
 * Do I need to buy a domain name? Not necessarily, take advantage of free
   domains or register a new one in a just few clicks, for a few Dollars



WHY SHOULD I HAVE a WEBSITE?



Whatever your goal, a website will allow you to reach thousands of people that
you otherwise would not be able to reach, there really are no limits.

There can be hundreds of reasons to build your online presence, here is a list
of the most common ones:



 * Sell a product (both physical and digital)
 * Showcase your freelance work
 * Advertise your small business, bar, restaurant or dental practice
 * Create a multi-page gallery for your vacation or wedding photos
 * Share your own opinions and expertise
 * Create a personal blog to share your cooking tips
 * Create a community of people sharing a specific interest
 * Sell training courses





CHOOSE THE RIGHT PLATFORM FOR YOU

Website Builder



 * Fast learning curve, you don't need to study but just practice with the
   platform
 * Slightly higher cost
 * No technical skills required
 * Web Hosting included, already configured
 * Native responsive site for PC, Smartphone and Tablet
 * Ready-made templates
 * Integrated Marketing Tools
 * Run email marketing campaigns for free

WordPress



 * Steep learning curve, you need to study
 * Relatively low cost
 * Basic information technology skills necessary
 * Web Hosting not included, needs to be chosen and configured
 * Responsive contents for PCs, Smartphones and Tablets to be configured with
   each change



STEPS THAT SHOULD BE FOLLOWED

BASIC



 * Define the purpose of your website
 * Choose a platform to make it happen
 * Register a domain name
 * Choose a theme you like and customize it
 * Add your own content (text, images and other media)
 * Create an email address associated to your site, like this
   info@makewebsite.guide
 * Publish it

ADVANCED



 * SEO (Search Engine Optimization)
 * Promote your website choosing one or more of the following: Microsoft
   Advertising, Facebook ADS, Google Ads, LinkedIn ADS, YouTube etc.
 * Purchase an SSL (Secure Sockets Layer) certificate
 * Comply with legal obligations: create and add your Privacy Policy, Cookies
   Policy and Terms & Conditions links

BEFORE CHOOSING THE NAME OF YOUR WEBSITE

FOLLOW THESE RULES



It should be:



 * Consistent with your business
 * Short (less than 15 characters) and clear, to prevent visitors from typing it
   incorrectly
 * Easy to remember, using familiar words will help visitors remember your
   domain name more easily
 * Choose a common extension (.com .org .net) or one consistent with your
   business (.blog .info .guide etc.)
 * Easy to pronounce and write. Potential visitors should be able to say your
   domain name aloud to someone without this person having to ask twice how to
   spell or pronounce it
 * Make sure the name is available not only on domain name registrars but also
   on social media platforms
 * Avoid numbers and dashes. This just makes it look weird in the URL. It also
   makes it harder for people to communicate your URL to others

If you liked this introduction to the world of website creation, leave your
contact and you will receive a complete 52-page PDF GUIDE.

E-mail addressPlease enter your E-mail addressPlease enter a valid E-mail
address
If you are human, leave this blank.
Download PDF





We hate spam and promise to keep your email address safe.

CONTACT US

© 2023 MakeWebsite.Guide All Rights Reserved. Privacy Policy - Cookies Policy -
Terms & Conditions info@makewebsite.guide