<!-- Contact Section -->
<section id="{{ page.title }}" class="container content-section text-center">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2">

          {{ page.content | markdownify }}

          {% if page.email %}
            <p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
          {% endif %}

          {% include social-buttons.html %}

        </div>
    </div>
</section>

<!-- Contact Section -->
<section id="{{ page.title }}" class="container content-section text-center">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2">

          {{ page.content | markdownify }}

          {% if page.email %}
			{% if page.email contains '@' %}
				{% assign newemail = page.email | split: '@' %}
				<p>
				  <script>
					  function join_at_email(user, domain){
						  return (user && domain)?(user + "@" + domain):"";
					  }
					  document.write('<a href="mailto:'
						+ join_at_email( "{{ newemail[0] }}", "{{ newemail[1] }}" )
						+ '">'
						+ join_at_email( "{{ newemail[0] }}", "{{ newemail[1] }}" )
						+ '</a>'
					  );
				  </script>
				</p>
			{% else %}
				<p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
			{% endif %}
          {% endif %}

          {% include social-buttons.html %}

        </div>
    </div>
</section>

Hide mail in mailto using JavaScript method
Hide mail in mailto using JavaScript method

Hide mail in mailto using JavaScript method if page.email contains '@', else use traditional plaint text method
