963 lines
45 KiB
HTML
963 lines
45 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="ltr">
|
||
<head>
|
||
<meta charset="UTF-8"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||
<meta name="csrf-token" content="pTASJlt042Vo3XAFbvffgDFlRJIGLAVOJ9LcEFQe"/>
|
||
<meta name="theme-color" content="#ea580c">
|
||
<meta name="title" content="CHANGELOG.md - Realease notes & Feedback Management Tool">
|
||
<meta name="description"
|
||
content="Product feedback collection, analyze insights, build actionable roadmaps, and keep users informed with CHANGELOG.md">
|
||
<meta name="keywords"
|
||
content="product feedback, SaaS feedback platform, product roadmap tool, product updates, changelog software">
|
||
<link rel="alternate" hreflang="x-default" href="http://changelog.md"/>
|
||
<meta name="language" content="en">
|
||
<meta name="author" content="CHANGELOG.md - Realease notes & Feedback Management Tool">
|
||
<meta property="og:url" content="http://changelog.md">
|
||
<meta property="og:image" content="https://changelog.md/storage/logo/social_share.jpg">
|
||
<meta property="og:site_name" content="CHANGELOG.md - Realease notes & Feedback Management Tool">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="CHANGELOG.md - Realease notes & Feedback Management Tool">
|
||
<meta property="og:description"
|
||
content="Product feedback collection, analyze insights, build actionable roadmaps, and keep users informed with CHANGELOG.md">
|
||
<meta property="og:image:width" content="600">
|
||
<meta property="og:image:height" content="315">
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:title" content="CHANGELOG.md - Realease notes & Feedback Management Tool">
|
||
<meta name="twitter:image:src" content="https://changelog.md/storage/logo/social_share.jpg">
|
||
<meta name="twitter:description"
|
||
content="Product feedback collection, analyze insights, build actionable roadmaps, and keep users informed with CHANGELOG.md">
|
||
<meta name="theme" content="classic">
|
||
<title>CHANGELOG.md - Realease notes & Feedback Management Tool</title>
|
||
<link rel="shortcut icon" type="image/x-icon" href="https://changelog.md/storage/logo/favicon.png">
|
||
<style>
|
||
:root {
|
||
--color-primary: #ea580c !important;
|
||
--theme-color-rgb: 234, 88, 12 !important;
|
||
--color-primary-l: rgba(var(--theme-color-rgb), 0.08) !important;
|
||
}
|
||
</style>
|
||
|
||
<link rel="stylesheet" href="https://changelog.md/assets/global/fonts/css/fontawesome.css">
|
||
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/plugin/owl-carousel/owl.carousel.min.css">
|
||
<link rel="stylesheet"
|
||
href="https://changelog.md/assets/templates/classic/plugin/owl-carousel/owl.theme.default.min.css">
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/plugin/magnific-poupup/magnific-popup.css">
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/plugin/simple-bar/simplebar.min.css">
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/plugin/text-typer/typing-text.css">
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/plugin/wow-animate/animate.css">
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/plugin/swiper/swiper-bundle.min.css">
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/plugin/snackbar/snackbar.min.css">
|
||
|
||
<link rel="stylesheet" href="https://changelog.md/assets/global/bootstrap/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/css/style.css?ver=3.2.1">
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/css/responsive.css?ver=3.2.1">
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/css/app.css?ver=3.2.1">
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/css/custom.css?ver=3.2.1">
|
||
|
||
<link rel="stylesheet" href="https://changelog.md/assets/templates/classic/css/dark.css?ver=3.2.1">
|
||
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-157578943-1"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
|
||
function gtag() {
|
||
dataLayer.push(arguments);
|
||
}
|
||
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'UA-157578943-1');
|
||
</script>
|
||
|
||
|
||
<script type="text/javascript" class="flasher-js">(function () {
|
||
var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.1/dist/flasher.min.js';
|
||
var FLASHER_FLASH_BAG_PLACE_HOLDER = {};
|
||
var options = mergeOptions([], FLASHER_FLASH_BAG_PLACE_HOLDER);
|
||
|
||
function mergeOptions(first, second) {
|
||
return {
|
||
context: merge(first.context || {}, second.context || {}),
|
||
envelopes: merge(first.envelopes || [], second.envelopes || []),
|
||
options: merge(first.options || {}, second.options || {}),
|
||
scripts: merge(first.scripts || [], second.scripts || []),
|
||
styles: merge(first.styles || [], second.styles || []),
|
||
};
|
||
}
|
||
|
||
function merge(first, second) {
|
||
if (Array.isArray(first) && Array.isArray(second)) {
|
||
return first.concat(second).filter(function (item, index, array) {
|
||
return array.indexOf(item) === index;
|
||
});
|
||
}
|
||
return Object.assign({}, first, second);
|
||
}
|
||
|
||
function renderOptions(options) {
|
||
if (!window.hasOwnProperty('flasher')) {
|
||
console.error('Flasher is not loaded');
|
||
return;
|
||
}
|
||
requestAnimationFrame(function () {
|
||
window.flasher.render(options);
|
||
});
|
||
}
|
||
|
||
function render(options) {
|
||
if ('loading' !== document.readyState) {
|
||
renderOptions(options);
|
||
return;
|
||
}
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
renderOptions(options);
|
||
});
|
||
}
|
||
|
||
if (1 === document.querySelectorAll('script.flasher-js').length) {
|
||
document.addEventListener('flasher:render', function (event) {
|
||
render(event.detail);
|
||
});
|
||
}
|
||
if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) {
|
||
render(options);
|
||
} else {
|
||
var tag = document.createElement('script');
|
||
tag.setAttribute('src', rootScript);
|
||
tag.setAttribute('type', 'text/javascript');
|
||
tag.onload = function () {
|
||
render(options);
|
||
};
|
||
document.head.appendChild(tag);
|
||
}
|
||
})();</script>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="navbar-area nav-light position-absolute">
|
||
<div class="desktop-nav">
|
||
<nav class="navbar navbar-expand-lg navbar-light">
|
||
<a class="navbar-brand" href="http://changelog.md">
|
||
<img class="white-logo" src="https://changelog.md/storage/logo/classic-theme_footer_logo.png"
|
||
alt="CHANGELOG.md - Realease notes & Feedback Management Tool"/>
|
||
<img class="main-logo" src="https://changelog.md/storage/logo/classic-theme_logo.png"
|
||
alt="CHANGELOG.md - Realease notes & Feedback Management Tool"/>
|
||
</a>
|
||
<div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start" tabindex="-1" id="offcanvasExample"
|
||
aria-labelledby="offcanvasExampleLabel">
|
||
<div class="offcanvas-header d-lg-none">
|
||
<h3 class="navbar-brand offcanvas-title mb-0 font-24" id="offcanvasExampleLabel">
|
||
<img class="white-logo" src="https://changelog.md/storage/logo/classic-theme_footer_logo.png"
|
||
alt="CHANGELOG.md - Realease notes & Feedback Management Tool"/>
|
||
<img class="main-logo" src="https://changelog.md/storage/logo/classic-theme_logo.png"
|
||
alt="CHANGELOG.md - Realease notes & Feedback Management Tool"/>
|
||
</h3>
|
||
<button type="button" class="icon-group -secondary" data-bs-dismiss="offcanvas"
|
||
aria-label="Close">
|
||
<i class="fa-solid fa-xmark"></i></button>
|
||
</div>
|
||
<div class="offcanvas-body me-auto d-flex flex-column h-100">
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item">
|
||
<a href="http://changelog.md" class="nav-link">
|
||
Home
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="http://changelog.md/faq" class="nav-link">
|
||
FAQs
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="http://changelog.md/blog" class="nav-link">
|
||
Blog
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="http://changelog.md/contact" class="nav-link">
|
||
Contact Us
|
||
</a>
|
||
</li>
|
||
|
||
<li class="nav-item d-block d-sm-none">
|
||
<a href="http://changelog.md/login" class="nav-link">
|
||
Log in
|
||
</a>
|
||
</li>
|
||
<li class="nav-item d-block d-sm-none">
|
||
<a href="http://changelog.md/signup" class="nav-link">
|
||
Sign up
|
||
</a>
|
||
</li>
|
||
<!--/ # When user logout or new user login signup button-->
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="nav-others d-flex align-items-center">
|
||
|
||
|
||
<!--/ # When user logout or new user login signup button-->
|
||
<div class="d-flex justify-content-center">
|
||
<a href="http://changelog.md/login"
|
||
class="ml-16 button -secondary text-dark-1 px-15 rounded-pill fw-semibold font-16">Log in
|
||
</a>
|
||
<a href="http://changelog.md/signup"
|
||
class="ml-16 button bg-primary text-white px-15 rounded-pill fw-semibold font-16 d-none d-md-flex">Sign
|
||
up
|
||
</a>
|
||
</div>
|
||
<!--/ # When user logout or new user login signup button-->
|
||
|
||
|
||
<!--/ # On responsive hamburger menu button for offcanvas desktop nav-->
|
||
<div class="sidemenu-header ml-16 d-none">
|
||
<div class="responsive-burger-menu icon-group -secondary" data-bs-toggle="offcanvas"
|
||
data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
|
||
<i class="fa-solid fa-bars-staggered"></i>
|
||
</div>
|
||
</div>
|
||
<!--/ # On responsive hamburger menu button for offcanvas desktop nav-->
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="pt-70">
|
||
<!--Hero section start-->
|
||
<section class="container py-60" data-cue="fadeIn">
|
||
<div class="row justify-content-center">
|
||
<div class="col-xl-8 col-lg-10 col-12" data-cues="zoomIn" data-group="page-title" data-delay="700">
|
||
<div class="text-center d-flex flex-column gap-4">
|
||
<div class="d-flex justify-content-center">
|
||
<span
|
||
class="bg-primary-l text-primary border-primary border px-3 py-2 font-14 rounded-pill lh-1 align-items-center d-flex">
|
||
<i class="fa-regular fa-bolt"></i>
|
||
<span class="ms-2 fw-semibold">Effortlessly collect feedback</span>
|
||
</span>
|
||
</div>
|
||
<div class="d-flex flex-column gap-3 mx-lg-5">
|
||
<h1 class="mb-0 display-4 fw-bold">Create better products driven by customer feedback</h1>
|
||
<p class="mb-0 lead">Simplify feedback collection, lighten support tasks, and share product updates—all in
|
||
one powerful tool.</p>
|
||
</div>
|
||
<div class="d-flex flex-row align-items-center gap-4 justify-content-center">
|
||
<a href="http://changelog.md/login" class="button -primary">Get Started</a>
|
||
<a href="https://changelog.md"
|
||
class="push-right text-primary d-flex align-items-center">
|
||
<span class="me-1">Explore product</span>
|
||
<i class="fa-light fa-arrow-right push-this"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<div class="pattern-square"
|
||
style="background-image: url(https://changelog.md/assets/templates/classic/images/home/bg-pattern.png)"></div>
|
||
<section class="container py-60 xl-py-32">
|
||
<div class="row justify-content-center">
|
||
<div class="col-md-10 col-12">
|
||
<div class="text-center position-relative" data-cue="zoomIn">
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/hero-app-screen.png"
|
||
class="img-fluid bg-light p-3 rounded-3 border" alt=""/>
|
||
<div class="position-absolute top-50 d-none d-lg-block ms-n5" data-cue="slideInLeft">
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/hero-frame-left.svg" alt=""/>
|
||
</div>
|
||
<div class="position-absolute top-50 end-0 translate-middle me-n9 d-none d-lg-block">
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/hero-frame-right-1.svg"
|
||
class="me-n9 mb-4" alt=""
|
||
data-cue="slideInRight"/>
|
||
<br/>
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/hero-frame-right-2.svg" alt=""
|
||
data-cue="slideInRight"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Hero section close-->
|
||
|
||
|
||
<!--Trusted worldwide start-->
|
||
<div class="py-30" data-cue="fadeIn">
|
||
<div class="container py-2">
|
||
<div class="row">
|
||
<div class="col-lg-10 offset-lg-1">
|
||
<div class="swiper-container swiper"
|
||
id="swiper-1"
|
||
data-pagination-type=""
|
||
data-speed="400"
|
||
data-space-between="100"
|
||
data-pagination="true"
|
||
data-navigation="false"
|
||
data-autoplay="true"
|
||
data-autoplay-delay="3000"
|
||
data-breakpoints='{"480": {"slidesPerView": 2}, "768": {"slidesPerView": 3}, "1024": {"slidesPerView": 5}}'>
|
||
<div class="swiper-wrapper pb-40">
|
||
<div class="swiper-slide">
|
||
<figure class="text-center">
|
||
<img src="https://changelog.md/storage/partner/clients-logo-1.svg"
|
||
alt="clients-logo-1.svg"/>
|
||
</figure>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<figure class="text-center">
|
||
<img src="https://changelog.md/storage/partner/clients-logo-2.svg"
|
||
alt="clients-logo-2.svg"/>
|
||
</figure>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<figure class="text-center">
|
||
<img src="https://changelog.md/storage/partner/clients-logo-3.svg"
|
||
alt="clients-logo-3.svg"/>
|
||
</figure>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<figure class="text-center">
|
||
<img src="https://changelog.md/storage/partner/clients-logo-4.svg"
|
||
alt="clients-logo-4.svg"/>
|
||
</figure>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<figure class="text-center">
|
||
<img src="https://changelog.md/storage/partner/clients-logo-5.svg"
|
||
alt="clients-logo-5.svg"/>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
<!-- Add Pagination -->
|
||
<div class="swiper-pagination"></div>
|
||
<!-- Add Navigation -->
|
||
<div class="swiper-navigation">
|
||
<div class="swiper-button-next"></div>
|
||
<div class="swiper-button-prev"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--Trusted worldwide end-->
|
||
|
||
<!--Feature to boost Start-->
|
||
<section class="features container py-60 xl-py-32" data-cue="fadeIn">
|
||
<div class="row justify-content-center mb-45 lg-mb-24">
|
||
<div class="col-xl-6 col-lg-10 col-12">
|
||
<div class="text-center d-flex flex-column gap-4">
|
||
<div class="d-flex justify-content-center">
|
||
<span
|
||
class="bg-primary-l text-primary border-primary border px-3 py-2 font-14 rounded-pill lh-1 align-items-center d-flex">
|
||
<i class="fa-regular fa-bolt"></i>
|
||
<span class="ms-1 text-uppercase ls-md fw-semibold">Features</span>
|
||
</span>
|
||
</div>
|
||
<div class="d-flex flex-column gap-3 mx-60 lg-mx-0">
|
||
<h1 class="mb-0">All-in-One Platform for Customer Feedback</h1>
|
||
<p class="mb-0 font-18">Centralize your feedback, prioritize your next steps, and keep everyone
|
||
informed.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<!-- Tabs -->
|
||
<div class="col-lg-10 col-xl-8 col-xxl-6 mx-auto mb-70">
|
||
<div class="bg-light-3 rounded-pill p-2">
|
||
<ul class="nav nav-pills style-2 flex-nowrap justify-content-between" role="tablist">
|
||
<li class="nav-item" role="presentation">
|
||
<button class="nav-link rounded-pill active" id="pills-analytics-tab"
|
||
data-bs-toggle="pill"
|
||
data-bs-target="#pills-analytics" type="button" role="tab"
|
||
aria-controls="pills-analytics" aria-selected="true"
|
||
tabindex="-1">Analyze feedback
|
||
</button>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<button class="nav-link rounded-pill" id="pills-roadmap-tab" data-bs-toggle="pill"
|
||
data-bs-target="#pills-roadmap" type="button" role="tab"
|
||
aria-controls="pills-roadmap" aria-selected="false">Build roadmap
|
||
</button>
|
||
</li>
|
||
<li class="nav-item position-relative" role="presentation">
|
||
<button class="nav-link rounded-pill" id="pills-prioritize-tab" data-bs-toggle="pill"
|
||
data-bs-target="#pills-prioritize" aria-controls="pills-prioritize"
|
||
aria-selected="false" tabindex="-1" role="tab">Prioritize requests
|
||
</button>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<button class="nav-link rounded-pill" id="pills-changelog-tab" data-bs-toggle="pill"
|
||
data-bs-target="#pills-changelog" aria-controls="pills-changelog"
|
||
aria-selected="false" tabindex="-1" role="tab">Share updates
|
||
</button>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Tabs content -->
|
||
<div class="tab-content" id="pills-tabContent">
|
||
<!-- Content item 1-->
|
||
<div class="tab-pane active show fade" id="pills-analytics" role="tabpanel"
|
||
aria-labelledby="pills-analytics-tab" tabindex="0">
|
||
<div class="row align-items-center gy-5">
|
||
<!-- Info -->
|
||
<div class="col-lg-6 pr-120 xl-pr-0">
|
||
<div class="d-flex align-items-center">
|
||
<div class="icon-group size-24 bg-dark-3 text-white rounded-2 font-14"><i
|
||
class="fa-light fa-bolt"></i></div>
|
||
<span
|
||
class="text-uppercase font-14 ms-3 fw-bold ls-lg">Powerful SaaS solutions.</span>
|
||
</div>
|
||
<h1 class="my-24">Feedback Management</h1>
|
||
<p>Don’t let valuable ideas fall through the cracks. Use a single tool to collect, analyze, and organize
|
||
feedback and feature requests efficiently.</p>
|
||
<ul>
|
||
<li>- Capture customer input seamlessly from conversations with Autopilot.</li>
|
||
<li>- Detect and merge duplicate requests to better quantify user needs.</li>
|
||
</ul>
|
||
|
||
<!-- List -->
|
||
</div>
|
||
|
||
<!-- image and decoration -->
|
||
<div class="col-lg-6 position-relative">
|
||
<figure class="w-100">
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/feature/screen1.png"
|
||
class="rounded position-relative w-100" alt="feature-img">
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Content item 2-->
|
||
<div class="tab-pane fade" id="pills-roadmap" role="tabpanel" aria-labelledby="pills-roadmap-tab"
|
||
tabindex="0">
|
||
<div class="row align-items-center">
|
||
<!-- Info -->
|
||
<div class="col-lg-6 pr-120 xl-pr-0">
|
||
<div class="d-flex align-items-center">
|
||
<div class="icon-group size-24 bg-dark-3 text-white rounded-2 font-14"><i
|
||
class="fa-light fa-bolt"></i></div>
|
||
<span
|
||
class="text-uppercase font-14 ms-3 fw-bold ls-lg">Define Your Product Vision.</span>
|
||
</div>
|
||
<h1 class="my-24">Build your roadmap</h1>
|
||
<p>Keep users and stakeholders informed about current projects and upcoming plans.</p>
|
||
</div>
|
||
|
||
<!-- image and decoration -->
|
||
<div class="col-lg-6 position-relative ms-auto">
|
||
<figure class="w-100">
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/feature/screen2.png"
|
||
class="rounded position-relative w-100" alt="feature-img">
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Content item 2-->
|
||
<div class="tab-pane fade" id="pills-prioritize" role="tabpanel"
|
||
aria-labelledby="pills-prioritize-tab"
|
||
tabindex="0">
|
||
<div class="row align-items-center">
|
||
<!-- Info -->
|
||
<div class="col-lg-6 pr-120 xl-pr-0">
|
||
<div class="d-flex align-items-center">
|
||
<div class="icon-group size-24 bg-dark-3 text-white rounded-2 font-14"><i
|
||
class="fa-light fa-bolt"></i></div>
|
||
<span
|
||
class="text-uppercase font-14 ms-3 fw-bold ls-lg">Management & prioritization</span>
|
||
</div>
|
||
<h1 class="my-24">Prioritize feature requests</h1>
|
||
<p>Create a prioritization formula to score feedback and feature requests, ensuring you focus on the most
|
||
impactful features.</p>
|
||
<ul>
|
||
<li>- Adjust impact and effort factors to fit your needs.</li>
|
||
<li>- Include business-specific post fields for greater flexibility.</li>
|
||
<li>- Prioritize features based on user demand.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- image and decoration -->
|
||
<div class="col-lg-6 position-relative ms-auto">
|
||
<figure class="w-100">
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/feature/screen1.png"
|
||
class="rounded position-relative w-100" alt="feature-img">
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Content item 2-->
|
||
<div class="tab-pane fade" id="pills-changelog" role="tabpanel"
|
||
aria-labelledby="pills-changelog-tab"
|
||
tabindex="0">
|
||
<div class="row align-items-center">
|
||
<!-- Info -->
|
||
<div class="col-lg-6 pr-120 xl-pr-0">
|
||
<div class="d-flex align-items-center">
|
||
<div class="icon-group size-24 bg-dark-3 text-white rounded-2 font-14"><i
|
||
class="fa-light fa-bolt"></i></div>
|
||
<span
|
||
class="text-uppercase font-14 ms-3 fw-bold ls-lg">CHANGELOG.md</span>
|
||
</div>
|
||
<h1 class="my-24">Share updates</h1>
|
||
<p>Create a changelog that keeps everyone informed and engaged.</p>
|
||
<ul>
|
||
<li>- Publish Detailed Release Notes.</li>
|
||
<li>- Notify users who voted on specific feature requests.</li>
|
||
<li>- Drive customer retention, engagement and feature adoption.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- image and decoration -->
|
||
<div class="col-lg-6 position-relative ms-auto">
|
||
<figure class="w-100">
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/feature/screen4.png"
|
||
class="rounded position-relative w-100" alt="feature-img">
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Feature to boost end-->
|
||
|
||
|
||
<!--More focus start-->
|
||
<section class="more-focus container py-60 xl-py-32" data-cue="fadeIn">
|
||
<div class="row mb-60">
|
||
<div class="col-12">
|
||
<div class="d-flex flex-column gap-4">
|
||
<div class="d-flex">
|
||
<span
|
||
class="bg-primary-l text-primary border-primary border px-3 py-2 font-14 rounded-pill lh-1 align-items-center d-flex">
|
||
<i class="fa-regular fa-bolt"></i>
|
||
<span class="ms-1 text-uppercase ls-md fw-semibold">Capture feedback</span>
|
||
</span>
|
||
</div>
|
||
<div class="d-flex justify-content-end gap-5">
|
||
<h1 class="mb-0 w-50">Easy to set up and use</h1>
|
||
<p class="mb-0 w-50 text-md-end font-18">Simplify feedback collection, lighten support workloads, and
|
||
announce product updates—all with a single tool.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row gy-4 mb-3">
|
||
<div class="col-lg-4 col-12" data-cue="zoomIn">
|
||
<div class="card overflow-hidden border card-lift shadow-none p-0">
|
||
<div class="card-body me-xl-5 px-30 py-30">
|
||
<h4>Feedback Board</h4>
|
||
<p class="mb-0">Gather, analyze, and organize feedback in a centralized location</p>
|
||
</div>
|
||
<div class="text-end ms-4">
|
||
<figure class="mb-0">
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/feature/feedback.png"
|
||
class="img-fluid" alt=""/>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-12" data-cue="zoomIn">
|
||
<div class="card overflow-hidden border card-lift shadow-none p-0">
|
||
<div class="card-body me-xl-5 px-30 py-30">
|
||
<h4>Product Roadmap</h4>
|
||
<p class="mb-0">Create public/private roadmaps to keep everyone updated on your progress</p>
|
||
</div>
|
||
<div class="text-end ms-4">
|
||
<figure class="mb-0">
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/feature/roadmap.png"
|
||
class="img-fluid" alt=""/>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-12" data-cue="zoomIn">
|
||
<div class="card overflow-hidden border card-lift shadow-none p-0">
|
||
<div class="card-body me-xl-5 px-30 py-30">
|
||
<h4>Changelog</h4>
|
||
<p class="mb-0">Increase transparency with detailed change logs</p>
|
||
</div>
|
||
<div class="text-end ms-4">
|
||
<figure class="mb-0">
|
||
<img src="https://changelog.md/assets/templates/classic/images/home/feature/changelog.png"
|
||
class="img-fluid" alt=""/>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row gy-4">
|
||
<div class="col-md-4" data-cue="zoomIn" data-duration="1500">
|
||
<div class="card border card-lift shadow-none h-100">
|
||
<div class="card-body">
|
||
<div class="d-flex">
|
||
<div class="feature-icon">
|
||
<i class="fa-light fa-sun-alt icon-group size-50 bg-light-2 font-24"></i>
|
||
</div>
|
||
<div class="ms-4">
|
||
<h4>Feature Request</h4>
|
||
<p class="mb-0">Organize feature requests to identify the most in-demand improvements.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4" data-cue="zoomIn" data-duration="1500">
|
||
<div class="card border card-lift shadow-none h-100">
|
||
<div class="card-body">
|
||
<div class="d-flex">
|
||
<div class="feature-icon">
|
||
<i class="fa-light fa-dashboard icon-group size-50 bg-light-2 font-24"></i>
|
||
</div>
|
||
<div class="ms-4">
|
||
<h4>Customer Satisfaction</h4>
|
||
<p class="mb-0">Collect ongoing feedback to track and improve customer satisfaction over time.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4" data-cue="zoomIn" data-duration="1500">
|
||
<div class="card border card-lift shadow-none h-100">
|
||
<div class="card-body">
|
||
<div class="d-flex">
|
||
<div class="feature-icon">
|
||
<i class="fa-light fa-search icon-group size-50 bg-light-2 font-24"></i>
|
||
</div>
|
||
<div class="ms-4">
|
||
<h4>Analyze feedback</h4>
|
||
<p class="mb-0">
|
||
Uncover valuable customer insights to make better product decisions.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6" data-cue="zoomIn" data-duration="1500">
|
||
<div class="card border card-lift shadow-none h-100">
|
||
<div class="card-body">
|
||
<div class="d-flex">
|
||
<div class="feature-icon">
|
||
<i class="fa-light fa-bug icon-group size-50 bg-light-2 font-24"></i>
|
||
</div>
|
||
<div class="ms-4">
|
||
<h4>Bug Reporting</h4>
|
||
<p class="mb-0">Receive instant notifications when users report bugs, keeping you ahead of critical
|
||
issues.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6" data-cue="zoomIn" data-duration="1500">
|
||
<div class="card border card-lift shadow-none h-100">
|
||
<div class="card-body">
|
||
<div class="d-flex">
|
||
<div class="feature-icon">
|
||
<i class="fa-light fa-heart-pulse icon-group size-50 bg-light-2 font-24"></i>
|
||
</div>
|
||
<div class="ms-4">
|
||
<h4>Uptime monitoring service</h4>
|
||
<p class="mb-0">Create beautiful status pages & incident management reports and keep your visitors
|
||
updated.(Soon)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--More focus end-->
|
||
|
||
|
||
<section class="container my-60" data-cue="zoomIn">
|
||
<div class="container theme-gradient-dark rounded-4 shadow-3">
|
||
<div class="p-5 py-50">
|
||
<div class="row g-4 align-items-center text-center text-xl-start">
|
||
<div class="col-xl-5">
|
||
<div class="text-white">
|
||
<span class="text-uppercase">Join Our Newsletter</span>
|
||
<h2 class="text-white mb-0">Subscribe Now</h2>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-7">
|
||
<form action="http://changelog.md/newsletter" method="post" class="d-flex">
|
||
<input type="hidden" name="_token" value="pTASJlt042Vo3XAFbvffgDFlRJIGLAVOJ9LcEFQe"> <input name="email"
|
||
class="form-control rounded-5 h-48-px me-3 px-20"
|
||
placeholder="Enter your email address"
|
||
type="email"
|
||
value="">
|
||
<button class="button -primary -lg rounded-5">Subscribe</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!--FAQ-->
|
||
<section class="container py-60 xl-py-32" data-cue="fadeIn">
|
||
<div class="row justify-content-center mb-60">
|
||
<div class="col-xl-6 col-lg-10 col-12">
|
||
<div class="text-center d-flex flex-column gap-4">
|
||
<div class="d-flex justify-content-center">
|
||
<span
|
||
class="bg-primary-l text-primary border-primary border px-3 py-2 font-14 rounded-pill lh-1 align-items-center d-flex">
|
||
<i class="fa-regular fa-bolt"></i>
|
||
<span class="ms-1 text-uppercase ls-md fw-semibold">Help Center</span>
|
||
</span>
|
||
</div>
|
||
<div class="d-flex flex-column gap-3 mx-70 xl-mx-0">
|
||
<h1 class="mb-0">Frequently Asked Questions</h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-8 mx-auto">
|
||
<div class="ui-content">
|
||
<div class="accordion -style2 faq-page mb-4 mb-lg-5">
|
||
<div class="accordion" id="accordionExample">
|
||
<div class="accordion-item active ">
|
||
<h2 class="accordion-header" id="heading1">
|
||
<button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#collapse1"
|
||
aria-expanded="" aria-controls="collapse1">
|
||
What is CHANGELOG.md?
|
||
</button>
|
||
</h2>
|
||
<div id="collapse1" class="accordion-collapse collapse show " aria-labelledby="heading1"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body"><p>CHANGELOG.md is a SaaS platform designed to help you collect, analyze,
|
||
and act on customer feedback to uncover valuable insights and make informed product decisions.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item ">
|
||
<h2 class="accordion-header" id="heading2">
|
||
<button class="accordion-button collapsed " type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapse2" aria-expanded="" aria-controls="collapse2">
|
||
Can I use CHANGELOG.md to prioritize feature requests?
|
||
</button>
|
||
</h2>
|
||
<div id="collapse2" class="accordion-collapse collapse " aria-labelledby="heading2"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body"><p>Absolutely! With our prioritization tools, you can score feedback and
|
||
feature requests based on factors like impact and effort, helping you focus on what matters
|
||
most.</p></div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item ">
|
||
<h2 class="accordion-header" id="heading3">
|
||
<button class="accordion-button collapsed " type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapse3" aria-expanded="" aria-controls="collapse3">
|
||
How does CHANGELOG.md help with roadmapping?
|
||
</button>
|
||
</h2>
|
||
<div id="collapse3" class="accordion-collapse collapse " aria-labelledby="heading3"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body"><p>CHANGELOG.md allows you to build a clear and actionable roadmap by
|
||
organizing feedback and aligning it with your product vision.</p></div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item ">
|
||
<h2 class="accordion-header" id="heading4">
|
||
<button class="accordion-button collapsed " type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapse4" aria-expanded="" aria-controls="collapse4">
|
||
Can I share updates with my users?
|
||
</button>
|
||
</h2>
|
||
<div id="collapse4" class="accordion-collapse collapse " aria-labelledby="heading4"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body"><p>Yes! CHANGELOG.md includes a changelog feature where you can publish
|
||
detailed release notes, link them to specific feature requests, and notify users who requested those
|
||
features automatically.</p></div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item ">
|
||
<h2 class="accordion-header" id="heading5">
|
||
<button class="accordion-button collapsed " type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapse5" aria-expanded="" aria-controls="collapse5">
|
||
Does CHANGELOG.md integrate with other tools?
|
||
</button>
|
||
</h2>
|
||
<div id="collapse5" class="accordion-collapse collapse " aria-labelledby="heading5"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body"><p>Yes, CHANGELOG.md integrates with popular customer support and project
|
||
management tools, allowing your team to seamlessly capture and manage feedback within their existing
|
||
workflows.</p></div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item ">
|
||
<h2 class="accordion-header" id="heading6">
|
||
<button class="accordion-button collapsed " type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapse6" aria-expanded="" aria-controls="collapse6">
|
||
Who can benefit from using CHANGELOG.md?
|
||
</button>
|
||
</h2>
|
||
<div id="collapse6" class="accordion-collapse collapse " aria-labelledby="heading6"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body"><p>Product managers, customer success teams, and anyone involved in
|
||
building and improving products can benefit from CHANGELOG.md. It’s perfect for startups, SaaS
|
||
companies, and organizations looking to make data-driven product decisions.</p></div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item ">
|
||
<h2 class="accordion-header" id="heading7">
|
||
<button class="accordion-button collapsed " type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapse7" aria-expanded="" aria-controls="collapse7">
|
||
How do I get started with CHANGELOG.md?
|
||
</button>
|
||
</h2>
|
||
<div id="collapse7" class="accordion-collapse collapse " aria-labelledby="heading7"
|
||
data-bs-parent="#accordionExample">
|
||
<div class="accordion-body"><p>Getting started is simple! Sign up for a free trial, set up your
|
||
feedback portal, and start collecting insights to drive your product decisions.</p></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--FAQ end-->
|
||
|
||
|
||
<!--Call to action start-->
|
||
<section class="container lg-mb-auto mb-60 py-60 xl-py-32" data-cue="zoomIn">
|
||
<div class="container theme-gradient-dark rounded-4 shadow-3">
|
||
<div class="p-5 py-100 text-center">
|
||
<div class="d-flex flex-column gap-4">
|
||
<div class="d-flex justify-content-center">
|
||
<span
|
||
class="bg-primary-l text-primary border-primary border px-3 py-2 font-14 rounded-pill lh-1 align-items-center d-flex">
|
||
<i class="fa-regular fa-bolt"></i>
|
||
<span class="ms-1 text-uppercase ls-md fw-semibold">More features. More power.</span>
|
||
</span>
|
||
</div>
|
||
<div class="d-flex flex-column gap-3 mx-70 xl-mx-0">
|
||
<h1 class="mb-0 text-white">We bring companies and customers even closer</h1>
|
||
<p class="mb-0 text-white">Ready to start building the right things?</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center justify-content-center gap-3 mt-24">
|
||
<a href="http://changelog.md/login" class="button -primary">Join now</a>
|
||
<a href="https://changelog.md" class="button bg-white">Try demo</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Call to action end-->
|
||
|
||
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer>
|
||
<div class="container">
|
||
<div class="d-flex justify-content-center align-items-center">
|
||
<div class="d-flex flex-column align-items-center">
|
||
<a href="http://changelog.md">
|
||
<img class="white-logo mb-16 w-130-px"
|
||
src="https://changelog.md/storage/logo/classic-theme_footer_logo.png"
|
||
alt="CHANGELOG.md - Realease notes & Feedback Management Tool">
|
||
<img class="main-logo mb-16 w-130-px" src="https://changelog.md/storage/logo/classic-theme_logo.png"
|
||
alt="CHANGELOG.md - Realease notes & Feedback Management Tool">
|
||
</a>
|
||
<div class="d-flex align-items-center font-16 gap-3">
|
||
<div><a href="http://changelog.md" class="-underline fw-semibold">Home</a></div>
|
||
<div><a href="http://changelog.md/page/terms-conditions"
|
||
class="-underline fw-semibold">Terms & Conditions</a></div>
|
||
<div><a href="http://changelog.md/page/privacy"
|
||
class="-underline fw-semibold">Privacy Policy</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="separator-1px-op-l my-32"></div>
|
||
<div class="row align-items-center g-4 g-lg-0 pb-32">
|
||
<div class="col-lg-4 order-lg-first order-last text-lg-start text-center">
|
||
Copyright © 2026 Changelog.md. All Rights Reserved.
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="d-flex font-16 gap-3 justify-content-center">
|
||
<div>
|
||
<a href="http://changelog.md/faq"
|
||
class="text-dark-1 text-decoration -underline fw-semibold">FAQs</a>
|
||
</div>
|
||
<div>
|
||
<a href="http://changelog.md/feedback"
|
||
class="text-dark-1 text-decoration -underline fw-semibold">Feedback</a>
|
||
</div>
|
||
<div>
|
||
<a href="http://changelog.md/contact"
|
||
class="text-dark-1 text-decoration -underline fw-semibold">Contact</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="d-flex font-16 gap-3 justify-content-lg-end justify-content-center">
|
||
<div>
|
||
<a class="icon-group -outlined -light shadow-3 rounded-3"
|
||
href="https://x.com/changelogmd" rel="nofollow">
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 14 14"
|
||
style="fill: currentcolor; height: .9em; overflow: visible; width: 1em;">
|
||
<path
|
||
d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<script>
|
||
"use strict";
|
||
var themecolor = "#ea580c";
|
||
var siteurl = "http:\/\/changelog.md";
|
||
var ajax_url = "http:\/\/changelog.md\/ajax";
|
||
|
||
var LANG_LOGGED_IN_SUCCESS = "Logged in successfully";
|
||
var LANG_DEVELOPED_BY = "Developed by";
|
||
var DEVELOPER_CREDIT = 1;
|
||
var LIVE_CHAT = null;
|
||
var DARK_MODE_SWITCH = 0;
|
||
var DEFAULT_THEME_MODE = "light";
|
||
</script>
|
||
|
||
<script src="https://changelog.md/assets/global/js/jquery.min.js"></script>
|
||
<script src="https://changelog.md/assets/global/js/jquery.form.js"></script>
|
||
<script src="https://changelog.md/assets/global/bootstrap/js/bootstrap.min.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/owl-carousel/owl.carousel.min.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/owl-carousel/carousel-thumbs.min.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/magnific-poupup/jquery.magnific-popup.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/mixitup/mixitup.min.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/simple-bar/simplebar.min.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/appear/appear.min.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/text-typer/typing-text.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/wow-animate/wow.min.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/swiper/swiper-bundle.min.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/swiper/swiper.js"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/plugin/snackbar/snackbar.min.js"></script>
|
||
|
||
<!--Custom JS-->
|
||
<script src="https://changelog.md/assets/templates/classic/js/user-ajax.js?ver=3.2.1"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/js/custom.js?ver=3.2.1"></script>
|
||
<script src="https://changelog.md/assets/templates/classic/js/script.js?ver=3.2.1"></script>
|
||
|
||
|
||
</body>
|
||
|
||
</html>
|