laracasts.com Open in urlscan Pro
104.20.27.19  Public Scan

URL: https://laracasts.com/discuss/channels/tips/how-do-i-speak-to-someone-at-858-280-2711-american
Submission: On July 23 via manual from IN — Scanned from US

Form analysis 8 forms found in the DOM

<form class="text-center text-white"><button class="btn btn-base btn-secondary mb-8 w-full py-4" type="submit" title="Want an email each time this conversation receives a new reply?"><!----><!----><!----><!----><span
      class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Follow Thread </span></button></form>

POST /newsletters/subscribe

<form id="newsletter-form" class="flex-center flex-col" method="POST" action="/newsletters/subscribe">
  <div class="mx-auto flex w-full max-w-full flex-1 flex-col gap-y-2 rounded-xl md:flex-row md:bg-card-300 md:p-1 lg:mx-0" style="max-width: 500px;"><input
      class="rounded-lg bg-transparent bg-white px-4 py-3 text-base text-black placeholder-grey-800 md:mr-1 md:flex-1 md:rounded-xl md:bg-transparent md:py-0 md:text-white" type="email" name="email" placeholder="// TODO: Enter email address"
      autocomplete="off" required=""><button class="btn btn-base btn-primary w-full max-w-none rounded-lg text-base md:w-38" type="submit"><!----><!----><!----><!----><span class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Subscribe
      </span></button></div><!---->
</form>

<form data-v-2836fdb5-s="" class="text-sm">
  <div data-v-2836fdb5-s="" class="mb-2 flex items-center"><svg data-v-2836fdb5-s="" height="16px" viewBox="0 0 16 16" width="16px" class="mr-2 fill-current text-grey-800">
      <g data-v-2836fdb5-s="" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
        <g data-v-2836fdb5-s="" id="Group" class="fill-current" transform="translate(0.000000, -336.000000)">
          <path data-v-2836fdb5-s="" d="M0,344 L6,339 L6,342 C10.5,342 14,343 16,348 C13,345.5 10,345 6,346 L6,349 L0,344 L0,344 Z M0,344"></path>
        </g>
      </g>
    </svg>
    <p data-v-2836fdb5-s="" class="font-semibold"> Reply to <strong data-v-2836fdb5-s="" class="uppercase text-blue-400">Post</strong></p><button data-v-2836fdb5-s=""
      class="relative ml-4 inline-flex h-8 items-baseline rounded-xl bg-grey-200 px-4 py-2 text-2xs font-medium text-grey-800 hover:bg-grey-300 dark:bg-blue/13 dark:text-white dark:hover:bg-blue/20 ml-auto" style="top: -2px;"><span
        class="mr-1 block w-4 rounded-full h-1 bg-languages"></span> Minimize</button>
  </div>
  <div data-v-2836fdb5-s="" class="control"><textarea data-v-2836fdb5-s="" id="body" name="body"
      class="textarea mb-1 overflow-auto border-l-0 border-r-0 px-0 py-4 text-sm hover:border-grey-600/10 dark:border-grey-600/10 dark:bg-transparent dark:font-medium dark:text-white" data-autosize="" required=""
      style="min-height: 150px; max-height: 45vh;"></textarea></div>
  <div data-v-2836fdb5-s="" data-js="markdown-preview" class="control user-content content overflow-y-auto border-b border-t border-solid border-grey-500 py-4 text-sm text-black dark:border-grey-600/10 dark:text-white lg:px-10"
    style="max-height: 45vh; display: none;"></div>
  <div data-v-2836fdb5-s="" class="flex items-center justify-between">
    <div data-v-2836fdb5-s="" class="w-full mobile:hidden">
      <div data-v-2836fdb5-s="" class="mb-2 flex items-center text-xs"><label data-v-2836fdb5-s="" class="switch mr-2" data-js="markdown-preview-toggle"><input data-v-2836fdb5-s="" id="show_preview" name="show_preview" type="checkbox"
            disabled=""><span data-v-2836fdb5-s="" class="slider round dark:bg-blue/15 cursor-not-allowed"></span></label><span data-v-2836fdb5-s="" class="mr-3 text-2xs text-grey-800 dark:text-grey-800"> Markdown Preview OFF</span></div>
      <div data-v-2836fdb5-s="" class="flex">
        <div data-v-2836fdb5-s="" class="help flex-1">
          <p data-v-2836fdb5-s="" class="text-2xs text-grey-800 dark:text-grey-800"> * You may use Markdown with
            <a data-v-2836fdb5-s="" href="https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax" target="_blank" rel="noreferrer noopener" class="link"> GitHub-flavored </a>
            code blocks. </p><output data-v-2836fdb5-s="" class="mt-2 block text-xs text-red"></output>
        </div>
      </div>
    </div>
    <div data-v-2836fdb5-s="" class="flex w-full justify-center space-x-4 md:justify-end lg:ml-10">
      <div data-v-2836fdb5-s="" class="flex-1"><button data-v-2836fdb5-s=""
          class="btn w-full border-transparent bg-grey-500 normal-case text-grey-800 hover:bg-black/10 dark:bg-blue/13 dark:text-white dark:hover:border-transparent dark:hover:bg-blue/20 md:px-10"> Cancel </button></div>
      <div data-v-2836fdb5-s="" class="flex-1"><button data-v-2836fdb5-s="" class="btn btn-base btn-primary w-full md:px-10" type="submit" title="Cmd + Enter"><!----><!----><!----><!----><span
            class="flex-center h-full flex-shrink-0 text-wrap leading-none">Post</span></button></div>
    </div>
  </div>
</form>

DIALOG

<form class="container space-y-4" method="dialog">
  <header class="px-6 text-center md:px-12">
    <h1 class="mb-3 text-5xl font-semibold tracking-tight md:hidden">Sign Up</h1>
    <h1 class="mb-3 hidden text-5xl font-semibold tracking-tight md:block">Let's Get You Signed Up</h1>
    <p class="mx-auto max-w-md text-balance font-medium text-grey-600"> It takes less than a minute, and just might be the best decision you'll make all day. But you can always do this later, if you prefer. </p>
  </header>
  <div class="dialog-main px-8 md:px-12">
    <div class="dark mt-8">
      <div class="mx-auto"><!----><!---->
        <div class="plans flex flex-wrap justify-center gap-4 pb-6 mt-4">
          <div class="w-full lg:flex-1 xl:h-[500px] lg:max-w-[420px]" style="min-width: 240px;">
            <div
              class="panel relative transition-colors duration-300 dark  hoverable rounded-xl relative border-grey-500 dark:border-none plan group relative z-10 mx-auto mb-5 flex h-full w-full border px-6 py-5 text-center transition-colors duration-300 hover:border-blue lg:mb-0"
              data-js="plan-card-monthly-19">
              <div class="flex h-full w-full flex-col justify-around">
                <div class="mb-4 flex items-center">
                  <div class="flex gap-x-1"><button class="btn btn-base btn-secondary active is-active rounded-xl px-3 py-2 text-sm font-medium bg-blue/15" transparent=""><!----><!----><!----><!----><span
                        class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Monthly </span></button><button class="btn btn-base btn-secondary rounded-xl px-3 py-2 text-sm font-medium bg-blue/5 text-grey-600/30"
                      transparent=""><!----><!----><!----><!----><span class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Yearly </span></button></div>
                  <div class="plan-price relative ml-auto text-2xl font-medium leading-none tracking-tight">
                    <div class="text-right text-base font-bold tracking-wide"><!----></div>
                    <div class="font-inter relative flex items-baseline text-blue-400"><span data-js="price">$19</span></div>
                  </div>
                </div>
                <h5 class="mb-6 text-[30px] font-bold tracking-wide"><a class="inherits-color" href="/subscription?plan=monthly-19">Individual Plan </a></h5>
                <a class="flex justify-center" href="/subscription?plan=monthly-19"><img src="/images/plans/sub-monthly.svg?v=6" alt="Individual Plan" class="relative xl:w-[200px]" loading="lazy" style="top: -25px;"></a>
                <p class="mx-auto -mt-3 mb-5 text-balance px-4 xl:text-lg" style="max-width: 25rem;">Be in the know. Fetch an endless stream of input with our <strong>monthly</strong> plan.</p>
                <!----><a class="btn btn-base btn-secondary has-icon flex-center mx-auto mt-6 w-full gap-x-1 py-4 text-base hover:bg-blue group-hover:bg-card-300 lg:mx-6 lg:w-auto lg:h-[60px]" transparent="" data-js="join-button" href="/subscription?plan=monthly-19"><!----><!----><svg x="0px" y="0px" viewBox="0 0 191.667 191.667" xml:space="preserve" width="15" class="mr-[11px] flex-shrink-0"><path d="M95.833,0C42.991,0,0,42.99,0,95.833s42.991,95.834,95.833,95.834s95.833-42.991,95.833-95.834S148.676,0,95.833,0z   M150.862,79.646l-60.207,60.207c-2.56,2.56-5.963,3.969-9.583,3.969c-3.62,0-7.023-1.409-9.583-3.969l-30.685-30.685  c-2.56-2.56-3.97-5.963-3.97-9.583c0-3.621,1.41-7.024,3.97-9.584c2.559-2.56,5.962-3.97,9.583-3.97c3.62,0,7.024,1.41,9.583,3.971  l21.101,21.1l50.623-50.623c2.56-2.56,5.963-3.969,9.583-3.969c3.62,0,7.023,1.409,9.583,3.969  C156.146,65.765,156.146,74.362,150.862,79.646z" class="fill-current"></path></svg><!----><span class="flex-center h-full flex-shrink-0 text-wrap leading-none">Select Plan</span></a>
              </div>
              <div></div>
            </div>
          </div>
          <div class="w-full lg:flex-1 xl:h-[500px]" style="min-width: 240px;">
            <div
              class="panel relative transition-colors duration-300 dark  hoverable rounded-xl relative border-grey-500 dark:border-blue plan group relative z-10 mx-auto mb-5 flex h-full w-full border px-6 py-5 text-center transition-colors duration-300 hover:border-blue lg:mb-0"
              data-js="plan-card-forever">
              <div class="flex h-full w-full flex-col justify-around">
                <div class="mb-4 flex items-center">
                  <div class="flex gap-x-1"><button class="btn btn-base btn-secondary active is-active rounded-xl px-3 py-2 text-sm font-medium" transparent=""><!----><!----><!----><!----><span
                        class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Forever </span></button></div>
                  <div class="plan-price relative ml-auto text-2xl font-medium leading-none tracking-tight">
                    <div class="text-right text-base font-bold tracking-wide"><!----></div>
                    <div class="font-inter relative flex items-baseline text-blue-400"><span data-js="price">$399</span></div>
                  </div>
                </div>
                <h5 class="mb-6 text-[30px] font-bold tracking-wide"><a class="inherits-color" href="/subscription?plan=forever">Forever Plan </a></h5>
                <a class="flex justify-center" href="/subscription?plan=forever"><img src="/images/plans/sub-lifetime.svg?v=6" alt="Forever Plan" class="relative xl:w-[200px]" loading="lazy" style="top: -25px;"></a>
                <p class="mx-auto -mt-3 mb-5 text-balance px-4 xl:text-lg" style="max-width: 25rem;">Permanently uplink to our mainframe. Pay once, and access Laracasts <strong>forever</strong>.</p>
                <!----><a class="btn btn-base btn-secondary has-icon flex-center mx-auto mt-6 w-full gap-x-1 py-4 text-base hover:bg-blue group-hover:bg-card-300 lg:mx-6 lg:w-auto lg:h-[60px]" transparent="" data-js="join-button" href="/subscription?plan=forever"><!----><!----><svg x="0px" y="0px" viewBox="0 0 191.667 191.667" xml:space="preserve" width="15" class="mr-[11px] flex-shrink-0"><path d="M95.833,0C42.991,0,0,42.99,0,95.833s42.991,95.834,95.833,95.834s95.833-42.991,95.833-95.834S148.676,0,95.833,0z   M150.862,79.646l-60.207,60.207c-2.56,2.56-5.963,3.969-9.583,3.969c-3.62,0-7.023-1.409-9.583-3.969l-30.685-30.685  c-2.56-2.56-3.97-5.963-3.97-9.583c0-3.621,1.41-7.024,3.97-9.584c2.559-2.56,5.962-3.97,9.583-3.97c3.62,0,7.024,1.41,9.583,3.971  l21.101,21.1l50.623-50.623c2.56-2.56,5.963-3.969,9.583-3.969c3.62,0,7.023,1.409,9.583,3.969  C156.146,65.765,156.146,74.362,150.862,79.646z" class="fill-current"></path></svg><!----><span class="flex-center h-full flex-shrink-0 text-wrap leading-none">Select Plan</span></a>
              </div>
              <div></div>
            </div>
          </div>
          <div class="w-full lg:flex-1 xl:h-[500px] lg:max-w-[420px]" style="min-width: 240px;">
            <div
              class="panel relative transition-colors duration-300 dark  hoverable rounded-xl relative border-grey-500 dark:border-none plan group relative z-10 mx-auto mb-5 flex h-full w-full border px-6 py-5 text-center transition-colors duration-300 hover:border-blue lg:mb-0"
              data-js="plan-card-business-monthly">
              <div class="flex h-full w-full flex-col justify-around">
                <div class="mb-4 flex items-center">
                  <div class="flex gap-x-1"><button class="btn btn-base btn-secondary active is-active rounded-xl px-3 py-2 text-sm font-medium bg-blue/15" transparent=""><!----><!----><!----><!----><span
                        class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Monthly </span></button><button class="btn btn-base btn-secondary rounded-xl px-3 py-2 text-sm font-medium bg-blue/5 text-grey-600/30"
                      transparent=""><!----><!----><!----><!----><span class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Yearly </span></button></div>
                  <div class="plan-price relative ml-auto text-2xl font-medium leading-none tracking-tight">
                    <div class="text-right text-base font-bold tracking-wide"><!----></div>
                    <div class="font-inter relative flex items-baseline text-blue-400"><span data-js="price">$30</span></div>
                  </div>
                </div>
                <h5 class="mb-6 text-[30px] font-bold tracking-wide"><a class="inherits-color" href="/subscription?plan=business-monthly&amp;quantity=2">Team Plan </a></h5>
                <a class="flex justify-center" href="/subscription?plan=business-monthly&amp;quantity=2"><img src="/images/plans/sub-business.svg?v=6" alt="Team Plan" class="relative xl:w-[200px]" loading="lazy" style="top: -25px;"></a>
                <p class="mx-auto -mt-3 mb-5 text-balance px-4 xl:text-lg" style="max-width: 25rem;">Choose your <strong>team</strong> size and grant unlimited access.</p>
                <div class="mx-4 flex justify-center gap-x-1" style="margin-bottom: -10px;"><button class="btn btn-base btn-secondary px-4 py-1 group-hover:bg-card-300" type="button" transparent=""
                    aria-label="Decrease team count"><!----><!----><!----><!----><span class="flex-center h-full flex-shrink-0 text-wrap leading-none"> - </span></button><input type="number" min="2" max="250"
                    class="plan-team-count flex-center mx-2 w-auto flex-1 flex-grow-0 rounded-lg bg-blue-900 py-1 text-center" style="width: 87px;"><button class="btn btn-base btn-secondary px-4 py-1 group-hover:bg-card-300" type="button"
                    transparent="" aria-label="Increase team count"><!----><!----><!----><!----><span class="flex-center h-full flex-shrink-0 text-wrap leading-none"> + </span></button></div>
                <a class="btn btn-base btn-secondary has-icon flex-center mx-auto mt-6 w-full gap-x-1 py-4 text-base hover:bg-blue group-hover:bg-card-300 lg:mx-6 lg:w-auto lg:h-[60px]" transparent="" data-js="join-button" href="/subscription?plan=business-monthly&amp;quantity=2"><!----><!----><svg x="0px" y="0px" viewBox="0 0 191.667 191.667" xml:space="preserve" width="15" class="mr-[11px] flex-shrink-0"><path d="M95.833,0C42.991,0,0,42.99,0,95.833s42.991,95.834,95.833,95.834s95.833-42.991,95.833-95.834S148.676,0,95.833,0z   M150.862,79.646l-60.207,60.207c-2.56,2.56-5.963,3.969-9.583,3.969c-3.62,0-7.023-1.409-9.583-3.969l-30.685-30.685  c-2.56-2.56-3.97-5.963-3.97-9.583c0-3.621,1.41-7.024,3.97-9.584c2.559-2.56,5.962-3.97,9.583-3.97c3.62,0,7.024,1.41,9.583,3.971  l21.101,21.1l50.623-50.623c2.56-2.56,5.963-3.969,9.583-3.969c3.62,0,7.023,1.409,9.583,3.969  C156.146,65.765,156.146,74.362,150.862,79.646z" class="fill-current"></path></svg><!----><span class="flex-center h-full flex-shrink-0 text-wrap leading-none">Select Plan</span></a>
              </div>
              <div></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <footer class="dialog-footer px-8 py-1 md:px-12 flex flex-wrap justify-between gap-4 items-center">
    <div><a class="btn btn-base btn-secondary px-8" transparent="" href="/login"><!----><!----><!----><!----><span class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Log In </span></a></div>
    <div class="flex gap-x-6"><a class="link font-medium text-grey-600" href="/signup"> Free Forum Account </a><a class="link hidden font-medium text-grey-600 md:inline-block" href="/teams"> Learn More About Teams </a></div>
    <div class="hidden md:block"><a class="btn btn-base btn-secondary px-8" type="button" transparent="" href="/contact"><!----><!----><!----><!----><span class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Have a Question? </span></a>
    </div>
  </footer>
</form>

DIALOG

<form class="space-y-8" autocomplete="off" method="dialog" style="height: auto;">
  <header class="px-8 text-center md:px-12">
    <h2 class="text-3xl font-semibold">Log In</h2>
  </header>
  <div class="dialog-main px-8 md:px-12">
    <div class="control" data-js="email_field"><label class="block text-xs font-medium text-grey-600 block text-2xs text-grey-600" for="email">Email</label>
      <div class="relative flex items-center border-b border-card-600"><input id="email_43486.57742310473" type="text" name="email" data-js="email" class="input is-minimal text-sm text-white" autocomplete="username" placeholder="Enter Email"
          required=""><!---->
        <div class="absolute right-0 mx-auto -mt-px flex h-4 w-4 items-center justify-center rounded-full p-1 bg-grey-800"><svg width="10" height="8" viewBox="0 0 10 8">
            <path fill="#FFF" fill-rule="evenodd" stroke="#FFF" stroke-width=".728"
              d="M3.533 5.646l-2.199-2.19c-.195-.194-.488-.194-.684 0-.195.195-.195.487 0 .682l2.883 2.87L9.055 1.51c.195-.194.195-.487 0-.681-.196-.195-.49-.195-.685 0L3.533 5.646z"></path>
          </svg></div>
      </div><!---->
    </div>
    <div class="control" data-js="password_field"><label class="block text-xs font-medium text-grey-600 block text-2xs text-grey-600" for="password">Password</label>
      <div class="relative flex items-center border-b border-card-600"><input id="password_2127.109337006591" type="password" name="password" data-js="password" class="input is-minimal text-sm text-white" autocomplete="current-password"
          placeholder="Enter Password" modelmodifiers="[object Object]" required=""><button type="button" title="Toggle private mode" class="ml-4 pr-8 text-2xs font-bold text-grey">Show</button>
        <div class="absolute right-0 mx-auto -mt-px flex h-4 w-4 items-center justify-center rounded-full p-1 bg-grey-800"><svg width="10" height="8" viewBox="0 0 10 8">
            <path fill="#FFF" fill-rule="evenodd" stroke="#FFF" stroke-width=".728"
              d="M3.533 5.646l-2.199-2.19c-.195-.194-.488-.194-.684 0-.195.195-.195.487 0 .682l2.883 2.87L9.055 1.51c.195-.194.195-.487 0-.681-.196-.195-.49-.195-.685 0L3.533 5.646z"></path>
          </svg></div>
      </div><!---->
    </div><!---->
  </div>
  <footer class="dialog-footer px-8 py-1 md:px-12 flex flex-wrap justify-end gap-4 mt-10"><button class="btn btn-base btn-primary focus:ring focus:ring-2  w-full mx-auto"><!----><!----><!----><!----><span
        class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Log In
      </span></button><a class="btn btn-base btn-secondary focus:ring focus:ring-2  w-full mx-auto has-icon" href="/accounts/provider/redirect?"><!----><!----><!----><!----><svg viewBox="0 0 30 29" class="transition-all mr-2" width="14"><path class="fill-current" fill-rule="nonzero" d="M27.959 7.434a14.866 14.866 0 0 0-5.453-5.414C20.21.69 17.703.025 14.984.025c-2.718 0-5.226.665-7.521 1.995A14.864 14.864 0 0 0 2.01 7.434C.67 9.714 0 12.202 0 14.901c0 3.242.953 6.156 2.858 8.746 1.906 2.589 4.367 4.38 7.385 5.375.351.064.611.019.78-.136a.755.755 0 0 0 .254-.58l-.01-1.047c-.007-.658-.01-1.233-.01-1.723l-.448.077a5.765 5.765 0 0 1-1.083.068 8.308 8.308 0 0 1-1.356-.136 3.04 3.04 0 0 1-1.308-.58c-.403-.304-.689-.701-.858-1.192l-.195-.445a4.834 4.834 0 0 0-.614-.988c-.28-.362-.563-.607-.85-.736l-.136-.097a1.428 1.428 0 0 1-.253-.233 1.062 1.062 0 0 1-.176-.271c-.039-.09-.007-.165.098-.223.104-.059.292-.087.566-.087l.39.058c.26.052.582.206.965.465.384.258.7.594.947 1.007.299.53.66.933 1.082 1.21.423.278.85.417 1.278.417.43 0 .8-.032 1.112-.097a3.9 3.9 0 0 0 .878-.29c.117-.866.436-1.53.956-1.996a13.447 13.447 0 0 1-2-.348 7.995 7.995 0 0 1-1.833-.756 5.244 5.244 0 0 1-1.571-1.298c-.416-.516-.758-1.195-1.024-2.034-.267-.84-.4-1.808-.4-2.905 0-1.563.514-2.893 1.541-3.99-.481-1.176-.436-2.493.137-3.952.377-.116.936-.03 1.678.261.741.291 1.284.54 1.629.746.345.207.621.381.83.523a13.948 13.948 0 0 1 3.745-.503c1.288 0 2.537.168 3.747.503l.741-.464c.507-.31 1.106-.595 1.795-.853.69-.258 1.216-.33 1.58-.213.586 1.46.638 2.777.156 3.951 1.028 1.098 1.542 2.428 1.542 3.99 0 1.099-.134 2.07-.4 2.916-.267.846-.611 1.524-1.034 2.034-.423.51-.95.94-1.58 1.288a8.01 8.01 0 0 1-1.834.756c-.592.155-1.259.271-2 .349.676.58 1.014 1.498 1.014 2.75v4.087c0 .232.081.426.244.58.163.155.42.2.77.136 3.019-.994 5.48-2.786 7.386-5.375 1.905-2.59 2.858-5.504 2.858-8.746 0-2.698-.671-5.187-2.01-7.466z"></path></svg><span class="flex-center h-full flex-shrink-0 text-wrap leading-none">Log In With GitHub? </span></a>
    <div class="mt-4 flex flex-1 justify-between"><button class="block text-sm text-grey-600 hover:underline"> Forgot Your Password? </button><button class="block text-sm text-grey-600 hover:underline"> Sign Up! </button></div>
  </footer>
</form>

DIALOG

<form class="space-y-8 py-8" autocomplete="off" method="dialog">
  <header class="px-8 text-center md:px-12">
    <h2 class="text-3xl font-semibold"> Forgot Your Password? </h2>
  </header>
  <div class="dialog-main px-8 md:px-12">
    <div id="turnstile-7562" class="cf-turnstile" data-sitekey="0x4AAAAAAACQcLxtW0lUz22W"></div>
    <div class="control" data-js="email_field"><label class="block text-xs font-medium text-grey-600 block text-2xs text-grey-600" for="email">Email</label>
      <div class="relative flex items-center border-b border-card-600"><input id="email_19934.238090836083" type="email" name="email" data-js="email" class="input is-minimal text-sm text-white" autocomplete="username" placeholder="Enter Email"
          required=""><!---->
        <div class="absolute right-0 mx-auto -mt-px flex h-4 w-4 items-center justify-center rounded-full p-1 bg-grey-800"><svg width="10" height="8" viewBox="0 0 10 8">
            <path fill="#FFF" fill-rule="evenodd" stroke="#FFF" stroke-width=".728"
              d="M3.533 5.646l-2.199-2.19c-.195-.194-.488-.194-.684 0-.195.195-.195.487 0 .682l2.883 2.87L9.055 1.51c.195-.194.195-.487 0-.681-.196-.195-.49-.195-.685 0L3.533 5.646z"></path>
          </svg></div>
      </div><!---->
    </div>
  </div>
  <footer class="dialog-footer px-8 py-1 md:px-12 flex flex-wrap justify-end gap-4 mt-10"><button class="btn btn-base btn-primary focus:ring focus:ring-2  w-full mx-auto"><!----><!----><!----><!----><span
        class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Reset </span></button></footer>
</form>

<form class="w-full space-y-8" autocomplete="off">
  <header class="px-8 text-center md:px-12">
    <h2 class="text-3xl font-semibold">Sign Up!</h2>
  </header>
  <div class="dialog-main px-8 md:px-12">
    <div class="control" data-js="username_field"><label class="block text-xs font-medium text-grey-600 block text-2xs text-grey-600" for="username">Username</label>
      <div class="relative flex items-center border-b border-card-600"><input id="username_54857.112699782156" type="text" name="username" data-js="username" class="input is-minimal text-sm text-white" autocomplete="username" placeholder="JohnDoe"
          required=""><!---->
        <div class="absolute right-0 mx-auto -mt-px flex h-4 w-4 items-center justify-center rounded-full p-1 bg-grey-800"><svg width="10" height="8" viewBox="0 0 10 8">
            <path fill="#FFF" fill-rule="evenodd" stroke="#FFF" stroke-width=".728"
              d="M3.533 5.646l-2.199-2.19c-.195-.194-.488-.194-.684 0-.195.195-.195.487 0 .682l2.883 2.87L9.055 1.51c.195-.194.195-.487 0-.681-.196-.195-.49-.195-.685 0L3.533 5.646z"></path>
          </svg></div>
      </div><!---->
    </div>
    <div class="control" data-js="email_field"><label class="block text-xs font-medium text-grey-600 block text-2xs text-grey-600" for="email">Email</label>
      <div class="relative flex items-center border-b border-card-600"><input id="email_84239.58794133281" type="email" name="email" data-js="email" class="input is-minimal text-sm text-white" autocomplete="email" placeholder="john@example.com"
          required=""><!---->
        <div class="absolute right-0 mx-auto -mt-px flex h-4 w-4 items-center justify-center rounded-full p-1 bg-grey-800"><svg width="10" height="8" viewBox="0 0 10 8">
            <path fill="#FFF" fill-rule="evenodd" stroke="#FFF" stroke-width=".728"
              d="M3.533 5.646l-2.199-2.19c-.195-.194-.488-.194-.684 0-.195.195-.195.487 0 .682l2.883 2.87L9.055 1.51c.195-.194.195-.487 0-.681-.196-.195-.49-.195-.685 0L3.533 5.646z"></path>
          </svg></div>
      </div><!---->
    </div>
    <div class="control" data-js="password_field"><label class="block text-xs font-medium text-grey-600 block text-2xs text-grey-600" for="password">Password</label>
      <div class="relative flex items-center border-b border-card-600"><input id="password_27958.064996238372" type="password" name="password" data-js="password" class="input is-minimal text-sm text-white" autocomplete="new-password"
          placeholder="Enter Password" required=""><button type="button" title="Toggle private mode" class="ml-4 pr-8 text-2xs font-bold text-grey">Show</button>
        <div class="absolute right-0 mx-auto -mt-px flex h-4 w-4 items-center justify-center rounded-full p-1 bg-grey-800"><svg width="10" height="8" viewBox="0 0 10 8">
            <path fill="#FFF" fill-rule="evenodd" stroke="#FFF" stroke-width=".728"
              d="M3.533 5.646l-2.199-2.19c-.195-.194-.488-.194-.684 0-.195.195-.195.487 0 .682l2.883 2.87L9.055 1.51c.195-.194.195-.487 0-.681-.196-.195-.49-.195-.685 0L3.533 5.646z"></path>
          </svg></div>
      </div><!---->
    </div>
    <div id="turnstile-6701" class="cf-turnstile" data-sitekey="0x4AAAAAAACQcLxtW0lUz22W"></div><!---->
  </div>
  <footer class="dialog-footer px-8 py-1 md:px-12 flex flex-wrap justify-center gap-4"><button class="btn btn-base btn-primary focus:ring focus:ring-2  w-full mx-auto" type="submit"><!----><!----><!----><!----><span
        class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Register
      </span></button><a class="btn btn-base btn-secondary focus:ring focus:ring-2  w-full mx-auto has-icon" href="/accounts/provider/redirect?"><!----><!----><!----><!----><svg viewBox="0 0 30 29" class="transition-all mr-2" width="14"><path class="fill-current" fill-rule="nonzero" d="M27.959 7.434a14.866 14.866 0 0 0-5.453-5.414C20.21.69 17.703.025 14.984.025c-2.718 0-5.226.665-7.521 1.995A14.864 14.864 0 0 0 2.01 7.434C.67 9.714 0 12.202 0 14.901c0 3.242.953 6.156 2.858 8.746 1.906 2.589 4.367 4.38 7.385 5.375.351.064.611.019.78-.136a.755.755 0 0 0 .254-.58l-.01-1.047c-.007-.658-.01-1.233-.01-1.723l-.448.077a5.765 5.765 0 0 1-1.083.068 8.308 8.308 0 0 1-1.356-.136 3.04 3.04 0 0 1-1.308-.58c-.403-.304-.689-.701-.858-1.192l-.195-.445a4.834 4.834 0 0 0-.614-.988c-.28-.362-.563-.607-.85-.736l-.136-.097a1.428 1.428 0 0 1-.253-.233 1.062 1.062 0 0 1-.176-.271c-.039-.09-.007-.165.098-.223.104-.059.292-.087.566-.087l.39.058c.26.052.582.206.965.465.384.258.7.594.947 1.007.299.53.66.933 1.082 1.21.423.278.85.417 1.278.417.43 0 .8-.032 1.112-.097a3.9 3.9 0 0 0 .878-.29c.117-.866.436-1.53.956-1.996a13.447 13.447 0 0 1-2-.348 7.995 7.995 0 0 1-1.833-.756 5.244 5.244 0 0 1-1.571-1.298c-.416-.516-.758-1.195-1.024-2.034-.267-.84-.4-1.808-.4-2.905 0-1.563.514-2.893 1.541-3.99-.481-1.176-.436-2.493.137-3.952.377-.116.936-.03 1.678.261.741.291 1.284.54 1.629.746.345.207.621.381.83.523a13.948 13.948 0 0 1 3.745-.503c1.288 0 2.537.168 3.747.503l.741-.464c.507-.31 1.106-.595 1.795-.853.69-.258 1.216-.33 1.58-.213.586 1.46.638 2.777.156 3.951 1.028 1.098 1.542 2.428 1.542 3.99 0 1.099-.134 2.07-.4 2.916-.267.846-.611 1.524-1.034 2.034-.423.51-.95.94-1.58 1.288a8.01 8.01 0 0 1-1.834.756c-.592.155-1.259.271-2 .349.676.58 1.014 1.498 1.014 2.75v4.087c0 .232.081.426.244.58.163.155.42.2.77.136 3.019-.994 5.48-2.786 7.386-5.375 1.905-2.59 2.858-5.504 2.858-8.746 0-2.698-.671-5.187-2.01-7.466z"></path></svg><span class="flex-center h-full flex-shrink-0 text-wrap leading-none"> Register Using GitHub? </span></a><button
      class="block text-sm text-grey-600 hover:underline"> Already Have an Account? </button></footer>
</form>

DIALOG

<form method="dialog">
  <div class="dialog-main px-8 py-1 text-center"><img loading="lazy" class="lazy" src="/images/icons/flash/info.svg" alt="" width="96" height="96">
    <h1 class="mt-2 text-xl font-semibold"></h1>
    <p id="flash-dialog-message" class="mt-3 text-sm"></p>
    <div class="mt-5 space-y-2"><button class="btn btn-base btn-secondary focus:ring focus:ring-2  w-full mx-auto" value="Cancel"><!----><!----><!----><!----><span
          class="flex-center h-full flex-shrink-0 text-wrap leading-none">Cancel</span></button><button class="btn btn-base btn-primary focus:ring focus:ring-2  w-full mx-auto" value="OK"><!----><!----><!----><!----><span
          class="flex-center h-full flex-shrink-0 text-wrap leading-none">OK</span></button></div>
  </div>
</form>

Text Content

Take your Laravel expertise to the next level with our free PhpStorm course!
Check it Out
Topics Series Path Larabits Forum Podcast
 * 
   
   
 * 
 * 
 * Sign In
 * Get Started for Free

Reply to Thread
Follow Thread
 * All Threads
   
 * Channels
   
 * Popular This Week
 * Popular All Time
 * Solved
 * Unsolved
 * No Replies Yet
 * Leaderboard
   

Wonglink started this conversation 1 minute ago. 0 people have replied.

1
0
Tips
Level 1
wonglink OP
Posted 1 minute ago



HOW DO I SPEAK TO SOMEONE AT 858-280-2711 AMERICAN?

Call for Assistance: Dial +1-(858)-280–2711[US/Canada] to reach American’s
customer support directly. Visit American’s Help Center: Go to American’s Help
Center using your web browser. Log in to Your Account: Sign in to your American
account to access personalized support options. Find “Contact Us”: Navigate to
the “Contact Us” +1-(858)-280–2711[US/Canada] section to explore different ways
to get in touch.




Please sign in or create an account to participate in this conversation.

LEVEL UP YOUR PROGRAMMING WITH LARACASTS

$19 a month for everything we know about programming. Everything!

Join Laracasts Today!

LEARN LARAVEL AND VITE

Laravel provides seamless integration with Vite, a next generation front-end
bundler that is lightning fast. In this miniseries, join me as I outline
Laravel's Vite integration in a way that's easy to understand. You'll be
bundling your client-side assets in no time!

Recommended Series
Writer AI Studio: dev tools fully integrated with LLMs, graph-based RAG, AI
guardrails, and more. ads via Carbon


A MASSIVE COMMUNITY OF PROGRAMMERS JUST LIKE YOU.

Think of Laracasts sort of like Netflix, but for developers. You could spend
weeks binging, and still not get through all the content we have to offer.

Push your web development skills to the next level, through expert screencasts
on PHP, Laravel, Vue, and much more.

Get Started For Free!


WANT US TO EMAIL YOU OCCASIONALLY WITH LARACASTS NEWS?

Subscribe

Nine out of ten doctors recommend Laracasts over competing brands. Come inside,
see for yourself, and massively level up your development skills in the process.



LEARN

 * Sign Up
 * Sign In
 * Pricing
 * Series
 * CreatorSeries
 * Laravel Path
 * Larabits
 * Topics

DISCUSS

 * Forum
 * Podcast
 * Blog
 * Support
 * Work With Us

EXTRAS

 * Gift Certificates
 * Lifers
 * Teams
 * FAQ
 * Assets
 * Get a Job
 * Privacy
 * Terms
 * Commercial

© Laracasts 2024. All rights reserved.
Yes, all of them. That means you, Todd.

Proudly hosted with Laravel Forge and DigitalOcean.


// Search
   
   
 * Topics // just browsing?
 * Series // it's what you're here for
 * Path // walk the path
 * Larabits // got five minutes?
 * Discussions // let it all out

Sign InSign Up

Reply to Post

Minimize


Markdown Preview OFF

* You may use Markdown with GitHub-flavored code blocks.

Cancel
Post


SIGN UP


LET'S GET YOU SIGNED UP

It takes less than a minute, and just might be the best decision you'll make all
day. But you can always do this later, if you prefer.

Monthly Yearly
$19

INDIVIDUAL PLAN

Be in the know. Fetch an endless stream of input with our monthly plan.

Select Plan

Forever
$399

FOREVER PLAN

Permanently uplink to our mainframe. Pay once, and access Laracasts forever.

Select Plan

Monthly Yearly
$30

TEAM PLAN

Choose your team size and grant unlimited access.

- +
Select Plan

Log In
Free Forum Account Learn More About Teams
Have a Question?


LET'S SORT OUT THE CONFUSION...

CAN I CANCEL AT ANY TIME?

Laracasts subscriptions renew, just like Netflix or Hulu. But, of course you can
cancel at any point. It would be a pretty shabby business, if that wasn't an
option! Seriously — it's not like the gym. Visit your settings page, click
"Cancel," and done. Tears will be shed on this end, but that's not your concern.

IF I SIGN UP, DO I GAIN ACCESS TO EVERYTHING?

Yes! And that's over one thousand lessons of training goodness — by a teacher
who won't put you to sleep. You've seen those terrible Youtube screencasts;
life's too short to endure teenaged umms, uhhs, and typos. Did you know that
nine out of ten doctors recommend Laracasts over competing brands?

DO YOU OFFER STUDENT DISCOUNTS?

Laracasts is already priced below many similar sites, so there isn't much wiggle
room. However, if you live in a country where $19 per month is prohibitively
high, email support@laracasts.com, and we'll see what we can do for you.
Otherwise, please stick with the monthly rate we offer. Thank you!

CAN I PAY USING PAYPAL?

We don't officially support Paypal on the sign up page; however, you can
manually pay for a year's worth of access here.

I'M INTERESTED IN THE LIFETIME ACCOUNT.

Of course you are. They're an incredible deal. Okay, here's how it works: you
make a one-time payment, and we then give you access to everything we've ever
created...as well as everything we create in the future.

WAS TOTAL RECALL A DREAM OR NOT?

Look, we've had this conversation over and over. My vote is that everything
after he's put to sleep at the "Rekall" place is a dream. Did you hear the
doctor say, " Blue sky on Mars? That's a new one." There's your hint. Now,
please, back on track. Are we doing this or not?


LOG IN

Email

Password
Show

Log In Log In With GitHub?
Forgot Your Password? Sign Up!


FORGOT YOUR PASSWORD?

Email

Reset


SIGN UP!

Username

Email

Password
Show


Register Register Using GitHub? Already Have an Account?


CancelOK