-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
36 lines (36 loc) · 33.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.77.0"><title>John's Blog</title><meta name=description content="Portfolio and personal blog of John Doe."><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=x-ua-compatible content="ie=edge"><link rel=stylesheet href=/assets/css/bootstrap.min.css><link rel=stylesheet href=/assets/css/layouts/main.css><link rel=stylesheet href=/assets/css/style.css><link rel=stylesheet href=/assets/css/navigators/navbar.css><link href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600" rel=stylesheet><link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css><link rel=icon type=image/png href=/images/site/favicon_hub02d7508a1c89b2b7812eab204efeb9a_4223_42x0_resize_box_2.png><link rel=stylesheet href=/assets/css/style.css><link rel=stylesheet href=/assets/css/sections/home.css><link rel=stylesheet href=/assets/css/sections/about.css><link rel=stylesheet href=/assets/css/sections/skills.css><link rel=stylesheet href=/assets/css/sections/experiences.css><link rel=stylesheet href=/assets/css/sections/education.css><link rel=stylesheet href=/assets/css/sections/projects.css><link rel=stylesheet href=/assets/css/sections/recent-posts.css><link rel=stylesheet href=/assets/css/sections/achievements.css><script type=application/javascript>var doNotTrack=false;if(!doNotTrack){window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;ga('create','UA-122321624-2','auto');ga('send','pageview');}</script><script async src=https://www.google-analytics.com/analytics.js></script></head><body data-spy=scroll data-target=#top-navbar data-offset=100><nav class="navbar navbar-expand-xl top-navbar initial-navbar" id=top-navbar><div class=container><a class=navbar-brand href=/><img src=/images/site/inverted-logo_hub02d7508a1c89b2b7812eab204efeb9a_4223_42x0_resize_box_2.png id=logo>John's Blog</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 href=#home>Home</a></li><li class=nav-item><a class=nav-link href=#about>About</a></li><li class=nav-item><a class=nav-link href=#skills>Skills</a></li><li class=nav-item><a class=nav-link href=#experiences>Experiences</a></li><li class=nav-item><a class=nav-link href=#education>Education</a></li><li class=nav-item><a class=nav-link href=#projects>Projects</a></li><li class=nav-item><a class=nav-link href=#recent-posts>Recent Posts</a></li><li class=nav-item><a class=nav-link 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=/posts>Posts</a></li><li class=nav-item><a class=nav-link href=https://toha-guides.netlify.app/posts/>Docs</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href=# id=languageSelector role=button data-toggle=dropdown aria-haspopup=true aria-expanded=false><img class=flag src=https://www.countryflags.io/gb/flat/16.png>
English</a><div class=dropdown-menu aria-labelledby=languageSelector><a class="dropdown-item nav-link languages-item" href=/><img class=flag src=https://www.countryflags.io/gb/flat/24.png>
English</a>
<a class="dropdown-item nav-link languages-item" href=/bn/><img class=flag src=https://www.countryflags.io/bd/flat/24.png>
বাংলা</a></div></li></ul></div></div><img src=/images/site/main-logo_hu9ad2f25a877e6fef77c7a3dbef5094ad_6881_42x0_resize_box_2.png class=d-none id=main-logo>
<img src=/images/site/inverted-logo_hub02d7508a1c89b2b7812eab204efeb9a_4223_42x0_resize_box_2.png class=d-none id=inverted-logo></nav><div class="container-fluid home" id=home><style>#homePageBackgroundImageDivStyled{background-image:url(https://hugo-toha.github.io/images/site/background_hu734aa6f98ca0577a577126c08c02e5c3_354464_500x0_resize_q75_box.jpg)}@media(min-width:500px) and (max-width:800px){#homePageBackgroundImageDivStyled{background-image:url(https://hugo-toha.github.io/images/site/background_hu734aa6f98ca0577a577126c08c02e5c3_354464_800x0_resize_q75_box.jpg)}}@media(min-width:801px) and (max-width:1200px){#homePageBackgroundImageDivStyled{background-image:url(https://hugo-toha.github.io/images/site/background_hu734aa6f98ca0577a577126c08c02e5c3_354464_1200x0_resize_q75_box.jpg)}}@media(min-width:1201px) and (max-width:1500px){#homePageBackgroundImageDivStyled{background-image:url(https://hugo-toha.github.io/images/site/background_hu734aa6f98ca0577a577126c08c02e5c3_354464_1500x0_resize_q75_box.jpg)}}@media(min-width:1501px){#homePageBackgroundImageDivStyled{background-image:url(https://hugo-toha.github.io/images/site/background.jpg)}}</style><span class=on-the-fly-behavior></span><div id=homePageBackgroundImageDivStyled class="background container-fluid"></div><div class="container content text-center"><img src=/images/author/john_hu7f9991f5b5d471ecdfc6cff3db1a9fe6_6397_148x148_fit_box_2.png class="rounded-circle mx-auto d-block img-fluid"><h1 class=greeting>Hi, I am John</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 Developer</li><li>I am a Devops</li><li>I love servers</li><li>I work on open-source projects</li><li>I love to work with some fun projects</li></ul><a href=#about><i class="arrow bounce fa fa-chevron-down"></i></a></div></div><div class="container-fluid section-holder d-flex bg-white"><div class="container anchor p-lg-5 about-section" id=about><div class="row pt-sm-2 pt-md-4 align-self-center"><div class=col-sm-6><h3 class=p-1>John Doe</h3><h5 class=p-1>Software Engineer
at <a href=https://www.example.com>Example Co.</a></h5><p class="p-1 text-justify">I am a passionate software engineer with x years of working experience. I built OSS tools for <a href=https://kubernetes.io/>Kubernetes</a> using GO. My tools help people to deploy their workloads in Kubernetes. Sometimes, I work on some fun projects such as writing a theme, etc.</p><div class="text-container ml-auto"><ul class="social-link d-flex"><li><a href=mailto:example@gmail.com target=/><i class="fas fa-envelope"></i></a></li><li><a href=https://www.github.com/example 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=/files/resume.pdf target=#><button class="btn btn-dark">My resume</button></a></div><div class="col-sm-6 pt-5 pl-md-4 pl-sm-3 pt-sm-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-85"></span></span><span class=circular-progress-right><span class=circular-progress-bar></span></span><div class=circular-progress-value>Communication</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 class="col-6 col-lg-4 p-2"><div class="circular-progress sky"><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>Fast Learner</div></div></div><div class="col-6 col-lg-4 p-2"><div class="circular-progress orange"><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>Problem Solving</div></div></div></div></div></div></div></div><div class="container-fluid section-holder d-flex bg-dimmed"><div class="container-fluid anchor pb-5 skills-section" id=skills><h1 class=text-center>Skills</h1><div class="container d-flex-block"><div class=row id=primary-skills><div class="col-xs-12 col-sm-6 col-lg-4 pt-2"><a class=skill-card-link href=https://kubernetes.io/><div class=card><div class="card-head d-flex"><img class=card-img-xs src=/images/sections/skills/kubernetes.png alt=Kubernetes><h5 class=card-title>Kubernetes</h5></div><div class=card-body><p class=card-text>Capable of deploying, managing application on Kubernetes. Experienced in writing Kubernetes controllers for CRDs.</p></div></div></a></div><div class="col-xs-12 col-sm-6 col-lg-4 pt-2"><a class=skill-card-link href=https://golang.org/><div class=card><div class="card-head d-flex"><img class=card-img-xs src=/images/sections/skills/go.png alt="Go Development"><h5 class=card-title>Go Development</h5></div><div class=card-body><p class=card-text>Using as the main language for professional development. Capable of writing scalable, testable, and maintainable program.</p></div></div></a></div><div class="col-xs-12 col-sm-6 col-lg-4 pt-2"><a class=skill-card-link href=javascript:void(0)><div class=card><div class="card-head d-flex"><img class=card-img-xs src=/images/sections/skills/cloud.png alt="Cloud Computing"><h5 class=card-title>Cloud Computing</h5></div><div class=card-body><p class=card-text>Worked with most of the major clouds such as GCP, AWS, Azure etc.</p></div></div></a></div><div class="col-xs-12 col-sm-6 col-lg-4 pt-2"><a class=skill-card-link href=https://www.docker.com/><div class=card><div class="card-head d-flex"><img class=card-img-xs src=/images/sections/skills/docker.svg alt=Docker><h5 class=card-title>Docker</h5></div><div class=card-body><p class=card-text>Write most of the programs as dockerized container. Experienced with multi-stage, multi-arch build process.</p></div></div></a></div><div class="col-xs-12 col-sm-6 col-lg-4 pt-2"><a class=skill-card-link href=https://prometheus.io/><div class=card><div class="card-head d-flex"><img class=card-img-xs src=/images/sections/skills/prometheus.png alt=Prometheus><h5 class=card-title>Prometheus</h5></div><div class=card-body><p class=card-text>Capable of setup, configure Prometheus metrics. Experienced with PromQL, AlertManager. Also, experienced with writing metric exporters.</p></div></div></a></div><div class="col-xs-12 col-sm-6 col-lg-4 pt-2"><a class=skill-card-link href=javascript:void(0)><div class=card><div class="card-head d-flex"><img class=card-img-xs src=/images/sections/skills/linux.png alt=Linux><h5 class=card-title>Linux</h5></div><div class=card-body><p class=card-text>Using as the main operating system. Capable of writing bash/shell scripts.</p></div></div></a></div><div class="col-xs-12 col-sm-6 col-lg-4 pt-2"><a class=skill-card-link href=https://git-scm.com/><div class=card><div class="card-head d-flex"><img class=card-img-xs src=/images/sections/skills/git.png alt=Git><h5 class=card-title>Git</h5></div><div class=card-body><p class=card-text>Experienced with git-based development. Mostly, use Github. Also, have experience in working with GitLab.</p></div></div></a></div><div class="col-xs-12 col-sm-6 col-lg-4 pt-2"><a class=skill-card-link href=javascript:void(0)><div class=card><div class="card-head d-flex"><img class=card-img-xs src=/images/sections/skills/c++.png alt=C++><h5 class=card-title>C++</h5></div><div class=card-body><p class=card-text>Know basic C/C++ programming. Used for contest programming and problem solving.</p></div></div></a></div></div></div></div></div><div class="container-fluid section-holder d-flex bg-white"><div class="container-fluid anchor pb-5 experiences-section" id=experiences><h1 class=text-center>Experiences</h1><div class="container timeline text-justify"><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">1</div></div><div class="col-10 col-lg-8"><div class=experience-entry-heading><h5><a href=https://www.example.com>Example Co.</a></h5><p class=text-muted>Nov 2017 - Present,
Dhaka Branch</p><p>Example Co. is a widely recognized company for cloud-native development. It builds tools for Kubernetes.</p></div><div class=positions><h6 class=designation>Senior Software Engineer</h6><p class=text-muted>Nov 2019 - Present</p><ul class=justify-content-around><li>Design and develop XYZ tool for ABC task</li><li>Design, develop and manage disaster recovery tool <a href=https://www.example.com>Xtool</a> that backup Kubernetes volumes, databases, and cluster’s resource definition.</li><li>Lead backend team.</li></ul><h6 class=designation>Junior Software Engineer</h6><p class=text-muted>Nov 2017 - Oct 2019</p><ul class=justify-content-around><li>Implement and test xyz feature for abc tool.</li><li>Support client for abc tool.</li><li>Learn k,d,w technology for xyz.</li></ul></div></div></div><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><div class="row align-items-center justify-content-end d-flex"><div class="col-10 col-lg-8"><div class=experience-entry-heading><h5>Software Engineer</h5><h6><a href=https://www.preexample.com>PreExample Co.</a></h6><p class=text-muted>March 2016 - May 2017,
Nowhere</p></div><p>PreExample Co. is a gateway company to enter into Example co. So, nothing special here.</p><h6 class=text-muted>Responsibilities:</h6><ul class=justify-content-around><li>Write lots of example codes.</li><li>Read lots of examples.</li><li>See lots of example videos.</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><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><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>Intern</h5><h6><a href=https://www.intern.com>Intern Counting Company (ICC).</a></h6><p class=text-muted>Jun 2015 - Jan 2016,
Intern Land</p></div><p>Intern counting Company (ICC) is responsible for counting worldwide intern Engineers.</p><h6 class=text-muted>Responsibilities:</h6><ul class=justify-content-around><li>Count lost of interns.</li><li>Count more interns.</li><li>Count me as an intern.</li></ul></div></div></div></div></div><div class="container-fluid section-holder d-flex bg-dimmed"><div class="container-fluid anchor pb-5 education-section" id=education><h1 class=text-center>Education</h1><div class=container><table class=education-info-table><tbody><tr><td class=icon><div class=hline></div><div class=icon-holder><i class="fas fa-microscope"></i></div></td><td class=line><div></div></td><td class=details><div class="degree-info card"><div class=row><div class="col-lg-10 col-md-8"><h5><a href=#>ABC University of Technology</a></h5></div><div class="timeframe col-lg-2 col-md-4">2016-2020</div></div><h6>Ph.D in Quantum Cryptography</h6><h6><span class=text-muted>CGPA: </span><span>3.6</span> out of <span>4</span></h6><div class=publications><h6 class=text-muted>Publications</h6><ul><li><a href=#>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li><li><a href=#>Fusce eu augue ut odio porttitor pulvinar.</a></li><li><a href=#>Nullam vitae orci tincidunt purus viverra pulvinar.</a></li></ul></div></div></td></tr><tr><td class=icon><div class=hline></div><div class=icon-holder><i class="fas fa-graduation-cap"></i></div></td><td class=line><div></div></td><td class=details><div class="degree-info card"><div class=row><div class="col-lg-10 col-md-8"><h5><a href=#>University of XYZ</a></h5></div><div class="timeframe col-lg-2 col-md-4">2012-2016</div></div><h6>B.Sc. in Computer Science & Engineering</h6><h6><span class=text-muted>CGPA: </span><span>3.5</span> out of <span>4</span></h6><div class=publications><h6 class=text-muted>Publications</h6><ul><li><a href=#>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li><li><a href=#>Fusce eu augue ut odio porttitor pulvinar.</a></li></ul></div><div class=taken-courses><h6 class=text-muted>Taken Courses</h6><table><thead><th>Course Name</th><th>Total Credit</th><th>Obtained Credit</th></thead><tbody><tr class=course><td>Data Structures and Algorithm</td><td>4</td><td>3.75</td></tr><tr class=course><td>Network Security</td><td>4</td><td>3.8</td></tr><tr class="course hidden-course"><td>Operating System</td><td>4</td><td>3.5</td></tr><tr class="course hidden-course"><td>Artificial Intelligent</td><td>4</td><td>3.75</td></tr></tbody></table><button type=button class="btn btn-link show-more-btn pt-0 ml-1" onclick=showMoreCourses(this);>See More</button></div><div class=extracurricular-activities><h6 class=text-muted>Extracurricular Activities</h6><ul><li>In vitae facilisis est, eget porta sem.</li><li>Vestibulum consectetur lorem justo, at laoreet lorem feugiat et.</li><li>Duis sed massa feugiat, ornare justo et, aliquam est.</li><li>Pellentesque ut fringilla magna.</li></ul></div></div></td></tr><tr><td class=icon><div class=hline></div><div class=icon-holder><i class="fas fa-university"></i></div></td><td class=line><div></div></td><td class=details><div class="degree-info card"><div class=row><div class="col-lg-10 col-md-8"><h5><a href=#>MST College of Science</a></h5></div><div class="timeframe col-lg-2 col-md-4">2010-2012</div></div><h6>Higher Secondary School Certificate</h6><h6><span class=text-muted>GPA: </span><span>5</span> out of <span>5</span></h6><div class=extracurricular-activities><h6 class=text-muted>Extracurricular Activities</h6><ul><li>In vitae facilisis est, eget porta sem.</li><li>Vestibulum consectetur lorem justo, at laoreet lorem feugiat et.</li><li>Duis sed massa feugiat, ornare justo et, aliquam est.</li><li>Pellentesque ut fringilla magna.</li></ul></div></div></td></tr><tr><td class=icon><div class=hline></div><div class=icon-holder><i class="fas fa-school"></i></div></td><td class=line><div></div></td><td class=details><div class="degree-info card"><div class=row><div class="col-lg-10 col-md-8"><h5>JK School of Science</h5></div><div class="timeframe col-lg-2 col-md-4">2005-2010</div></div><h6>Secondary School Certificate</h6><h6><span class=text-muted>GPA: </span><span>4.5</span> out of <span>5</span></h6></div></td></tr></tbody></table></div></div></div><div class="container-fluid section-holder d-flex bg-white"><div class="container-fluid anchor pb-5 projects-section" id=projects><h1 class=text-center>Projects</h1><div class="container ml-auto text-center"><div class="btn-group flex-wrap" 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 id=project-card-holder><div class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item" data-category="all, professional,kubernetes,cloud"><div class="card mt-1"><div class=card><a class=card-header href=https://github.com/kubernetes/kubernetes><div><div class=d-flex><img class=card-img-xs src=/images/sections/projects/kubernetes_hua3e9a1b19c1572e2f049d77a47832d4b_241197_24x24_fit_box_2.png alt=Kubernetes><h5 class="card-title mb-0">Kubernetes</h5></div><div class=sub-title><span>Contributor</span>
<span>March 2018 - Present</span></div></div></a><div class="card-body text-justify pt-1 pb-1"><p>Production-Grade Container Scheduling and Management.</p><span class=float-right><a class=github-button-inactive href=https://github.com/kubernetes/kubernetes data-icon=octicon-standard data-show-count=true aria-label="Star Kubernetes">Star</a></span></div></div></div></div><div class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item" data-category="all, professional,machine-learning,academic"><div class="card mt-1"><div class=card><a class=card-header href=https://github.com/tensorflow/tensorflow><div><div class=d-flex><img class=card-img-xs src=/images/sections/projects/tensorflow_hu610a95f6d7ddb256beadba1bd7cb282d_6965_24x24_fit_box_2.png alt=Tensorflow><h5 class="card-title mb-0">Tensorflow</h5></div><div class=sub-title><span>Developer</span>
<span>Jun 2018 - Present</span></div></div></a><div class="card-body text-justify pt-1 pb-1"><p>An Open Source Machine Learning Framework for Everyone.</p><span class=float-right><a class=github-button-inactive href=https://github.com/tensorflow/tensorflow data-icon=octicon-standard data-show-count=true aria-label="Star Tensorflow">Star</a></span></div></div></div></div><div class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item" data-category="all, academic,iot"><div class="card mt-1"><div class=card><a class=card-header href=https://www.example.com><div><div class=d-flex><h5 class="card-title mb-0">A sample academic paper</h5></div><div class=sub-title><span>Team Lead</span>
<span>Jan 2017 - Nov 2017</span></div></div></a><div class="card-body text-justify pt-1 pb-1"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente eius reprehenderit animi suscipit autem eligendi esse amet aliquid error eum. Accusantium distinctio soluta aliquid quas placeat modi suscipit eligendi nisi.</p><span class=float-right><a class="btn btn-outline-info btn-sm mb-2" href=https://www.example.com target=#>Details</a></span></div></div></div></div><div class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item" data-category="all, hobby,fun"><div class="card mt-1"><div class=card><a class=card-header href=https://github.com/kelseyhightower/nocode><div><div class=d-flex><img class=card-img-xs src=/images/sections/projects/no-code_hu4f8e3bd6f48fe70fd2c0a87e633d1446_45899_24x24_fit_box_2.png alt=Nocode><h5 class="card-title mb-0">Nocode</h5></div><div class=sub-title><span>Nothing</span>
<span>Oct 2019 - Dec 2019</span></div></div></a><div class="card-body text-justify pt-1 pb-1"><p>The best way to write secure and reliable applications. Write nothing; deploy nowhere.</p><span class=float-right><a class=github-button-inactive href=https://github.com/kelseyhightower/nocode data-icon=octicon-standard data-show-count=true aria-label="Star Nocode">Star</a></span></div></div></div></div><div class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item" data-category="all, hobby,hugo,theme,professional"><div class="card mt-1"><div class=card><a class=card-header href=https://github.com/hossainemruz/toha><div><div class=d-flex><img class=card-img-xs src=/images/sections/projects/toha_hu864bbe108f1be1ae04b57f7f2fd9d631_5637_24x24_fit_box_2.png alt=Toha><h5 class="card-title mb-0">Toha</h5></div><div class=sub-title><span>Owner</span>
<span>Jun 2019 - Present</span></div></div></a><div class="card-body text-justify pt-1 pb-1"><p>A Hugo theme for personal portfolio.</p><span class=float-right><a class=github-button-inactive href=https://github.com/hossainemruz/toha data-icon=octicon-standard data-show-count=true aria-label="Star Toha">Star</a></span></div></div></div></div></div></div></div></div><div class="container-fluid section-holder d-flex bg-dimmed"><div class="container-fluid anchor pb-5 recent-posts-section" id=recent-posts><h1 class=text-center>Recent Posts</h1><div class=container><div class=row id=recent-post-cards><div class="col-lg-4 col-md-6 pt-2 post-card"><a href=/posts/shortcodes/ class=post-card-link><div class=card><div class=card-head><img class=card-img-top src=/images/default-hero.jpg alt="Card image cap"></div><div class=card-body><h5 class=card-title>Shortcodes Samples</h5><p class="card-text post-summary">This is a sample post intended to test the followings:
Default hero image. Different shortcodes. Alert The following alerts are available in this theme.
This is sample alert with type="success". This is sample alert with type="danger". This is sample alert with type="warning". This is sample alert with type="info". This is sample alert with type="dark". This is sample alert with type="primary". This is sample alert with type="secondary".</p></div><div class=card-footer><span class=float-left>June 8, 2020</span>
<a href=/posts/shortcodes/ class="float-right btn btn-outline-info btn-sm">Read</a></div></div></a></div><div class="col-lg-4 col-md-6 pt-2 post-card"><a href=/posts/category/sub-category/rich-content/ class=post-card-link><div class=card><div class=card-head><img class=card-img-top src=/images/default-hero.jpg alt="Card image cap"></div><div class=card-body><h5 class=card-title>Rich Content</h5><p class="card-text post-summary">This sample post tests the followings:
Category, sub-category nesting in the sidebar. Hero image and other images are in images folder inside this post directory. Different media rendering like image, tweet, YouTube video, Vimeo video etc. Image Sample Tweet Sample {{/< twitter 1085870671291310081 >/}}
YouTube Video Sample Vimeo Video Sample</p></div><div class=card-footer><span class=float-left>June 8, 2020</span>
<a href=/posts/category/sub-category/rich-content/ class="float-right btn btn-outline-info btn-sm">Read</a></div></div></a></div><div class="col-lg-4 col-md-6 pt-2 post-card"><a href=/posts/markdown-sample/ class=post-card-link><div class=card><div class=card-head><img class=card-img-top src=/posts/markdown-sample/hero.svg alt="Card image cap"></div><div class=card-body><h5 class=card-title>Markdown Samples</h5><p class="card-text post-summary">This is a sample post intended to test the followings:
A different post author. Table of contents. Markdown content rendering. Math rendering. Emoji rendering. Markdown Syntax Rendering Headings The following HTML <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> is the lowest.
H1 H2 H3 H4 H5 H6 Paragraph Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur?</p></div><div class=card-footer><span class=float-left>June 8, 2020</span>
<a href=/posts/markdown-sample/ class="float-right btn btn-outline-info btn-sm">Read</a></div></div></a></div></div></div></div></div><div class="container-fluid section-holder d-flex bg-white"><div class="container-fluid anchor pb-5 achievements-section" id=achievements><h1 class=text-center>Achievements</h1><div class=container><div class=row id=gallery></div></div><div class=d-none id=achievements-holder><div class="achievement-entry text-center" style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/presenter_huc750a1f772b7bb88f5249ab1b75253b6_98154_0x300_resize_q75_box.jpg)><i class="fas fa-search-plus" id=enlarge-icon></i><h4 class=title id=achievement-title>Best Presenter</h4><div class="caption hidden col-lg-6 text-left" id=caption><h4>Best Presenter</h4><p>Best presenter in the 2020 XYZ conference.</p></div><span style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/presenter_huc750a1f772b7bb88f5249ab1b75253b6_98154_0x300_resize_q75_box.jpg) class=d-none id=SmallImage active=true></span><span style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/presenter_huc750a1f772b7bb88f5249ab1b75253b6_98154_0x1500_resize_q75_box.jpg) class=d-none id=LargeImage></span></div><div class="achievement-entry text-center" style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/sport_hue306ad4a3cfa3c79e18d9475b844b6eb_139662_0x300_resize_q75_box.jpg)><i class="fas fa-search-plus" id=enlarge-icon></i><h4 class=title id=achievement-title>Champion</h4><div class="caption hidden col-lg-6 text-left" id=caption><h4>Champion</h4><p>Champion in cycling inter-city cycling championship 2020.</p></div><span style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/sport_hue306ad4a3cfa3c79e18d9475b844b6eb_139662_0x300_resize_q75_box.jpg) class=d-none id=SmallImage active=true></span><span style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/sport_hue306ad4a3cfa3c79e18d9475b844b6eb_139662_0x1500_resize_q75_box.jpg) class=d-none id=LargeImage></span></div><div class="achievement-entry text-center" style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/graduation-cap_hubea4628151f3b7749cc1d791c6e4f181_394380_0x300_resize_q75_box.jpg)><i class="fas fa-search-plus" id=enlarge-icon></i><h4 class=title id=achievement-title>Graduation</h4><div class="caption hidden col-lg-6 text-left" id=caption><h4>Graduation</h4><p>Received Bachelor of Science (B.Sc.) in Computer Science and Engineer from XYZ University.</p></div><span style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/graduation-cap_hubea4628151f3b7749cc1d791c6e4f181_394380_0x300_resize_q75_box.jpg) class=d-none id=SmallImage active=true></span><span style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/graduation-cap_hubea4628151f3b7749cc1d791c6e4f181_394380_0x1500_resize_q75_box.jpg) class=d-none id=LargeImage></span></div><div class="achievement-entry text-center" style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/woman-winner_huefebed7f97be8f23958591748aa9b6a0_85205_0x300_resize_q75_box.jpg)><i class="fas fa-search-plus" id=enlarge-icon></i><h4 class=title id=achievement-title>Award Winner</h4><div class="caption hidden col-lg-6 text-left" id=caption><h4>Award Winner</h4><p>Wined best paper award at IEE Conference 2020.</p></div><span style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/woman-winner_huefebed7f97be8f23958591748aa9b6a0_85205_0x300_resize_q75_box.jpg) class=d-none id=SmallImage active=true></span><span style=background-image:url(https://hugo-toha.github.io/images/sections/achievements/woman-winner_huefebed7f97be8f23958591748aa9b6a0_85205_0x1500_resize_q75_box.jpg) class=d-none id=LargeImage></span></div></div></div></div><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=#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=#education>Education</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>johndoe@example.com</span></li><li><span>Phone:</span> <span>+0123456789</span></li></ul></div><div class="col-md-4 col-sm-12"><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><a id=theme href=https://github.com/hossainemruz/toha target=#><img src=/images/theme-logo_hu8376fd15465fef26ffe66b6bcf0ca686_13669_32x0_resize_box_2.png>
Toha</a></div><div class="col-md-4 text-center">© 2020 Copyright.</div><div class="col-md-4 text-right"><a id=hugo href=https://gohugo.io/>Powered by
<img src=/images/hugo-logo.svg alt="Hugo Logo" height=18></a></div></div></div></footer><script src=/assets/js/jquery-3.4.1.min.js></script><script src=/assets/js/popper.min.js></script><script src=/assets/js/bootstrap.min.js></script><script src=/assets/js/navbar.js></script><script src=/assets/js/main.js></script><script src=/assets/js/itype.min.js></script><script src=/assets/js/github-button.js></script><script src=/assets/js/home.js></script><script src=/assets/js/jquery.filterizr.min.js></script></body></html>