How can I use insta box from photographer demo in another demo

Hello,

Thanks for your Patience and Really sorry for Late Reply. There is no Javascript Code. You need to add only HTML & CSS3 Codes. Here are your Codes.

HTML Codes:

<div class="row">
	<div class="col-md-3 gradient-border shadow-sm d-flex">
		<div class="feature-box px-3 py-4 fbox-small">
			<div class="fbox-media align-self-start">
				<img src="demos/photographer/images/icons/instagram.svg" class="noradius nobg tleft" alt="" style="height: 48px;">
			</div>
			<div class="d-block" style="margin: 90px auto"></div>
			<p class="mb-0 t400">View Our Instagram Stories</p>
			<h3 class="t500 mt-1 mb-0 capitalize d-flex align-self-end"><a href="http://instagram.com/semicolonweb" target="_blank" class="text-dark">instagram <i class="icon-line-arrow-right t600 position-relative" style="top: 2px"></i></a></h3>
		</div>
	</div>
</div>

CSS Codes:

.gradient-border {
	--borderSize: 4px; /* Set Border Size */
	position: relative;
	border-radius: 3px;
	background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

.gradient-border:before {
	content: '';
	position: absolute;
	top: var(--borderSize, 4px);
	left: var(--borderSize, 4px);
	height: calc(100% - var(--borderSize, 4px) * 2);
	width: calc(100% - var(--borderSize, 4px) * 2);
	background: #FFF;
	border-radius: 3px;
}

@keyframes animatedgradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

This should definitely work fine. Hope this Helps!

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