steamsational.com Open in urlscan Pro
23.235.240.147  Public Scan

URL: https://steamsational.com/
Submission: On September 11 via manual from US — Scanned from DE

Form analysis 1 forms found in the DOM

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

<form data-thank-you="https://www.steamsational.com/blog/" data-thank-you-type="external" action="https://api.leadpages.io/integration/v1/forms/8RpUP6vhP9mGSrSobbLQGY/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="e83d5589-f299-3865-9f21-f07519ecf85c" class="widget">
          <style data-emotion-css="1c4jks3">
            .css-1c4jks3 .confirm-existence {
              display: none;
            }

            .css-1c4jks3 .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-1c4jks3 .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-1c4jks3 .error-prompt .error-prompt__icon .disabled-checkout {
              height: 30px;
              width: 48px;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .css-1c4jks3 .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-1c4jks3 .lp-form-react__textarea {
              padding: 0.5em;
              height: auto;
              resize: none;
            }

            .css-1c4jks3 .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-1c4jks3 .lp-form-react__error i {
              margin-right: 6px;
            }

            .css-1c4jks3 .lp-form-react-radio-container,
            .css-1c4jks3 .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-1c4jks3 .lp-form-react-radio-container:first-of-type,
            .css-1c4jks3 .lp-form-react-checkbox-container:first-of-type {
              margin-top: 6px;
            }

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

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

            .css-1c4jks3 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-1c4jks3 input[type='radio'].lp-form-react-radio+label {
              cursor: pointer;
            }

            .css-1c4jks3 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-1c4jks3 input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked,
            .css-1c4jks3 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-1c4jks3 input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked path,
            .css-1c4jks3 input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked path {
              fill: #4c515d;
            }

            .css-1c4jks3 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-1c4jks3 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-1c4jks3 input[type='radio'].lp-form-react-radio+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
              opacity: 0.6;
            }

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

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

            .css-1c4jks3 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-1c4jks3 input.lp-form-react-checkbox[type='checkbox']+label:hover span svg,
            .css-1c4jks3 input.lp-form-react-checkbox[type='checkbox']+label:focus span svg,
            .css-1c4jks3 input.lp-form-react-checkbox[type='checkbox']+label:active span svg {
              opacity: 1;
            }

            .css-1c4jks3 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-1c4jks3 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .lp-form-react__checkbox-label-container {
              position: relative;
              width: 20px;
              height: 20px;
            }

            .css-1c4jks3 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked,
            .css-1c4jks3 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-1c4jks3 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked path,
            .css-1c4jks3 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__checked path {
              fill: #4c515d;
            }

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

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

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

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

            .css-1c4jks3 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-1c4jks3 .flex-container {
              margin-left: -12px;
              margin-right: -12px;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .css-1c4jks3 .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-1c4jks3 .lp-form-react__input::-webkit-input-placeholder {
              color: #767676;
              opacity: 1;
            }

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

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

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

            .css-1c4jks3 .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-1c4jks3 .lp-form-react__label {
              color: rgba(76, 81, 93, 1);
              font-family: "Roboto", sans-serif;
            }

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

            .css-1c4jks3 .labels-are-inside .lp-form-react__input::-webkit-input-placeholder {
              color: rgba(76, 81, 93, 1);
              font-family: "Roboto", sans-serif;
            }

            .css-1c4jks3 .labels-are-inside .lp-form-react__input::-moz-placeholder {
              color: rgba(76, 81, 93, 1);
              font-family: "Roboto", sans-serif;
            }

            .css-1c4jks3 .labels-are-inside .lp-form-react__input:-ms-input-placeholder {
              color: rgba(76, 81, 93, 1);
              font-family: "Roboto", sans-serif;
            }

            .css-1c4jks3 .labels-are-inside .lp-form-react__input::placeholder {
              color: rgba(76, 81, 93, 1);
              font-family: "Roboto", sans-serif;
            }

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

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

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

            .css-1c4jks3 .lp-form-field__field-block-title {
              font-family: "Roboto", sans-serif;
              color: rgba(76, 81, 93, 1);
            }

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

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

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

            .css-1c4jks3 input.lp-form-react-checkbox[type='checkbox']+label {
              color: rgba(76, 81, 93, 1);
              font-family: "Roboto", sans-serif;
            }

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

            .css-1c4jks3 .lp-form-react__description {
              color: rgba(76, 81, 93, 1);
              font-family: "Roboto", sans-serif;
              font-size: 0.875rem;
            }

            .css-1c4jks3 .lp-form-react__privacy-link {
              color: rgba(76, 81, 93, 1);
              -webkit-text-decoration: underline;
              text-decoration: underline;
              padding: 10px 0;
            }

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

            .css-1c4jks3 .lp-form-react__confirm label,
            .css-1c4jks3 .lp-form-react__order-bump-checkbox label {
              font-size: 0.875rem;
            }
          </style>
          <div class="lp-form-react w-e83d5589-f299-3865-9f21-f07519ecf85c css-1c4jks3" 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-4">
              <div class="lp-form-react__group js-form-group" id="input-3ce4c27af6eb6d469d8ae8f7c4d8c2e1-QgwVYzcBJVFZ2RPuNWr6H3"><label for="3ce4c27af6eb6d469d8ae8f7c4d8c2e1-QgwVYzcBJVFZ2RPuNWr6H3" class="lp-form-react__label"><span>First
                    Name</span><input type="text" autocomplete="given-name" class="lp-form-react__input js-input-mapping " id="3ce4c27af6eb6d469d8ae8f7c4d8c2e1-QgwVYzcBJVFZ2RPuNWr6H3" style="font-family:&quot;Roboto&quot;, sans-serif" data-url=""
                    maxlength="500" placeholder="First Name" name="3ce4c27af6eb6d469d8ae8f7c4d8c2e1" value=""></label><label for="3ce4c27af6eb6d469d8ae8f7c4d8c2e1-QgwVYzcBJVFZ2RPuNWr6H3"
                  class="lp-form-react__error lp-form-react__error--required"><i class="fas fa-exclamation-circle"></i><span>Please enter your First Name</span></label><label for="3ce4c27af6eb6d469d8ae8f7c4d8c2e1-QgwVYzcBJVFZ2RPuNWr6H3"
                  class="lp-form-react__error lp-form-react__error--invalid"><i class="fas fa-exclamation-circle"></i><span>Please enter a valid First Name</span></label></div>
            </div>
            <div data-input-container="true" class="form-field font-scale-4 last-visible">
              <div class="lp-form-react__group js-form-group" id="input-1509c26a49bbe798fdc5b0698a8e8d8e-QgwVYzcBJVFZ2RPuNWr6H3"><label for="1509c26a49bbe798fdc5b0698a8e8d8e-QgwVYzcBJVFZ2RPuNWr6H3"
                  class="lp-form-react__label"><span>Email</span><input type="email" autocomplete="email" class="lp-form-react__input js-input-mapping " id="1509c26a49bbe798fdc5b0698a8e8d8e-QgwVYzcBJVFZ2RPuNWr6H3"
                    style="font-family:&quot;Roboto&quot;, sans-serif" data-url="" maxlength="500" placeholder="Email address" name="1509c26a49bbe798fdc5b0698a8e8d8e" required="" value=""></label><label
                  for="1509c26a49bbe798fdc5b0698a8e8d8e-QgwVYzcBJVFZ2RPuNWr6H3" class="lp-form-react__error lp-form-react__error--required"><i class="fas fa-exclamation-circle"></i><span>Please enter your Email</span></label><label
                  for="1509c26a49bbe798fdc5b0698a8e8d8e-QgwVYzcBJVFZ2RPuNWr6H3" class="lp-form-react__error lp-form-react__error--invalid"><i class="fas fa-exclamation-circle"></i><span>Please enter a valid Email</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="913e434b-fbc6-cc1d-44ce-095436b83d2f" class="widget">
          <div class="lp-button-react-wrapper css-15ztr6m" data-widget-type="LpButtonReact">
            <style data-emotion-css="d6qavc">
              .css-d6qavc {
                -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;
                font-weight: bold;
                min-height: 48px;
                min-width: 96px;
                padding: 14px 24px;
                position: relative;
                z-index: 0;
                font-family: "Open Sans", sans-serif;
                border-radius: 10000px;
              }

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

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

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

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

              .css-d6qavc .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: 24px;
                height: 24px;
                top: 50%;
                left: 50%;
                margin-left: -12px;
                margin-top: -12px;
              }

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

              .css-d6qavc .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-d6qavc .lp-button-success {
                display: none;
                position: absolute;
                width: 24px;
                height: 24px;
                top: 50%;
                left: 50%;
                margin-left: -12px;
                margin-top: -12px;
              }

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

              .css-d6qavc::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-d6qavc:hover::before {
                opacity: 0;
              }

              .css-d6qavc::before {
                border-radius: 10000px;
              }

              .css-d6qavc,
              .css-d6qavc:focus,
              .css-d6qavc:active {
                border-color: rgb(174, 71, 131);
                background: rgb(184, 8, 110);
                color: rgba(255, 255, 255, 1);
                text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
              }

              .css-d6qavc::before {
                background: linear-gradient(rgb(235, 10, 141), rgb(186, 8, 112));
              }

              .css-d6qavc:hover {
                border-color: rgb(184, 8, 110);
                color: rgba(255, 255, 255, 1);
                text-shadow: 0 -1px 0 rgba(230, 230, 230, 0.5);
              }
            </style><button type="submit" class="lp-button-react w-913e434b-fbc6-cc1d-44ce-095436b83d2f is-bold lp-button-react--medium lp-button-react--gradient font-scale-5 line-height-scale-5 css-d6qavc" formtarget="_top">Enter the library... <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

--------------------------------------------------------------------------------

About

Resources

STEM Curriculm

Lesson Plans

JSC Login

--------------------------------------------------------------------------------




HI, I'M BRENDA!

When I was a child I *hated* science. So, how did I end up as a STEM author and
STEM curriculum publisher?



In 2012, my 6 year old daughter refused to read anything but science books. She
had an insatiable desire to learn more about the world. I had heard about this
thing called "STEM" so I thought I better get her into this science, technology,
engineering, and math stuff.

Back then, STEM curriculum was hard to find, so I created STEAM activities for
her and other kids in her after-school clubs.

Soon, her teachers and other parents began to ask for my lesson plans to use on
their own. I put them online and STEAMsational was born. 10 years later, over
100,000 teachers, families, clubs, and organizations have used my STEM
activities and lesson plans.



The STEAMsational mission is to provide hands-on STEM activities that unlock
children's curiosity and passion for discovery, no matter where they live.

Stay curious!

Join the


JARRING SCIENCE CLUB

A monthly membership for teachers and caregivers with NGSS-aligned science
lesson plans for ages 5-15.

Join now!

Want to use the Jarring Science Club lessons for more than one class? Get the
JSC organization license here.

"I am a teacher of K-5. I teach in a computer lab in a STEM setting. I am always
looking for new ideas. I love the activities I find on STEAMsational!"

- Polly

"I am an elementary school Librarian-Tech teacher who has been tasked with
starting a K-5 STEM program.

I love all of the good stuff on your site!"  

-Sonja

"I am a Pre-K teacher and also work with elementary students. It's so much fun
to see kids of all ages fall in love with STEM using you activity ideas!"

- Annette


STEM ACTIVITIES BY AGE


PRESCHOOL

Age 3-5


ELEMENTARY

Age 6-11


MIDDLE SCHOOL

Age 12-15



STEM ACTIVITIES BY TOPIC

Science
Technology
Engineering
Math
Slime
LEGO


SEASONAL STEM ACTIVITIES

Spring STEM Activities
Summer STEM Activities
Fall
STEM Activities
Winter STEM Activities

Enter your email below to access the library!

First NamePlease enter your First NamePlease enter a valid First Name
EmailPlease enter your EmailPlease enter a valid Email
If you are human, leave this blank.
Enter the library...





© 2023 | Heirloom Media LLC

Share on FacebookShare on InstagramShare on YoutubeShare on TikTok

Policies|Privacy