<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Set-Cookie" content="SameSite=None;Secure">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="/favicon.ico" type="image/x-icon"><!-- Begin Jekyll SEO tag v2.8.0 -->
<title>Welcome to Jekyll! | Hovermind</title>
<meta name="generator" content="Jekyll v4.2.2" />
<meta property="og:title" content="Welcome to Jekyll!" />
<meta name="author" content="MD TAREQ HASSAN" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated." />
<meta property="og:description" content="You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated." />
<link rel="canonical" href="https://hovermind.com/jekyll/update/2018/365/welcome-to-jekyll.markdown" />
<meta property="og:url" content="https://hovermind.com/jekyll/update/2018/365/welcome-to-jekyll.markdown" />
<meta property="og:site_name" content="Hovermind" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2018-12-31T12:09:58+00:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Welcome to Jekyll!" />
<meta name="twitter:site" content="@hover_mind" />
<meta name="twitter:creator" content="@MD TAREQ HASSAN" />
<meta name="google-site-verification" content="oRbFdWl4_NQZUnkkIymZmoEsMybOZVRrdl-iCMhWJUY" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":"MD TAREQ HASSAN"},"dateModified":"2018-12-31T12:09:58+00:00","datePublished":"2018-12-31T12:09:58+00:00","description":"You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.","headline":"Welcome to Jekyll!","mainEntityOfPage":{"@type":"WebPage","@id":"https://hovermind.com/jekyll/update/2018/365/welcome-to-jekyll.markdown"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://hovermind.com/logo-hassan-big.jpg"},"name":"MD TAREQ HASSAN"},"url":"https://hovermind.com/jekyll/update/2018/365/welcome-to-jekyll.markdown"}</script>
<!-- End Jekyll SEO tag -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<script src="https://kit.fontawesome.com/d447ae4c66.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css" crossorigin="anonymous" />
<link rel="stylesheet" href="/res/css/site.css"><link type="application/atom+xml" rel="alternate" href="https://hovermind.com/feed.xml" title="Hovermind" /></head>
<body class="">
<aside id="sidebar" class="sidebar"><div class="sidebarTop sticky-top">
<div id="logo" class="logo">
<img src="/res/img/logo-hassan-big.jpg" class="logo" alt="Picture of site owner - hassan md tareq">
</div>
<div id="hoverInfo" class="text-center">
<h2 class="h4 m-0">HASSAN MD TAREQ</h2>
</div>
</div><div id="devInfo" class="d-flex justify-content-center align-self-center border-white border-bottom bg-dark m-0 text-light">
<a class="" href="https://hovermind.com/hassan" ><i class="fas fa-code"></i> Azure Solution Architect <i class="fas fa-code"></i></a>
</div><div id="sns" class="d-flex align-items-center flex-column">
<a href="https://www.linkedin.com/in/hassandesk" class="text-info rounded-0 shadow-none border-light border-0 my-0"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/hovermind" class="text-white rounded-0 shadow-none border-light border-0 my-0"><i class="fab fa-github"></i></a>
<a href="https://stackoverflow.com/users/4802664/" class="text-warning rounded-0 shadow-none border-light border-0 my-0"><i class="fab fa-stack-overflow"></i></a>
<a href="https://youtube.com/@HoverMind" class="text-danger rounded-0 shadow-none border-light border-0 my-0"><i class="fab fa-youtube"></i></a>
<a href="https://www.facebook.com/hassan.mdtareq" class="text-fb rounded-0 shadow-none border-light border-0 my-0"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/hover_mind" class="text-twitter rounded-0 shadow-none border-light border-0 my-0"><i class="fab fa-twitter"></i></a>
</div>
</aside>
<div id="mainContent" class="mainContent">
<nav id="topbar" class="topbar navbar navbar-expand-lg navbar-dark bg-dark sticky-top"><nav class="navbar navbar-expand-lg bg-light"></nav>
<div class="container-fluid">
<button id="sidebarToggle" class="sidebarToggle btn bg-danger text-white shadow-none border-1 rounded-2 m-auto px-auto py-1" style="width:max-content" tabindex="-1">⇆</button>
<button class="navbar-toggler btn btn-dark d-inline-block d-lg-none ml-auto w-auto my-auto mx-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse w-100" id="navbarSupportedContent">
<ul class="nav navbar-nav w-100 justify-content-center">
<li class="nav-item" >
<a class="nav-link" href="https://hovermind.com" tabindex="1"><i class="fa fa-home"></i></a>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="2" >
Cloud
<span class="caret"></span></a>
<ul class="dropdown-menu p-0 m-auto" style="min-width: 50vw;max-width: 80vw;overflow: hidden;overflow-y: auto;max-height: calc(100vh - 150px);">
<li class="p-0 m-0">
<a href="/azure-api-management" class="dropdown-item py-2 px-auto m-auto">Azure API Management</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-active-directory" class="dropdown-item py-2 px-auto m-auto">Azure Active Directory</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-application-gateway" class="dropdown-item py-2 px-auto m-auto">Azure App Gateway</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-app-service" class="dropdown-item py-2 px-auto m-auto">Azure App Service</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-data-factory" class="dropdown-item py-2 px-auto m-auto">Azure Data Factory</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-firewall" class="dropdown-item py-2 px-auto m-auto">Azure Firewall</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-functions" class="dropdown-item py-2 px-auto m-auto">Azure Functions</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-fundamentals" class="dropdown-item py-2 px-auto m-auto">Azure Fundamentals</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-kubernetes-service" class="dropdown-item py-2 px-auto m-auto">Azure Kubernetes Service</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-logic-apps" class="dropdown-item py-2 px-auto m-auto">Azure Logic Apps</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-monitor" class="dropdown-item py-2 px-auto m-auto">Azure Monitor</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-solution-architect" class="dropdown-item py-2 px-auto m-auto">Azure Solution Architect</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-storage" class="dropdown-item py-2 px-auto m-auto">Azure Storage</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-synapse" class="dropdown-item py-2 px-auto m-auto">Azure Synapse</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-universal-print" class="dropdown-item py-2 px-auto m-auto">Azure Universal Print</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-virtual-machine" class="dropdown-item py-2 px-auto m-auto">Azure Virtual Machine</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-virtual-network" class="dropdown-item py-2 px-auto m-auto">Azure Virtual Network</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/microsoft-sentinel" class="dropdown-item py-2 px-auto m-auto">Microsoft Sentinel</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/sharepoint" class="dropdown-item py-2 px-auto m-auto">SharePoint</a>
</li>
</ul>
<li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="3" > DB & Data <span class="caret"></span></a>
<ul class="dropdown-menu p-0 m-auto" style="min-width: 50vw;max-width: 80vw;overflow: hidden;overflow-y: auto;max-height: calc(100vh - 150px);">
<li class="p-0 m-0">
<a href="/azure-cosmos-db" class="dropdown-item py-2 px-auto m-auto">Azure Cosmos DB</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/azure-sql" class="dropdown-item py-2 px-auto m-auto">Azure SQL</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/kafka" class="dropdown-item py-2 px-auto m-auto">Kafka</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/mongodb" class="dropdown-item py-2 px-auto m-auto">MongoDB</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/power-bi" class="dropdown-item py-2 px-auto m-auto">Power BI</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/sql-server" class="dropdown-item py-2 px-auto m-auto">SQL Server</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/sample-data" class="dropdown-item py-2 px-auto m-auto">Sample Data</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/tableau" class="dropdown-item py-2 px-auto m-auto">Tableau</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/pandas" class="dropdown-item py-2 px-auto m-auto">pandas</a>
</li>
</ul>
<li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="4" > DevOps <span class="caret"></span></a>
<ul class="dropdown-menu p-0 m-auto" style="min-width: 50vw;max-width: 80vw;overflow: hidden;overflow-y: auto;max-height: calc(100vh - 150px);">
<li class="p-0 m-0">
<a href="/azure-devops" class="dropdown-item py-2 px-auto m-auto">Azure DevOps</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/devcontainer" class="dropdown-item py-2 px-auto m-auto">Devcontainer</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/kubernetes" class="dropdown-item py-2 px-auto m-auto">Kubernetes</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/pulumi" class="dropdown-item py-2 px-auto m-auto">Pulumi</a>
</li>
</ul>
<li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="5" > .Net <span class="caret"></span></a>
<ul class="dropdown-menu p-0 m-auto" style="min-width: 50vw;max-width: 80vw;overflow: hidden;overflow-y: auto;max-height: calc(100vh - 150px);">
<li class="p-0 m-0">
<a href="/aspnet-core" class="dropdown-item py-2 px-auto m-auto">ASP.Net Core</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/blazor" class="dropdown-item py-2 px-auto m-auto">Blazor</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/console-app" class="dropdown-item py-2 px-auto m-auto">Console App</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/entity-framework-core" class="dropdown-item py-2 px-auto m-auto">EF Core</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/entity-framework" class="dropdown-item py-2 px-auto m-auto">Entity Framework</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/identity-server" class="dropdown-item py-2 px-auto m-auto">Identity Server</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/serilog" class="dropdown-item py-2 px-auto m-auto">Serilog</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/signalr" class="dropdown-item py-2 px-auto m-auto">SignalR</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/visual-studio" class="dropdown-item py-2 px-auto m-auto">Visual Studio</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/xunit" class="dropdown-item py-2 px-auto m-auto">xUnit</a>
</li>
</ul>
<li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="6" > Misc <span class="caret"></span></a>
<ul class="dropdown-menu p-0 m-auto" style="min-width: 50vw;max-width: 80vw;overflow: hidden;overflow-y: auto;max-height: calc(100vh - 150px);">
<li class="p-0 m-0">
<a href="/how-to" class="dropdown-item py-2 px-auto m-auto">How To</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/quran" class="dropdown-item py-2 px-auto m-auto">Quran</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/survival-and-bushcraft" class="dropdown-item py-2 px-auto m-auto">Survival and Bushcraft</a>
</li>
</ul>
<li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="7" >
Pro
Dev
<span class="caret"></span></a>
<ul class="dropdown-menu p-0 m-auto" style="min-width: 50vw;max-width: 80vw;overflow: hidden;overflow-y: auto;max-height: calc(100vh - 150px);">
<li class="p-0 m-0">
<a href="/angular" class="dropdown-item py-2 px-auto m-auto">Angular</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/best-practices" class="dropdown-item py-2 px-auto m-auto">Best Practices</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/bootstrap" class="dropdown-item py-2 px-auto m-auto">Bootstrap</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/css" class="dropdown-item py-2 px-auto m-auto">CSS</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/cheatsheet" class="dropdown-item py-2 px-auto m-auto">Cheatsheet</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/development-environment-setup" class="dropdown-item py-2 px-auto m-auto">Dev Environment Setup</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/explain" class="dropdown-item py-2 px-auto m-auto">Explanations</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/github" class="dropdown-item py-2 px-auto m-auto">Github</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/productivity" class="dropdown-item py-2 px-auto m-auto">Productivity</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/web-security" class="dropdown-item py-2 px-auto m-auto">Web Security</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/ios" class="dropdown-item py-2 px-auto m-auto">iOS</a>
</li>
</ul>
<li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="8" >
Programming
<span class="caret"></span></a>
<ul class="dropdown-menu p-0 m-auto" style="min-width: 50vw;max-width: 80vw;overflow: hidden;overflow-y: auto;max-height: calc(100vh - 150px);">
<li class="p-0 m-0">
<a href="/csharp" class="dropdown-item py-2 px-auto m-auto">C#</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/powershell" class="dropdown-item py-2 px-auto m-auto">PowerShell</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/typescript" class="dropdown-item py-2 px-auto m-auto">TypeScript</a>
</li>
</ul>
<li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Life in Japan<span class="caret"></span></a>
<ul class="dropdown-menu p-0 m-auto" style="min-width: 50vw;max-width: 80vw;overflow: hidden;overflow-y: auto;max-height: calc(100vh - 150px);">
<li class="p-0 m-0">
<a href="/life-in-japan/dependent-certificate-of-eligibility" class="dropdown-item py-2 px-auto m-auto">Dependent Certificate of Eligibility (在留資格認定証明書)</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/kika-shinsei" class="dropdown-item py-2 px-auto m-auto">帰化申請 (Naturalization)</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/passport-renew-procedure-bangladesh-embassy-tokyo" class="dropdown-item py-2 px-auto m-auto">Passport Renew Procedure Bangladesh Embassy Tokyo</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/job-change" class="dropdown-item py-2 px-auto m-auto">Job Change (転職・就職活動)</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/my-number" class="dropdown-item py-2 px-auto m-auto">My Number (個人番号)</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/year-end-adjustment" class="dropdown-item py-2 px-auto m-auto">Year End Adjustment (年末調整)</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/commonly-used-words" class="dropdown-item py-2 px-auto m-auto">Commonly used words</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/nihongo-101" class="dropdown-item py-2 px-auto m-auto">Nihongo 101</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/foreign-residents-support-center" class="dropdown-item py-2 px-auto m-auto">Foreign Residents Support Centre</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/health-checkup" class="dropdown-item py-2 px-auto m-auto">Health Checkup (健康診断)</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/helpful-websites" class="dropdown-item py-2 px-auto m-auto">Helpful Websites</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/renting-property" class="dropdown-item py-2 px-auto m-auto">Renting property (物件の賃貸)</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/ur-housing" class="dropdown-item py-2 px-auto m-auto">UR Rental Housing (UR賃貸住宅)</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/printing-certificates-at-convinient-stores-using-my-number-card" class="dropdown-item py-2 px-auto m-auto">Printing certificates at convinient stores using my number card</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/utility-services" class="dropdown-item py-2 px-auto m-auto">Utility Services (ユーティリティーサービス)</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/internet-connection" class="dropdown-item py-2 px-auto m-auto">Internet connection (インターネット接続)</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/alien-in-tokyo" class="dropdown-item py-2 px-auto m-auto">Alien in Tokyo</a>
</li>
<div class="dropdown-divider m-0"></div>
<li class="p-0 m-0">
<a href="/life-in-japan/around-me-tokyo" class="dropdown-item py-2 px-auto m-auto">Around me Tokyo</a>
</li>
</ul>
<li>
<li class="nav-item">
<a class="nav-link" href="/about">About</a>
</li>
<li class="nav-item donate">
<a class="nav-link text-info" href="https://www.paypal.me/hovermind/25usd"><i class="fa fa-paypal"> Support</i></a>
</li>
</ul>
</div>
</div>
</nav></nav>
<main id="pageContent" class="min-vh-100">
<article>
<header>
<h1>Welcome to Jekyll!</h1>
<p class="text-muted">
<time datetime="2018-12-31T12:09:58+00:00">Dec 31, 2018
</time></p>
</header>
<section>
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
Jekyll also offers powerful support for code snippets:
<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
<span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=> prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
[jekyll-docs]: https://jekyllrb.com/docs/home
[jekyll-gh]: https://github.com/jekyll/jekyll
[jekyll-talk]: https://talk.jekyllrb.com/
</section>
</article>
</main>
<footer id="footer" class="footer"><span id="smallDeviceDetector"></span><span id="copyright">© 2025 <a href="/" class="copyright">HASSAN MD TAREQ</a></span><span id="animatedInfo"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></span><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="/res/js/site.js"></script>
<script>
// Show ads in ad units
// (adsbygoogle = window.adsbygoogle || []).push({});
// Remove style added by adsense
// console.log('Setting page content min-height');
// $('#pageContent').css("min-height", '100vh');
// $('#pageContent').css("height", '100vh');
</script></footer>
</div>
</body>
</html>