Conversion_Kitchen_Code/kitchen_counter/mnfapp/templates/mnfapp/base-tailwind.html

1265 lines
61 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Next Film</title>
<link
href="https://cdn.jsdelivr.net/npm/daisyui@4.7.2/dist/full.min.css"
rel="stylesheet"
type="text/css"
/>
<script src="https://cdn.tailwindcss.com"></script>
<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"
/>
<link rel="stylesheet" href="/static/postlogin/styles/base-tailwind.css" />
<script src="/static/postlogin/js/base-tailwind.js" defer></script>
<script src="http://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
</head>
<body>
<!-- Multilingual button -->
<span id="google_element"></span>
<section class="hidden-item"></section>
<!-- Desktop version -->
<nav
class="sticky top-0 bg-gray-100 w-full h-20 flex items-center justify-between post-mega-menu-nav"
>
<div class="flex items-center">
<button onclick="toggleAccordion()" class="toggle-btn"></button>
<a href="/members-home"
><img
src="/static/postlogin/media/img/MNF-Logo-Final 2.png"
alt="Logo"
class="mnflogo_megaMenu"
/></a>
<ul class="flex margin_left20">
<!-- Services Container trigger-->
<div
class="dropdown dropdown-hover"
id="services-container-div"
onmouseenter="openServices()"
;
onmouseleave="closeServices();"
>
<div
tabindex="0"
class="main-nav-headings"
id="services-main-heading"
>
Services
</div>
<!-- Services Container -->
<div id="services-container" class="services-container fixed">
<div class="frame-container">
<div class="main-f-r-a-m-e">
<div class="idea-mall">
<div class="mega-menu-blue-headings">
<a href="#">Idea Mall</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/ideamall">Premise Pool</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Showcase Idea</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Showroom</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Auction Hall</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Co-writing Offers</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Opportunities for Script writing </a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Commission Scriptwriting Assignment </a>
</div>
</div>
<div class="script-builder-frame">
<div class="mega-menu-blue-headings">
<a href="#">Script Builder</a>
</div>
<div class="convert-presentation-frame">
<div class="mega-menu-sub-headings">
<a href="/scriptpad2">Script Pad</a>
</div>
</div>
<div class="audit-screenplay-frame">
<div class="mega-menu-sub-headings">
<a href="/audit/home">Audit Screenplay</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Generate Screenplay</a>
</div>
</div>
<div class="import-screenplay-frame">
<div class="mega-menu-sub-headings">
<a href="/scriptpad2/#/myscript">Edit Screenplay</a>
</div>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Import Screenplay</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Convert Story to Screenplay</a>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="mega-menu-blue-headings">
<a href="#">Conversion Studio</a>
</div>
<div class="convert-script-parent">
<div class="mega-menu-sub-headings">
<a href="/conversion">Convert Script</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Convert Presentation</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Convert Book</a>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="narration-room-parent">
<div class="mega-menu-blue-headings">
<a href="#">Narration Room</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Create Pitchdeck</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Narrate Screenplay</a>
</div>
</div>
<div class="preshow-chamber-parent">
<div class="mega-menu-blue-headings">
<a href="#">Preshow Chamber</a>
</div>
<div class="chamber-parent">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Chamber</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">My Script</a>
</div>
</div>
</div>
<div class="harkat-clubs-parent">
<div class="mega-menu-blue-headings">
<a href="#">Harkat Clubs</a>
</div>
<div class="find-club-near-me-frame">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Propose a Club</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">My clubs</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Find Club Near Me</a>
</div>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="">
<div class="subtitle-hub-parent">
<div class="mega-menu-blue-headings">
<a href="#">Subtitle Hub</a>
</div>
<div class="cowriting-frame">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">In Language Of Video</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">For Global Audience</a>
</div>
</div>
</div>
<div class="project-center-parent">
<div class="mega-menu-blue-headings">
<a href="#">Project Center</a>
</div>
<div class="my-projects-f-r-a-m-e">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">New Project</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">My Projects</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Assets Container trigger-->
<div
class="dropdown dropdown-hover"
id="assets-container-div"
onmouseenter="openAssets()"
;
onmouseleave="closeAssets();"
>
<div
tabindex="0"
class="main-nav-headings"
id="assets-main-heading"
>
My Assets
</div>
<!-- Assets Container -->
<div id="assets-container" class="assets-container fixed">
<div class="frame-container">
<div class="main-f-r-a-m-e">
<div class="idea-mall">
<div class="mega-menu-blue-headings">
<a href="#">Work in Progress</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/scriptpad2/#/myscript">Screenplays</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Project Schedules</a>
</div>
</div>
<div class="script-builder-frame">
<div class="mega-menu-blue-headings">
<a href="#">Inputs</a>
</div>
<div class="convert-presentation-frame">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Scripts</a>
</div>
</div>
<div class="audit-screenplay-frame">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Videos</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Stories</a>
</div>
</div>
<div class="import-screenplay-frame">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Books</a>
</div>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Presentations</a>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="mega-menu-blue-headings">
<a href="#">Outputs</a>
</div>
<div class="convert-script-parent">
<div class="mega-menu-sub-headings">
<a href="/audit/audits">Audited Scripts</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/conversion/view_conversion/"
>Converted Scripts</a
>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Converted Books</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Converted PPTs</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Pitchdecks</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Screenplay Narrations</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Stories Converted to Script</a>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="narration-room-parent">
<div class="mega-menu-blue-headings">
<a href="#">Dashboards</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Language Pair Partners</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Messiah</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Harkat</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">My Profile</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Corporate Member</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Institutional Member</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Student Member</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Commissional Projects</a>
</div>
</div>
<div class="preshow-chamber-parent">
<div class="mega-menu-blue-headings">
<a href="#">Wallets</a>
</div>
<div class="chamber-parent">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">LPP Wallet</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Messiah Wallet</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Central Wallet</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Blockchain Wallet</a>
</div>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="">
<div class="subtitle-hub-parent">
<div class="mega-menu-blue-headings">
<a href="#">Tutorials</a>
</div>
<div class="cowriting-frame">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Subtitle Hub</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Script Pad</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Professional Video Introduction</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Script Conversion</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Project Center</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Pitchdeck Creation</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Screenplay Narration</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Premise's Pool</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Harkat Club</a>
</div>
<!-- <div class="mega-menu-sub-headings">
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/')"
>Viewing Lounge</a
>
</div> -->
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Viewing Lounge</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Story to Screen Play</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Audit</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">PPT Conversion</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Book Conversion</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Preshow Chamber</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Go Global Container trigger-->
<div
class="dropdown dropdown-hover"
id="goGlobalMeg-container-div"
onmouseenter="openGoGlobal()"
;
onmouseleave="closeGoGlobal();"
>
<div
tabindex="0"
class="main-nav-headings"
id="goglobal-main-heading"
>
Go Global
</div>
<!--<Go Global Container -->
<div id="go-global-container" class="go-global-container fixed">
<div class="frame-container">
<div class="main-f-r-a-m-e">
<div class="idea-mall">
<div class="mega-menu-blue-headings">
<a
href="#"
>Viewing Lounge</a
>
</div>
<div class="mega-menu-sub-headings">
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/')"
>Create Video Introduction</a
>
</div>
<div class="mega-menu-sub-headings">
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/upload_video')"
>Upload Videos</a
>
</div>
<div class="mega-menu-sub-headings">
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/share_link')"
>Share a Link</a
>
</div>
<div class="mega-menu-sub-headings">
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/my_posts')"
>My Posts</a
>
</div>
<div class="mega-menu-sub-headings">
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/view_videos')"
>View Videos</a
>
</div>
<div class="mega-menu-sub-headings">
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/browser_link')"
>Browse Link</a
>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="mega-menu-blue-headings">
<a href="#">Community</a>
</div>
<div class="convert-script-parent">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Corporate Members</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Institutional Members</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Life Members</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Messiahs</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Harkat Administrators</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Friends</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">MNF Team Member</a>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="narration-room-parent">
<div class="mega-menu-blue-headings">
<a href="#">Opportunities</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/lpp/lppregistration/">Become Language Pair Partner</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Become MNF Messiah</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Join Local Filmmaking Club</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Collaborate with MNF</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Gift Subscriptions</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Refer Your Friends</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Ask a Question</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Feedback</a>
</div>
</div>
<div class="preshow-chamber-parent">
<div class="mega-menu-blue-headings">
<a href="#">Memberships</a>
</div>
<div class="chamber-parent">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Corporate Member</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Institutional Member</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Upgrade Your Privilege's</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Become Student Member</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/pay/payment">Become Privilege's Member</a>
</div>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="">
<div class="subtitle-hub-parent">
<div class="mega-menu-blue-headings">
<a href="#">Demos</a>
</div>
<div class="cowriting-frame">
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-subtitle">Subtitle Hub</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-script-pad">Script Pad</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-project-center">Project Center</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-premise">Premise Pool</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-harkat">Harkat Club</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-audit">Script Audit</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-ppt">PPT Conversion</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-book">Book Converion</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-viewing-lounge">Viewing Lounge</a>
</div>
<!-- <div class="mega-menu-sub-headings">
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/')"
>Viewing Lounge</a
>
</div> -->
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-char-intro">Screenplay Narration</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-corporate">Corporate Membership</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-pitchdeck">Pitchdeck</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-institutional">Institutional Membership</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-lpp">Language Pair Partner</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-messiah">Messiah</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/mnfapp/demo#demo-student">Student Registration</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Admin Container trigger-->
<div
class="dropdown dropdown-hover"
id="admin-container-div"
onmouseenter="openAdmin()"
;
onmouseleave="closeAdmin();"
>
<div tabindex="0" class="main-nav-headings" id="admin-main-heading">
Admin
</div>
<!-- Admin Container -->
<div id="admin-container" class="admin-container fixed">
<div class="frame-container">
<div class="main-f-r-a-m-e">
<div class="idea-mall">
<div class="mega-menu-blue-headings">
<a href="#">Engagement Administration</a>
</div>
<div class="mega-menu-sub-headings">
<a href="/lpptask_dashboard/">LPP Admin Dashboard</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Messiah Admin Dashboard</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Harkat Admin Dashboard</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Question Page Adminstration</a>
</div>
</div>
<div class="script-builder-frame">
<div class="mega-menu-blue-headings">
<a href="#">Payment & Refund</a>
</div>
<div class="convert-presentation-frame">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Pricing & Discounts</a>
</div>
</div>
<div class="audit-screenplay-frame">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Payment Gateways</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Wallet Management</a>
</div>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="narration-room-parent">
<div class="mega-menu-blue-headings">
<a href="#">Membership Administration</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Privileges</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Corporate Membership</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Institutional Membership</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Student Membership</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Juggernaut Package</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Refer your Friend</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Gift Subscriptions</a>
</div>
</div>
<div class="preshow-chamber-parent">
<div class="mega-menu-blue-headings">
<a href="#">About Us</a>
</div>
<div class="chamber-parent">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Vision and Mission</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Bird's Eye View</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Jubilation</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Team</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Directors & Founders</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Mentors</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Life Members</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Testimonials</a>
</div>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="narration-room-parent">
<div class="mega-menu-blue-headings">
<a href="#">Database Access</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Access Management</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Deployment Access</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">User Input Access</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Page-view Statistics Access</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Event Creation</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Rendezvous Registration</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Rendezvous Participation</a>
</div>
</div>
<div class="preshow-chamber-parent">
<div class="mega-menu-blue-headings">
<a href="#">Message Access</a>
</div>
<div class="chamber-parent">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Contact Messages</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Collaboration Messages</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Notification</a>
</div>
</div>
</div>
<div class="preshow-chamber-parent">
<div class="mega-menu-blue-headings">
<a href="#">Email Access</a>
</div>
<div class="chamber-parent">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Auto-generated Emails</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">info@mynextfilm.ai</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">support@mynextfilm.ai</a>
</div>
</div>
</div>
<div class="preshow-chamber-parent">
<div class="mega-menu-blue-headings">
<a href="#">Feedback Access</a>
</div>
</div>
</div>
<div class="main-f-r-a-m-e">
<div class="">
<div class="subtitle-hub-parent">
<div class="mega-menu-blue-headings">
<a href="#">Offerings Backend</a>
</div>
<div class="cowriting-frame">
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Premise's Pool</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Sample Script Adminstration</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Script Builder & Administration</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Story to Screenplay</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Screenplay Audit</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Conversion Studio</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Pitchdeck Creation</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Screenplay Narration</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Harkat Clubs</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Project Center</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Subtitle Hub</a>
</div>
<div class="mega-menu-sub-headings">
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/')"
>Viewing Lounge</a
>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Demos & Tutorials</a>
</div>
<div class="mega-menu-sub-headings">
<a href="#" onclick="alert('Comming soon !')">Multilingual Website</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</ul>
</div>
<div class="services-doodle">
<img src="" id="navbar_doodles" />
<span id="navbar_doodles_text"></span>
</div>
<div class="flex items-center relative">
<div class="dropdown dropdown-hover m-2">
<!-- <div tabindex="0" role="button" class="m-1">English</div> -->
</div>
<!-- <p class="m-2 nav-greet-text">Good Morning, Current User</p> -->
<span class="userGreet"></span>
<span class="userName"></span>
<img
src="/static/postlogin/media/img/rhm-account.png"
alt="Profile"
class="rounded-full mnfprofile_megaMenu"
onclick="toggleProfileCaret();showMyProfile();"
id="profile-image-user"
/>
<i class="fa-solid fa-caret-down m-1" id="profile-caret"></i>
<div
class="custom-card bg-white shadow-lg p-4 absolute"
id="my-profile-menu"
>
<ul class="list-none p-0">
<li class="profile-dropdown-items"><a href="#" onclick="alert('Comming soon !')">My Profile</a></li>
<li class="profile-dropdown-items">
<a href="#" onclick="alert('Comming soon !')">support@mynextfilm.ai</a>
</li>
<li class="profile-dropdown-items">
<a href="#" onclick="alert('Comming soon !')">MNF on Linkedin</a>
</li>
<li class="profile-dropdown-items">
<a href="https://www.instagram.com/mynextfilmmnf"
>MNF on Instagram</a
>
</li>
<li class="profile-dropdown-items">
<a href="#" onclick="alert('Comming soon !')">MNF on Twitter</a>
</li>
<li class="profile-dropdown-items">
<a href="https://www.facebook.com/mynextfilmmnf"
>MNF on Facebook</a
>
</li>
<li class="profile-dropdown-items"><a href="#" onclick="alert('Comming soon !')">Feedback</a></li>
<li class="profile-dropdown-items"><a href="/logout">Logout</a></li>
</ul>
</div>
<div class="rhm-icon-container">
<img
src="/static/postlogin/media/img/rhm-toggle-icon-black.png"
alt="rhm-toggle-icon-black"
id="right-icon-1"
/>
<img
src="/static/postlogin/media/img/rhm-toggle-icon-green.png"
alt="rhm-toggle-icon-black"
id="right-icon-2"
/>
</div>
{% include 'mnfapp/rhm.html' %}
</div>
</nav>
<!-- Mobile version -->
<div class="accordions-wrapper">
<div class="tabs-container">
<button class="tabs-btn tabs-btn-active" onclick="switchTab(0)">
Services
</button>
<button class="tabs-btn" onclick="switchTab(1)">My Assets</button>
<button class="tabs-btn" onclick="switchTab(2)">Go Global</button>
</div>
<div class="accordions-container">
<div class="accordion-body">
<div class="accordion">
<div class="label">
Idea Mall <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="/ideamall">Premise Pool</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Showcase Idea</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Showroom</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Auction Hall</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Co-Writing Offers</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Opportunities for Script Writing</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Commission Scriptwriting Assignment</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Script Builder <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="/scriptpad2">Script Pad</a></p>
<p><a href="/audit/home">Audit Screenplay</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Generate Screenplay</a></p>
<p><a href="/scriptpad2/#/myscript">Edit Screenplay</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Import Screenplay</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Convert Story to Screenplay</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Conversion Studio <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="/conversion">Convert Script</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Convert Presentation</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Convert Book</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Narration Room <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">Create Pitchdeck</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Narrate Screenplay</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Preshow Chamber <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">Chamber</a></p>
<p><a href="#" onclick="alert('Comming soon !')">My Script</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Harkat Club <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">Propose a Club</a></p>
<p><a href="#" onclick="alert('Comming soon !')">My Clubs</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Find Club Near Me</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Subtitle Hub <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">In Language of Video</a></p>
<p><a href="#" onclick="alert('Comming soon !')">For Global Audience</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Project Center <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">New Project</a></p>
<p><a href="#" onclick="alert('Comming soon !')">My Projects</a></p>
</div>
</div>
</div>
<div class="accordion-body my-assets-container">
<div class="accordion">
<div class="label">
Work in Progress <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="/scriptpad2/#/myscript">Screenplays</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Project Schedule</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Inputs <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">Scripts</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Videos</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Stories</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Books</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Presentations</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Outputs <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="/audit/audits">Audited Scripts</a></p>
<p>
<a href="/conversion/view_conversion/">Converted Scripts</a>
</p>
<p><a href="#" onclick="alert('Comming soon !')">Converted Books</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Converted PPT's</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Pitchdecks</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Screenplay Narrations</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Stories Converted to Script</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Dashboards <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">Language Pair Partners</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Messiah</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Harkat</a></p>
<p><a href="#" onclick="alert('Comming soon !')">My Profile</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Corporate Member</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Institutional Member</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Student Member</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Commissioned Projects</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Wallets <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">LPP Wallet</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Messiah Wallet</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Central Wallet</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Blockchain Wallet</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Tutorials <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">Subtitle Hub</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Script pad</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Professional Video Introduction</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Script Conversion</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Project Center</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Pitchdeck Creation</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Screenplay Narration</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Premise pool</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Harkat club</a></p>
<p>
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/')"
>Viewing Lounge</a
>
</p>
<p><a href="#" onclick="alert('Comming soon !')">Story to Screenplay</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Audit</a></p>
<p><a href="#" onclick="alert('Comming soon !')">PPT Conversion</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Book Conversion</a></p>
</div>
</div>
</div>
<div class="accordion-body go-global-container-mobile">
<div class="accordion">
<div class="label">
Viewing Lounge <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p>
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/')"
>Create Video Introduction</a
>
</p>
<p>
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/upload_video')"
>Upload Video</a
>
</p>
<p>
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/share_link')"
>Share a Link</a
>
</p>
<p>
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/my_posts')"
>My Posts</a
>
</p>
<p>
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/view_videos')"
>View Videos</a
>
</p>
<p>
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/browser_link')"
>Browse Link</a
>
</p>
</div>
</div>
<div class="accordion">
<div class="label">
Community <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">Corporate Members</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Institutional Members</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Life Members</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Messiah</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Harkat Administrators</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Friends</a></p>
<p><a href="#" onclick="alert('Comming soon !')">MNF Team Member</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Opportunities <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="/lpp/lppregistration/">Become Language Pair Partner</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Become MNF Messiah</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Join Local Filmmaking Club</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Collaborate with MNF</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Gift Subscriptions</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Refer your Friends</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Ask a Question</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Feedback</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Memberships <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="#" onclick="alert('Comming soon !')">Corporate Members</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Institutional Members</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Upgrade Your Privileges</a></p>
<p><a href="#" onclick="alert('Comming soon !')">Become Student Member</a></p>
<p><a href="/pay/payment">Become Privileges Member</a></p>
</div>
</div>
<div class="accordion">
<div class="label">
Demos <i class="fa-solid fa-caret-down"></i>
</div>
<div class="content">
<p><a href="/mnfapp/demo#demo-subtitle">Subtitle Hub</a></p>
<p><a href="/mnfapp/demo#demo-script-pad">Script Pad</a></p>
<p><a href="/mnfapp/demo#demo-project-center">Project Center</a></p>
<p><a href="/mnfapp/demo#demo-premise">Premise Pool</a></p>
<p><a href="/mnfapp/demo#demo-harkat">Harkat Club</a></p>
<p><a href="/mnfapp/demo#demo-audit">Script Audit</a></p>
<p><a href="/mnfapp/demo#demo-ppt">PPT Conversion</a></p>
<p><a href="/mnfapp/demo#demo-book">Book Conversion</a></p>
<p>
<a
href="javascript:void(0);"
onclick="redirectToViewingLounge('/viewerlounge/viewers_longue#/')"
>Viewing Lounge</a
>
</p>
<p><a href="/mnfapp/demo#demo-char-intro">Screenplay Narration</a></p>
<p><a href="/mnfapp/demo#demo-corporate">Corporate Membership</a></p>
<p><a href="/mnfapp/demo#demo-pitchdeck">Pitchdeck</a></p>
<p><a href="/mnfapp/demo#demo-institutional">Institutional Membership</a></p>
<p><a href="/mnfapp/demo#demo-lpp">Language Pair Partner</a></p>
<p><a href="/mnfapp/demo#demo-messiah">Messiah</a></p>
<p><a href="/mnfapp/demo#demo-student">Student Registration</a></p>
</div>
</div>
</div>
</div>
</div>
{%block content%} {% endblock content %}
</body>
</html>