added partial templates

This commit is contained in:
hossainemruz 2020-04-13 23:04:00 +06:00
parent e28a9b171b
commit 31012c1eed
69 changed files with 1123 additions and 4 deletions

View file

@ -3,9 +3,45 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>.Sites.name</title>
{{- partial "head.html" . -}}
</head>
<body>
<h1>This is index page.</h1>
<body data-spy="scroll" data-target="#top-navbar" data-offset="50">
<!--- NAVBAR START ---->
{{- partial "navbar.html" . -}}
<!--- NAVBAR END ---->
<!--- LANDING SECTION START ---->
{{- partial "landing.html" . -}}
<!--- LANDING SECTION END ---->
<!--- ABOUT SECTION START --->
{{- partial "about.html" . -}}
<!--- ABOUT SECTION END ---->
<!--- SKILLS SECTION START --->
{{- partial "skills.html" . -}}
<!--- SKILLS SECTION END ---->
<!--- EXPERIENCE SECTION START --->
{{- partial "experiences.html" . -}}
<!--- EXPERIENCE SECTION END ---->
<!--- PROJECT SECTION START --->
{{- partial "projects.html" . -}}
<!--- PROJECT SECTION END ---->
<!--- RECENT-POSTS SECTION START --->
{{- partial "recent-posts.html" . -}}
<!--- RECENTS-POSTS SECTION END ---->
<!--- ACHIEVEMENT SECTION START --->
{{- partial "achievements.html" . -}}
<!--- ACHIEVEMENTS SECTION END ---->
<!--- FOOTER START --->
{{- partial "footer.html" . -}}
<!--- FOOTER END ---->
</body>
</html>

View file

@ -0,0 +1,96 @@
<!-- ABOUT START -->
<div class="container-fluid about bg-white anchor p-md-5 d-flex" id="about">
<div class="container">
<div class="row pt-sm-2 pt-md-5 align-self-center">
<!-- summery -->
<div class="col-md-6">
<h3 class="p-1">Md: Emruz Hossain</h3>
<h5 class="p-1">
Software Engineer at
<a href="https://www.appscode.com">AppsCode Inc.</a>
</h5>
<p class="p-1 text-justify">
I am a passionate software engineer with 2 years of working
experience. I built OSS tools for Kubernetes using GO for
deploying database in Kubernetes and for disaster recovery. I am
working as team lead of AppsCodes
<a href="https://appscode.com/products/stash/" target="/">Stash</a>
project. Enjoy interacting with end users.
</p>
<div class="text-container ml-auto">
<ul class="social-link d-flex">
<li>
<a href="#" target="/"><i class="fas fa-envelope"></i></a>
</li>
<li>
<a href="#" target="/"><i class="fab fa-github"></i></a>
</li>
<li>
<a href="#" target="/"><i class="fab fa-stack-overflow"></i></a>
</li>
<li>
<a href="#" target="/"><i class="fab fa-linkedin"></i></a>
</li>
<li>
<a href="#" target="/"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#" target="/"><i class="fab fa-facebook"></i></a>
</li>
</ul>
</div>
<a href="assets/files/resume.pdf" target="#"><button class="btn btn-dark">My Resume</button></a>
</div>
<!-- soft skills circular-progressbar -->
<div class="col-md-6 pt-5 pl-4 pt-md-0 ">
<div class="row">
<div class="col-6 col-lg-4 p-2">
<div class="circular-progress blue">
<span class="circular-progress-left">
<span class="circular-progress-bar circular-progress-percentage-85"></span>
</span>
<span class="circular-progress-right">
<span class="circular-progress-bar"></span>
</span>
<div class="circular-progress-value">Leadership</div>
</div>
</div>
<div class="col-6 col-lg-4 p-2">
<div class="circular-progress yellow">
<span class="circular-progress-left">
<span class="circular-progress-bar circular-progress-percentage-90"></span>
</span>
<span class="circular-progress-right">
<span class="circular-progress-bar"></span>
</span>
<div class="circular-progress-value">Team Work</div>
</div>
</div>
<div class="col-6 col-lg-4 p-2">
<div class="circular-progress pink">
<span class="circular-progress-left">
<span class="circular-progress-bar circular-progress-percentage-75"></span>
</span>
<span class="circular-progress-right">
<span class="circular-progress-bar"></span>
</span>
<div class="circular-progress-value">Comunication</div>
</div>
</div>
<div class="col-6 col-lg-4 p-2">
<div class="circular-progress green">
<span class="circular-progress-left">
<span class="circular-progress-bar circular-progress-percentage-85"></span>
</span>
<span class="circular-progress-right">
<span class="circular-progress-bar"></span>
</span>
<div class="circular-progress-value">Hard Working</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ABOUT END -->

View file

@ -0,0 +1,103 @@
<!-- ACHIEVEMENTS START -->
<div class="container-fluid achievements bg-dimmed anchor pb-5" id="achievements">
<h1 class="text-center">Achievements</h1>
<div class="container">
<div class="row" id="gallery">
</div>
</div>
<!-- achievements-holder holds achievement-entry -->
<div class="d-none" id="achievements-holder">
<div class="achievement-entry text-center" style="background-image: url(assets/images/achievements/1.jpg);">
<i class="fas fa-search-plus" id="enlarge-icon"></i>
<h4 class="title" id="achievement-title">UAP IUPC 2017</h4>
<div class="caption hidden col-lg-6 text-left" id="caption">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
Quibusdam
quis corrupti soluta sed quos cumque veritatis reiciendis dicta culpa fugit illum atque facilis, eos
provident?</p>
</div>
</div>
<div class="achievement-entry text-center" style="background-image: url(assets/images/achievements/2.jpg);">
<i class="fas fa-search-plus" id="enlarge-icon"></i>
<h4 class="title" id="achievement-title">UAP IUPC 2017</h4>
<div class="caption hidden col-lg-6 text-left" id="caption">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
Quibusdam
quis corrupti soluta sed quos cumque veritatis reiciendis dicta culpa fugit illum atque facilis, eos
provident?</p>
</div>
</div>
<div class="achievement-entry text-center" style="background-image: url(assets/images/achievements/3.jpg);">
<i class="fas fa-search-plus" id="enlarge-icon"></i>
<h4 class="title" id="achievement-title">UAP IUPC 2017</h4>
<div class="caption hidden col-lg-6 text-left" id="caption">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
Quibusdam
quis corrupti soluta sed quos cumque veritatis reiciendis dicta culpa fugit illum atque facilis, eos
provident?</p>
</div>
</div>
<div class="achievement-entry text-center" style="background-image: url(assets/images/achievements/4.jpg);">
<i class="fas fa-search-plus" id="enlarge-icon"></i>
<h4 class="title" id="achievement-title">UAP IUPC 2017</h4>
<div class="caption hidden col-lg-6 text-left" id="caption">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
Quibusdam
quis corrupti soluta sed quos cumque veritatis reiciendis dicta culpa fugit illum atque facilis, eos
provident?</p>
</div>
</div>
<div class="achievement-entry text-center" style="background-image: url(assets/images/achievements/5.jpg);">
<i class="fas fa-search-plus" id="enlarge-icon"></i>
<h4 class="title" id="achievement-title">UAP IUPC 2017</h4>
<div class="caption hidden col-lg-6 text-left" id="caption">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
Quibusdam
quis corrupti soluta sed quos cumque veritatis reiciendis dicta culpa fugit illum atque facilis, eos
provident?</p>
</div>
</div>
<div class="achievement-entry text-center" style="background-image: url(assets/images/achievements/6.jpg);">
<i class="fas fa-search-plus" id="enlarge-icon"></i>
<h4 class="title" id="achievement-title">UAP IUPC 2017</h4>
<div class="caption hidden col-lg-6 text-left" id="caption">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
Quibusdam
quis corrupti soluta sed quos cumque veritatis reiciendis dicta culpa fugit illum atque facilis, eos
provident?</p>
</div>
</div>
<div class="achievement-entry text-center" style="background-image: url(assets/images/achievements/7.jpg);">
<i class="fas fa-search-plus" id="enlarge-icon"></i>
<h4 class="title" id="achievement-title">UAP IUPC 2017</h4>
<div class="caption hidden col-lg-6 text-left" id="caption">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
Quibusdam
quis corrupti soluta sed quos cumque veritatis reiciendis dicta culpa fugit illum atque facilis, eos
provident?</p>
</div>
</div>
<div class="achievement-entry img-type-1 text-center"
style="background-image: url(assets/images/achievements/7.jpg);">
<i class="fas fa-search-plus" id="enlarge-icon"></i>
<h4 class="title" id="achievement-title">UAP IUPC 2017</h4>
<div class="caption hidden col-lg-6 text-left" id="caption">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus architecto minus facere vero?
Quibusdam
quis corrupti soluta sed quos cumque veritatis reiciendis dicta culpa fugit illum atque facilis, eos
provident?</p>
</div>
</div>
</div>
</div>
</div>
<!-- ACHIEVEMENTS END -->

View file

@ -0,0 +1,235 @@
<!-- EXPERIENCES START -->
<div class="container-fluid experiences bg-white anchor" id="experiences">
<h1 class="text-center">Experiences</h1>
<div class="container timeline text-justify">
<!--first section-->
<div class="row align-items-center d-flex pt-2">
<div class="col-1 col-lg-2 text-center vertical-line d-inline-flex justify-content-center">
<div class="circle font-weight-bold">1</div>
</div>
<div class="col-10 col-lg-8">
<div class="experience-entry-heading">
<h5>Software Engineer</h5>
<h6><a href="https://www.appscode.com">AppsCode Inc.</a></h6>
<p class="text-muted">Nov 2017 - Present, Dhaka Branch</p>
</div>
<p>
AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An
Integrated platform for collaborative coding, testing & deploying
containerized apps.
</p>
<h6 class="text-muted">Responsibilities:</h6>
<ul class="justify-content-around">
<li>
Design, develop and manage disaster recovery tool Stash that
backup Kubernetes volumes, databases and cluster's resource
definition.
</li>
<li>
Worked on database operator KubeDB that deploy and manages most
popular databases inside Kubernetes cluster in Kubernetes native
way.
</li>
<li>
Added support for Prometheus monitoring in various AppsCode's
tools.
</li>
<li>Provide support to the users of our various tools.</li>
</ul>
</div>
</div>
<!--path between 1-2-->
<div class="row horizontal-line">
<div class="col-1 col-lg-2 timeline-side-div">
<div class="corner"></div>
</div>
<div class="col-10 col-lg-8">
<hr />
</div>
<div class="col-1 col-lg-2 timeline-side-div">
<div class="corner"></div>
</div>
</div>
<!--second section-->
<div class="row align-items-center justify-content-end d-flex">
<div class="col-10 col-lg-8">
<div class="experience-entry-heading text-right">
<h5>Software Engineer</h5>
<h6><a href="https://www.appscode.com">AppsCode Inc.</a></h6>
<p class="text-muted">Nov 2017 - Present, Dhaka Branch</p>
</div>
<p>
AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An
Integrated platform for collaborative coding, testing & deploying
containerized apps.
</p>
<h6 class="text-muted">Responsibilities:</h6>
<ul class="justify-content-around">
<li>
Design, develop and manage disaster recovery tool Stash that
backup Kubernetes volumes, databases and cluster's resource
definition.
</li>
<li>
Worked on database operator KubeDB that deploy and manages most
popular databases inside Kubernetes cluster in Kubernetes native
way.
</li>
<li>
Added support for Prometheus monitoring in various AppsCode's
tools.
</li>
<li>Provide support to the users of our various tools.</li>
</ul>
</div>
<div class="col-1 col-lg-2 text-center vertical-line d-inline-flex justify-content-center">
<div class="circle font-weight-bold">2</div>
</div>
</div>
<!--path between 2-3-->
<div class="row horizontal-line">
<div class="col-1 col-lg-2 timeline-side-div">
<div class="corner"></div>
</div>
<div class="col-10 col-lg-8">
<hr />
</div>
<div class="col-1 col-lg-2 timeline-side-div">
<div class="corner"></div>
</div>
</div>
<!--third section-->
<div class="row align-items-center d-flex">
<div class="col-1 col-lg-2 text-center vertical-line d-inline-flex justify-content-center">
<div class="circle font-weight-bold">3</div>
</div>
<div class="col-10 col-lg-8">
<div class="experience-entry-heading">
<h5>Software Engineer</h5>
<h6><a href="https://www.appscode.com">AppsCode Inc.</a></h6>
<p class="text-muted">Nov 2017 - Present, Dhaka Branch</p>
</div>
<p>
AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An
Integrated platform for collaborative coding, testing & deploying
containerized apps.
</p>
<h6 class="text-muted">Responsibilities:</h6>
<ul class="justify-content-around">
<li>
Design, develop and manage disaster recovery tool Stash that
backup Kubernetes volumes, databases and cluster's resource
definition.
</li>
<li>
Worked on database operator KubeDB that deploy and manages most
popular databases inside Kubernetes cluster in Kubernetes native
way.
</li>
<li>
Added support for Prometheus monitoring in various AppsCode's
tools.
</li>
<li>Provide support to the users of our various tools.</li>
</ul>
</div>
</div>
<!--path between 3-4-->
<div class="row horizontal-line">
<div class="col-1 col-lg-2 timeline-side-div">
<div class="corner"></div>
</div>
<div class="col-10 col-lg-8">
<hr />
</div>
<div class="col-1 col-lg-2 timeline-side-div">
<div class="corner"></div>
</div>
</div>
<!--4th section-->
<div class="row align-items-center justify-content-end d-flex">
<div class="col-10 col-lg-8">
<div class="experience-entry-heading text-right">
<h5>Software Engineer</h5>
<h6><a href="https://www.appscode.com">AppsCode Inc.</a></h6>
<p class="text-muted">Nov 2017 - Present, Dhaka Branch</p>
</div>
<p>
AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An
Integrated platform for collaborative coding, testing & deploying
containerized apps.
</p>
<h6 class="text-muted">Responsibilities:</h6>
<ul class="justify-content-around">
<li>
Design, develop and manage disaster recovery tool Stash that
backup Kubernetes volumes, databases and cluster's resource
definition.
</li>
<li>
Worked on database operator KubeDB that deploy and manages most
popular databases inside Kubernetes cluster in Kubernetes native
way.
</li>
<li>
Added support for Prometheus monitoring in various AppsCode's
tools.
</li>
<li>Provide support to the users of our various tools.</li>
</ul>
</div>
<div class="col-1 col-lg-2 text-center vertical-line d-inline-flex justify-content-center">
<div class="circle font-weight-bold">4</div>
</div>
</div>
<!--path between 4-5-->
<div class="row horizontal-line">
<div class="col-1 col-lg-2 timeline-side-div">
<div class="corner"></div>
</div>
<div class="col-10 col-lg-8">
<hr />
</div>
<div class="col-1 col-lg-2 timeline-side-div">
<div class="corner"></div>
</div>
</div>
<!--5th section-->
<div class="row align-items-center d-flex">
<div class="col-1 col-lg-2 text-center vertical-line d-inline-flex justify-content-center">
<div class="circle font-weight-bold">5</div>
</div>
<div class="col-10 col-lg-8">
<div class="experience-entry-heading">
<h5>Software Engineer</h5>
<h6><a href="https://www.appscode.com">AppsCode Inc.</a></h6>
<p class="text-muted">Nov 2017 - Present, Dhaka Branch</p>
</div>
<p>
AppsCode Ltd. is a subsidiary company of AppsCode Inc. USA. An
Integrated platform for collaborative coding, testing & deploying
containerized apps.
</p>
<h6 class="text-muted">Responsibilities:</h6>
<ul class="justify-content-around">
<li>
Design, develop and manage disaster recovery tool Stash that
backup Kubernetes volumes, databases and cluster's resource
definition.
</li>
<li>
Worked on database operator KubeDB that deploy and manages most
popular databases inside Kubernetes cluster in Kubernetes native
way.
</li>
<li>
Added support for Prometheus monitoring in various AppsCode's
tools.
</li>
<li>Provide support to the users of our various tools.</li>
</ul>
</div>
</div>
</div>
</div>
<!-- EXPERIENCES END -->

View file

@ -0,0 +1,90 @@
<!-- FOOTER START -->
<footer class="container-fluid text-center align-content-center footer pb-2">
<div class="container pt-5">
<div class="row text-left">
<div class="col-md-4 col-sm-12">
<h5>Navigation</h5>
<ul>
<li class="nav-item">
<a class="smooth-scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="smooth-scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="smooth-scroll" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="smooth-scroll" href="#experiences">Experiences</a>
</li>
<li class="nav-item">
<a class="smooth-scroll" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="smooth-scroll" href="#recent-posts">Recent Posts</a>
</li>
<li class="nav-item">
<a class="smooth-scroll" href="#achievements">Achievements</a>
</li>
</ul>
</div>
<div class="col-md-4 col-sm-12">
<h5>Contact Me</h5>
<ul>
<li><span>Email: </span> <span>hossainemruz@gmail.com</span></li>
<li><span>Phone: </span><span>+8801770582121</span></li>
</ul>
</div>
<div class="col-md-4 col-sm-12">
<!-- <h5>Newsletter</h5> -->
<p>Stay up to date with email notification</p>
<form>
<div class="form-group">
<input
type="email"
class="form-control"
id="exampleInputEmail1"
aria-describedby="emailHelp"
placeholder="Enter email"
/>
<small id="emailHelp" class="form-text text-muted"
>We'll never share your email with anyone else.</small
>
</div>
<button type="submit" class="btn btn-info">Submit</button>
</form>
</div>
</div>
</div>
<hr />
<div class="container">
<div class="row text-left">
<div class="col-md-4">
Theme:
<a id="theme" href="https://github.com/hossainemruz" target="#">XS2</a>
</div>
<div class="col-md-4">© 2019 Copyright.</div>
<div class="col-md-4">
Powered by <a href="https://gohugo.io/">Hugo</a>
<img
src="assets/images/logos/hugo-logo-wide.svg"
alt="Hugo Logo"
height="18"
/>
</div>
</div>
</div>
</footer>
<!-- FOOTER END -->
<!-- Scripts Start --->
<script src="assets/js/jquery-3.4.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/itype.min.js"></script>
<script src="assets/js/github-button.js"></script>
<script src="assets/js/navbar.js"></script>
<script src="assets/js/home.js"></script>
<script src="assets/js/jquery.filterizr.min.js"></script>
<!-- Scripts Ends -->

View file

@ -0,0 +1,20 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<!-- ============ import custom CSS ========== -->
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/navbar.css" />
<link rel="stylesheet" href="assets/css/home.css" />
<link rel="stylesheet" href="assets/css/about.css" />
<link rel="stylesheet" href="assets/css/skills.css" />
<link rel="stylesheet" href="assets/css/experiences.css" />
<link rel="stylesheet" href="assets/css/projects.css" />
<link rel="stylesheet" href="assets/css/recent-posts.css" />
<link rel="stylesheet" href="assets/css/achievements.css" />
{{/* <link rel="stylesheet" href="assets/css/blog.css" /> */}}
{{/* <link rel="stylesheet" href="assets/css/read.css" /> */}}
<link rel="icon" type="image/png" href="assets/images/logos/project-default.png" />
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" />

View file

@ -0,0 +1,19 @@
<!-- HOME START -->
<div class="container-fluid home" id="home">
<div class="background container-fluid" style='background-image: url("assets/images/background/flower.jpg");'></div>
<div class="container content text-center">
<img src="assets/images/profile-image.jpg" class="rounded-circle mx-auto d-block img-fluid" alt="" />
<h1 class="greeting">Hi, I'm Emruz Hossain</h1>
<div class="typing-carousel">
<span id="ityped" class="ityped"></span>
<span class="ityped-cursor"></span>
</div>
<ul id="typing-carousel-data">
<li>I am a Kubernetes developer</li>
<li>I write controller for Kubernetes</li>
<li>I work in Go</li>
</ul>
<a href="#about"><i class="arrow bounce fa fa-chevron-down"></i></a>
</div>
</div>
<!-- HOME END -->

View file

@ -0,0 +1,40 @@
<!-- NAVBAR START -->
<nav class="navbar navbar-expand-lg top-navbar initial-navbar" id="top-navbar">
<div class="container">
<a class="navbar-brand" href="#">Toha</a>
<button class="navbar-toggler navbar-dark" id="navbar-toggler",type="button" data-toggle="collapse" data-target="#top-nav-items">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="top-nav-items">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link smooth-scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link smooth-scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link smooth-scroll" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link smooth-scroll" href="#experiences">Experiences</a>
</li>
<li class="nav-item">
<a class="nav-link smooth-scroll" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link smooth-scroll" href="#recent-posts">Recent Posts</a>
</li>
<li class="nav-item">
<a class="nav-link smooth-scroll" href="#achievements">Achievements</a>
</li>
<div class="dropdown-divider" id="top-navbar-divider"></div>
<li class="nav-item">
<a class="nav-link" id="blog-link" href="blog.html">Blog</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- NAVBAR END -->

View file

@ -0,0 +1,267 @@
<!-- PROJECTS START -->
<div class="container-fluid projects bg-dimmed anchor pb-5" id="projects">
<h1 class="text-center">Projects</h1>
<div class="container ml-auto text-center">
<div class="btn-group" role="group" id="project-filter-buttons">
<button type="button" class="btn btn-dark" data-filter="all">All</button>
<button type="button" class="btn btn-dark" data-filter="professional">Professional</button>
<button type="button" class="btn btn-dark" data-filter="academic">Academic</button>
<button type="button" class="btn btn-dark" data-filter="hobby">Hobby</button>
</div>
</div>
<div class="container filtr-projects">
<div class="row">
<div class="col-md-6 col-lg-4 p-2 filtr-item" data-category="all,profess">
<div class="card mt-1">
<div class="card">
<div class="card-header">
<div class="d-flex">
<img class="card-img-xs" src="assets/images/logos/stash.png" alt="Card image cap" />
<h5 class="card-title mb-0">Stash</h5>
</div>
<div class="sub-title">
<span>Team Lead</span>
<span>March 2018 - Present</span>
</div>
</div>
<div class="card-body text-justify pt-1 pb-1">
<p>
A tool to backup Kubernetes volumes, StatefulSet application,
databases etc.
</p>
<span class="float-right">
<a class="github-button-inactive" href="https://github.com/stashed/stash" data-icon="octicon-standard"
data-show-count="true" aria-label="Star stahsed/stash">Star</a>
</span>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 p-2 filtr-item" data-category="all,professional">
<div class="card mt-1" data-category="professional">
<div class="card-header pb-1">
<div class="d-flex">
<img class="card-img-xs" src="assets/images/logos/kubedb.png" alt="Card image cap" />
<h5 class="card-title mb-0">KubeDB</h5>
</div>
<div class="sub-title">
<span>Developer</span>
<span>Jan 2019 - Present</span>
</div>
</div>
<div class="card-body text-justify pt-1 pb-1">
<p>KubeDB by AppsCode simplifies and automates routine database tasks such as provisioning, patching,
backup, recovery, failure detection, and repair for various popular databases on private and public
clouds.</p>
<span class="float-right">
<a class="github-button-inactive" href="https://github.com/kubedb/cli" data-icon="octicon-standard"
data-show-count="true" aria-label="Star kubedb/cli">Star</a>
</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 p-2 filtr-item" data-category="all,professional">
<div class="card mt-1">
<div class="card-header pb-1">
<div class="d-flex">
<img class="card-img-xs" src="assets/images/logos/kubed.png" alt="Card image cap" />
<h5 class="card-title mb-0">Kubed</h5>
</div>
<div class="sub-title">
<span>Developer</span>
<span>Oct 2018 - Dec 2018</span>
</div>
</div>
<div class="card-body text-justify pt-1 pb-1">
<p>A tool to sync Kubernetes ConfigMap, Secret across namespaces and clusters.</p>
<span class="float-right">
<a class="github-button-inactive" href="https://github.com/appscode/kubed" data-icon="octicon-standard"
data-show-count="true" aria-label="Star appscode/kubed">Star</a>
</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 p-2 filtr-item" data-category="all,academic">
<div class="card mt-1">
<div class="card-header pb-1">
<div class="d-flex">
<h5 class="card-title mb-0">Riverine Vehicle Tracking System with Overload Detection</h5>
</div>
<div class="sub-title">
<span>Owner</span>
<span>Jan 2017 - Nov 2017</span>
</div>
</div>
<div class="card-body text-justify pt-1 pb-1">
<p>
This project aims to develop a monitoring and overload detection system for riverine vehicles.
Here, we have built an Ardunio based GPS tracking system, an ultrasonic sensor based overload
detector. We have also built a mobile based user application as well as an emergency notification
system.
</p>
<span class="float-right">
<a class="btn btn-outline-info btn-sm mb-2"
href="https://drive.google.com/open?id=0BwCjE-AXb1mjT1ExczBuMjk1aTQ" target="#">Details</a>
</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 p-2 filtr-item" data-category="all,hobby">
<div class="card mt-1">
<div class="card-header pb-1">
<div class="d-flex">
<img class="card-img-xs" src="assets/images/logos/project-default.png" alt="Card image cap" />
<h5 class="card-title mb-0">Project 1</h5>
</div>
<div class="sub-title">
<span>Team Lead</span>
<span>March 2018 - Present</span>
</div>
</div>
<div class="card-body text-justify pt-1 pb-1">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero velit soluta vitae rem nihil neque,
similique repellendus, recusandae in harum rerum nisi doloremque eius debitis ex atque alias voluptatem
ratione?
</p>
<span class="float-right">
<a class="github-button-inactive" href="https://github.com/stashed/stash" data-icon="octicon-standard"
data-show-count="true" aria-label="Star stahsed/stash">Star</a>
</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 p-2 filtr-item" data-category="all,hobby">
<div class="card mt-1">
<div class="card-header pb-1">
<div class="d-flex">
<img class="card-img-xs" src="assets/images/logos/project-default.png" alt="Card image cap" />
<h5 class="card-title mb-0">Project 2</h5>
</div>
<div class="sub-title">
<span>Team Lead</span>
<span>March 2018 - Present</span>
</div>
</div>
<div class="card-body text-justify pt-1 pb-1">
<p>
This is a placeholder card.
</p>
<span class="float-right">
<a class="github-button-inactive" href="https://github.com/stashed/stash" data-icon="octicon-standard"
data-show-count="true" aria-label="Star stahsed/stash">Star</a>
</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 p-2 filtr-item" data-category="all,hobby">
<div class="card mt-1">
<div class="card-header pb-1">
<div class="d-flex">
<img class="card-img-xs" src="assets/images/logos/project-default.png" alt="Card image cap" />
<h5 class="card-title mb-0">Project 3</h5>
</div>
<div class="sub-title">
<span>Team Lead</span>
<span>March 2018 - Present</span>
</div>
</div>
<div class="card-body text-justify pt-1 pb-1">
<p>
Yet another placeholder card.
</p>
<span class="float-right">
<a class="github-button-inactive" href="https://github.com/stashed/stash" data-icon="octicon-standard"
data-show-count="true" aria-label="Star stahsed/stash">Star</a>
</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 p-2 filtr-item" data-category="all,hobby">
<div class="card mt-1">
<div class="card-header pb-1">
<div class="d-flex">
<img class="card-img-xs" src="assets/images/logos/project-default.png" alt="Card image cap" />
<h5 class="card-title mb-0">Project 4</h5>
</div>
<div class="sub-title">
<span>Team Lead</span>
<span>March 2018 - Present</span>
</div>
</div>
<div class="card-body text-justify pt-1 pb-1">
<p>
This is in flex 4.
</p>
<span class="float-right">
<a class="github-button-inactive" href="https://github.com/stashed/stash" data-icon="octicon-standard"
data-show-count="true" aria-label="Star stahsed/stash">Star</a>
</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 p-2 filtr-item" data-category="all,hobby">
<div class="card mt-1">
<div class="card-header pb-1">
<div class="d-flex">
<img class="card-img-xs" src="assets/images/logos/project-default.png" alt="Card image cap" />
<h5 class="card-title mb-0">Project 5</h5>
</div>
<div class="sub-title">
<span>Team Lead</span>
<span>March 2018 - Present</span>
</div>
</div>
<div class="card-body text-justify pt-1 pb-1">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita provident vero accusantium sed error,
modi nisi illo commodi repellat dolor quisquam obcaecati quae enim eveniet nostrum autem ipsum qui
molestiae!
</p>
<span class="float-right">
<a class="github-button-inactive" href="https://github.com/stashed/stash" data-icon="octicon-standard"
data-show-count="true" aria-label="Star stahsed/stash">Star</a>
</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 p-2 filtr-item" data-category="all,hobby">
<div class="card mt-1">
<div class="card-header pb-1">
<div class="d-flex">
<img class="card-img-xs" src="assets/images/logos/project-default.png" alt="Card image cap" />
<h5 class="card-title mb-0">Project 6</h5>
</div>
<div class="sub-title">
<span>Team Lead</span>
<span>March 2018 - Present</span>
</div>
</div>
<div class="card-body text-justify pt-1 pb-1">
<p>
This suppose to be last card.
</p>
<span class="float-right">
<a class="github-button-inactive" href="https://github.com/stashed/stash" data-icon="octicon-standard"
data-show-count="true" aria-label="Star stahsed/stash">Star</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- PROJECTS END -->

View file

@ -0,0 +1,72 @@
<!-- RECENT POSTS START -->
<div class="container-fluid recent-posts bg-white anchor pb-5">
<h1 class="text-center">Recent Posts</h1>
<div class="container">
<div class="row" id="recent-posts">
<div class="col-lg-4 col-md-6 pt-2">
<div class="card">
<div class="card-head">
<img class="card-img-top" src="assets/images/background/bird.jpg" alt="Card image cap" />
</div>
<div class="card-body">
<h5 class="card-title">
How to Build Multi-stage Docker Image
</h5>
<p class="card-text post-summery">
Some quick example text to build on the card title and make up
the bulk of the card's content.
</p>
</div>
<div class="card-footer">
<span class="float-left">November 12, 2019</span>
<a href="#" class="float-right btn btn-outline-info btn-sm">Details</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 pt-2">
<div class="card">
<div class="card-head">
<img class="card-img-top" src="assets/images/recent-posts/docker-2.png" alt="Card image cap" />
</div>
<div class="card-body">
<h5 class="card-title">
How to Build Multi-stage Docker Image
</h5>
<p class="card-text post-summery">
Some quick example text to build on the card title and make up
the bulk of the card's content. Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus
corporis sint voluptates maiores expedita, id ullam, maxime sit eaque eius earum, consectetur blanditiis
nulla ex aliquam dolor libero. Inventore, maiores.
</p>
</div>
<div class="card-footer">
<span class="float-left">November 12, 2019</span>
<a href="#" class="float-right btn btn-outline-info btn-sm">Details</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 pt-2">
<div class="card">
<div class="card-head">
<img class="card-img-top" src="assets/images/recent-posts/kubernetes.png" alt="Card image cap" />
</div>
<div class="card-body">
<h5 class="card-title">
How to Build Multi-stage Docker Image
</h5>
<p class="card-text post-summery">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis veritatis sapiente fuga
aspernatur adipisci dolor, et doloremque quos eos incidunt? Earum, debitis explicabo. Obcaecati eligendi
placeat eos quod laboriosam quia.
</p>
</div>
<div class="card-footer">
<span class="float-left">November 12, 2019</span>
<a href="#" class="float-right btn btn-outline-info btn-sm">Details</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- RECENT POSTS END -->

View file

@ -0,0 +1,142 @@
<!-- SKILLS START -->
<div class="container-fluid skills bg-dimmed anchor pb-5" id="skills">
<h1 class="text-center">Skills</h1>
<div class="container d-flex-block">
<div class="row " id="primary-skills">
<div class="col-sm-12 col-md-6 col-lg-4 pt-2">
<div class="card">
<div class="card-head d-flex">
<img class="card-img-sm" src="assets/images/skills/kubernetes.png" alt="Card image cap" />
<h4 class="card-title">Kubernetes</h4>
</div>
<div class="card-body">
<p class="card-text">
Some quick example text to build on the card title and make up
the bulk of tlsdfjlsdjflsdfhe card's content.
</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4 pt-2">
<div class="card">
<div class="card-head d-flex">
<img class="card-img-sm" src="assets/images/skills/go.png" alt="Card image cap" />
<h4 class="card-title">Go Development</h4>
</div>
<div class="card-body">
<p class="card-text">
Some quick example text to build on the card title and make up
the bulk of the card's content.
</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4 pt-2">
<div class="card ">
<div class="card-head d-flex">
<img class="card-img-sm" src="assets/images/skills/cloud.png" alt="Card image cap" />
<h4 class="card-title">Cloud Computing</h4>
</div>
<div class="card-body">
<p class="card-text">
Some quick example text to build on the card title and make up
the bulk of the card's content.
</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4 pt-2">
<div class="card">
<div class="card-head d-flex">
<img class="card-img-sm" src="assets/images/skills/docker.svg" alt="Card image cap" />
<h4 class="card-title">Docker</h4>
</div>
<div class="card-body">
<p class="card-text">
Some quick example text to build on the card title and make up
the bulk of the card's content.
</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4 pt-2">
<div class="card ">
<div class="card-head d-flex">
<img class="card-img-sm" src="assets/images/skills/linux.png" alt="Card image cap" />
<h4 class="card-title">Linux</h4>
</div>
<div class="card-body">
<p class="card-text">
Some quick example text to build on the card title and make up
the bulk of the card's content.
</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4 pt-2">
<div class="card ">
<div class="card-head d-flex">
<img class="card-img-sm" src="assets/images/skills/prometheus.png" alt="Card image cap" />
<h4 class="card-title">Prometheus</h4>
</div>
<div class="card-body">
<p class="card-text">
Some quick example text to build on the card title and make up
the bulk of the card's content.
</p>
</div>
</div>
</div>
<div class=" col-sm-12 col-md-6 col-lg-4 pt-2">
<div class="card">
<div class="card-head d-flex">
<img class="card-img-sm" src="assets/images/skills/git.png" alt="Card image cap" />
<h4 class="card-title">Git</h4>
</div>
<div class="card-body">
<p class="card-text">
Some quick example text to build on the card title and make up
the bulk of the card's content.
</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4 pt-2">
<div class="card ">
<div class="card-head d-flex">
<img class="card-img-sm" src="assets/images/skills/c++.png" alt="Card image cap" />
<h4 class="card-title">C++</h4>
</div>
<div class="card-body">
<p class="card-text">
Some quick example text to build on the card title and make up
the bulk of the card's content.
</p>
</div>
</div>
</div>
<div class=" col-sm-12 col-md-6 col-lg-4 pt-2">
<div class="card">
<div class="card-head d-flex">
<img class="card-img-sm" src="assets/images/skills/gopher.png" alt="Card image cap" />
<h4 class="card-title">Gopher</h4>
</div>
<div class="card-body">
<p class="card-text">
Some quick example text to build on the card title and make up
the bulk of the card's content.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SKILLS END -->

View file

@ -11,7 +11,6 @@
width: 100%;
padding: 0;
margin: 0;
background-image: url("/assets/img/background/flower.jpg");
background-attachment: fixed;
transform: scale(1.1);
filter: blur(3px);

Binary file not shown.

View file

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 62 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 49 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 62 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 63 KiB

After

Width:  |  Height:  |  Size: 63 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 4 MiB

After

Width:  |  Height:  |  Size: 4 MiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 8.3 MiB

After

Width:  |  Height:  |  Size: 8.3 MiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 336 KiB

After

Width:  |  Height:  |  Size: 336 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 1.9 MiB

After

Width:  |  Height:  |  Size: 1.9 MiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 3 MiB

After

Width:  |  Height:  |  Size: 3 MiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 KiB

View file

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 280 KiB

After

Width:  |  Height:  |  Size: 280 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 98 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 68 KiB

After

Width:  |  Height:  |  Size: 68 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 281 KiB

After

Width:  |  Height:  |  Size: 281 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 280 KiB

After

Width:  |  Height:  |  Size: 280 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

Before After
Before After