layout: default


<div class =“blog–post”>

     <div class="blog__posts mdl-grid">
       <div class="mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col">
             {% if page.image  == "" or page.image == nil %}
         <div class="mdl-card__media mdl-color-text--grey-50">
              {% else %}
     <div class="mdl-card__media mdl-color-text--grey-50" style="background: url( {{page.image}}) center/cover; ">
{% endif %}

           <h3>{{ page.title }}</h3>  
         </div>
         <div class="mdl-color-text--grey-700 mdl-card__supporting-text meta">
           <div class="minilogo"></div>
           <div>
             <strong>{{page.author}}</strong>
             <span>{{page.date}}</span>
           </div>
           <div class="section-spacer"></div>
           <div>
             <i class="material-icons" role="presentation">bookmark</i>
             <span class="visuallyhidden">bookmark</span>
           </div>
           <div>
             <button id="share-menu"
     class="mdl-button mdl-js-button mdl-button--icon">
             <i class="material-icons" role="presentation">share</i>

             <span class="visuallyhidden">share</span>
             </button>
           </div>

         <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect"
             for="share-menu">

              <a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.twitter_username }}&related={{ site.twitter_username }}" rel="nofollow" target="_blank" title="Share on Twitter">
              <li class="mdl-menu__item">Twitter</li>
              </a>
 <a href="https://facebook.com/sharer.php?u={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Facebook">                  
           <li class="mdl-menu__item">Facebook</li></a>

          <a href="http://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}&title={{ page.title }}&summary={{ page.description }}&source=AliKarpuzoglu">

           <li class="mdl-menu__item mobile">LinkedIn</li></a>
         </ul>

         </div>
         <div class="mdl-color-text--grey-700 mdl-card__supporting-text">
             {{content}}
              {{include _comments}}
         </div>

       </div>

       <nav class="nav mdl-color-text--grey-50 mdl-cell mdl-cell--12-col">
           {% if page.next.url %}

         <a href="{{page.next.url}}" class="next nav__button">
           <button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-color--white mdl-color-text--grey-900" role="presentation">
             <i class="material-icons">arrow_back</i>
           </button>
           {{page.next.title}}
         </a>
           {% endif %}

         <div class="section-spacer"></div>
          {% if page.previous.url %}
         <a href="{{page.previous.url}}" class="prev nav__button">
           {{page.previous.title}}
           <button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-color--white mdl-color-text--grey-900" role="presentation">
             <i class="material-icons">arrow_forward</i>
           </button>
         </a>
           {% endif %}

       </nav>

     </div>       </div>