<!doctype html>
<html lang="en">
<head>
<title>Rajan Bhattarai | @cdrrazan</title>
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Required meta tags -->
<meta charset="utf-8"/>
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap"
rel="stylesheet">
<!-- Bootstrap CSS v5.3.2 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
crossorigin="anonymous"/>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<!-- cdncss link-->
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/>
<link rel="stylesheet" href="css/lightbox.min.css">
<!--style sheet-->
<link rel="stylesheet" href="css/style.css">
<!-- Custom Script -->
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-MC883ND');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!--svg icons-->
<svg>
<symbol id="twitter" viewBox="0 0 24 24">
<path fill="currentColor"
d="M22.991 3.95a1 1 0 0 0-1.51-.86a7.48 7.48 0 0 1-1.874.794a5.152 5.152 0 0 0-3.374-1.242a5.232 5.232 0 0 0-5.223 5.063a11.032 11.032 0 0 1-6.814-3.924a1.012 1.012 0 0 0-.857-.365a.999.999 0 0 0-.785.5a5.276 5.276 0 0 0-.242 4.769l-.002.001a1.041 1.041 0 0 0-.496.89a3.042 3.042 0 0 0 .027.439a5.185 5.185 0 0 0 1.568 3.312a.998.998 0 0 0-.066.77a5.204 5.204 0 0 0 2.362 2.922a7.465 7.465 0 0 1-3.59.448A1 1 0 0 0 1.45 19.3a12.942 12.942 0 0 0 7.01 2.061a12.788 12.788 0 0 0 12.465-9.363a12.822 12.822 0 0 0 .535-3.646l-.001-.2a5.77 5.77 0 0 0 1.532-4.202m-3.306 3.212a.995.995 0 0 0-.234.702c.01.165.009.331.009.488a10.824 10.824 0 0 1-.454 3.08a10.685 10.685 0 0 1-10.546 7.93a10.938 10.938 0 0 1-2.55-.301a9.48 9.48 0 0 0 2.942-1.564a1 1 0 0 0-.602-1.786a3.208 3.208 0 0 1-2.214-.935q.224-.042.445-.105a1 1 0 0 0-.08-1.943a3.198 3.198 0 0 1-2.25-1.726a5.3 5.3 0 0 0 .545.046a1.02 1.02 0 0 0 .984-.696a1 1 0 0 0-.4-1.137a3.196 3.196 0 0 1-1.425-2.673c0-.066.002-.133.006-.198a13.014 13.014 0 0 0 8.21 3.48a1.02 1.02 0 0 0 .817-.36a1 1 0 0 0 .206-.867a3.157 3.157 0 0 1-.087-.729a3.23 3.23 0 0 1 3.226-3.226a3.184 3.184 0 0 1 2.345 1.02a.993.993 0 0 0 .921.298a9.27 9.27 0 0 0 1.212-.322a6.681 6.681 0 0 1-1.026 1.524"/>
</symbol>
<symbol id="github" viewBox="0 0 24 24">
<path fill="currentColor"
d="M10.07 20.503a1 1 0 0 0-1.18-.983c-1.31.24-2.963.276-3.402-.958a5.708 5.708 0 0 0-1.837-2.415a1.2 1.2 0 0 1-.167-.11a1 1 0 0 0-.93-.645h-.005a1 1 0 0 0-1 .995c-.004.815.81 1.338 1.141 1.514a4.44 4.44 0 0 1 .924 1.36c.365 1.023 1.423 2.576 4.466 2.376l.003.098l.004.268a1 1 0 0 0 2 0l-.005-.318c-.005-.19-.012-.464-.012-1.182M20.737 5.377a5.39 5.39 0 0 0 .09-.42a6.278 6.278 0 0 0-.408-3.293a1.002 1.002 0 0 0-.615-.58c-.356-.12-1.67-.357-4.184 1.25a13.87 13.87 0 0 0-6.354 0C6.762.75 5.455.966 5.102 1.079a.997.997 0 0 0-.631.584a6.3 6.3 0 0 0-.404 3.357c.025.127.051.246.079.354a6.27 6.27 0 0 0-1.256 3.83a8.422 8.422 0 0 0 .043.921c.334 4.603 3.334 5.984 5.424 6.459a4.591 4.591 0 0 0-.118.4a1 1 0 0 0 1.942.479a1.678 1.678 0 0 1 .468-.878a1 1 0 0 0-.546-1.745c-3.454-.395-4.954-1.802-5.18-4.899a6.61 6.61 0 0 1-.033-.738a4.258 4.258 0 0 1 .92-2.713a3.022 3.022 0 0 1 .195-.231a1 1 0 0 0 .188-1.025a3.388 3.388 0 0 1-.155-.555a4.094 4.094 0 0 1 .079-1.616a7.543 7.543 0 0 1 2.415 1.18a1.009 1.009 0 0 0 .827.133a11.777 11.777 0 0 1 6.173.001a1.005 1.005 0 0 0 .83-.138a7.572 7.572 0 0 1 2.406-1.19a4.04 4.04 0 0 1 .087 1.578a3.205 3.205 0 0 1-.169.607a1 1 0 0 0 .188 1.025c.078.087.155.18.224.268A4.122 4.122 0 0 1 20 9.203a7.039 7.039 0 0 1-.038.777c-.22 3.056-1.725 4.464-5.195 4.86a1 1 0 0 0-.546 1.746a1.63 1.63 0 0 1 .466.908a3.06 3.06 0 0 1 .093.82v2.333c-.01.648-.01 1.133-.01 1.356a1 1 0 1 0 2 0c0-.217 0-.692.01-1.34v-2.35a4.882 4.882 0 0 0-.155-1.311a4.256 4.256 0 0 0-.116-.416a6.513 6.513 0 0 0 5.445-6.424A8.697 8.697 0 0 0 22 9.203a6.13 6.13 0 0 0-1.263-3.826"/>
</symbol>
<symbol id="linkedin" viewBox="0 0 24 24">
<path fill="currentColor"
d="M4.98 3.5a2.5 2.5 0 1 1 0 5.001a2.5 2.5 0 0 1 0-5Zm.02 6.5H2V22h3V10ZM8.5 10H11v1.6h.05a3.37 3.37 0 0 1 3.02-1.65c3.23 0 3.83 2.12 3.83 4.87V22h-3v-5.6c0-1.34-.02-3.08-1.88-3.08c-1.88 0-2.17 1.46-2.17 2.97V22h-3V10Z"/>
</symbol>
<symbol id="monitor" viewBox="0 0 24 24">
<path fill="#4ba1a7"
d="M19 2H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h2.64l-.58 1a2 2 0 0 0 0 2a2 2 0 0 0 1.75 1h6.46A2 2 0 0 0 17 21a2 2 0 0 0 0-2l-.59-1H19a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3M8.77 20L10 18h4l1.2 2ZM20 15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1h16Zm0-3H4V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1Z"/>
</symbol>
<symbol id="notes" viewBox="0 0 24 24">
<path fill="#4ba1a7"
d="M16 14H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2m0-4h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2m4-6h-3V3a1 1 0 0 0-2 0v1h-2V3a1 1 0 0 0-2 0v1H9V3a1 1 0 0 0-2 0v1H4a1 1 0 0 0-1 1v14a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V5a1 1 0 0 0-1-1m-1 15a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6h2v1a1 1 0 0 0 2 0V6h2v1a1 1 0 0 0 2 0V6h2v1a1 1 0 0 0 2 0V6h2Z"/>
</symbol>
<symbol id="laptop" viewBox="0 0 24 24">
<path fill="#4ba1a7"
d="M21 14h-1V7a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v7H3a1 1 0 0 0-1 1v2a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-2a1 1 0 0 0-1-1M6 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7H6Zm14 10a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1h16Z"/>
</symbol>
<symbol id="menu" viewBox="0 0 24 24">
<path fill="black"
d="M4 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m7-7a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2z"/>
</symbol>
</svg>
<!-- header -->
<header id="top" class="position-sticky top-0 start-0" style="z-index:10;">
<nav class="navbar bg-white fixed-top">
<div class="container-fluid">
<div class="d-flex align-items-center g-4">
<a class="navbar-brand d-flex" href="/">
<img src="images/logo.png" class="img-fluid" id="logo">
</a>
<div class="icon px-5">
<a href="https://twitter.com/cdrrazan" target="_blank"
class="text-decoration-none">
<svg class="twitter" width="24" height="24">
<use xlink:href="#twitter"></use>
</svg>
</a>
<a href="https://github.com/cdrrazan" target="_blank"
class="text-decoration-none">
<svg class="github" width="24" height="24">
<use xlink:href="#github"></use>
</svg>
</a>
<a href="https://linkedin.com/in/cdrrazan" target="_blank"
class="text-decoration-none">
<svg class="linkedin" width="24" height="24">
<use xlink:href="#linkedin"></use>
</svg>
</a>
</div>
</div>
</div>
</nav>
</header>
<!--main content-->
<section>
<div class="container">
<div class="banner rounded-4 p-5"
style="background-image: url(images/banner.png); background-size: cover ; background-repeat: no-repeat; background-position: center;">
<div class="text-content text-black py-5 my-5">
<p class="fs-4">
Software Engineer / Author
</p>
<h1 class="display-1">
Rajan <br> Bhattarai
</h1>
</div>
<div class="row text-uppercase bg-black rounded-4 p-3 mt-5">
<div class="col-md-3">
<div class="align-items-center gap-4">
<h2 class="display-2 text-light text-center">
7+
</h2>
<p class="text-light-emphasis justify-content-center m-0 ls-4 text-center">
years of building <br> impactful products
</p>
</div>
</div>
<div class="col-md-3">
<div class="align-items-center gap-4">
<h2 class="display-2 text-light text-center">
10K+
</h2>
<p class="text-light-emphasis justify-content-center m-0 ls-4 text-center">
developers inspired <br> worldwide
</p>
</div>
</div>
<div class="col-md-3">
<div class="align-items-center gap-4">
<h2 class="display-2 text-light text-center">
7+
</h2>
<p class="text-light-emphasis justify-content-center m-0 ls-4 text-center">
projects fueling <br> innovation
</p>
</div>
</div>
<div class="col-md-3">
<div class="align-items-center gap-4">
<h2 class="display-2 text-light text-center">
1
</h2>
<p class="text-light-emphasis justify-content-center m-0 ls-4 text-center">
mission: elevate <br> developer journeys
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- main service section -->
<section id="experience" class="mt-5">
<div class="container p-5">
<div class="row justify-content-center">
<div class="col-lg-3">
<div class="d-flex gap-4 align-items-start">
<div class="icon">
<svg class="text-primary monitor" width="50"
height="50">
<use xlink:href="#monitor"></use>
</svg>
</div>
<div class="text-md-start">
<h5>
Web App Development
</h5>
<p class="postf">
Building modern, scalable apps using Ruby on Rails,
Hotwire, and
cutting-edge web tech.
</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="d-flex gap-4 align-items-start">
<div class="icon">
<svg class="text-primary notes" width="50" height="50">
<use xlink:href="#notes"></use>
</svg>
</div>
<div class="text-md-start">
<h5>
Personal Branding for Developers
</h5>
<p class="postf">
Helping developers craft standout personal brands
through
actionable strategies and ebooks.
</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="d-flex gap-4 align-items-start">
<div class="icon">
<svg class="text-primary laptop" width="50" height="50">
<use xlink:href="#laptop"></use>
</svg>
</div>
<div class="text-md-start">
<h5>
Open Source Contributions
</h5>
<p class="postf">
Actively contributing to open source projects and
building tools
to empower developers globally.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- education and experience section -->
<section>
<div class="container">
<div class="row">
<div class="col-lg-4 mb-3">
<div class="h-100 bg-yellow p-4 rounded-4">
<h3 class="mb-4">
Academic Background
</h3>
<div class="pb-4">
<p class="text-dark-emphasis mb-1">
2021 - 2023
</p>
<h5 class="mb-1">
Master's in Computer Science (MCS)
</h5>
<p class="text-dark-emphasis mb-2">
Lincoln University College
</p>
<p class="text-dark-emphasis">
• Specialized in Cyber Security, Advanced Computing,
and Systems
Management.
</p>
</div>
<div>
<p class="text-dark-emphasis mb-1">
2013 - 2017
</p>
<h5 class="mb-1">
Bachelor of Science in CSIT
</h5>
<p class="text-dark-emphasis mb-2">
NIST College, Tribhuvan University
</p>
<p class="text-dark-emphasis">
• Foundation in Software Development, Data
Structures, Networking,
and Core Computing Principles.
</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-3">
<div class="h-100 bg-green p-4 rounded-4">
<h3 class="mb-4">
Career Timeline
</h3>
<div class="pb-4">
<p class="text-dark-emphasis mb-1">
2021 – Present
</p>
<h5 class="mb-1">
Senior Software Engineer
</h5>
<p class="text-dark-emphasis mb-2">
Danphe Software Labs
</p>
<p class="text-dark-emphasis">
• Leading Full Stack Development for an Employee
Recognition and
Reward Management Platform, utilizing Test-Driven
Development
(TDD) methodologies.
</p>
</div>
<div>
<p class="text-dark-emphasis mb-1">
2019 – 2021
</p>
<h5 class="mb-1">
Software Developer
</h5>
<p class="text-dark-emphasis mb-2">
Danphe Software Labs
</p>
<p class="text-dark-emphasis">
• Developed backend services for applications
focused on assessing
Employee Work Experience. <br>
• Contributed key modules for Financial Management
Software,
emphasizing scalable, test-driven architecture.
</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-3">
<div class="h-100 bg-teal p-4 rounded-4">
<h3 class="mb-4">
Interests
</h3>
<div class="pb-3">
<h5 class="mb-1">
Personal Branding
</h5>
<p class="text-dark-emphasis">
Passionate about helping developers and tech
professionals build
impactful online identities.
</p>
</div>
<div class="pb-3">
<h5 class="mb-1">
Web Development & Open Source
</h5>
<p class="text-dark-emphasis">
Enjoy building modern web apps with Rails, Hotwire,
and
contributing to open-source projects.
</p>
</div>
<div class="pb-3">
<h5 class="mb-1">
Productivity & Automation
</h5>
<p class="text-dark-emphasis">
Love exploring automation tools and productivity
hacks to optimize
daily workflows.
</p>
</div>
<div>
<h5 class="mb-1">
Tech Writing & Content Creation
</h5>
<p class="text-dark-emphasis">
Enthusiastic about writing ebooks, guides, and
tutorials to share
knowledge and inspire others.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- portfolio section -->
<section class="portfolio py-5">
<div class="container">
<div class="justify-content-center">
<div class="row justify-content-center">
<div class="col-lg-6" data-aos="fade-up">
<div class="section-header text-center">
<h4 class="fw-bold fs-2 txt-fx slide-up">
As a passionate software engineer and digital
creator, I help developers grow their personal brand
and build a powerful online presence.
</h4>
</div><!--section-header-->
</div>
<div id="filters"
class="button-group d-flex flex-wrap gap-3 justify-content-center py-5"
data-aos="fade-up">
<a href="#"
class="btn btn-primary text-decoration-none text-uppercase is-checked"
data-filter=".featured">Featured
</a>
<a href="#"
class="btn btn-primary text-decoration-none text-uppercase"
data-filter=".apps">Web Apps
</a>
<a href="#"
class="btn btn-primary text-decoration-none text-uppercase"
data-filter=".books">Books
</a>
<a href="#"
class="btn btn-primary text-decoration-none text-uppercase"
data-filter=".themes">Themes
</a>
<a href="#"
class="btn btn-primary text-decoration-none text-uppercase"
data-filter=".cliapps">CLI Apps
</a>
<a href="#"
class="btn btn-primary text-decoration-none text-uppercase"
data-filter=".rubygems">Ruby Gems
</a>
<a href="#"
class="btn btn-primary text-decoration-none text-uppercase"
data-filter=".shops">Shops
</a>
<a href="#"
class="btn btn-primary text-decoration-none text-uppercase"
data-filter=".blogs">Blogs
</a>
<a href="#"
class="btn btn-primary text-decoration-none text-uppercase"
data-filter=".newsletters">Newsletters
</a>
<a href="#"
class="btn btn-primary text-decoration-none text-uppercase"
data-filter=".talks"> Talks & Meetups
</a>
</div>
</div>
<div class="grid p-0 clearfix row row-cols-1 row-cols-lg-3 row-cols-xl-4"
data-aos="fade-up">
<!-- WEB APPS -->
<div class="col mb-2 portfolio-item apps featured">
<div class="h-100 bg-teal p-4 rounded-4">
<a href="https://trackaru.com"
target="_blank"><img
src="images/portfolio/web-apps/1.png"
class="img-fluid rounded-4" alt="portfolio"></a>
<h3 class="mb-2">
TrackARU
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
App | cdrrazan - 2025
</p>
<h5 class="mb-2">
Never Forget A Subscription Again!
</h5>
<p class="text-dark-emphasis">
• Track, manage and optimize all your
subscriptions in one place. Save money and avoid
unexpected charges.
</p>
</div>
<div class="text-center ">
<a href="https://trackaru.com" target="_blank"
class="btn btn-outline-dark btn-lg text-decoration-none">
Sign up for free
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item apps">
<div class="h-100 bg-green p-4 rounded-4">
<a href="https://tweetx.app.rsynk.com"
target="_blank"><img
src="images/portfolio/web-apps/4.png"
class="img-fluid rounded-4" alt="portfolio"></a>
<h3 class="mb-2">
TweetX
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
App | cdrrazan - 2025
</p>
<h5 class="mb-2">
Your Developer-First Tweet Automation Toolkit!
</h5>
<p class="text-dark-emphasis">
• Schedule, post, manage, and automate tweets —
all with a clean Ruby-powered CLI and UI.<br/>
• Built using Ruby & Sinatra.
</p>
</div>
<div class="text-center ">
<a href="https://tweetx.app.rsynk.com"
target="_blank"
class="btn btn-outline-dark btn-sm text-decoration-none">
View in action
</a>
</div>
</div>
</div>
<!-- BOOKS -->
<div class="col mb-2 portfolio-item books featured">
<div class="h-100 bg-teal p-4 rounded-4">
<a href="https://shop.digitonx.com/b/case-brand-when-dev"
target="_blank"><img
src="images/portfolio/books/1.png"
class="img-fluid rounded-4" alt="portfolio"></a>
<h3 class="mb-2">
Case Brand when DEV
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
ebook | cdrrazan - 2025
</p>
<h5 class="mb-2">
A Developer's Guide to Personal Branding!
</h5>
<p class="text-dark-emphasis">
• For developers to build a
standout personal brand, grow their online
presence, and unlock career growth.
</p>
</div>
<div class="text-center ">
<a href="https://preview.digitonx.com"
target="_blank"
class="btn btn-outline-dark btn-lg text-decoration-none">
Get your free Preview
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item books">
<div class="h-100 bg-green p-4 rounded-4">
<a href="https://shop.digitonx.com/b/custom-domain-and-email-101"
target="_blank"><img
src="images/portfolio/books/2a.png"
class="img-fluid rounded-4" alt="portfolio"></a>
<h4 class="mb-2">
Custom Domain & Email 101
</h4>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
ebook | cdrrazan - 2025
</p>
<h5 class="mb-2">
Affordable Strategies for Professionals
</h5>
<p class="text-dark-emphasis">
• Essential guide to effortlessly and affordably
setting up professional domains and emails.
</p>
</div>
<div class="text-center ">
<a href="https://shop.digitonx.com/products/custom-domain-email-101"
target="_blank"
class="btn btn-outline-dark btn-sm text-decoration-none">
Shop now | digitonX
</a>
</div>
</div>
</div>
<!-- THEMES -->
<div class="col mb-2 portfolio-item themes">
<div class="h-100 bg-teal p-4 rounded-4">
<a href="https://showaru.theme.rsynk.com"
target="_blank"><img
src="images/portfolio/themes/1.png"
class="img-fluid rounded-4" alt="portfolio"></a>
<h3 class="mb-2">
showARU
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Jekyll Themes | cdrrazan - 2025
</p>
<h5 class="mb-2">
A Fast & Minimal Link Hub
</h5>
<p class="text-dark-emphasis">
• The DIY self-hosted LinkTree alternative.
Showaru has more than 100 branded button
styles you can easily use.<br/>
</p>
</div>
<div class="text-center ">
<a href="https://showaru.theme.rsynk.com"
target="_blank"
class="btn btn-outline-dark text-decoration-none">
View theme
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item themes">
<div class="h-100 bg-green p-4 rounded-4">
<a href="https://prasad.theme.rsynk.com"
target="_blank">
<img src="images/portfolio/themes/2.png"
class="img-fluid rounded-4" alt="portfolio">
</a>
<h3 class="mb-2">
Prasad
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Jekyll Themes | cdrrazan - 2025
</p>
<h5 class="mb-2">
Portfolio & Blog Theme
</h5>
<p class="text-dark-emphasis">
• Complete Jekyll theme designed for
portfolio and blog for developers, forked
version of Affiliate theme 🌐.
</p>
</div>
<div class="text-center ">
<a href="https://prasad.theme.rsynk.com"
target="_blank"
class="btn btn-outline-dark text-decoration-none">
Check theme
</a>
</div>
</div>
</div>
<!-- CLI APPS -->
<div class="col mb-2 portfolio-item cliapps">
<div class="h-100 bg-teal p-4 rounded-4">
<!-- <a href="https://firstdev.blog.rsynk.com"-->
<!-- target="_blank">-->
<!-- <img src="images/v/1.png"-->
<!-- class="img-fluid rounded-4" alt="portfolio">-->
<!-- </a>-->
<h3 class="mb-2">
TweetX
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Ruby CLI | cdrrazan - 2025
</p>
<h5 class="mb-2">
⚞ TweetX - Tweet Dashboard & Scheduler
</h5>
<p class="text-dark-emphasis mb-1">
• Lightweight, developer-friendly tweet
scheduler and dashboard designed for coders,
writers, and creators who want to stay
consistent without the hassle.
</p>
</div>
<div class="text-center ">
<a href="https://github.com/cdrrazan/tweetx"
target="_blank"
class="btn btn-outline-dark text-decoration-none">
View source code
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item cliapps">
<div class="h-100 bg-teal p-4 rounded-4">
<!-- <a href="https://firstdev.blog.rsynk.com"-->
<!-- target="_blank">-->
<!-- <img src="images/v/1.png"-->
<!-- class="img-fluid rounded-4" alt="portfolio">-->
<!-- </a>-->
<h3 class="mb-2">
passgenX
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Ruby CLI | cdrrazan - 2025
</p>
<h5 class="mb-2">
⚞ Password Generator CLI
</h5>
<p class="text-dark-emphasis mb-1">
• Secure, deterministic password generator based
on a master password, domain, and secret
identifier.
</p>
</div>
<div class="text-center ">
<a href="https://github.com/cdrrazan/passgenx"
target="_blank"
class="btn btn-outline-dark text-decoration-none">
View source code
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item cliapps">
<div class="h-100 bg-teal p-4 rounded-4">
<!-- <a href="https://firstdev.blog.rsynk.com"-->
<!-- target="_blank">-->
<!-- <img src="images/v/1.png"-->
<!-- class="img-fluid rounded-4" alt="portfolio">-->
<!-- </a>-->
<h3 class="mb-2">
Certgen
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Ruby CLI | cdrrazan - 2025
</p>
<h5 class="mb-2">
⚞ Free SSL certificates Generator!
</h5>
<p class="text-dark-emphasis mb-1">
• Ruby CLI tool to generate free SSL
certificates from Let's Encrypt. [90 days
validity]
Perfect for developers and site owners!
</p>
</div>
<div class="text-center ">
<a href="https://github.com/cdrrazan/certgen"
target="_blank"
class="btn btn-outline-dark text-decoration-none">
View source code
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item cliapps">
<div class="h-100 bg-teal p-4 rounded-4">
<!-- <a href="https://firstdev.blog.rsynk.com"-->
<!-- target="_blank">-->
<!-- <img src="images/v/1.png"-->
<!-- class="img-fluid rounded-4" alt="portfolio">-->
<!-- </a>-->
<h3 class="mb-2">
Brand KIT
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Ruby CLI | cdrrazan - 2025
</p>
<h5 class="mb-2">
⚞ Domain & Social Media Username Checker
</h5>
<p class="text-dark-emphasis mb-1">
• Modern, interactive CLI tool to check the
availability of domains and social media
usernames
</p>
</div>
<div class="text-center ">
<a href="https://github.com/cdrrazan/brandkit"
target="_blank"
class="btn btn-outline-dark text-decoration-none">
View source code
</a>
</div>
</div>
</div>
<!-- RUBY GEMS -->
<div class="col mb-2 portfolio-item rubygems">
<div class="h-100 bg-green p-4 rounded-4">
<!-- <a href="https://photo.blog.rsynk.com" target="_blank">-->
<!-- <img src="images/v/2.png"-->
<!-- class="img-fluid rounded-4" alt="portfolio">-->
<!-- </a>-->
<h3 class="mb-2">
relinkly
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
ruby Gem | cdrrazan - 2025
</p>
<h5 class="mb-2">
⚞ Relinkly - rebrandly Wrapper
</h5>
<p class="text-dark-emphasis mb-1">
• An upgraded Ruby wrapper for the Rebrandly API
from the fork!
</p>
</div>
<div class="text-center ">
<a href="https://github.com/cdrrazan/relinkly"
target="_blank"
class="btn btn-outline-dark text-decoration-none">
View source code
</a>
</div>
</div>
</div>
<!-- SHOPS -->
<div class="col mb-2 portfolio-item shops all">
<div class="h-100 bg-teal p-4 rounded-4">
<a href="https://digitonx.com" target="_blank">
<img src="images/portfolio/shops/1.png"
class="img-fluid rounded-4" alt="portfolio">
</a>
<h3 class="mb-2">
digitonX Shop
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
payhip | cdrrazan - 2025
</p>
<h5 class="mb-2">
Ebook Store
</h5>
<p class="text-dark-emphasis">
• Browse our growing collection of digital
products designed to boost your productivity and
presence. Available now on our official ebook
shop.
</p>
</div>
<div class="text-center ">
<a href="https://digitonx.com" target="_blank"
class="btn btn-outline-dark btn-lg text-decoration-none">
View
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item shops">
<div class="h-100 bg-teal p-4 rounded-4">
<a href="https://ko-fi.com/digitonx" target="_blank">
<img src="images/portfolio/shops/2.png"
class="img-fluid rounded-4" alt="portfolio">
</a>
<h3 class="mb-2">
ko-fi Support
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
ko-fi | cdrrazan - 2025
</p>
<h5 class="mb-2">
Support Platform
</h5>
<p class="text-dark-emphasis">
• 📚 Case Brand when Dev — A Developer's Guide to
Personal Branding! Ready to stand out as a
developer? 🚀 Order now and level up your career!
👇 #CaseBrandwhenDEV
</p>
</div>
<div class="text-center ">
<a href="https://ko-fi.com/digitonX" target="_blank"
class="btn btn-outline-dark btn-sm text-decoration-none">
Support me
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item shops">
<div class="h-100 bg-teal p-4 rounded-4">
<a href="https://gumroad.com/cdrrazan" target="_blank">
<img src="images/portfolio/shops/1.png"
class="img-fluid rounded-4" alt="portfolio">
</a>
<h3 class="mb-2">
Gumroad
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Gumroad Shop | cdrrazan - 2025
</p>
<h5 class="mb-2">
Alternative Shop
</h5>
<p class="text-dark-emphasis">
• Browse our growing collection of digital
products designed to boost your productivity and
presence. Available now on our official gumroad
shop.
</p>
</div>
<div class="text-center ">
<a href="https://gumroad.com/cdrrazan"
target="_blank"
class="btn btn-outline-dark btn-sm text-decoration-none">
View Gumroad store
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item shops">
<div class="h-100 bg-teal p-4 rounded-4">
<a href="https://digitonx.com" target="_blank">
<img src="images/portfolio/shops/4.png"
class="img-fluid rounded-4" alt="portfolio">
</a>
<h3 class="mb-2">
digitonX | Site
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Marketing | cdrrazan - 2025
</p>
<h5 class="mb-2">
All about us
</h5>
<p class="text-dark-emphasis">
• Discover actionable insights and resources to
build your online presence, featuring strategies
from the ebook "Case Brand when DEV."
</p>
</div>
<div class="text-center ">
<a href="https://digitonx.com" target="_blank"
class="btn btn-outline-dark btn-sm text-decoration-none">
View digitonX
</a>
</div>
</div>
</div>
<!-- BLOGS -->
<div class="col mb-2 portfolio-item blogs">
<div class="h-100 bg-green p-4 rounded-4">
<a href="https://rsynk.com" target="_blank">
<img src="images/portfolio/blogs/2.png"
class="img-fluid rounded-4" alt="portfolio">
</a>
<h3 class="mb-2">
rSYNK blog
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
🌱 The Alpha Account
</p>
<p class="text-dark-emphasis mb-2">
• For updates, insights, and a glimpse behind
the scenes from all other pages and accounts!
🌐.<br/>
• Built using Jekyll | Hosted in Cloudflare
</p>
</div>
<div class="text-center ">
<a href="https://rsynk.com" target="_blank"
class="btn btn-outline-dark btn-lg text-decoration-none">
View blog | rsynk
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item blogs featured">
<div class="h-100 bg-teal p-4 rounded-4">
<a href="https://firstdev.blog.rsynk.com"
target="_blank">
<img src="images/portfolio/blogs/1.png"
class="img-fluid rounded-4" alt="portfolio">
</a>
<h3 class="mb-2">
FirstDEV
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Blog | cdrrazan - 2025
</p>
<h5 class="mb-2">
⚞ Well, Blog First!
</h5>
<p class="text-dark-emphasis">
• FirstDEV is a blog publishing platform with
target to the newer Ruby 3 + and Rails 7.x /
8.x. Sharing tips, tutorials, or technical
insights.
</p>
</div>
<div class="text-center ">
<a href="https://firstdev.blog.rsynk.com"
target="_blank"
class="btn btn-outline-dark btn-lg text-decoration-none">
Explore latest post
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item blogs">
<div class="h-100 bg-green p-4 rounded-4">
<a href="https://photo.blog.rsynk.com" target="_blank">
<img src="images/portfolio/blogs/3.png"
class="img-fluid rounded-4" alt="portfolio">
</a>
<h3 class="mb-2">
photoinX
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Amateur Photography/Video 📸
</p>
<p class="text-dark-emphasis mb-2">
• Click Sunsets/Sky/Cloud 🏞️ - Contributed by
@cdrrazan || @travelxlog.<br/>
• Built in Jekyll | Hosted in Cloudflare.
</p>
</div>
<div class="text-center ">
<a href="https://photo.blog.rsynk.com"
target="_blank"
class="btn btn-outline-dark btn-lg text-decoration-none">
View photoinX
</a>
</div>
</div>
</div>
<!-- NEWSLETTERS -->
<div class="col mb-2 portfolio-item newsletters featured">
<div class="h-100 bg-teal p-4 rounded-4">
<a href="https://viewaru.com" target="_blank">
<img src="images/portfolio/newsletters/1.png"
class="img-fluid rounded-4" alt="portfolio">
</a>
<h3 class="mb-2">
viewARU
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Newsletter | cdrrazan - 2025
</p>
<h5 class="mb-2">
Branding Newsletter for DEVs!
</h5>
<p class="text-dark-emphasis">
• For developers and creators who want to grow
their online presence, & master personal
branding!
</p>
</div>
<div class="text-center ">
<a href="https://viewaru.com" target="_blank"
class="btn btn-outline-dark btn-lg text-decoration-none">
Check newest issue
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item newsletters all">
<div class="h-100 bg-green p-4 rounded-4">
<a href="https://podcast.viewaru.com" target="_blank">
<img src="images/portfolio/newsletters/2.png"
class="img-fluid rounded-4" alt="portfolio">
</a>
<h3 class="mb-2">
vA
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
Podcast | RSYNK - 2025
</p>
<h5 class="mb-2">
Branding podcast from vA!
</h5>
<p class="text-dark-emphasis">
• vA - S01 - Podcasts
For developers and creators who want to grow
their online presence, & master personal
branding!
</p>
</div>
<div class="text-center ">
<a href="https://podcast.viewaru.com"
target="_blank"
class="btn btn-outline-dark btn-lg text-decoration-none">
Listen latest episode
</a>
</div>
</div>
</div>
<!-- MISC -->
<div class="col mb-2 portfolio-item talks all">
<div class="h-100 bg-teal p-4 rounded-4">
<!-- <a href="https://my.rajan.link" target="_blank">-->
<!-- <img src="images/v/3.png"-->
<!-- class="img-fluid rounded-4" alt="portfolio">-->
<!-- </a>-->
<h3 class="mb-2">
Jekyll Talks
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
meetup | RSYNK - 2019
</p>
<h5 class="mb-2">
Jekyll Themes and Zero Cost Hosting!
</h5>
<p class="text-dark-emphasis">
• Ruby Nepal Meetup, Episode 14.<br/>
• Venue- CloudFactory Nepal.<br/>
• Date - 29th Sept, 2019
</p>
</div>
<div class="text-center ">
<a href="https://rubynepal.org/meetup/?episode=14"
target="_blank"
class="btn btn-outline-dark btn-sm text-decoration-none">
View episode | RubyNepal
</a>
</div>
</div>
</div>
<div class="col mb-2 portfolio-item talks all">
<div class="h-100 bg-teal p-4 rounded-4">
<!-- <a href="https://my.rajan.link" target="_blank">-->
<!-- <img src="images/v/3.png"-->
<!-- class="img-fluid rounded-4" alt="portfolio">-->
<!-- </a>-->
<h3 class="mb-2">
FOSS Seminar
</h3>
<div class="pb-2">
<p class="text-dark-emphasis mt-2 mb-2">
seminar | RSYNK - 2017
</p>
<h5 class="mb-2">
FOSS & Linux
</h5>
<p class="text-dark-emphasis">
• 1 hour Seminar talk show in the Topic of FOSS
and Linux what is/how to and when story.<br/>
• Venue - NIST College, Banepa<br/>
• Date - 2017-03-17
</p>
</div>
<div class="text-center ">
<a href="https://cdrrazan.github.io/foss-linux"
target="_blank"
class="btn btn-outline-dark btn-sm text-decoration-none">
View slides
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- services section -->
<section class="text-white py-5" id="services">
<div class="container">
<div class="text-center">
<h2 class="display-3 mb-5 text-dark">
Services
</h2>
</div>
<div class="row g-4">
<!-- Service Items -->
<div class="col-md-6 col-lg-4">
<div class="testimonial-card bg-black text-white rounded-3 py-4 px-4 h-100">
<div class="text-start">
<h5>Web Development</h5>
<p>Custom websites, web apps, and landing pages tailored
for performance and simplicity.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="testimonial-card bg-black text-white rounded-3 py-4 px-4 h-100">
<div class="text-start">
<h5>Open Source Contribution</h5>
<p>Active collaboration, code reviews, and support for
meaningful open-source tools and libraries.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="testimonial-card bg-black text-white rounded-3 py-4 px-4 h-100">
<div class="text-start">
<h5>Automation & Developer Tools</h5>
<p>CLI tools, scripts, and automation dashboards (e.g.,
TweetX, Ruby gems) built for devs.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="testimonial-card bg-black text-white rounded-3 py-4 px-4 h-100">
<div class="text-start">
<h5>Software Consultation</h5>
<p>Architecture planning, stack selection, and technical
decisions to streamline your product build.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="testimonial-card bg-black text-white rounded-3 py-4 px-4 h-100">
<div class="text-start">
<h5>Developer Personal Branding</h5>
<p>1:1 sessions, ebook resources, and actionable
toolkits to grow your developer presence.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="testimonial-card bg-black text-white rounded-3 py-4 px-4 h-100">
<div class="text-start">
<h5>Technical Writing</h5>
<p>High-quality documentation, blogs, and guides that
speak clearly to a tech audience.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="testimonial-card bg-black text-white rounded-3 py-4 px-4 h-100">
<div class="text-start">
<h5>Resume & Portfolio Website</h5>
<p>Modern, ATS-compliant resumes and developer-first
portfolio pages that stand out.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="testimonial-card bg-black text-white rounded-3 py-4 px-4 h-100">
<div class="text-start">
<h5>Domain & Hosting Consultation</h5>
<p>Helping you pick, set up, and configure your domain
and hosting affordably and efficiently.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="testimonial-card bg-black text-white rounded-3 py-4 px-4 h-100">
<div class="text-start">
<h5>Brand Strategy & Social Media</h5>
<p>Content planning and social growth strategies
tailored for developers and creators.</p>
</div>
</div>
</div>
</div>
<!-- Book a Call Button -->
<div class="text-center mt-3">
<a href="https://calendly.com/cdrrazan/15" target="_blank">
<button type="button"
class="btn btn-outline-dark btn-lg mt-3 btn-color text-uppercase">
Book a call
</button>
</a>
</div>
</div>
</section>
<!-- eBooks section -->
<section class="py-5" id="ebook">
<div class="container mb-4">
<div class="rounded-4 p-5"
style="background-image: url(images/banner1.png); background-size: cover; background-repeat: no-repeat; background-position: center;">
<div class="row">
<div class="col-md-5">
<div class="h-100 bg-black text-white p-4 rounded-4">
<h3 class="mb-4">
My eBooks
</h3>
<div class="pb-4">
<h5 class="mb-2 text-center">
Case Brand when DEV
</h5>
<div>
<p class="text-light-emphasis px-4">
A practical guide for developers to build a
standout personal
brand, grow their online presence, and
unlock career
opportunities.
</p>
</div>
<div>
<h5 class="mb-2 text-center">
Custom Domain & Email 101
</h5>
<p class="text-light-emphasis px-4">
A step-by-step handbook to easily set up
your custom domain
and professional email, using free or
affordable tools — even
if you're just getting started.
</p>
</div>
<div class="text-center mt-3">
<a href="https://shop.digitonx.com"
target="_blank"
class="btn btn-success text-uppercase text-decoration-none">
View Shop
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ebook product section -->
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-4 mb-4">
<div class="d-flex gap-4 align-items-start">
<div class="icon">
<svg class="text-primary book" width="50" height="50">
<use xlink:href="#book"></use>
</svg>
</div>
<div class="text-md-start">
<h5>
Personal Branding eBook
</h5>
<p class="postf">
Discover <strong>“Case Brand when DEV”</strong> — a
guide crafted for developers to build their personal
brand and grow their online presence.
Includes actionable strategies, worksheets, and
examples.
</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="d-flex gap-4 align-items-start">
<div class="icon">
<svg class="text-primary folder" width="50" height="50">
<use xlink:href="#folder"></use>
</svg>
</div>
<div class="text-md-start">
<h5>
Bonus Guide on Domains & Emails
</h5>
<p class="postf">
Free with the main ebook, this bonus guide helps you
set up a professional custom domain and email
affordably — ideal for freelancers, devs, and indie
hackers.
</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="d-flex gap-4 align-items-start">
<div class="icon">
<svg class="text-primary shopping-cart" width="50"
height="50">
<use xlink:href="#shopping-cart"></use>
</svg>
</div>
<div class="text-md-start">
<h5>
digitonX Shop
</h5>
<p class="postf">
Browse our growing collection of digital products
designed to boost your productivity and presence.
Available now on our official <a
href="https://shop.digitonx.com"
target="_blank">ebook shop</a>.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ section -->
<section class="py-5">
<div class="container">
<div class="text-center pt-5">
<h2 class="display-3">FAQs | digitonX Shop</h2>
</div>
<div class="row mt-5">
<div class="col-lg-6">
<img src="images/faq.png" class="img-fluid"
alt="FAQ">
</div>
<div class="col-lg-6">
<div class="accordion accordion-flush" id="accordion-flush">
<div class="accordion-item border mb-3 rounded-3">
<h5 class="accordion-header">
<button class="accordion-button collapsed fw-bold"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseOne"
aria-expanded="true"
aria-controls="collapseOne">
Can I use credit cards or USD for payment?
</button>
</h5>
<div id="collapseOne"
class="accordion-collapse collapse show"
data-bs-parent="#accordion-flush">
<div class="accordion-body">
<p>Yes, the ebook shop accepts all major
credit/debit cards and supports payments in
USD and other currencies through Payhip's
secure checkout system.</p>
</div>
</div>
</div>
<div class="accordion-item border mb-3 rounded-3">
<h5 class="accordion-header">
<button class="accordion-button collapsed fw-bold"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseTwo"
aria-expanded="false"
aria-controls="collapseTwo">
What’s included with the ebook?
</button>
</h5>
<div id="collapseTwo"
class="accordion-collapse collapse"
data-bs-parent="#accordion-flush">
<div class="accordion-body">
<p>You’ll receive the full digital ebook (PDF),
interactive worksheets, bonus checklists,
and access to exclusive updates and
resources shared with readers.</p>
</div>
</div>
</div>
<div class="accordion-item border mb-3 rounded-3">
<h5 class="accordion-header">
<button class="accordion-button collapsed fw-bold"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseThree"
aria-expanded="false"
aria-controls="collapseThree">
Is this ebook useful for non-developers?
</button>
</h5>
<div id="collapseThree"
class="accordion-collapse collapse"
data-bs-parent="#accordion-flush">
<div class="accordion-body">
<p>Absolutely! While tailored for developers,
the principles of personal branding, online
presence, and visibility apply to
freelancers, creators, and other
professionals too.</p>
</div>
</div>
</div>
<div class="accordion-item border mb-3 rounded-3">
<h5 class="accordion-header">
<button class="accordion-button collapsed fw-bold"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseFour"
aria-expanded="false"
aria-controls="collapseFour">
Can I get a refund if I’m not satisfied?
</button>
</h5>
<div id="collapseFour"
class="accordion-collapse collapse"
data-bs-parent="#accordion-flush">
<div class="accordion-body">
<p>Due to the nature of digital products, all
sales are final. However, if you experience
any issue with the download or content,
reach out and it will be resolved
promptly.</p>
</div>
</div>
</div>
<div class="accordion-item border mb-3 rounded-3">
<h5 class="accordion-header">
<button class="accordion-button collapsed fw-bold"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseFive"
aria-expanded="false"
aria-controls="collapseFive">
Do I need any tools or apps to use the
materials?
</button>
</h5>
<div id="collapseFive"
class="accordion-collapse collapse"
data-bs-parent="#accordion-flush">
<div class="accordion-body">
<p>All materials are provided in standard
formats (PDF, links, etc.) that you can open
with any device or browser. No extra tools
are required beyond basic reading/viewing
apps.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- newsletter section -->
<section class="p-5 bg-yellow py-5">
<div class="container">
<div class="row justify-content-center my-5">
<!-- Newsletter Info -->
<div class="col-md-5">
<h6 class="text-uppercase">
Newsletter
</h6>
<h2 class="display-3">
Subscribe to viewARU
</h2>
<p class="mb-4">
<strong>viewARU</strong> is a free newsletter for developers
and creators who want to grow their online presence, master
personal branding, and explore tools that matter.
</p>
</div>
<!-- Newsletter Form -->
<div class="col-md-5">
<p class="mb-4">
Get actionable tips, insights, and exclusive updates —
straight to your inbox.
</p>
<ul class="list-unstyled">
<li>✓ Personal branding strategies for devs</li>
<li>✓ Tools, tips & resources curated weekly</li>
<li>✓ Exclusive content, templates, and early access</li>
</ul>
<form action="https://formspree.io/f/manoelnv" method="post"
id="viewaru-form">
<div class="mb-3">
<input type="email" class="form-control p-3 rounded-4"
name="email" id="newsletter_email"
placeholder="Your Email" required/>
</div>
<div class="d-grid">
<button id="my-form-button" type="submit"
class="btn btn-dark btn-lg text-uppercase rounded-4">
Subscribe
</button>
</div>
</form>
<p class="text-muted mt-3 small text-center"
id="viewaru-form-status"></p>
<p class="text-muted mt-3 small text-center">
Join hundreds already learning with <strong>viewARU</strong>.
No spam, ever.
</p>
</div>
</div>
</div>
</section>
<!-- newsletter issues Section -->
<section>
<div class="container p-5">
<div class="row justify-content-center">
<div class="col-lg-5 mb-4">
<div class="border rounded-4 p-4 bg-light h-100">
<h5 class="mb-2">📬 viewARU Issue #1: Personal Branding for
Developers</h5>
<p class="postf">
The first edition of our newsletter dives on how to
build your brand, showcase your expertise, and open
doors to new opportunities. 🚀
</p>
<a href="https://viewaru.com/p/personal-branding-for-developers"
target="_blank" class="text-decoration-none fw-bold">Read
Issue →</a>
</div>
</div>
<div class="col-lg-5 mb-4">
<div class="border rounded-4 p-4 bg-light h-100">
<h5 class="mb-2">📬 viewARU Issue #2: Defining Your Brand
Identity</h5>
<p class="postf">
In this issue today, we’re taking the first real step in
your branding journey: Defining Your Brand Identity.
</p>
<a href="https://viewaru.com/p/defining-your-brand-identity"
target="_blank" class="text-decoration-none fw-bold">Read
Issue →</a>
</div>
</div>
</div>
</div>
</section>
<!-- blog section -->
<section class="py-5 bg-light">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-4 fw-bold">Latest Blog! </h2>
<p class="text-muted fs-5">Insights and updates from my journey in
tech, development, and personal branding including Hobbies!</p>
</div>
<div class="row gy-4">
<!-- Blog Post Template (reused) -->
<div class="col-lg-6">
<div class="d-flex flex-column flex-md-row gap-4 bg-white rounded-5 shadow-sm p-4 h-100">
<div class="flex-shrink-0">
<img src="https://rsynk.com/assets/images/main.png"
class="img-fluid rounded-4"
alt="RSYNK – Welcome to the Blog!"
style="width: 100%; max-width: 220px;">
</div>
<div>
<p class="text-uppercase text-muted small mb-1">RSYNKcom
/ May 07, 2025</p>
<h5 class="fw-bold mb-2">
<a href="https://rsynk.com"
class="text-dark text-decoration-none"
target="_blank">
RSYNK – Welcome to the Blog!
</a>
</h5>
<p class="text-secondary mb-0">The blog is now the first
site to keep up with anything and everything related
about them, such as the news, updates and
announcements/releases.</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="d-flex flex-column flex-md-row gap-4 bg-white rounded-5 shadow-sm p-4 h-100">
<div class="flex-shrink-0">
<img src="https://firstdev.blog.rsynk.com/assets/images/covers/ruby.png"
class="img-fluid rounded-4"
alt="Ruby"
style="width: 100%; max-width: 220px;">
</div>
<div>
<p class="text-uppercase text-muted small mb-1">FirstDEV
- Dev Blog |
May 13, 2025</p>
<h5 class="fw-bold mb-2">
<a href="https://firstdev.blog.rsynk.com/ruby/blocks-procs-lambdas-explained"
class="text-dark text-decoration-none"
target="_blank">
Mastering Ruby’s Closures - Blocks, Procs, and
Lambdas Explained
</a>
</h5>
<p class="text-secondary mb-0">
As seasoned Ruby developers, we often leverage the
language’s expressive syntax and powerful features
to write clean and efficient code.
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="d-flex flex-column flex-md-row gap-4 bg-white rounded-5 shadow-sm p-4 h-100">
<div class="flex-shrink-0">
<img src="https://rsynk.com/assets/images/cwbd.png"
class="img-fluid rounded-4"
alt="Case Brand when DEV is finally launched"
style="width: 100%; max-width: 220px;">
</div>
<div>
<p class="text-uppercase text-muted small mb-1">
digitonX | Shop | April 1, 2025</p>
<h5 class="fw-bold mb-2">
<a href="https://rsynk.com/case-brand-when-dev-is-finally-launched/"
class="text-dark text-decoration-none"
target="_blank">
Case Brand when DEV is finally launched
</a>
</h5>
<p class="text-secondary mb-0">The wait is over—Case
Brand when DEV is officially launched! 🎉
If you’re a developer, freelancer, or software
engineer, you already know that technical skills
alone aren’t enough to stand out.</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="d-flex flex-column flex-md-row gap-4 bg-white rounded-5 shadow-sm p-4 h-100">
<div class="flex-shrink-0">
<img src="https://photo.blog.rsynk.com//images/thumbs/84.jpg"
class="img-fluid rounded-4"
alt="Everest in Top"
style="width: 100%; max-width: 220px;">
</div>
<div>
<p class="text-uppercase text-muted small mb-1">
Photoinx - Photography Blog | May 15, 2025</p>
<h5 class="fw-bold mb-2">
<a href="https://photo.blog.rsynk.com"
class="text-dark text-decoration-none"
target="_blank">
Amateur Photography/Video 📸
</a>
</h5>
<p class="text-secondary mb-0"> Clicks Sunsets/Sky/Cloud
🏞️ Explore stunning sunsets, dreamy skies, and
mesmerizing cloudscapes —
a serene visual escape into nature’s most
captivating moments - Contributed by @cdrrazan ||
@travelxlog.</p>
</div>
</div>
</div>
</div>
<div class="text-center mt-5">
<a href="https://my.rajan.link" target="_blank"
class="btn btn-outline-dark btn-lg text-uppercase px-4 py-2 rounded-pill">
View All blogs & links!
</a>
</div>
</div>
</section>
<!-- message section -->
<section class="p-5 bg-yellow py-2">
<div class="container">
<div class="row justify-content-center align-items-center py-5">
<!-- Left Column: Message Info -->
<div class="col-md-5 mb-4 mb-md-0">
<h6 class="text-uppercase text-dark fw-semibold mb-2">
Quick Contact
</h6>
<h2 class="display-4 fw-bold text-dark mb-3">
Leave a Message
</h2>
<p class="text-secondary fs-5">
Have a question, idea, or just want to say hello? Fill out
the form and I’ll get back to you shortly. I value every
message!
</p>
</div>
<!-- Right Column: Contact Form -->
<div class="col-md-6">
<form id="contact-form" action="https://formspree.io/f/xnndpojg"
method="POST">
<div class="mb-3">
<input type="text"
class="form-control p-3 rounded-4 shadow-sm border-dark-subtle"
name="name" id="name" placeholder="Your Name"
required/>
</div>
<div class="mb-3">
<input type="email"
class="form-control p-3 rounded-4 shadow-sm border-dark-subtle"
name="email" id="email" placeholder="Your Email"
required/>
</div>
<div class="mb-3">
<textarea
class="form-control p-3 rounded-4 shadow-sm border-dark-subtle"
name="message" id="message"
placeholder="Your Message"
rows="4" required>
</textarea>
</div>
<div class="d-grid">
<button type="submit"
id="contact-submit-btn"
class="btn btn-dark btn-lg text-uppercase fw-bold rounded-4 shadow">
Send Message
</button>
</div>
<p class="text-muted mt-3 small text-center"
id="contact-form-status"></p>
</form>
</div>
</div>
</div>
</section>
<!-- social media Section -->
<section class="py-5 bg-light">
<div class="container">
<div class="text-center mb-4">
<h2 class="display-5 fw-bold">Connect With Me</h2>
<p class="text-muted">Follow me on these platforms for more updates,
insights, and resources.</p>
</div>
<div class="d-flex flex-wrap justify-content-center gap-3">
<!-- Twitter/X -->
<a href="https://twitter.com/cdrrazan" target="_blank"
class="social-link border rounded-pill px-4 py-2 d-flex align-items-center text-dark text-decoration-none">
<i class="bi bi-twitter-x me-2 fs-5" style="color: #000;"></i> X
/ Twitter
</a>
<!-- LinkedIn -->
<a href="https://linkedin.com/in/cdrrazan" target="_blank"
class="social-link border rounded-pill px-4 py-2 d-flex align-items-center text-dark text-decoration-none">
<i class="bi bi-linkedin me-2 fs-5" style="color: #0a66c2;"></i>
LinkedIn
</a>
<!-- GitHub -->
<a href="https://github.com/cdrrazan" target="_blank"
class="social-link border rounded-pill px-4 py-2 d-flex align-items-center text-dark text-decoration-none">
<i class="bi bi-github me-2 fs-5" style="color: #333;"></i>
GitHub
</a>
<!-- Dev.to -->
<a href="https://dev.to/cdrrazan" target="_blank"
class="social-link border rounded-pill px-4 py-2 d-flex align-items-center text-dark text-decoration-none">
<i class="bi bi-file-earmark-text me-2 fs-5"
style="color: #0a0a0a;"></i> Dev.to
</a>
<!-- Reddit -->
<a href="https://reddit.com/cdrrazan_" target="_blank"
class="social-link border rounded-pill px-4 py-2 d-flex align-items-center text-dark text-decoration-none">
<i class="bi bi-reddit me-2 fs-5"
style="color: #0a0a0a;"></i> Reddit
</a>
<!-- Bluesky -->
<a href="https://bsky.app/profile/rsynk.com"
target="_blank"
class="social-link border rounded-pill px-4 py-2 d-flex align-items-center text-dark text-decoration-none">
<i class="bi bi-cloud-fill me-2 fs-5"
style="color: #0085ff;"></i>
Bluesky
</a>
<!-- Ko-fi -->
<a href="https://ko-fi.com/digitonx" target="_blank"
class="social-link border rounded-pill px-4 py-2 d-flex align-items-center text-dark text-decoration-none">
<i class="bi bi-cup-hot me-2 fs-5" style="color: #FF5E5B;"></i>
Ko-fi
</a>
</div>
</div>
</section>
<!-- profiles section -->
<section class="py-5 bg-light">
<div class="container w-75">
<div class="text-center mb-4">
<h2 class="display-5 fw-bold">Meet my other Profiles</h2>
<p class="text-muted">Explore other profiles for pages/accounts!</p>
</div>
<!-- Tab Navigation -->
<ul class="nav nav-tabs mb-4" id="profileTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="tab-one"
data-bs-toggle="tab" data-bs-target="#content-one"
type="button" role="tab">Personal/Professional
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="tab-two" data-bs-toggle="tab"
data-bs-target="#content-two" type="button" role="tab">
Official/Newsletters
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="tab-three" data-bs-toggle="tab"
data-bs-target="#content-three" type="button"
role="tab">Hobbies/Blog
</button>
</li>
</ul>
<!-- Tab Contents -->
<div class="tab-content" id="profileTabContent">
<!-- Tab One -->
<div class="tab-pane fade show active" role="tabpanel"
id="content-one">
<div class="accordion w-lg-50 w-75 w-md-75 mx-auto"
id="profilesAccordion1">
<div class="accordion-item rounded mb-3 shadow-sm">
<h2 class="accordion-header" id="headingProfile1">
<button class="accordion-button collapsed rounded"
type="button" data-bs-toggle="collapse"
data-bs-target="#collapseProfile1"
aria-expanded="false"
aria-controls="collapseProfile1">
Official Pages | Rajan Bhattarai
</button>
</h2>
<div id="collapseProfile1"
class="accordion-collapse collapse"
aria-labelledby="headingProfile1"
data-bs-parent="#profilesAccordion1">
<div class="accordion-body text-align-center">
<div class="profile-socials d-flex flex-wrap gap-2">
<a href="https://facebook.com/irajanbhattarai"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-facebook me-2 fs-6"
style="color: #1877F2;"></i> Facebook
</a>
<a href="https://twitter.com/irajanbhattarai"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-twitter-x me-2 fs-6"
style="color: #000;"></i> X / Twitter
</a>
<a href="https://instagram.com/irajanbhattarai"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-instagram me-2 fs-6"
style="color: #E4405F;"></i>
Instagram
</a>
</div>
</div>
</div>
</div>
<div class="accordion-item rounded mb-3 shadow-sm">
<h2 class="accordion-header" id="headingProfile2">
<button class="accordion-button collapsed rounded"
type="button" data-bs-toggle="collapse"
data-bs-target="#collapseProfile2"
aria-expanded="false"
aria-controls="collapseProfile2">
Professional Profiles | @cdrrazan
</button>
</h2>
<div id="collapseProfile2"
class="accordion-collapse collapse"
aria-labelledby="headingProfile2"
data-bs-parent="#profilesAccordion1">
<div class="accordion-body">
<p>For expressing professional & dev
updates!</p>
<div class="profile-socials d-flex flex-wrap gap-2">
<a href="https://bsky.app/profile/rsynk.com"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-cloud me-2 fs-6"
style="color: #0085ff;"></i> Bluesky
</a>
<a href="https://threads.net/@cdrrazan"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-threads me-2 fs-6"
style="color: #000000;"></i> Threads
</a>
<a href="https://mastodon.social/@cdrrazan"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-mastodon me-2 fs-6"
style="color: #000000;"></i> Mastodon
</a>
</div>
</div>
</div>
</div>
<div class="accordion-item rounded mb-3 shadow-sm">
<h2 class="accordion-header" id="headingProfile3">
<button class="accordion-button collapsed rounded"
type="button" data-bs-toggle="collapse"
data-bs-target="#collapseProfile3"
aria-expanded="false"
aria-controls="collapseProfile3">
Dev Profiles | @rajanHQ
</button>
</h2>
<div id="collapseProfile3"
class="accordion-collapse collapse"
aria-labelledby="headingProfile3"
data-bs-parent="#profilesAccordion1">
<div class="accordion-body">
<p>For expressing dev updates only!</p>
<div class="profile-socials d-flex flex-wrap gap-2">
<a href="https://twitter.com/rajanhq"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-twitter-x me-2 fs-6"
style="color: #000;"></i> X / Twitter
</a>
<a href="https://instagram.com/rajanhq"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-instagram me-2 fs-6"
style="color: #E4405F;"></i>
Instagram
</a>
<a href="https://threads.net/@cdrrazan"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-threads me-2 fs-6"
style="color: #000000;"></i> Threads
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Tab Two -->
<div class="tab-pane fade" role="tabpanel" id="content-two">
<div class="accordion w-lg-50 w-75 w-md-75 mx-auto"
id="profilesAccordion2">
<div class="accordion-item rounded mb-3 shadow-sm">
<h2 class="accordion-header" id="headingProfile4">
<button class="accordion-button collapsed rounded"
type="button" data-bs-toggle="collapse"
data-bs-target="#collapseProfile4"
aria-expanded="false"
aria-controls="collapseProfile4">
digitonx | Shop
</button>
</h2>
<div id="collapseProfile4"
class="accordion-collapse collapse"
aria-labelledby="headingProfile4"
data-bs-parent="#profilesAccordion2">
<div class="accordion-body">
<p>Discover actionable insights and resources to
build your online presence, <br/>
featuring strategies from the ebook "Case
Brand when DEV."</p>
<a href="https://shop.digitonx.com"
target="_blank"
class="btn btn-outline-success btn-lg mb-3">Shop
Us</a>
<div class="profile-socials d-flex flex-wrap gap-2">
<a href="https://facebook.com/digitonX"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-facebook me-2 fs-6"
style="color: #1877F2;"></i> Facebook
</a>
<a href="https://twitter.com/digitonX"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-twitter-x me-2 fs-6"
style="color: #000;"></i> X / Twitter
</a>
<a href="https://instagram.com/digitonxHQ"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-instagram me-2 fs-6"
style="color: #E4405F;"></i>
Instagram
</a>
<a href="https://pinterest.com/digitonX"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-pinterest me-2 fs-6"
style="color: #E60023;"></i>
Pinterest
</a>
</div>
</div>
</div>
</div>
<div class="accordion-item rounded mb-3 shadow-sm">
<h2 class="accordion-header" id="headingProfile5">
<button class="accordion-button collapsed rounded"
type="button" data-bs-toggle="collapse"
data-bs-target="#collapseProfile5"
aria-expanded="false"
aria-controls="collapseProfile5">
RSYNK.com | Umbrella Account
</button>
</h2>
<div id="collapseProfile5"
class="accordion-collapse collapse"
aria-labelledby="headingProfile5"
data-bs-parent="#profilesAccordion2">
<div class="accordion-body">
<p>🌱 The Alpha Account: Where it all begins!
<br/>
Follow for updates, insights, and a glimpse
behind the scenes from all other pages and
accounts! 🌐</p>
<a href="https://rsynk.com"
target="_blank"
class="btn btn-outline-success btn-lg mb-3">View
rsynk.com</a>
<div class="profile-socials d-flex flex-wrap gap-2">
<a href="https://twitter.com/rsynk.com"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-twitter-x me-2 fs-6"
style="color: #000;"></i> X / Twitter
</a>
</div>
</div>
</div>
</div>
<div class="accordion-item rounded mb-3 shadow-sm">
<h2 class="accordion-header" id="headingProfile6">
<button class="accordion-button collapsed rounded"
type="button" data-bs-toggle="collapse"
data-bs-target="#collapseProfile6"
aria-expanded="false"
aria-controls="collapseProfile6">
Viewaru | Brand Newsletter
</button>
</h2>
<div id="collapseProfile6"
class="accordion-collapse collapse"
aria-labelledby="headingProfile6"
data-bs-parent="#profilesAccordion2">
<div class="accordion-body">
<p>Newsletter to DEVs by DEVs — boost your
Personal Brand & career! 🚀</p>
<a href="https://viewaru.com"
target="_blank"
class="btn btn-outline-success btn-lg mb-3">Visit
viewaru.com</a>
<div class="profile-socials d-flex flex-wrap gap-2">
<a href="https://twitter.com/viewaru"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-twitter-x me-2 fs-6"
style="color: #000;"></i> X / Twitter
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Tab Three -->
<div class="tab-pane fade" role="tabpanel" id="content-three">
<div class="accordion w-lg-50 w-75 w-md-75 mx-auto"
id="profilesAccordion3">
<div class="accordion-item rounded mb-3 shadow-sm">
<h2 class="accordion-header" id="headingProfile7">
<button class="accordion-button collapsed rounded"
type="button" data-bs-toggle="collapse"
data-bs-target="#collapseProfile7"
aria-expanded="false"
aria-controls="collapseProfile7">
cdrrazan.com | FirstDEV blog
</button>
</h2>
<div id="collapseProfile7"
class="accordion-collapse collapse"
aria-labelledby="headingProfile7"
data-bs-parent="#profilesAccordion3">
<div class="accordion-body">
<p>Blog publishing platform with target to the
newer Ruby 3 + and Rails 7.x / 8.x + .</p>
<a href="https://firstdev.blog.rsynk.com"
target="_blank"
class="btn btn-outline-success btn-lg mb-3">
Visit FirstDEV
</a>
<div class="profile-socials d-flex flex-wrap gap-2">
<a href="https://facebook.com/cdrrazancom"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-facebook me-2 fs-6"
style="color: #1877F2;"></i> Facebook
</a>
<a href="https://twitter.com/cdrrazancom"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-twitter-x me-2 fs-6"
style="color: #000;"></i> X / Twitter
</a>
<a href="https://instagram.com/cdrrazancom"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-instagram me-2 fs-6"
style="color: #E4405F;"></i>
Instagram
</a>
</div>
</div>
</div>
</div>
<div class="accordion-item rounded mb-3 shadow-sm">
<h2 class="accordion-header" id="headingProfile8">
<button class="accordion-button collapsed rounded"
type="button" data-bs-toggle="collapse"
data-bs-target="#collapseProfile8"
aria-expanded="false"
aria-controls="collapseProfile8">
photoinx - PhotorSYNK | Photo blog
</button>
</h2>
<div id="collapseProfile8"
class="accordion-collapse collapse"
aria-labelledby="headingProfile8"
data-bs-parent="#profilesAccordion3">
<div class="accordion-body">
<p>Amateur Photography/Video 📸 - Click
Sunsets/Sky/Cloud 🏞️ - <br/>
Contributed by @cdrrazan || @travelxlog</p>
<a href="https://photo.blog.rsynk.com"
target="_blank"
class="btn btn-outline-success btn-lg mb-3">View
Gallery</a>
<div class="profile-socials d-flex flex-wrap gap-2">
<a href="https://facebook.com/photoinxHQ"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-facebook me-2 fs-6"
style="color: #1877F2;"></i> Facebook
</a>
<a href="https://twitter.com/photoinX"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-twitter-x me-2 fs-6"
style="color: #000;"></i> X / Twitter
</a>
<a href="https://instagram.com/photoinX"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-instagram me-2 fs-6"
style="color: #E4405F;"></i>
Instagram
</a>
<a href="https://500px.com/cdrrazan"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-camera-fill me-2 fs-6"
style="color: #E4405F;"></i>
500px
</a>
</div>
</div>
</div>
</div>
<div class="accordion-item rounded mb-3 shadow-sm">
<h2 class="accordion-header" id="headingProfile9">
<button class="accordion-button collapsed rounded"
type="button" data-bs-toggle="collapse"
data-bs-target="#collapseProfile9"
aria-expanded="false"
aria-controls="collapseProfile9">
Techxlog | Techblog
</button>
</h2>
<div id="collapseProfile9"
class="accordion-collapse collapse"
aria-labelledby="headingProfile9"
data-bs-parent="#profilesAccordion3">
<div class="accordion-body">
<p>Your daily dose of tech updates! 📱💻 Stay
informed with the latest in tech news,
trends, and innovations. <br/>
#Techxlog. Maintained by . @cdrrazan
#TechXdaily 🌐🚀</p>
<a href="https://tech.blog.rsynk.com"
target="_blank"
class="btn btn-outline-success btn-lg mb-3">Tech
Blog</a>
<div class="profile-socials d-flex flex-wrap gap-2">
<a href="https://facebook.com/techxlog"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-facebook me-2 fs-6"
style="color: #1877F2;"></i> Facebook
</a>
<a href="https://twitter.com/techxlog"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-twitter-x me-2 fs-6"
style="color: #000;"></i> X / Twitter
</a>
<a href="https://instagram.com/techxlog"
target="_blank"
class="social-link border rounded-pill px-3 py-1 d-inline-flex align-items-center text-dark">
<i class="bi bi-instagram me-2 fs-6"
style="color: #E4405F;"></i>
Instagram
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- built with love Section -->
<section class="bg-light py-5">
<div class="container text-center">
<h2 class="fw-bold mb-4">Built with Love @ RSYNK</h2>
<p class="mb-5">Every project we launch is built to help developers
shine, simplify, or start something new.</p>
<div class="row justify-content-center">
<div class="col-md-4 mb-4">
<div class="p-3 border rounded shadow-sm h-100">
<h5>📘 Case Brand when DEV</h5>
<p>Our flagship ebook to help devs build a personal brand
that opens doors.</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="p-3 border rounded shadow-sm h-100">
<h5>🤖 TweetX Automation</h5>
<p>Tweet smarter, not harder—with our CLI & dashboard for
content creators.</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="p-3 border rounded shadow-sm h-100">
<h5>🎨 Portfolio & Link Hub</h5>
<p>Clean, customizable themes to make your portfolio or
Link page pop and pass the filters.</p>
</div>
</div>
</div>
</div>
<!-- footer description Section -->
<div class="row mt-2">
<div class="col text-center">
<p class="small text-black">
For creative digital tools — from developer-focused eBooks and
resume themes to smart automation utilities. Built to empower,
crafted with care.
</p>
</div>
</div>
</section>
<!-- Place this script at the end of the body tag -->
<script>
var form = document.getElementById("viewaru-form");
async function handleSubmit(event) {
event.preventDefault();
var status = document.getElementById("viewaru-form-status");
var data = new FormData(event.target);
fetch(event.target.action, {
method: form.method,
body: data,
headers: {
'Accept': 'application/json'
}
}).then(response => {
if (response.ok) {
status.innerHTML = "Thank you for your submission. You will receive a confirmation email shortly!";
form.reset()
} else {
response.json().then(data => {
if (Object.hasOwn(data, 'errors')) {
status.innerHTML = data["errors"].map(error => error["message"]).join(", ")
} else {
status.innerHTML = "Oops! There was a problem submitting your form"
}
})
}
}).catch(error => {
status.innerHTML = "Oops! There was a problem submitting your form"
});
}
form.addEventListener("submit", handleSubmit)
</script>
<!-- Place this script at the end of the body tag -->
<script>
var form = document.getElementById("contact-form");
async function handleSubmit(event) {
event.preventDefault();
var status = document.getElementById("contact-form-status");
var data = new FormData(event.target);
fetch(event.target.action, {
method: form.method,
body: data,
headers: {
'Accept': 'application/json'
}
}).then(response => {
if (response.ok) {
status.innerHTML = "Thank you for your submission.";
form.reset()
} else {
response.json().then(data => {
if (Object.hasOwn(data, 'errors')) {
status.innerHTML = data["errors"].map(error => error["message"]).join(", ")
} else {
status.innerHTML = "Oops! There was a problem submitting your form"
}
})
}
}).catch(error => {
status.innerHTML = "Oops! There was a problem submitting your form"
});
}
form.addEventListener("submit", handleSubmit)
</script>
<!-- footer -->
<footer id="footer" class="bg-black text-white py-5">
<div class="container">
<div class="row g-md-5">
<!-- Column 1: Brand & Intro -->
<div class="col-md-3">
<div class="info-box">
<img src="images/logo-alt.png" class="img-fluid mb-3"
alt="Logo">
<p class="small">
Sharing powerful tools, resources, and knowledge to help
developers stand out.
</p>
<div class="d-flex flex-wrap gap-2 mt-4">
<a href="#">
<svg width="20" height="20">
<use xlink:href="#github"></use>
</svg>
</a>
<a href="#">
<svg width="20" height="20">
<use xlink:href="#twitter"></use>
</svg>
</a>
<a href="#">
<svg width="20" height="20">
<use xlink:href="#telegram"></use>
</svg>
</a>
<a href="#">
<svg width="20" height="20">
<use xlink:href="#behance"></use>
</svg>
</a>
<a href="#">
<svg width="20" height="20">
<use xlink:href="#messenger"></use>
</svg>
</a>
</div>
</div>
</div>
<!-- Column 2: Explore -->
<div class="col-md-2">
<h6 class="text-uppercase mb-3">Explore</h6>
<ul class="list-unstyled small">
<li><a class="text-white text-decoration-none"
href="/">Home</a></li>
<li><a class="text-white text-decoration-none"
href="https://my.rajan.link">Links</a>
</li>
<li><a class="text-white text-decoration-none"
href="https://firstdev.blog.rsynk.com">Blog</a></li>
<li><a class="text-white text-decoration-none"
href="https://github.com/cdrrazan">Projects</a>
</li>
<li><a class="text-white text-decoration-none"
href="https://shop.digitonx.com">Shop</a></li>
</ul>
</div>
<!-- Column 3: Products & Tools -->
<div class="col-md-2">
<h6 class="text-uppercase mb-3">Products</h6>
<ul class="list-unstyled small">
<li><a class="text-white text-decoration-none"
href="https://shop.digitonx.com">eBooks</a>
</li>
<li><a class="text-white text-decoration-none"
href="https://github.com/cdrrazan/tweetx">Automation
Tools</a></li>
<li><a class="text-white text-decoration-none"
href="https://github.com/cdrrazan/Showaru-jekyll">Themes</a>
</li>
<li><a class="text-white text-decoration-none"
href="https://github.com/cdrrazan/Prasad">Resume
Templates</a></li>
<li><a class="text-white text-decoration-none"
href="https://github.com/cdrrazan/Certgen">Security
Kits</a></li>
</ul>
</div>
<!-- Column 4: Resources -->
<div class="col-md-2">
<h6 class="text-uppercase mb-3">Resources</h6>
<ul class="list-unstyled small">
<li><a class="text-white text-decoration-none"
href="https://viewaru.com">Newsletter</a>
</li>
<li><a class="text-white text-decoration-none"
href="https://shop.digitonx.com">Freebies</a>
</li>
<li><a class="text-white text-decoration-none"
href="https://github.com">Source
Code</a></li>
<li><a class="text-white text-decoration-none"
href="https://tweetx.app.rsynk.com">Tweet
Automator</a>
</li>
<li><a class="text-white text-decoration-none"
href="https://certgen.builtwith.rsynk.com">SSL
Generator</a>
</li>
</ul>
</div>
<!-- Column 5: Contact -->
<div class="col-md-3">
<h6 class="text-uppercase mb-3">Let’s Collaborate</h6>
<p class="small">
Want to collaborate on a product or project? Or just say hi?
Reach out anytime.
</p>
<a href="/cdn-cgi/l/email-protection#5725363d36391725363d3639353f3623233625363e7934383a" class="h5 text-decoration-none text-white d-block mb-2"><span class="__cf_email__" data-cfemail="7507141f141b3507141f141b171d1401011407141c5b161a18">[email protected]</span></a>
<p class="small">📍 Remote — Available worldwide</p>
</div>
</div>
<!-- Footer Bottom -->
<div class="row border-top border-secondary pt-4">
<div class="col text-center small text-white">
©2025 by Rajan Bhattarai — Powered by
<a href="https://templatesjungle.com/"
class="text-white text-decoration-none">TemplatesJungle</a> &
<a href="https://themewagon.com"
class="text-white text-decoration-none">ThemeWagon</a>
</div>
</div>
</div>
</footer>
<!-- Bootstrap JavaScript Libraries -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/jquery-1.11.0.min.js"></script> <!-- jquery file-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<script src="js/plugins.js"></script>
<script type="text/javascript" src="js/lightbox.min.js"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>