<% content_for :title, "Photoplop" %>

<div class="login">
	<section class="intro_blurb">
	  <%= image_tag("Photoplop_Logo.png", size: "350x150", alt: "photoplop logo") %>
	  <h3>Snap It. Plop It. Share It.</h3>
	  <p>Build photo albums with your <%= group %>. </p>
	</section>

	<span class="login-form small-12 medium-6 large-6 columns">
		<% if flash[:alert] %>
		  <h3 class="alert"> <%=flash[:alert] %> </h3>
		<% end %>
		<%= form_for :user do |f| %>

		  <%= f.label :username %>
		  <%= f.text_field :username %>

		  <%= f.label :password %>
		  <%= f.password_field :password %>

		  <%= f.submit "Log In" %>
		<% end %>

		<%= link_to "Create Account", new_user_path, :class => "button" %>


		<%= link_to raw("<i class=\"fa fa-instagram\"></i> Login with Instagram"), '/auth/instagram', :class => "button" %>
		<%= link_to raw("<i class=\"fa fa-twitter\"></i> Login with Twitter"), '/auth/twitter', :class => "button" %>

	</span>
</div>
<% content_for :title, "Photoplop" %>

<div class="login">
	<section class="intro_blurb">
	  <%= image_tag("Photoplop_Logo.png", size: "350x150", alt: "photoplop logo") %>
	  <h3>Snap It. Plop It. Share It.</h3>
	  <p>Build photo albums with your <%= group %>. </p>
	</section>

	<div class="row"><span class="small-12 medium-12 large-4 large-centered columns login-form ">
		<% if flash[:alert] %>
		  <h3 class="alert"> <%=flash[:alert] %> </h3>
		<% end %>
		<%= form_for :user do |f| %>

		  <%= f.label :username %>
		  <%= f.text_field :username %>

		  <%= f.label :password %>
		  <%= f.password_field :password %>

		  <%= f.submit "Log In" %>
		<% end %>

		<%= link_to "Create Account", new_user_path, :class => "button" %>


		<%= link_to raw("<i class=\"fa fa-instagram\"></i> Login with Instagram"), '/auth/instagram', :class => "button" %>
		<%= link_to raw("<i class=\"fa fa-twitter\"></i> Login with Twitter"), '/auth/twitter', :class => "button" %>

	</span></div>
</div>
Fix centering of login form
Fix centering of login form
