Почетна Преглед Помоћ
Пријавите се
rootless
/
hugo-toha
1
0
Креирај огранак 0
Датотеке Дискусије 0 Захтеви за спајање 0 Вики
Преглед изворни кода

added partial templates

hossainemruz пре 5 година
родитељ
e28a9b171b
комит
31012c1eed
69 измењених фајлова са 1123 додато и 4 уклоњено
Један поглед Покажи статистику Diff
  1. 39 3
      layouts/index.html
  2. 96 0
      layouts/partials/about.html
  3. 103 0
      layouts/partials/achievements.html
  4. 235 0
      layouts/partials/experiences.html
  5. 90 0
      layouts/partials/footer.html
  6. 20 0
      layouts/partials/head.html
  7. 19 0
      layouts/partials/landing.html
  8. 40 0
      layouts/partials/navbar.html
  9. 267 0
      layouts/partials/projects.html
  10. 72 0
      layouts/partials/recent-posts.html
  11. 142 0
      layouts/partials/skills.html
  12. 0 0
      static/assets/css/about.css
  13. 0 0
      static/assets/css/achievements.css
  14. 0 0
      static/assets/css/blog.css
  15. 0 0
      static/assets/css/bootstrap.min.css
  16. 0 0
      static/assets/css/experiences.css
  17. 0 0
      static/assets/css/fontawesome.all.min.css
  18. 0 1
      static/assets/css/home.css
  19. 0 0
      static/assets/css/navbar.css
  20. 0 0
      static/assets/css/projects.css
  21. 0 0
      static/assets/css/read.css
  22. 0 0
      static/assets/css/recent-posts.css
  23. 0 0
      static/assets/css/skills.css
  24. 0 0
      static/assets/css/style.css
  25. BIN
      static/assets/files/resume.pdf
  26. 0 0
      static/assets/images/achievements/1.jpg
  27. 0 0
      static/assets/images/achievements/2.jpg
  28. 0 0
      static/assets/images/achievements/3.jpg
  29. 0 0
      static/assets/images/achievements/4.jpg
  30. 0 0
      static/assets/images/achievements/5.jpg
  31. 0 0
      static/assets/images/achievements/6.jpg
  32. 0 0
      static/assets/images/achievements/7.jpg
  33. 0 0
      static/assets/images/achievements/8.jpg
  34. 0 0
      static/assets/images/background/bird.jpg
  35. 0 0
      static/assets/images/background/flower.jpg
  36. 0 0
      static/assets/images/background/sunrise-mountain.jpg
  37. 0 0
      static/assets/images/background/sunrise.jpg
  38. 0 0
      static/assets/images/logos/hugo-logo-wide.svg
  39. 0 0
      static/assets/images/logos/kubed.png
  40. 0 0
      static/assets/images/logos/kubedb.png
  41. 0 0
      static/assets/images/logos/project-default.png
  42. 0 0
      static/assets/images/logos/stash.png
  43. BIN
      static/assets/images/profile-image.jpg
  44. 0 0
      static/assets/images/recent-posts/docker-2.png
  45. 0 0
      static/assets/images/recent-posts/docker.svg
  46. 0 0
      static/assets/images/recent-posts/kubernetes.png
  47. 0 0
      static/assets/images/skills/c++.png
  48. 0 0
      static/assets/images/skills/cloud-icon.png
  49. 0 0
      static/assets/images/skills/cloud.png
  50. 0 0
      static/assets/images/skills/docker-2.png
  51. 0 0
      static/assets/images/skills/docker.svg
  52. 0 0
      static/assets/images/skills/git.png
  53. 0 0
      static/assets/images/skills/go.png
  54. 0 0
      static/assets/images/skills/gopher.png
  55. 0 0
      static/assets/images/skills/kubernetes.png
  56. 0 0
      static/assets/images/skills/linux.png
  57. 0 0
      static/assets/images/skills/prometheus.png
  58. 0 0
      static/assets/js/blog.js
  59. 0 0
      static/assets/js/bootstrap.min.js
  60. 0 0
      static/assets/js/fontawesome.all.min.js
  61. 0 0
      static/assets/js/github-button.js
  62. 0 0
      static/assets/js/home.js
  63. 0 0
      static/assets/js/itype.min.js
  64. 0 0
      static/assets/js/jquery-3.4.1.min.js
  65. 0 0
      static/assets/js/jquery-3.4.1.slim.min.js
  66. 0 0
      static/assets/js/jquery.filterizr.min.js
  67. 0 0
      static/assets/js/navbar.js
  68. 0 0
      static/assets/js/popper.min.js
  69. 0 0
      static/assets/js/shuffle.js

+ 39 - 3
layouts/index.html
Прегледај датотеку 

@@ -3,9 +3,45 @@
 
 <head>
 
 <head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Document</title>
 
+    <title>.Sites.name</title>
 
+    {{- partial "head.html" . -}}
 
 </head>
 
 </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>
 
 </body>
 
 </html>
 
 </html>

+ 96 - 0
layouts/partials/about.html
Прегледај датотеку 

@@ -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 AppsCode’s
 
+            <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 -->

+ 103 - 0
layouts/partials/achievements.html
Прегледај датотеку 

@@ -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 -->

+ 235 - 0
layouts/partials/experiences.html
Прегледај датотеку 

@@ -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 -->

+ 90 - 0
layouts/partials/footer.html
Прегледај датотеку 

@@ -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 -->

+ 20 - 0
layouts/partials/head.html
Прегледај датотеку 

@@ -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" />

+ 19 - 0
layouts/partials/landing.html
Прегледај датотеку 

@@ -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 -->

+ 40 - 0
layouts/partials/navbar.html
Прегледај датотеку 

@@ -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 -->

+ 267 - 0
layouts/partials/projects.html
Прегледај датотеку 

@@ -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 -->

+ 72 - 0
layouts/partials/recent-posts.html
Прегледај датотеку 

@@ -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 -->

+ 142 - 0
layouts/partials/skills.html
Прегледај датотеку 

@@ -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 -->

+ 0 - 0
static/css/about.css → static/assets/css/about.css
Прегледај датотеку


+ 0 - 0
static/css/achievements.css → static/assets/css/achievements.css
Прегледај датотеку


+ 0 - 0
static/css/blog.css → static/assets/css/blog.css
Прегледај датотеку


+ 0 - 0
static/css/bootstrap.min.css → static/assets/css/bootstrap.min.css
Прегледај датотеку


+ 0 - 0
static/css/experiences.css → static/assets/css/experiences.css
Прегледај датотеку


+ 0 - 0
static/css/fontawesome.all.min.css → static/assets/css/fontawesome.all.min.css
Прегледај датотеку


+ 0 - 1
static/css/home.css → static/assets/css/home.css
Прегледај датотеку 

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

+ 0 - 0
static/css/navbar.css → static/assets/css/navbar.css
Прегледај датотеку


+ 0 - 0
static/css/projects.css → static/assets/css/projects.css
Прегледај датотеку


+ 0 - 0
static/css/read.css → static/assets/css/read.css
Прегледај датотеку


+ 0 - 0
static/css/recent-posts.css → static/assets/css/recent-posts.css
Прегледај датотеку


+ 0 - 0
static/css/skills.css → static/assets/css/skills.css
Прегледај датотеку


+ 0 - 0
static/css/style.css → static/assets/css/style.css
Прегледај датотеку


BIN
static/assets/files/resume.pdf
Прегледај датотеку


+ 0 - 0
static/images/achievements/1.jpg → static/assets/images/achievements/1.jpg
Прегледај датотеку


+ 0 - 0
static/images/achievements/2.jpg → static/assets/images/achievements/2.jpg
Прегледај датотеку


+ 0 - 0
static/images/achievements/3.jpg → static/assets/images/achievements/3.jpg
Прегледај датотеку


+ 0 - 0
static/images/achievements/4.jpg → static/assets/images/achievements/4.jpg
Прегледај датотеку


+ 0 - 0
static/images/achievements/5.jpg → static/assets/images/achievements/5.jpg
Прегледај датотеку


+ 0 - 0
static/images/achievements/6.jpg → static/assets/images/achievements/6.jpg
Прегледај датотеку


+ 0 - 0
static/images/achievements/7.jpg → static/assets/images/achievements/7.jpg
Прегледај датотеку


+ 0 - 0
static/images/achievements/8.jpg → static/assets/images/achievements/8.jpg
Прегледај датотеку


+ 0 - 0
static/images/background/bird.jpg → static/assets/images/background/bird.jpg
Прегледај датотеку


+ 0 - 0
static/images/background/flower.jpg → static/assets/images/background/flower.jpg
Прегледај датотеку


+ 0 - 0
static/images/background/sunrise-mountain.jpg → static/assets/images/background/sunrise-mountain.jpg
Прегледај датотеку


+ 0 - 0
static/images/background/sunrise.jpg → static/assets/images/background/sunrise.jpg
Прегледај датотеку


+ 0 - 0
static/images/logos/hugo-logo-wide.svg → static/assets/images/logos/hugo-logo-wide.svg
Прегледај датотеку


+ 0 - 0
static/images/logos/kubed.png → static/assets/images/logos/kubed.png
Прегледај датотеку


+ 0 - 0
static/images/logos/kubedb.png → static/assets/images/logos/kubedb.png
Прегледај датотеку


+ 0 - 0
static/images/logos/project-default.png → static/assets/images/logos/project-default.png
Прегледај датотеку


+ 0 - 0
static/images/logos/stash.png → static/assets/images/logos/stash.png
Прегледај датотеку


BIN
static/assets/images/profile-image.jpg
Прегледај датотеку


+ 0 - 0
static/images/recent-posts/docker-2.png → static/assets/images/recent-posts/docker-2.png
Прегледај датотеку


+ 0 - 0
static/images/recent-posts/docker.svg → static/assets/images/recent-posts/docker.svg
Прегледај датотеку


+ 0 - 0
static/images/recent-posts/kubernetes.png → static/assets/images/recent-posts/kubernetes.png
Прегледај датотеку


+ 0 - 0
static/images/skills/c++.png → static/assets/images/skills/c++.png
Прегледај датотеку


+ 0 - 0
static/images/skills/cloud-icon.png → static/assets/images/skills/cloud-icon.png
Прегледај датотеку


+ 0 - 0
static/images/skills/cloud.png → static/assets/images/skills/cloud.png
Прегледај датотеку


+ 0 - 0
static/images/skills/docker-2.png → static/assets/images/skills/docker-2.png
Прегледај датотеку


+ 0 - 0
static/images/skills/docker.svg → static/assets/images/skills/docker.svg
Прегледај датотеку


+ 0 - 0
static/images/skills/git.png → static/assets/images/skills/git.png
Прегледај датотеку


+ 0 - 0
static/images/skills/go.png → static/assets/images/skills/go.png
Прегледај датотеку


+ 0 - 0
static/images/skills/gopher.png → static/assets/images/skills/gopher.png
Прегледај датотеку


+ 0 - 0
static/images/skills/kubernetes.png → static/assets/images/skills/kubernetes.png
Прегледај датотеку


+ 0 - 0
static/images/skills/linux.png → static/assets/images/skills/linux.png
Прегледај датотеку


+ 0 - 0
static/images/skills/prometheus.png → static/assets/images/skills/prometheus.png
Прегледај датотеку


+ 0 - 0
static/js/blog.js → static/assets/js/blog.js
Прегледај датотеку


+ 0 - 0
static/js/bootstrap.min.js → static/assets/js/bootstrap.min.js
Прегледај датотеку


+ 0 - 0
static/js/fontawesome.all.min.js → static/assets/js/fontawesome.all.min.js
Прегледај датотеку


+ 0 - 0
static/js/github-button.js → static/assets/js/github-button.js
Прегледај датотеку


+ 0 - 0
static/js/home.js → static/assets/js/home.js
Прегледај датотеку


+ 0 - 0
static/js/itype.min.js → static/assets/js/itype.min.js
Прегледај датотеку


+ 0 - 0
static/js/jquery-3.4.1.min.js → static/assets/js/jquery-3.4.1.min.js
Прегледај датотеку


+ 0 - 0
static/js/jquery-3.4.1.slim.min.js → static/assets/js/jquery-3.4.1.slim.min.js
Прегледај датотеку


+ 0 - 0
static/js/jquery.filterizr.min.js → static/assets/js/jquery.filterizr.min.js
Прегледај датотеку


+ 0 - 0
static/js/navbar.js → static/assets/js/navbar.js
Прегледај датотеку


+ 0 - 0
static/js/popper.min.js → static/assets/js/popper.min.js
Прегледај датотеку


+ 0 - 0
static/js/shuffle.js → static/assets/js/shuffle.js
Прегледај датотеку