
<div class="container">
	<div class="section">
		<div class="row">
			<div class="col s12 m4 center-align">
        <h3>Welcome to SafeWalk</h3>
        <p>Do you want to to create a private channel or do you want to join one in order to find a guardian ?</p>
				<div class="icon-block center-align">
          <ul>
            <li><i class="material-icons blue-text">group</i></li>
            <li><a href="/groups/new" id="create_private_channel" class="waves-effect waves-light btn btn-large">Create a private channel</a></li>
          </ul>
				</div>

				<div class="icon-block center-align">
          <ul>
            <li><i class="material-icons blue-text">group</i></li>
            <li><a href="/groups/index" id="create_private_channel" class="waves-effect waves-light btn btn-large">Join a Channel</a></li>
          </ul>
				</div>
				<div class="icon-block center-align">
          <% if current_user%>
          <ul>
            <li><i class="small blue-text  material-icons">group</i></li>
            <li><a href="/users/<%=current_user.id%>/walks/new" class="waves-effect waves-light btn btn-large">Request a walk</a></li>
          </ul>
		    	<% end %>
		    </div>
			</div>
		</div>
	</div>
</div>


<div class="container center">
	<div class="section">
		<div class="row">
			<div class="col s12 m4 offset-m4">
        <h3>Welcome to SafeWalk</h3>
        <p>Do you want to to create a private channel or do you want to join one in order to find a guardian ?</p>
				<div class="icon-block center-align">
          <ul>
            <li><i class="material-icons blue-text">group</i></li>
            <li><a href="/groups/new" id="create_private_channel" class="waves-effect waves-light btn btn-large">Create a private channel</a></li>
          </ul>
				</div>

				<div class="icon-block center-align">
          <ul>
            <li><i class="material-icons blue-text">group</i></li>
            <li><a href="/groups/index" id="create_private_channel" class="waves-effect waves-light btn btn-large">Join a Channel</a></li>
          </ul>
				</div>
				<div class="icon-block center-align">
          <% if current_user%>
          <ul>
            <li><i class="small blue-text  material-icons">group</i></li>
            <li><a href="/users/<%=current_user.id%>/walks/new" class="waves-effect waves-light btn btn-large">Request a walk</a></li>
          </ul>
		    	<% end %>
		    </div>
			</div>
		</div>
	</div>
</div>

Add offset to home page to center on larger screen
Add offset to home page to center on larger screen
