1066 lines
43 KiB
HTML
1066 lines
43 KiB
HTML
|
{% extends "mnfapp/base.html" %}
|
||
|
|
{% load static %}
|
||
|
|
{% block content %}
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>Privilege</title>
|
||
|
|
<link rel="stylesheet" href={% static 'css/privilege/style.css' %} />
|
||
|
|
<script src={% static 'js/privilege/script.js' %} defer></script>
|
||
|
|
<link
|
||
|
|
rel="stylesheet"
|
||
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
||
|
|
/>
|
||
|
|
<link
|
||
|
|
rel="stylesheet"
|
||
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
|
||
|
|
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
|
||
|
|
crossorigin="anonymous"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
/>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="title-container-privilege">
|
||
|
|
<div>
|
||
|
|
<h2>
|
||
|
|
Powered <span>By</span> AI <span>&</span> Secured
|
||
|
|
<span>By</span> Blockchain <span>!</span>
|
||
|
|
</h2>
|
||
|
|
<p>
|
||
|
|
{% if memberType == "normal" or memberType == "yearly" %}
|
||
|
|
You are already a privileged member and your membership is valid till <span id="validity">{{expiry}}</span>
|
||
|
|
|
||
|
|
{% elif memberType == "Life Member" %}
|
||
|
|
You are already a Life member and your membership is valid till <span id="validity">{{expiry}}</span>
|
||
|
|
{% else %}
|
||
|
|
Buy your membership
|
||
|
|
{% endif %}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<button
|
||
|
|
class="juggernaut-btn juggernaut-btn-desktop"
|
||
|
|
onclick="openJuggernautPopup()"
|
||
|
|
>
|
||
|
|
Juggernaut Packages
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
class="juggernaut-btn juggernaut-btn-mobile"
|
||
|
|
onclick="openJuggernautPopupMobile()"
|
||
|
|
>
|
||
|
|
Juggernaut Packages
|
||
|
|
</button>
|
||
|
|
<button class="gift-btn" onclick="openPrivilegePopup()">
|
||
|
|
Activate Your Gift Subscription
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-container-privilege">
|
||
|
|
<div class="card-body-privilege">
|
||
|
|
<div class="icon-container">
|
||
|
|
<img src={% static 'media/privilege/icon1.png' %} alt="img" />
|
||
|
|
</div>
|
||
|
|
<h2>Filmmaking Democratized</h2>
|
||
|
|
<div class="card-content">
|
||
|
|
<h3>In The Idea Mall</h3>
|
||
|
|
<li>Post Your Ideas</li>
|
||
|
|
<li>Get Instant Discussion With MNF-AI</li>
|
||
|
|
<li>Browse Ideas Posted By Others</li>
|
||
|
|
<li>Find Co-Writers</li>
|
||
|
|
<li>Find Opportunities For Script Writing</li>
|
||
|
|
<h3>In The Viewing Lounge</h3>
|
||
|
|
<li>Upload Your Showreel And Other Videos.</li>
|
||
|
|
<li>Create Your Video Introduction For Everyone To See.</li>
|
||
|
|
<h3>In The Harkat Club</h3>
|
||
|
|
<li>Free Membership Of Harkat Club</li>
|
||
|
|
<li>Propose And Set Up A Harkat Club In Your Locality.</li>
|
||
|
|
<h3 class="align-center">& Also</h3>
|
||
|
|
<p>
|
||
|
|
Limited Usage Of Conversion Studio, Subtitling, Script Builder,
|
||
|
|
Narration Room, Preview Chamber Etc
|
||
|
|
</p>
|
||
|
|
<button>Free</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card-body-privilege">
|
||
|
|
<div class="icon-container">
|
||
|
|
<img src={% static 'media/privilege/icon1.png' %} alt="img" />
|
||
|
|
</div>
|
||
|
|
<h2>Privileges Waiting For You!</h2>
|
||
|
|
<div class="card-content">
|
||
|
|
<h3>In The Idea Mall</h3>
|
||
|
|
<li>Auction Your Scripts And Projects.</li>
|
||
|
|
<li>
|
||
|
|
Commision Script Writing Assignments And Find Co-Producers And
|
||
|
|
Financers
|
||
|
|
</li>
|
||
|
|
<h3 class="unique-offerings">Unique Offerings!</h3>
|
||
|
|
<li>
|
||
|
|
Full Benefits Of Conversion Studio, Narration Room, Script Builder,
|
||
|
|
Preview Chamber Etc.
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
<form action="{% url 'payment' %}" method="post">
|
||
|
|
{%csrf_token%}
|
||
|
|
<input type="text" style="display: none;" name="plan" value='Monthly plan' id="plan" required>
|
||
|
|
<input type="text" style="display: none;" name="country">
|
||
|
|
<button type="submit" class="claim-privilege">Claim Privileges For $1/Month</button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
|
||
|
|
<h3 class="align-center">Yearly Subscription</h3>
|
||
|
|
<p class="align-center">
|
||
|
|
<span>10% </span>Additional <span>Discount </span>On All Services
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<form action="{% url 'payment' %}" method="post">
|
||
|
|
{%csrf_token%}
|
||
|
|
<input type="text" style="display: none;" name="plan" value='yearly' id="plan" required>
|
||
|
|
<input type="text" style="display: none;" name="country">
|
||
|
|
|
||
|
|
<button type="submit">Claim Privileges Now For $10</button>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card-body-privilege">
|
||
|
|
<div class="icon-container">
|
||
|
|
<img src={% static 'media/privilege/icon1.png' %} alt="img" />
|
||
|
|
</div>
|
||
|
|
<h2>Grab A Life Membership!</h2>
|
||
|
|
<span class="text-muted-privilege">10 Years</span>
|
||
|
|
<div class="card-content">
|
||
|
|
<li>Free Trial Of Yet To Be Launched Products And Services.</li>
|
||
|
|
<li>Got A Committed Relationship Manager.</li>
|
||
|
|
<li>
|
||
|
|
Be On The Notifications/Informations For Filmmaking Related Business
|
||
|
|
Proposals/Assignments/Opportunites.
|
||
|
|
</li>
|
||
|
|
<h3 class="margin-top"><span>50% Saving </span>On Life Membership For</h3>
|
||
|
|
<li>Language Pair Partners</li>
|
||
|
|
<li>MNF Messiah</li>
|
||
|
|
<li>Harkat Club Founders</li>
|
||
|
|
<li>Find Opportunites For Script Writing</li>
|
||
|
|
<section class="dynamic-text align-center">
|
||
|
|
Only {{left}} Left For {{thisMonth}}
|
||
|
|
</section>
|
||
|
|
<p class="align-center">
|
||
|
|
<span>20% </span>Additional <span>Discount </span>On All Services
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<form action="{% url 'payment' %}" method="post">
|
||
|
|
{%csrf_token%}
|
||
|
|
<input type="text" style="display: none;" name="plan" value='Life' id="plan" required>
|
||
|
|
<input type="text" style="display: none;" name="country">
|
||
|
|
|
||
|
|
<button>Grab It Now For $47 Only</button>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="dark-bg-privilege"></div>
|
||
|
|
|
||
|
|
<div class="gift-popup-privilege">
|
||
|
|
<div class="gift-content">
|
||
|
|
<button class="close-popup" onclick="closePrivilegePopup()">X</button>
|
||
|
|
<i
|
||
|
|
class="fa-solid fa-arrow-left close-popup-mobile"
|
||
|
|
onclick="closePrivilegePopup()"
|
||
|
|
></i>
|
||
|
|
<img src={% static 'media/privilege/popup-image-privilege.png' %} alt="popup-image" />
|
||
|
|
<h2>
|
||
|
|
You are at doorstep of incredible facilities and fascinating
|
||
|
|
opportunites.
|
||
|
|
</h2>
|
||
|
|
<form action="/pay/verifygift" method="post" class="privilege-form">
|
||
|
|
{% csrf_token %}
|
||
|
|
<div class="coupan-container">
|
||
|
|
<p>To open the door, please enter the coupon code.</p>
|
||
|
|
<input name="token" type="text" placeholder="Enter coupon code" />
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="claim-privileges">
|
||
|
|
Claim Your Privileges
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="thankyou-popup-privilege">
|
||
|
|
<div class="thankyou-content">
|
||
|
|
<button class="close-popup" onclick="closeThankyouPopup()">X</button>
|
||
|
|
<i
|
||
|
|
class="fa-solid fa-arrow-left close-popup-mobile"
|
||
|
|
onclick="closeThankyouPopup()"
|
||
|
|
></i>
|
||
|
|
<img src={% static 'media/privilege/popup-image-thankyou.png' %} alt="" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Juggernaut Popup -->
|
||
|
|
<main class="production-house-wrapper" id="production-house-popup">
|
||
|
|
<div class="production-house-container">
|
||
|
|
<i
|
||
|
|
class="fa-solid fa-x red-cross-btn"
|
||
|
|
onclick="closeProductionPopup()"
|
||
|
|
></i>
|
||
|
|
<div class="tabs-row tabs-row-1">
|
||
|
|
<div
|
||
|
|
class="cursor-pointer"
|
||
|
|
onclick="openJuggernautPopup()"
|
||
|
|
id="production-heading-1"
|
||
|
|
>
|
||
|
|
Production House
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="cursor-pointer"
|
||
|
|
onclick="openScreenplayPopup()"
|
||
|
|
id="screenplay-heading-1"
|
||
|
|
>
|
||
|
|
Screenplay Writing
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content-wrapper">
|
||
|
|
<h2>Juggernaut Packages(Production Houses)</h2>
|
||
|
|
<div class="jug-content-container">
|
||
|
|
<div class="jug-content">
|
||
|
|
<p class="class-remove-margin jug-content-heading dark-color">
|
||
|
|
Package name
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
Radiate
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
Regionalise
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
Globalise
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content">
|
||
|
|
<p class="class-remove-margin jug-content-heading light-color">
|
||
|
|
Validity in Days
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">30</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
180
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
365
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content">
|
||
|
|
<p class="class-remove-margin jug-content-heading light-color">
|
||
|
|
Price
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
$149
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
$1499
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
$14999
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content subtitling-jug-content">
|
||
|
|
<h3>Subtitling</h3>
|
||
|
|
<div class="subtitling-data">
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Total Number of Minutes Input
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-1">30</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-2">150</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-3">1200</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Output In No. Of Language
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-4">2</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-5">5</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-6">8</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
No. Of Iterations Per Language
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-7">2</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-8">2</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-9">2</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Note: Extra Minutes/Subtitles in more Language /More
|
||
|
|
Iterations are Available at normal rates.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content schedule-budget-jug-content">
|
||
|
|
<div>
|
||
|
|
<h3>No. of projects scheduling and Budgeting</h3>
|
||
|
|
<p class="class-remove-margin dark-color">2</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-10">5</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-11">10</p>
|
||
|
|
</div>
|
||
|
|
<div class="schedule-budget-data">
|
||
|
|
<h3>Added Benefits</h3>
|
||
|
|
<div class="schedule-budget-data-parent">
|
||
|
|
<div>
|
||
|
|
<h3 class="one-lang-heading">Narration In 1 Language</h3>
|
||
|
|
<div class="juggernaut-narra-container">
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Character Introduciton
|
||
|
|
</p>
|
||
|
|
<input type="checkbox" class="dc-12" />
|
||
|
|
<input type="checkbox" checked class="dc-13" />
|
||
|
|
<input type="checkbox" checked class="dc-14" />
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Line By Line Narration
|
||
|
|
</p>
|
||
|
|
<input type="checkbox" class="dc-15" />
|
||
|
|
<input type="checkbox" checked class="dc-16" />
|
||
|
|
<input type="checkbox" checked class="dc-17" />
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Character Wise Narration
|
||
|
|
</p>
|
||
|
|
<input type="checkbox" class="dc-18" />
|
||
|
|
<input type="checkbox" checked class="dc-19" />
|
||
|
|
<input type="checkbox" checked class="dc-20" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h3 class="con-heading">Conversion</h3>
|
||
|
|
<div class="juggernaut-narra-container">
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
No. Of Script Pages For Conversion
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-21">0</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-22">150</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-23">1200</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Conversion In Language With LPP
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-24">0</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-25">1</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-26">1</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ai-container">
|
||
|
|
<div class="ai-con-first">
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Ai-Assisted Beat Wise Scence Generation
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-27">100</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-28">500</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-29">5000</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Screenplay Audit
|
||
|
|
</p>
|
||
|
|
<input type="checkbox" checked class="dc-30" />
|
||
|
|
<input type="checkbox" checked class="dc-31" />
|
||
|
|
<input type="checkbox" checked class="dc-32" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="buy-now-btns-wrapper">
|
||
|
|
<button>Buy Now</button>
|
||
|
|
<button>Buy Now</button>
|
||
|
|
<button>Buy Now</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<main
|
||
|
|
class="production-house-wrapper screenplay-writing-wrapper"
|
||
|
|
id="screenplay-writing-popup"
|
||
|
|
>
|
||
|
|
<div class="production-house-container">
|
||
|
|
<i
|
||
|
|
class="fa-solid fa-x red-cross-btn"
|
||
|
|
onclick="closeScreenplayPopup()"
|
||
|
|
></i>
|
||
|
|
<div class="tabs-row tabs-row-2">
|
||
|
|
<div
|
||
|
|
class="cursor-pointer"
|
||
|
|
onclick="openJuggernautPopup()"
|
||
|
|
id="production-heading-2"
|
||
|
|
>
|
||
|
|
Production House
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="cursor-pointer"
|
||
|
|
onclick="openScreenplayPopup()"
|
||
|
|
id="screenplay-heading-2"
|
||
|
|
>
|
||
|
|
Screenplay Writing
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content-wrapper">
|
||
|
|
<div class="jug-content-container">
|
||
|
|
<div class="jug-content">
|
||
|
|
<p class="class-remove-margin jug-content-heading dark-color">
|
||
|
|
Package name
|
||
|
|
</p>
|
||
|
|
<p
|
||
|
|
class="class-remove-margin jug-content-value jug-content-value-2 dark-color"
|
||
|
|
>
|
||
|
|
Long Jump
|
||
|
|
</p>
|
||
|
|
<p
|
||
|
|
class="class-remove-margin jug-content-value jug-content-value-2 dark-color"
|
||
|
|
>
|
||
|
|
Triple Jump
|
||
|
|
</p>
|
||
|
|
<p
|
||
|
|
class="class-remove-margin jug-content-value jug-content-value-2 dark-color"
|
||
|
|
>
|
||
|
|
High Jump
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content">
|
||
|
|
<p class="class-remove-margin jug-content-heading light-color">
|
||
|
|
Validity in Days
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">90</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
180
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
365
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content">
|
||
|
|
<p class="class-remove-margin jug-content-heading light-color">
|
||
|
|
Price
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
$149
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
$274
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
$399
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content">
|
||
|
|
<p class="class-remove-margin jug-content-heading dark-color">
|
||
|
|
AI-assisted beat wise Scene Generation
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">50</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
1000
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin jug-content-value dark-color">
|
||
|
|
2000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content">
|
||
|
|
<p class="class-remove-margin jug-content-heading dark-color">
|
||
|
|
Screenplay Audit
|
||
|
|
</p>
|
||
|
|
<input type="checkbox" checked class="dc-33" />
|
||
|
|
<input type="checkbox" checked class="dc-34" />
|
||
|
|
<input type="checkbox" checked class="dc-35" />
|
||
|
|
</div>
|
||
|
|
<div class="jug-content subtitling-jug-content">
|
||
|
|
<h3>Conversion</h3>
|
||
|
|
<div class="subtitling-data screenplay-conversion-data">
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color lang-text">
|
||
|
|
Languages (with Vetting by Language Pair Partners)
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-36">1</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-37">3</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-38">5</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
No. of Iterations Per Language
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-39">2</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-40">2</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-41">2</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Conversion in additional Language
|
||
|
|
</p>
|
||
|
|
<p class="class-remove-margin dark-color dc-7">
|
||
|
|
$99 Each With Applicable Discounts
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jug-content schedule-budget-jug-content">
|
||
|
|
<div class="schedule-budget-data">
|
||
|
|
<div
|
||
|
|
class="schedule-budget-data-parent pitchdeck-creation-data-parent"
|
||
|
|
>
|
||
|
|
<div class="pitchdeck-creation-container">
|
||
|
|
<h3 class="one-lang-heading pitchdeck-crea-heading">
|
||
|
|
Pitchdeck creation (in 1 Language)
|
||
|
|
</h3>
|
||
|
|
<div class="juggernaut-narra-container">
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">One Pager</p>
|
||
|
|
<input type="checkbox" checked class="dc-42" />
|
||
|
|
<input type="checkbox" checked class="dc-43" />
|
||
|
|
<input type="checkbox" checked class="dc-14" />
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Elevator Pitch
|
||
|
|
</p>
|
||
|
|
<input type="checkbox" checked class="dc-44" />
|
||
|
|
<input type="checkbox" checked class="dc-45" />
|
||
|
|
<input type="checkbox" checked class="dc-17" />
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Screenplay Analysis
|
||
|
|
</p>
|
||
|
|
<input type="checkbox" checked class="dc-46" />
|
||
|
|
<input type="checkbox" checked class="dc-47" />
|
||
|
|
<input type="checkbox" checked class="dc-20" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ai-container">
|
||
|
|
<div>
|
||
|
|
<p class="class-remove-margin light-color">
|
||
|
|
Scheduling and Budgeting of 1 Project
|
||
|
|
</p>
|
||
|
|
<input type="checkbox" class="dc-48" />
|
||
|
|
<input type="checkbox" checked class="dc-49" />
|
||
|
|
<input type="checkbox" checked class="dc-32" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="buy-now-btns-wrapper">
|
||
|
|
<button>Buy Now</button>
|
||
|
|
<button>Buy Now</button>
|
||
|
|
<button>Buy Now</button>
|
||
|
|
</div>
|
||
|
|
<h3 class="validity-heading">
|
||
|
|
Validity is extendable by 30 days at a price of $5
|
||
|
|
</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<div id="juggernaut-wrapper-mobile">
|
||
|
|
<div class="back-btn-container">
|
||
|
|
<img src={% static 'media/privilege/back_btn.png' %} onclick="hideJuggernautMobile()" />
|
||
|
|
<!-- <img
|
||
|
|
src="back btn.png"
|
||
|
|
onclick="alert('Coming Soon...')"
|
||
|
|
/> -->
|
||
|
|
</div>
|
||
|
|
<div class="btns-row-mobile">
|
||
|
|
<button
|
||
|
|
class="production-btn active-tab-mobile"
|
||
|
|
onclick="toggleProductionHouse()"
|
||
|
|
>
|
||
|
|
Production House
|
||
|
|
</button>
|
||
|
|
<button class="screenplay-btn" onclick="toggleScreenplayWriting()">
|
||
|
|
Screenplay Writing
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Screenplay Writing Mobile -->
|
||
|
|
<div id="screenplay-writing-wrapper-mobile">
|
||
|
|
<section class="remove-border-mobile">
|
||
|
|
<select id="choose-package-dropdown">
|
||
|
|
<option value="long-jump">Long Jump</option>
|
||
|
|
<option value="triple-jump">Triple Jump</option>
|
||
|
|
<option value="high-jump">High Jump</option>
|
||
|
|
<option value="compare">Compare</option>
|
||
|
|
</select>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-color-mobile" id="package-name">Long Jump</p>
|
||
|
|
<p class="dark-color-mobile" id="toggle-triple-jump">Triple Jump</p>
|
||
|
|
<p class="dark-color-mobile" id="toggle-high-jump">High Jump</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<div class="juggernaut-container-mobile" id="all-packages">
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Validity (Days)</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="validity-value">90</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Price ($)</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="price-value">149</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">
|
||
|
|
AI-assisted beat wise Scene Generation
|
||
|
|
</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="ai-value">50</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Screenplay Audit</p>
|
||
|
|
<input type="checkbox" name="" id="" checked />
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<h2 class="dark-color-mobile">Screenplay Conversion</h2>
|
||
|
|
<!-- <section>
|
||
|
|
<p class="light-color-mobile">Languages (with Vetting by Language Pair Partner)</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="lang-value">1</p>
|
||
|
|
</section> -->
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">No. of Iterations Per Language</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="iterate-value">2</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">
|
||
|
|
<span class="dark-color-mobile">Note :-</span> Conversion in
|
||
|
|
additional Language $99 each with applicable Discounts
|
||
|
|
</p>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<h2 class="dark-color-mobile">Pitchdeck (in 1 Language)</h2>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">One Pager</p>
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Elevator Pitch</p>
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Screenplay Analysis</p>
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">
|
||
|
|
Scheduling and Budgeting of 1 Project
|
||
|
|
</p>
|
||
|
|
<input type="checkbox" id="schedule-chckbox" />
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<button class="buy-now-btn">Buy Now</button>
|
||
|
|
<p class="c-green-mobile">
|
||
|
|
Validity is extendable by 30 days at a price of $5
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-container-mobile" id="compare-packages">
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Validity (Days)</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">90</p>
|
||
|
|
<p class="dark-bold-color-mobile">180</p>
|
||
|
|
<p class="dark-bold-color-mobile">365</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Price ($)</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">149</p>
|
||
|
|
<p class="dark-bold-color-mobile">274</p>
|
||
|
|
<p class="dark-bold-color-mobile">399</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Beat To Scene</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">50</p>
|
||
|
|
<p class="dark-bold-color-mobile">1000</p>
|
||
|
|
<p class="dark-bold-color-mobile">2000</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Screenplay Audit</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<h2 class="dark-color-mobile">Screenplay Conversion</h2>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Languages (With Vetting by LPP)</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">1</p>
|
||
|
|
<p class="dark-bold-color-mobile">3</p>
|
||
|
|
<p class="dark-bold-color-mobile">3</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Iterations</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">2</p>
|
||
|
|
<p class="dark-bold-color-mobile">2</p>
|
||
|
|
<p class="dark-bold-color-mobile">2</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<h2 class="dark-color-mobile">Pitchdeck (in 1 Language)</h2>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">One Pager</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Elevator Pitch</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Screenplay Analysis</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Schedule/Budget</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<input type="checkbox" />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p> </p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<button>Buy</button>
|
||
|
|
<button class="move-btn-right">Buy</button>
|
||
|
|
<button class="move-btn-right-2">Buy</button>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Production House Mobile -->
|
||
|
|
<div id="production-house-wrapper-mobile">
|
||
|
|
<section class="remove-border-mobile">
|
||
|
|
<select id="choose-package-dropdown2">
|
||
|
|
<option value="radiate">Radiate</option>
|
||
|
|
<option value="regional">Regional</option>
|
||
|
|
<option value="global">Global</option>
|
||
|
|
<option value="compare">Compare</option>
|
||
|
|
</select>
|
||
|
|
<div class="packages-wrapper move-wrapper-left">
|
||
|
|
<p class="dark-color-mobile" id="package-name2">Radiate</p>
|
||
|
|
<p class="dark-color-mobile" id="toggle-triple-jump2">Regional</p>
|
||
|
|
<p class="dark-color-mobile" id="toggle-high-jump2">Global</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<div class="juggernaut-container-mobile" id="all-packages2">
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Validity (Days)</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="validity-value2">30</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Price ($)</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="price-value2">149</p>
|
||
|
|
</section>
|
||
|
|
<h2 class="dark-bold-color-mobile">Subtitling</h2>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Total Number of Minutes Input</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="num-value">30</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Output in No. of Language</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="no-lang-value">2</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">No. of Iterations Per Language</p>
|
||
|
|
<p class="dark-bold-color-mobile">2</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">
|
||
|
|
<span class="dark-color-mobile">Note :-</span> Extra
|
||
|
|
Minutes/Subtitles in more Language /More Iterations are
|
||
|
|
Available at normal rates.
|
||
|
|
</p>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">
|
||
|
|
No. of projects scheduling and Budgeting
|
||
|
|
</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="sch-bud-value">2</p>
|
||
|
|
</section>
|
||
|
|
<h2 class="dark-bold-color-mobile">Added Benefits</h2>
|
||
|
|
<h2 class="dark-color-mobile">Narration in 1 Language</h2>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Character Introduction</p>
|
||
|
|
<input type="checkbox" id="char-intro-chbx" />
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Line By Line Narration</p>
|
||
|
|
<input type="checkbox" id="line-narr-chbx" />
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Character Wise Narration</p>
|
||
|
|
<input type="checkbox" id="chr-wise-chbx" />
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<h2 class="dark-color-mobile">Subtitling</h2>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">
|
||
|
|
No. of Script pages for Conversion
|
||
|
|
</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="con-page-value">0</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Conversion in Language with LLP</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="con-lpp-value">0</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">
|
||
|
|
Ai-assisted beat wise Scence generation
|
||
|
|
</p>
|
||
|
|
<p class="dark-bold-color-mobile" id="beat-scn-value">100</p>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Screenplay Audit</p>
|
||
|
|
<input type="checkbox" checked id="schedule-chckbox2" />
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<button class="buy-now-btn">Buy Now</button>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-container-mobile" id="compare-packages2">
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Validity (Days)</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">30</p>
|
||
|
|
<p class="dark-bold-color-mobile">180</p>
|
||
|
|
<p class="dark-bold-color-mobile">365</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Price ($)</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">149</p>
|
||
|
|
<p class="dark-bold-color-mobile">1499</p>
|
||
|
|
<p class="dark-bold-color-mobile">14999</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<h2 class="dark-bold-color-mobile">Subtitling</h2>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">No. Minutes</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">30</p>
|
||
|
|
<p class="dark-bold-color-mobile">150</p>
|
||
|
|
<p class="dark-bold-color-mobile">1200</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Language</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">2</p>
|
||
|
|
<p class="dark-bold-color-mobile">5</p>
|
||
|
|
<p class="dark-bold-color-mobile">8</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Iterations</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">2</p>
|
||
|
|
<p class="dark-bold-color-mobile">2</p>
|
||
|
|
<p class="dark-bold-color-mobile">2</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Schedule/Budget</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">2</p>
|
||
|
|
<p class="dark-bold-color-mobile">5</p>
|
||
|
|
<p class="dark-bold-color-mobile">10</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<h2 class="dark-bold-color-mobile">Added Benefits</h2>
|
||
|
|
<h2 class="dark-color-mobile">Narration in 1 Language</h2>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Chr. Introduction</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<input type="checkbox" />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Script Narration</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<input type="checkbox" />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Chr. Narration</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<input type="checkbox" />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<h2 class="dark-bold-color-mobile">Screenplay Conversion</h2>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">No. of Pages</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">0</p>
|
||
|
|
<p class="dark-bold-color-mobile">150</p>
|
||
|
|
<p class="dark-bold-color-mobile">1200</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Languages (With LPP)</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">0</p>
|
||
|
|
<p class="dark-bold-color-mobile">1</p>
|
||
|
|
<p class="dark-bold-color-mobile">1</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="juggernaut-content-mobile">
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Beat To Scene</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<p class="dark-bold-color-mobile">100</p>
|
||
|
|
<p class="dark-bold-color-mobile">500</p>
|
||
|
|
<p class="dark-bold-color-mobile">5000</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p class="light-color-mobile">Screenplay Analysis</p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
<input type="checkbox" checked />
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<p> </p>
|
||
|
|
<div class="packages-wrapper">
|
||
|
|
<button>Buy</button>
|
||
|
|
<button class="move-btn-right">Buy</button>
|
||
|
|
<button class="move-btn-right-2">Buy</button>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% if message %}
|
||
|
|
<script>
|
||
|
|
window.alert(`{{ message }}`);
|
||
|
|
</script>
|
||
|
|
<span style="color: green;">{{ message }}</span>
|
||
|
|
{% endif %}
|
||
|
|
{% if message2 %}
|
||
|
|
<script>
|
||
|
|
window.alert("The token you've entered is invalid. Please enter a valid one.");
|
||
|
|
</script>
|
||
|
|
{% comment %} <span style="color: red;">{{ message2 }}</span> {% endcomment %}
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<script>
|
||
|
|
fetch("https://ipinfo.io/json?key=tryout").then(
|
||
|
|
(response) => response.json()
|
||
|
|
).then(
|
||
|
|
(jsonResponse) => {
|
||
|
|
console.log(jsonResponse)
|
||
|
|
let L = document.getElementsByName("country");
|
||
|
|
console.log(L);
|
||
|
|
for (l of L) {
|
||
|
|
l.setAttribute("value", jsonResponse.country);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
)
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function add_months(dt, n) {
|
||
|
|
|
||
|
|
return new Date(dt.setMonth(dt.getMonth() + n));
|
||
|
|
}
|
||
|
|
'{% if dataP3%}'
|
||
|
|
dt = new Date('{{dataP3.dateSubscribed.year}}', '{{dataP3.dateSubscribed.month}}', '{{dataP3.dateSubscribed.day}}');
|
||
|
|
// alert(add_months(dt, 10).toString())
|
||
|
|
// console.log(add_months(dt, 12).toString());
|
||
|
|
dateObj = add_months(dt, parseInt('{{dataP3.months}}'))
|
||
|
|
var month = dateObj.getUTCMonth() + 1; //months from 1-12
|
||
|
|
var day = dateObj.getUTCDate();
|
||
|
|
var year = dateObj.getUTCFullYear();
|
||
|
|
document.getElementById('validity').innerHTML = day + "-" + month + "-" + year
|
||
|
|
// document.getElementById('validity').innerHTML = "add"
|
||
|
|
'{%endif%}'
|
||
|
|
'{% if dataP4%}'
|
||
|
|
dt2 = new Date('{{dataP4.dateSubscribed.year}}', '{{dataP4.dateSubscribed.month}}', '{{dataP4.dateSubscribed.day}}');
|
||
|
|
// alert(add_months(dt2, 120).toString())
|
||
|
|
// console.log(add_months(dt, 12).toString());
|
||
|
|
dateObj2 = add_months(dt2, 120)
|
||
|
|
var month2 = dateObj2.getUTCMonth() + 1; //months from 1-12
|
||
|
|
var day2 = dateObj2.getUTCDate();
|
||
|
|
var year2 = dateObj2.getUTCFullYear();
|
||
|
|
document.getElementById('validity2').innerHTML = day2 + "-" + month2 + "-" + year2 '{%endif%}'
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
{% endblock content %}
|