index.html

---
layout: default
menu: home
css: ['index.css', 'sidebar-popular-repo.css']
---
<section class="jumbotron">
    <div class="container">
        <h1>{{ site.title }}</h1>
        <div id="jumbotron-meta-info">
            {% if site.location %}
            <span class="meta-info">
                <span class="octicon octicon-location"></span>
                {{ site.location }}
            </span> {% endif %}
            {% if site.company %}
            <span class="meta-info hvr-grow">
                <span class="octicon octicon-organization"></span>
                <a href="{{ site.company_url }}" target="_blank">{{ site.company }}</a>
            </span> {% endif %}
            {% if site.github_username %}
            <span class="meta-info hvr-grow">
                <span class="octicon octicon-mark-github"></span>
                <a href="{{ site.github_url }}" target="_blank">@{{ site.github_username }}</a>
            </span> {% endif %}
        </div>
    </div>
</section>
<section class="container">
<style>	
  p {
      font-family: Segoe Print;
      font-size: 70px;
      background: url(/assets/images/me.jpg) no-repeat;
      background-size: 100%;
      background-origin: border-box;
      -webkit-background-clip: text;
      color: transparent;
      margin-top: 10%;
      margin-bottom: 3%;
      
    }
</style>
  <div class="row">
    <p>WELCOME TO MY BLOG &#128049;</p>
    <span style="text-align: right;display:inline-block;width:95%;word-wrap:break-word;white-space:nowrap;font-family: Segoe Print;font-size: 20px;margin-bottom: 10%;" >Every little makes a mickle</span>
  </div>
</section>