index.html

---
layout: default
title: Home
---
<header class="clean">
	{% include top.html %}
	<div class="jumbotron text-center">
            <h1>Spread Open Healthy Web</h1> 
            <p></p> 
        </div>
	
	<!--<a href="{{ site.url }}{{ site.baseurl }}">
		<div id="home-title" class="site-icon-home" style="background-image: url({{ site.icon }});" data-stellar-ratio="0.5"></div>
	</a>-->
</header>
<div id="middle">
<div id="post-list">
	{% for post in paginator.posts %}
		<div>
			<span class="post-date">{{ post.date | date_to_long_string }}</span>
			<h1><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1>
			<p class="post-description">{% if post.author %} Written by {{ post.author }}{% else %}{{ post.content | strip_html | truncatewords: 50 }}{% endif %}</p>
		</div>
		<br>
	{% endfor %}
</div>
<nav class="pagination" role="navigation">
	{% if paginator.next_page %}
		<a class="newer-posts" href="{{ site.baseurl }}/page{{paginator.next_page}}">&larr; Older posts</a>
	{% endif %}
	<span class="page-number">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
	{% if paginator.previous_page %}
		{% if paginator.page == 2 %}
			<a class="older-posts" href="{{ site.baseurl }}/">Newer posts &rarr;</a>
		{% else %}
			<a class="older-posts" href="{{ site.baseurl }}/page{{paginator.previous_page}}">Newer posts &rarr;</a>
		{% endif %}
	{% endif %}
</nav>
</div>
<!-- Container (Contact Section) -->
<div id="contact" class="container-fluid bg-grey" bgcolor='#808080'>
  <h2 class="text-center"></h2>
  <div class="row">
    <div class="col-sm-4 slideanim" align="left">
      <p>Contact us and we'll get back to you within 24 hours.</p>
            <p> <span class="glyphicon glyphicon-envelope"></span> fahimazulfath.a@gmail.com</p>
            <p> <span class="glyphicon glyphicon-retweet"></span> @FahimaZulfath</p>
            <p> <span class="glyphicon glyphicon-send"></span> @Zulfath</p>
    </div>
    <div class="col-sm-4 slideanim" >
      <div class="row">
        <div class="col-sm-12"  align="left">
           <p><span class="glyphicon glyphicon-copyright-mark"></span>
              <a href="https://github.com/SOHW/Blogs/blob/master/LICENSE">  Licence</a></p>
           <p><span class="glyphicon glyphicon-edit"></span>
              <a href="https://github.com/SOHW/sohw.github.io/blob/master/index.html">  View Source Code</a></p>
           <p><span class="glyphicon glyphicon-heart"></span>
              <a href="https://github.com/SOHW/Blogs">  Donate a Resource</a></p>
           <p><span class="glyphicon glyphicon-user"></span>
              <a href="https://github.com/SOHW/Blogs/blob/master/assets/data/contributors.yml">  Contributors</a></p>
         </div>
        </div>
      </div>
  </div>
</div>

<footer class="container-fluid text-center">
<a href="#myPage" title="To Top">
	<span class="glyphicon-gltphicon-chevron-up" align="center"></span><div></div>
</a>
</footer>
<script src="{{ site.baseurl }}/assets/js/smooth-scroll.js"></script>
<style>
  .container-fluid {
      padding: 60px 50px;
  }
  .bg-grey {
      background-color: #f6f6f6;
  }
  .jumbotron {
      background-color: #1df4a5;
      color: #fff;
      padding: 100px 25px;
      font-weight: bold;
      font-family: Zilla Slab, serif;
  }
	html,body{
		overflow-x: hidden;
	}