Codes Post - Code And Man

Movie Post Code

</div>

Mastaney is a 2023 Indian Punjabi-language historical action drama film. It stars Tarsem Jassar and Gurpreet Ghuggi with Simi Chahal and Karamjit Anmol in supporting roles. Set in 1739, Nader Shah's undefeated army was attacked by Sikh rebellions. Nader demands to arrest them but it doesn't work out. Five ordinary men are hired to play Sikh rebels but over time they learn what Sikhs are.

</div>

<span><b>Lead Actors :</b> Tarsem Jassar, Gurpreet Ghuggi</span>

<span><b>Director :</b>Sharan Art</span>

<span><b>Release :</b> 25 August 2023</span>

<span><b>Country :</b>India</span>

<span><b>Views:</b> 3452345</span>

<span><b>Tagline:</b>A Story about Sikhs</span>

<span><b>Language:</b> Punjabi/Hindi</span>

<span><b>Budget:</b> 18 Crore INR</span>

<span><b>Revenue:</b>74 Crore INR</span>

</div>

<div class="downheadertable"><h3>Mastaney</h3></div>

</div>

Download

</path></svg>

</span>

</button>

<h3 style="text-align: left;">Your download link will appear in 30 seconds.</h3>

</div>

const downloadButton = document.querySelector(

".download-button-container .download-button"

);

const downloadHeading = document.querySelector(".download-info h3");

const downloadInfo = document.querySelector(".download-info");

let downloadTimer;

let remainingTime = 30;

let linkDisplayed = false;

const showDownloadLink = () => {

if (!linkDisplayed) {

const downloadLink = document.createElement("a");

//############################### DOWNLOAD LINK#####################################################

downloadLink.href = "https://www.braflix.gd/movie/1161406";

//__________________________________________________________________________________________________

downloadLink.innerHTML = "Click Here";

downloadLink.classList.add("download-link");

downloadInfo.appendChild(downloadLink);

}

linkDisplayed = true;

};

downloadButton.addEventListener("click", () => {

downloadButton.classList.add("active");

downloadTimer = setInterval(() => {

remainingTime--;

if (remainingTime <= 0) {

clearInterval(downloadTimer);

showDownloadLink();

downloadHeading.innerHTML = "Here is the download link.";

} else {

downloadHeading.innerHTML = `Your download link will appear in ${remainingTime} seconds.`;

}

}, 1000);

});

</script>

<style>

.download-button-container {

width: 100%;

max-width: 600px;

background: #eee;

margin: 24px auto;

padding: 16px;

text-align: center;

font-family: "Montserrat", sans-serif;

border-radius: 10px;

box-shadow: inset 0 10px 15px -3px rgba(0, 0, 0, 0.1);

display: flex;

flex-direction: column;

align-items: center;

}

.download-button-container .download-button {

display: flex;

align-items: center;

gap: 8px;

width: 200px;

justify-content: center;

font-family: "Montserrat", sans-serif;

font-size: 16px;

font-weight: 300;

text-transform: uppercase;

letter-spacing: 2px;

background: #ef233c;

border: none;

padding: 8px;

cursor: pointer;

color: #fff;

}

.download-button-container .download-button.active .download-icon {

animation: bounceAnim 700ms infinite alternate;

}

.download-button-container .download-icon {

width: 16px;

}

.download-info h3 {

color: #023047;

margin-bottom: 12px;

}

.download-info {

height: 0;

overflow: hidden;

transition: all 400ms ease;

}

.download-button-container .download-button.active + .download-info {

height: 90px;

}

.download-info .download-link {

font-size: 14px;

text-transform: uppercase;

font-weight: 300;

color: #023047;

letter-spacing: 4px;

text-underline-offset: 5px;

}

@keyframes bounceAnim {

to {

transform: translateY(4px);

}

</style>

Drop Cap

A paragraph is a short collection of well-organized sentences which revolve around a single theme and is coherent. A good paragraph expresses everything it has to say briefly.

Block Quote

A paragraph is a short collection of well-organized sentences which revolve around a single theme and is coherent. A good paragraph expresses everything it has to say briefly.

Post Buttons

Available Icons: preview, download, link, cart, share, info

{getButton} $text={Button Text} $icon={Icon Name} $color={Hex Color}

{getButton} $text={Blue} $icon={link} $color={#ff0000}

{getButton} $text={Black} $icon={download} $color={#000}

{getButton} $text={Blue} $icon={link} $color={0000ff}

Alert Box

Write whatever you want and add the shortcode, Then select all the desired text including the shortcode and add the Quote Text style. {alertInfo}

Write whatever you want and add the shortcode, Then select all the desired text including the shortcode and add the Quote Text style. {alertSuccess}

Write whatever you want and add the shortcode, Then select all the desired text including the shortcode and add the Quote Text style. {alertError}

Write whatever you want and add the shortcode, Then select all the desired text including the shortcode and add the Quote Text style. {alertWarning}

Bordered Table

Firstname	Lastname	Email
John	Doe	john@example.com
Mary	Moe	mary@example.com
July	Dooley	july@example.com

Contact Form

{contactForm}

Code Box
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>... {codeBox}

Post Layouts(Not Working for me ☹)

I am a demo content

~~full-width~~

Post Page Code

</div>

Add Movie Details Here

</div>

<span><b>Actor :</b> Bob Newhart, Gabrielle Anwar, Jane Curtin, Noah Wyle, Olympia Dukakis</span>

<span><b>Director:</b> Jonathan Frakes</span>

<span><b>Release:</b> 09 October 2022</span>

<span><b>Country :</b> United States of America</span>

<span><b>Views:</b> 2354</span>

<span><b>Tagline:</b> The epic conclusion of the Jurassic era.</span>

<span><b>Language:</b> English, Français, Maltese</span>

<span><b>Budget:</b> $123,456,789.00</span>

<span><b>Revenue:</b> $123,456,789.00</span>

</div>

<div class="downheadertable"><h3> Jurassic World Dominion (2022)</h3></div>

<th>Download</th>

<th>Quality</th>

<th>Language</th>

</tr>

<tr>

<td><a href="#" rel="noopener nofollow" target="_balnk">Google Drive</a></td>

<td>English</td>

</tr>

<tr>

<td><a href="#" rel="noopener nofollow" target="_balnk">Google Drive</a></td>

<td>English</td>

</tr>

<tr>

<td><a href="#" rel="noopener nofollow" target="_balnk">Google Drive</a></td>

<td>English</td>

</tr>

<tr>

<td><a href="#" rel="noopener nofollow" target="_balnk">Google Drive</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="green" href="#" rel="noopener nofollow" target="_balnk">Multiup</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="green" href="#" rel="noopener nofollow" target="_balnk">Multiup</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="green" href="#" rel="noopener nofollow" target="_balnk">Multiup</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="green" href="#" rel="noopener nofollow" target="_balnk">Multiup</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="yellow" href="#" rel="noopener nofollow" target="_balnk">StreamSB</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="yellow" href="#" rel="noopener nofollow" target="_balnk">StreamSB</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="yellow" href="#" rel="noopener nofollow" target="_balnk">StreamSB</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="yellow" href="#" rel="noopener nofollow" target="_balnk">StreamSB</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="red" href="#" rel="noopener nofollow" target="_balnk">Usersdrive</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="red" href="#" rel="noopener nofollow" target="_balnk">Usersdrive</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="red" href="#" rel="noopener nofollow" target="_balnk">Usersdrive</a></td>

<td>English</td>

</tr>

<tr>

<td><a class="red" href="#" rel="noopener nofollow" target="_balnk">Usersdrive</a></td>

<td>English</td>

</tr>

</tbody> </table>

</div>

</div>

</div>

Search This Blog

CodeAndMan