After package-generator

Hello,

1. Since this is a Static HTML5/CSS3 Template, you will need to manually rename the Files according to your needs. So demo-construction.html becomes index.html, and other as you need.

2. This is not included by default since this is meant only for the Live Previews. You will need to manually include a Custom Solution for this. Consider using the following JS codes to create a Custom Solution for Colors:

const cnvsHEXtoRGBA = hex => {
	let c;
	if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){
		c= hex.substring(1).split('');
		if(c.length==3){
			c= [c[0], c[0], c[1], c[1], c[2], c[2]];
		}
		c= '0x'+c.join('');
		return [(c>>16)&255, (c>>8)&255, c&255].join(',');
	}
	console.log('Bad Hex');
};

// To change Colors
document.documentElement.style.setProperty('--cnvs-themecolor', elColor);
document.documentElement.style.setProperty('--cnvs-themecolor-rgb', cnvsHEXtoRGBA(elColor));

For the OffCanvas, simply use this Bootstrap Component: https://getbootstrap.com/docs/5.3/components/offcanvas/ .

1. Again, this must be done manually. This is the code for a Blog Post:

<div class="entry col-12">
	<div class="grid-inner row g-0">
		<div class="col-md-4">
			<a class="entry-image" href="demos/construction/images/team/4.jpg" data-lightbox="image"><img src="demos/construction/images/team/4.jpg" alt="Standard Post with Image"></a>
		</div>
		<div class="col-md-8 ps-md-4">
			<div class="entry-title title-sm">
				<h2><a href="#">This is a Standard post with a Preview Image</a></h2>
			</div>
			<div class="entry-meta">
				<ul>
					<li><i class="uil uil-schedule"></i> 10th Feb 2021</li>
					<li><a href="#"><i class="uil uil-user"></i> admin</a></li>
					<li><i class="uil uil-folder-open"></i> <a href="#">General</a>, <a href="#">Media</a></li>
					<li><a href="#"><i class="uil uil-comments-alt"></i> 13</a></li>
					<li><a href="#"><i class="uil uil-camera"></i></a></li>
				</ul>
			</div>
			<div class="entry-content">
				<p>...</p>
				<a href="#" class="button button-border button-rounded">Read More</a>
			</div>
		</div>
	</div>
</div>

and you will need to add this code in the #posts DIV for each New Blog Post.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.