Create account

Please sign up for your Alphabet Learning account here.

<% if alert = flash[:alert] %>

<%= alert %>

<% end %> <% if notice = flash[:notice] %>

<%= notice %>

<% end %> <%= form_with url: registration_url, class: "contents" do |form| %>

<%= label_tag "first_name", nil, class: "font-bold text-gray-700" %> <%= form.text_field :first_name, required: true, autofocus: true, autocomplete: "first_name", placeholder: "Enter your first name", value: params[:first_name], class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>

<%= label_tag "last_name", nil, class: "font-bold text-gray-700" %> <%= form.text_field :last_name, required: true, autofocus: true, autocomplete: "last_name", placeholder: "Enter your last name", value: params[:last_name], class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>

<%= label_tag "email_address", nil, class: "font-bold text-gray-700" %> <%= form.email_field :email_address, required: true, autofocus: true, autocomplete: "email_address", placeholder: "Enter your email address", value: params[:email_address], class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>

<%= label_tag "password", nil, class: "font-bold text-gray-700" %> <%= form.password_field :password, required: true, autocomplete: "new-password", placeholder: "Enter new password", maxlength: 72, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>

<%= label_tag "password_confirmation", nil, class: "font-bold text-gray-700" %> <%= form.password_field :password_confirmation, required: true, autocomplete: "new-password", placeholder: "Repeat new password", maxlength: 72, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>

<%= form.submit "Sign in", class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer" %>

<%= link_to "Forgot password?", new_password_path, class: "text-gray-700 underline" %>

<% end %>