1#@!#!123s

22527 1#@!#!123s
: / proc / thread-self / root / proc / thread-self / root / home / ubuntu / git / Letsfame /
Filename : index-video-banner.php
back
<!-- <app-header-component></app-header-component> -->
<!doctype html>
<html lang="en">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description"
	content='The first professional networking website & app for the entertainment industry, media jobs, film industry jobs, and casting network connecting global professionals.'>
	<meta name="keywords"
	content="film industry jobs for freshers, cinema industry jobs, Find cinema jobs, cinema jobs, film industry jobs, media jobs, best casting app for android, casting network Websites, film industry careers, LetsFame, film schools, viscom, viscom courses, auditions, acting auditions, tv channel jobs, Film jobs">
	<meta name="author" content="Mansoor H">
	<meta name="p:domain_verify" content="97108a573ee57d532fae349647673743" />
	<title>LetsFAME -  Find Cinema Jobs | Film Industry Jobs | Media Jobs</title>
	<link rel="shortcut icon" href="assets/img/favicon.ico">
	<!-- Style CSS Start -->
	<meta property='og:title'
	content="LetsFAME -  Find Cinema Jobs | Film Industry Jobs | Media Jobs" />
	<meta property='og:image' content='' />
	<meta name="robots" content="index, follow" />
	<meta property='og:description'
	content='The first professional networking website & app for the entertainment industry, media jobs, film industry jobs, and casting network connecting global professionals.' />
	<meta property='og:url' content='https://www.letsfame.com/' />
	<meta property="og:image:type" content="image/png">
	<meta property="og:image:width" content="1024">
	<meta property="og:image:height" content="1024">
	<meta property="og:type" content='website' />
	<link type="text/css" href="assets/css/bootstrap.min.css" rel="stylesheet"><!-- Bootstrap CSS -->
	<link type="text/css" href="assets/css/style.css" rel="stylesheet"><!-- Style CSS -->
	<link type="text/css" href="assets/css/step.css" rel="stylesheet"><!-- Style CSS -->
	<link type="text/css" href="assets/css/nav.css" rel="stylesheet"><!-- Menu CSS -->
	<link type="text/css" href="assets/css/mediaquery.css" rel="stylesheet"><!-- Mediaquery CSS -->
	<link type="text/css" href="assets/fonts/font.css" rel="stylesheet"><!-- Font CSS -->
	<link type="text/css" href="assets/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"><!-- Icons CSS -->
	<link type="text/css" href="assets/css/comments.css" rel="stylesheet">
	<link type="text/css" href="assets/css/tooltip.css" rel="stylesheet">
	<link type="text/css" href="assets/css/all.min.css" rel="stylesheet"><!-- FontAwesome CSS -->
	<link type="text/css" href="assets/css/chat.css" rel="stylesheet">
	<link type="text/css" href="assets/css/search.css" rel="stylesheet">
	<link type="text/css" href="assets/css/slider.css" rel="stylesheet">
	<link type="text/css" href="assets/css/featured-slider.css" rel="stylesheet"><!-- featured-slider -->
	<script src="assets/js/jquery.min.js"></script>
	<link href="assets/css/aos.css" rel="stylesheet">
	<script src="assets/js/aos.js"></script>
	<script src="assets/js/skrollr.min.js"></script>
	<link rel="canonical" href="https://www.letsfame.com/">
	<link rel="alternate" href="https://www.letsfame.com/" hreflang="en-us">
	<script src="assets/js/bootstrap.bundle.min.js"></script><!-- Bootstrap Bundle JS -->
	<script src="assets/js/main-nav.js"></script><!-- Menu Main JS -->
	<script src="assets/js/all.min.js"></script><!-- FontAwesome JS -->
	<script src="assets/js/chat.js"></script><!-- FontAwesome JS -->
	<script src="assets/js/search.js"></script><!-- Search JS -->
	<script src="assets/js/step.js"></script>
	<script src="assets/js/slider.js"></script>
	<script src="assets/js/index.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/4.10.2/bodymovin.min.js"></script>
	<!-- <script src="https://www.youtube.com/iframe_api"></script> -->
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-185161524-1"></script>
	<!-- <img src=""/> -->
	<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@type": "EntertainmentBusiness",
			"name": "LetsFame",
			"image": "https://letsfame.com/assets/img/phone5.png",
			"@id": "cinema jobs, film industry jobs",
			"url": "https://www.letsfame.com/",
			"telephone": "",
			"address": {
				"@type": "PostalAddress",
				"streetAddress": "No. 25, Dr. Radhakrishnan salai, Mylapore",
				"addressLocality": "Chennai",
				"postalCode": "600004",
				"addressCountry": "IN"
			},
			"geo": {
				"@type": "GeoCoordinates",
				"latitude": 13.043006265209643,
				"longitude": 80.25639908683165
			} ,
			"sameAs": [
				"https://www.facebook.com/Letsfameofficial/",
				"https://twitter.com/letsfameoffl?s=20",
				"https://www.instagram.com/letsfameapp/",
				"https://www.youtube.com/channel/UCKhIRTOi86I_B9ZSp9evAAg/featured"
			] 
		}
	</script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() { dataLayer.push(arguments); }
		gtag('js', new Date());
		gtag('config', 'UA-185161524-1');
	</script>
	<script src="https://www.youtube.com/player_api"></script>
	<!-- Google Tag Manager -->
	<script>
		(function (w, d, s, l, i) {
			w[l] = w[l] || []; w[l].push({
				'gtm.start':
				new Date().getTime(), event: 'gtm.js'
			}); var f = d.getElementsByTagName(s)[0],
			j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
			'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
		})(window, document, 'script', 'dataLayer', 'GTM-5M4KV6W');</script>
		<!-- End Google Tag Manager -->
		<script>
			$(document).ready(function () {
				var s = skrollr.init();
				if (s.isMobile()) {
					s.destroy();
				}
			});
			$(window).on('load', function () {
			// Re-initialize the Skrollr instance on page load

			});

		// getOS();
			function getMyOS(){
				let platform = getOS();
				if (platform === 'iOS') {
					window.open("https://apps.apple.com/in/app/letsfame-find-cinema-jobs/id6444732920", '_blank');
				} else if (platform === 'Android') {
					window.open("https://play.google.com/store/apps/details?id=com.letsfame.app", '_blank');
				}
			}
		</script>

	</head>
	<style> 
		.navbar .active {
			color: #f3c060 !important;
		}

		.active {
			color: #f3c060 !important;
		}

		.close-btn {
			padding-top: 16px;
			padding-right: 6px;
		}

		#imageapp {
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-size: 150% auto;
			background-repeat: no-repeat;
			background-position: top center;
			background-image: url('assets/img/home/bigestcut.webp');
		}

		.imagess {
			position: relative;
			height: 1150px;
			text-align: center;
			background: #000000;
			width: 100%;
			overflow: hidden;
		}
		.mbl-d-b{display: none;}
		.mbl-d-n{display: block;}


		.new-banner { background-image: none;height: 100vh;}
		.lets-slider { border-image: linear-gradient(86deg,#f3c060,transparent) 2;}
		.let-slider{border: none !important;}
		.new-banner .contents {
			position: absolute;
			top: 50%;
			left: 5%;
			margin-right: unset;
			transform: translate(0%, -50%);width: 45%;
		}
		.new-banner .contents .lets-main-title-h2, .new-banner .contents .lets-sub-title-h2  {text-align: left !important;}
		.new-banner .signup, .lets-slider, .let-slider {text-align: left !important;margin: 0;}
		.new-banner .contentw-100-scroll {
			position: absolute;
			bottom: 3%;
			left: 0;
			margin-right: unset; 
			width: 100%;
		}
		.new-banner .contents .lets-sub-title-h2 {line-height: 26px;}
		.h-100vh{height: 100vh;}

		@media only screen and (min-width: 1240px){
			.home-video video {
				width: 100%;
				overflow: hidden;
			}
		}
		@media only screen and (max-width: 600px){
			.mbl-d-b{display: block;}
			.mbl-d-n{display: none;}
			.new-banner .contents {width: 100%;}
			.new-banner .contents .lets-sub-title-h2 {line-height: 20px !important;font-size: 14px !important;}
			.new-banner .contents .lets-main-title-h2 {font-size: 28px !important;}
/*            .new-banner .contentw-100-scroll {bottom:7%;}*/
.let-slider {height: 200px;}
.lets-slider p {font-size: 14px}



}


</style>

<body>
	<!-- Google Tag Manager (noscript) -->
	<noscript>
		<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5M4KV6W" height="0" width="0"
		style="display:none;visibility:hidden"></iframe>
	</noscript>
	<header id="header" class="fixed-top d-flex align-items-center">
		<nav id="lt-navbar" class="navbar navbar-expand-lg fixed-top text-white"
		style="background-color: #000000; color: #ffffff !important; padding: 17px 0px;">
		<div class="container-fluid d-flex align-items-center px-3">
			<div class="logo me-auto"><a href="https://www.letsfame.com/"><img src="assets/img/logo.png" alt="logo" title="logo"
				class="img-fluid"></a></div>
				<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
				data-bs-target="#collapsibleNavbar">
				<i class="fa-solid fa-bars text-white"></i>
			</button>

			<div class="collapse navbar-collapse" id="collapsibleNavbar">
				<ul class="navbar-nav ms-auto">
					<li class="nav-item pt-2">
						<a href="https://www.letsfame.com/" class="nav-link active">Home</a>
					</li>
					<li class="nav-item pt-2">
						<a href="aboutus" class="nav-link">About Us</a>
					</li>
					<li class="nav-item pt-2">
						<a href="how-its-work" class="nav-link">How its Works</a>
					</li>
					<li class="nav-item pt-2">
						<a href="plans" class="nav-link">Plans</a>
					</li>
					<li class="nav-item pt-2">
						<a href="why-use-letsfame" class="nav-link">Why Use Letsfame?</a>
					</li>
					<li class="nav-item pt-2">
						<a href="faq" class="nav-link">FAQ</a>
					</li>
					<li class="nav-item pt-2">
						<a href="contact-us" class="nav-link">Contact Us</a>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- </div> -->
</header>
<div class="modal fade" id="signup" tabindex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static"
data-bs-keyboard="false" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered">
	<div class="modal-content bg-dark">
		<div class="modal-header no-border">
			<div class="close-btn">
				<img src="assets/img/close-btn.png" alt="Close button LetsFame" title="Close button LetsFame" data-bs-dismiss="modal" class="img-fluid" height="80%" />
			</div>
		</div>
		<div class="modal-body p-0">
			<div class="w-100">
				<div class="row">
					<section class="qrcode-container bg-light">
						<div class="">
							<div class="row">
								<div class="col-md-12">
									<div class="bg-dark shadow-sm">
										<div class="row">
											<div class="col-md-4 mob-form-image">
												<img src="assets/img/qr-code-image.png" alt="QR-Code LetsFame" title="QR-Code LetsFame"
												class="img-fluid bgimg rounded-start">
											</div>
											<div class="col-md-8">
												<div class="qr-code-popup mt-5">
													<h3 class="text-white">World’s 1st
														professional networking &
														talent hiring app for the
													Entertainment World</h3>
													<div class="my-3 imgwidth pt-5">
														<div class="row">
															<div class="col-md-7">
																<h5 class="text-white">Download Our
																	Mobile App to Experience the Full Potential
																of the Platform</h5>
																<h6 class="mb-3 text-white">Downloads Available
																on</h6>
																<div class="row">
																	<div class="col-md-6">
																		<a href="https://apps.apple.com/in/app/letsfame/id6444732920"
																		target="_blank" class="me-2"><img
																		src="assets/img/ios.svg"
																		alt="img" class="img-fluid"></a>

																	</div>
																	<div class="col-md-6">
																		<a href="https://play.google.com/store/apps/details?id=com.letsfame.app"
																		target="_blank" class=""><img
																		src="assets/img/android.svg"
																		alt="img" class="img-fluid"></a>
																	</div>
																</div>
															</div>
															<div class="col-md-5 pt-3">
																<img src="assets/img/qr-code.svg" alt="QR-Code LetsFame" title="QR-Code LetsFame"
																class="img-fluid qr-code" />
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</section>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
 
<section>
	<!--NEW BANNER STARTS-->
	<div class="new-banner">
		<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" class="mbl-d-n tab-d-n w-100">
			<source src="assets/img/LetsFAME Video.mp4" type="video/mp4"> 
				<!-- <source src="assets/img/home-1.mp4" type="video/mp4" > -->
				</video>
				<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" class="mbl-d-b tab-d-b h-100vh"> 
					<source src="assets/img/LetsFAME video-mbl.mp4" type="video/mp4"> 
					</video>
					<div class="contents">
					<!-- <div class="text-start ms-auto">
						<a href="https://www.letsfame.com/">
							<img src="assets/img/logo.png" alt="logo" title="logo" class="img-fluid w-50 mbl-d-n">
						</a>
					</div> -->
					<!-- <h2 class="lets-main-title-h2 mb-2 px-2">All the Creative Minds in One Place!</h2> -->
					<div id="slider_id" class="let-slider animation-box">
						<div class="item active">
							<div class="item-content px-0">
								<h2 class="lets-main-title-h2 mb-lg-2 mb-3">All the Creative Minds in One Place! </h2>
								<h2 class="lets-sub-title-h2 mb-5 px-2">Hire Talents, Connect with Industry Professionals, Discover <a href="the-most-in-demand-film-industry-and-media-jobs-Opportunities-in-india-2023" class="text-white text-decoration-none">Film & Media Opportunities</a> </h2>
							</div>
						</div>
						<div class="item">
							<div class="item-content px-0">
								<h2 class="lets-main-title-h2 mb-lg-2 mb-3">Find Your Next Break!<br> Step into the limelight! </h2>
								<h2 class="lets-sub-title-h2 mb-5">Direct access to a treasure trove of talents, industry professionals, and countless film and media opportunities.  </h2>
							</div>
						</div>
						<div class="item">
							<div class="item-content px-0">
								<h2 class="lets-main-title-h2 mb-lg-2 mb-3">Make music with the best! </h2>
								<h2 class="lets-sub-title-h2 mb-5">Find amazing vocal talents, connect with music industry experts, and unlock incredible opportunities.</h2>
							</div>
						</div> 
						<div class="item">
							<div class="item-content px-0">
								<h2 class="lets-main-title-h2 mb-lg-2 mb-3">Create visuals with the finest! </h2>
								<h2 class="lets-sub-title-h2 mb-5">Find talented camera professionals, connect with industry experts, and explore filmmaking opportunities. </h2>
							</div>
						</div> 
						<div class="item">
							<div class="item-content px-0">
								<h2 class="lets-main-title-h2 mb-lg-2 mb-3">Craft magic with the masters! </h2>
								<h2 class="lets-sub-title-h2 mb-5">Discover exceptional editing talents, network with industry veterans, and access remarkable opportunities. </h2>
							</div>
						</div> 
						<div class="item">
							<div class="item-content px-0">
								<h2 class="lets-main-title-h2 mb-lg-2 mb-3">Direct dreams with the visionaries! </h2>
								<h2 class="lets-sub-title-h2 mb-5">Join the elite ranks, connect with industry experts, and unearth a world of possibilities in the film and media realm. </h2>
							</div>
						</div> 
					</div>
					<!-- <h2 class="lets-sub-title-h2 mb-5 px-2">Hire Talents, Connect with Industry Professionals, Discover <a href="the-most-in-demand-film-industry-and-media-jobs-Opportunities-in-india-2023" class="text-white text-decoration-none">Film & Media Opportunities</a> </h2> -->
					<a data-bs-toggle="modal" class="desktop-signup text-start pb-lg-2 pb-0" data-bs-target="#signup">
						<div class="signup">Join Our Community Now</div>
					</a>
					<a onclick="getMyOS()" class="mobile-signup">
						<div class="signup">Join Our Community Now</div>
					</a>
					<div id="slider_id" class="lets-slider animation-box">
						<div class="item active">
							<div class="item-content">
								<h2>100K+</h2>
								<p class="mb-0">Talents & Film Professionals</p>
							</div>
						</div>
						<div class="item">
							<div class="item-content">
								<h2>10K+</h2>
								<p class="mb-0">Users Got Their First Film / Media Opportunity</p>
							</div>
						</div>
						<div class="item">
							<div class="item-content">
								<h2>500+</h2>
								<p class="mb-0">Film & Media Jobs Posted Every Week</p>
							</div>
						</div>
						<div class="item">
							<div class="item-content">
								<h2>4.9
									<i class="fa-solid fa-star fa-sm fs-6"></i>
									<i class="fa-solid fa-star fa-sm fs-6"></i>
									<i class="fa-solid fa-star fa-sm fs-6"></i>
									<i class="fa-solid fa-star fa-sm fs-6"></i>
									<i class="fa-solid fa-star-half-stroke fs-6"></i>
								</h2>
								<p class="mb-0">App Rating</p>
							</div>
						</div>
					</div>
				</div>
				<div class="contentw-100-scroll">

					<div class="row">
						<div class="col-md-1 align-self-center mbl-w-100">
							<h6 class="mb-lg-0 mb-3 text-white text-lg-end text-center">Featured&nbspin</h6>
						</div>
						<div class="col-md-11 align-self-center mbl-w-100">
							<div class="tab-d-n mbl-d-n">
								<div class="row ">
									<div class="col"><img src="assets/img/features/feature-1.png" class="px-4 img-fluid" alt="img" /></div>
									<div class="col"><img src="assets/img/features/feature-2.png" class="px-4 img-fluid" alt="img" /></div>
									<div class="col"><img src="assets/img/features/feature-3.png" class="px-4 img-fluid" alt="img" /></div>
									<div class="col"><img src="assets/img/features/feature-4.png" class="px-4 img-fluid" alt="img" /></div>
									<div class="col"><img src="assets/img/features/feature-5.png" class="px-4 img-fluid" alt="img" /></div>
									<div class="col"><img src="assets/img/features/feature-6.png" class="px-4 img-fluid" alt="img" /></div>
									<div class="col"><img src="assets/img/features/feature-7.png" class="px-4 img-fluid" alt="img" /> </div>
								</div>
							</div>
							
							<div class="featured-slider mbl-d-b">
								<div class="slide-track">
									<div class="slide">
										<img src="assets/img/features/feature-1.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-2.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-3.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-4.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-5.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-6.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-7.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-1.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-2.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-3.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-4.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-5.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-6.png" class="px-4 img-fluid" alt="img" />
									</div>
									<div class="slide">
										<img src="assets/img/features/feature-7.png" class="px-4 img-fluid" alt="img" />
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			<!-- <div class="app-icons">
				<p class="text-white mb-1">Available on the App store and Google Play</p>
				<div class="banner-app">
					<a href="https://apps.apple.com/in/app/letsfame/id6444732920" target="_blank" class=""><img
							alt="letsfame" class="google img-fluid" src="assets/img/ios.svg"></a>
					<a href="https://play.google.com/store/apps/details?id=com.letsfame.app" target="_blank"
						class=""><img alt="letsfame" class="google img-fluid" src="assets/img/android.svg"></a>
				</div>
			</div> -->
		</div>

	</section>
	<!-- Banner End  -->
	<!-- ======= Creative Studio Start ======= -->
	<!-- <section>
		<div class="imagess">
			<img src="assets/img/bigestcut.png" alt="Banner" class="img-fluid" data-aos="zoom-out">
		</div>
	</section> -->
	<section>
		<div class="imagess">
			<img src="assets/img/home/bigestcut.webp" alt="Banner" title="Banner" class="img-fluid big-mobile-desktop" data-aos="zoom-out">
			<img src="assets/img/home/big-mobile.webp" alt="Banner" title="Banner" class="img-fluid big-mobile" data-aos="zoom-out">
		</div>
	</section>
	<!--<section id="ceative">
		<div class="imagess">
			<div id="imageapp" data-0="background-size: 600% auto;"
				data-500="background-size: 100% auto; position: absolute; top:0;" class="skrollable skrollable-between">
			</div>
		</div>
	</section>-->
	<!-- Creative Studio End  -->

	<!-- Creative Start-->
	<section class="all-creative">
		<div class="container">
			<div class="row">
				<div class="col">
					<h2 class="creative-content">All your cinema skills & experience in one place
					</h2>
				</div>
			</div>
		</div>
	</section>
	<!-- Creative End-->

	<!-- ======= Creative Profile Start ======= -->
	<!-- <section>
		<div class="creative-profile">
			<img src="assets/img/downcut.png" alt="best casting app for android" title="best casting app for android" class="img-fluid" data-aos="fade-up"
				data-aos-duration="1300">
		</div>
	</section> -->
	<section>
		<div class="creative-profile">
			<img src="assets/img/home/downcut.webp" alt="Banner" title="Banner" class="img-fluid three-mobile-desktop" data-aos="fade-up"
			data-aos-duration="1300">
			<img src="assets/img/home/three-mobile.webp" alt="Banner" title="Banner" class="img-fluid three-mobile" data-aos="fade-up"
			data-aos-duration="1300">
		</div>
	</section>
	<!-- Creative Profile End  -->
	<!-- ======= Platform Start ======= -->
	<section>
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<div class="platform py-5">
						<h1>Connecting Film Makers, Artists, Productions across the world.</h1>
						<div class="list">
							<p><span class="platform-icon"><img src="assets/img/cut.svg" alt="casting network Websites"
								title="casting network Websites" class="img-fluid"></span>Discover Exciting Film Opportunities </p>
								<p><span class="platform-icon"><img src="assets/img/connect.svg" alt="film industry careers"
									title="film industry careers" class="img-fluid"></span>Gateway to connect & collaborate with Film Professionals</p>
									<p><span class="platform-icon"><img src="assets/img/bulb.svg" alt="LetsFame"
										title="LetsFame" class="img-fluid"></span>Hire Technicians, Cast & Crew members for your film projects </p>
										<p><span class="platform-icon"><img src="assets/img/market.svg" alt="film schools"
											title="film schools" class="img-fluid"></span>Streamline your hiring process for cinema projects</p>
										</div>
						<!-- <a href="" data-bs-toggle="modal" data-bs-target="#enquiry"><button class="platform-btn mt-4">
						GET STARTED </button></a> -->
						<a data-bs-toggle="modal" class="desktop-signup" data-bs-target="#signup"><button
							class="platform-btn mt-4">Join LetsFAME </button></a>
							<a onclick="getMyOS()" class="mobile-signup"><button
								class="platform-btn mt-4">Join LetsFAME </button></a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="gray">
								<div class="platform-image"><img src="assets/img/grey.svg" alt="viscom" title="viscom"
									class="img-fluid" data-aos="zoom-in-left" data-aos-duration="1300">
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- Platform End  -->
			<!-- ======= Flow Grid Start ======= -->
			<section class="flow-grid py-4">
				<h2>It's never been this easy before</h2>
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="row">
								<div class="col-md-6">
									<div class="flow-grid-item py-3 mb-3">
										<img src="assets/img/phone1.png" alt="viscom courses" title="viscom courses"
										class="img-fluid" data-aos="flip-down" data-aos-duration="900">
										<h5 class="w-75">Search & Find for anyone in the cinema jobs globally</h5>
									</div>
								</div>
								<div class="col-md-6">
									<div class="flow-grid-item py-3 mb-3">
										<img src="assets/img/phone2.png" alt="auditions" title="auditions" class="img-fluid"
										data-aos="flip-down" data-aos-duration="900">
										<h5 class="w-75">Check out which director, artist, technician viewed your profile</h5>
									</div>
								</div>
								<div class="col-md-6">
									<div class="flow-grid-item py-3 mb-3">
										<img src="assets/img/phone3.png" alt="acting auditions" title="acting auditions"
										class="img-fluid" data-aos="flip-down" data-aos-duration="900">
										<h5 class="w-75">Get personalised analytics for your profile </h5>
									</div>
								</div>
								<div class="col-md-6">
									<div class="flow-grid-item py-3 mb-3">
										<img src="assets/img/phone4.png" alt="tv channel jobs" title="tv channel jobs"
										class="img-fluid" data-aos="flip-down" data-aos-duration="900">
										<h5 class="w-75">Get a personalised dashboard for all your casting calls </h5>
									</div>
								</div>
								<div class="col-md-6">
									<div class="flow-grid-item py-3 mb-3">
										<img src="assets/img/phone5.png" alt="professional networking app"
										title="professional networking app" class="img-fluid" data-aos="flip-down"
										data-aos-duration="900">
										<h5 class="w-75">Hire talents directly by posting your casting calls </h5>
									</div>
								</div>
								<div class="col-md-6">
									<div class="flow-grid-item py-3 mb-3">
										<img src="assets/img/phone6.png" alt="cinema jobs" title="cinema jobs" class="img-fluid"
										data-aos="flip-down" data-aos-duration="900">
										<h5 class="w-75 text-center">Apply for film & media opportunities directly</h5>
									</div>
								</div>
						<!-- <div class="col-md-6">
							<div class="flow-grid-item py-3 mb-3">
								<img src="assets/img/phone1.png" alt="Banner" class="img-fluid" data-aos="flip-down" [attr.data-aos-offset]="isSafari ? 500 : 700" data-aos-duration="1000">
								<h5 class="w-75">Search with advanced filters</h5>
							</div>
						</div>
						<div class="col-md-6">
							<div class="flow-grid-item py-3 mb-3">
								<img src="assets/img/phone2.png" alt="Banner" class="img-fluid" data-aos="flip-down" [attr.data-aos-offset]="isSafari ? 500 : 700" data-aos-duration="1200">
								<h5 class="w-75">See who viewed your profile</h5>
							</div>
						</div>
						<div class="col-md-6">
							<div class="flow-grid-item py-3 mb-3">
								<img src="assets/img/phone3.png" alt="Banner" class="img-fluid" data-aos="flip-down" [attr.data-aos-offset]="isSafari ? 600 : 800" data-aos-duration="1400">
								<h5 class="w-75">Get a personalised user analytics dashboard </h5>
							</div>
						</div>
						<div class="col-md-6">
							<div class="flow-grid-item py-3 mb-3">
								<img src="assets/img/phone4.png" alt="Banner" class="img-fluid" data-aos="flip-down" [attr.data-aos-offset]="isSafari ? 600 : 800" data-aos-duration="1400">
								<h5 class="w-75">Get a personalised job dashboard</h5>
							</div>
						</div>
						<div class="col-md-6">
							<div class="flow-grid-item py-3 mb-3">
								<img src="assets/img/phone5.png" alt="Banner" class="img-fluid" data-aos="flip-down" [attr.data-aos-offset]="isSafari ? 700 : 1000" data-aos-duration="1600">
								<h5 class="w-75">Post your job calls in the industry</h5>
							</div>
						</div>
						<div class="col-md-6">
							<div class="flow-grid-item py-3 mb-3">
								<img src="assets/img/phone6.png" alt="Banner" class="img-fluid" data-aos="flip-down" [attr.data-aos-offset]="isSafari ? 700 : 1000" data-aos-duration="1600">
								<h5 class="w-75 text-center">Apply for job calls in the industry</h5>
							</div>
						</div> -->
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Flow Grid End  -->

	<!-- ======= Profile Plan Start ======= -->
	<section>
		<div class="profile-plan">
			<img src="assets/img/plans@2x.png" alt="Banner" title="Banner" class="img-fluid" data-aos="zoom-in-up"
			data-aos-duration="1000">
			<div class="profile-plan-content">
				<h2>Choose your plan.</h2>
				<h5>Unlimited Access.</h5>
				<h5>For a whole year.</h5>
				<a data-bs-toggle="modal" data-bs-target="#signup" class="desktop-signup">
					<button class="subscribe-btn"> GET STARTED NOW </button></a>
					<a onclick="getMyOS()" class="mobile-signup"><button class="subscribe-btn"> GET STARTED
					NOW </button></a>
					<p class="pt-3">Plan auto renews for <span><img src="assets/img/rupee.svg" alt="premium" title="premium" 
						class="rupee"></span>999/ year until cancelled.</p>

					</div>
				</div>

				<div class="premium-plan">
					<div class="pricing-lists">
						<ul class="ul-one">
							<li>
								<h3>nodata</h3>
							</li>
							<li>Search for Anyone</li>
							<li>Setup Your Online LetsFame Profile</li>
							<li>Share Your Profile with Anyone</li>
							<li>Post Job Calls</li>
							<li>Access to connect with everyone</li>
							<li>Apply for job Calls</li>
							<li>Personalized Analytics Dashboard for your profile and posts</li>
							<li>Who viewed your profile </li>
							<li>Profile Reachability</li>
							<li>Get displayed first</li>
							<li>Suggestions only from verified profiles</li>
							<li>Personalized Analytics Dashboard for your Job Calls</li>
						</ul>
						<ul class="ul-two">
							<li>
								<div class="plan">
									<h4 class="mt-4">Free</h4>
								</div>
							</li>
							<li><img alt="" class="" src="assets/img/tick.svg"></li>
							<li><img alt="" class="" src="assets/img/tick.svg"></li>
							<li><img alt="" class="" src="assets/img/tick.svg"></li>
							<li><img alt="" class="" src="assets/img/tick.svg"></li>
							<li><h3>nodata</h3></li>
							<li><h3>nodata</h3></li>
							<li>
								<h3>nodata</h3>
							</li>
							<li>
								<h3>nodata</h3>
							</li>
							<li>2x</li>
							<li>
								<h3>nodata</h3>
							</li>
							<li>
								<h3>nodata</h3>
							</li>
							<li>
								<h3>nodata</h3>
							</li>
					<!-- <li><button class="price-btn"
						href="https://form.typeform.com/to/ioxNrsxy?typeform-medium=embed-snippet"
						data-mode="popup" data-size="100" target="_blank">GET STARTED</button></li> -->
						<li>
							<button class="price-btn desktop-signup" data-bs-toggle="modal" data-bs-target="#signup">GET STARTED</button>
							<button class="price-btn mobile-signup" onclick="getMyOS()">GET STARTED</button>
						</li>
					</ul>
					<ul class="ul-three">
						<li>
							<div class="plan">
								<p><span><img src="assets/img/premium.svg" alt="premium" title="premium"  class="prem"></span>Premium
								</p>
								<h4><span><img src="assets/img/rupee.svg" alt="premium" title="premium"  class="rupee"></span>999/
								year</h4>
								<h5>Recommended</h5>
							</div>
						</li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li>4x</li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li>
							<h3>nodata</h3>
						</li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					<!-- <li><button class="price-btn"
							href="https://form.typeform.com/to/ioxNrsxy?typeform-medium=embed-snippet"
							data-mode="popup" data-size="100" target="_blank">GET STARTED</button>
						</li> -->
						<li>
							<button class="price-btn desktop-signup" data-bs-toggle="modal" data-bs-target="#signup">GET STARTED</button>
							<button class="price-btn mobile-signup" onclick="getMyOS()">GET STARTED</button>

						</li>

					</ul>
					<ul class="ul-four">
						<li>
							<div class="plan">
								<p><span><img src="assets/img/premiumpro.svg" alt="premium" title="premium"  class="prem"></span>Premium Pro
								</p>
								<h4><small>By Invite only</small></h4>
							</div>
						</li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li>Upto 10x</li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><button class="btn btn-light btn-sm border border-warning me-2 fw-bold"
							href="https://form.typeform.com/to/ioxNrsxy?typeform-medium=embed-snippet" data-mode="popup"
							data-size="100" target="_blank"><small>BY INVITE
							ONLY</small></button>
						</li>
					</ul>
				</div>

				<!---Plan Mobile Version Start--->
				<div class="pricing-listsmobile">
					<ul class="ul-two ulmob">
						<li>
							<div class="plan">
								<p>Free</p>
								<h4><span></span></h4>
							</div>
						</li>
						<li>
							<div class="plan">
								<p><span><img src="assets/img/premium.svg" alt="premium" title="premium"  class="prem"></span>Premium
								</p>
								<h4><span><img src="assets/img/rupee.svg" alt="premium" title="premium"  class="rupee"></span>999/
								year</h4>
								<h5>Recommended</h5>
							</div>
						</li>
						<li>
							<div class="plan">
								<p><span><img src="assets/img/premiumpro.svg" alt="premium" title="premium"  class="prem"></span>Premium Pro
								</p>
								<p>By Invite only</p>
							</div>
						</li>
					</ul>
					<li class="neline">Search for Anyone</li>
					<ul class="ul-two ulmob">
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<li class="neline">Setup Your Online LetsFame Profile</li>
					<ul class="ul-two ulmob">
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<li class="neline">Share Your Profile with Anyone</li>
					<ul class="ul-two ulmob">
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<li class="neline">Post Job Calls </li>
					<ul class="ul-two ulmob">
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<li class="neline">Access to connect with everyone</li>
					<ul class="ul-two ulmob">
						<li><h3>nodata</h3></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<li class="neline">Apply for job Calls </li>
					<ul class="ul-two ulmob">
						<li><h3>nodata</h3></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<li class="neline">Personalized Analytics Dashboard for your profile and posts</li>
					<ul class="ul-two ulmob">
						<li>
							<h3>nodata</h3>
						</li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<li class="neline">Who viewed your profile </li>
					<ul class="ul-two ulmob">
						<li>
							<h3>nodata</h3>
						</li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<li class="neline">Profile Reachability</li>
					<ul class="ul-two ulmob">
						<li>2x</li>
						<li>4x</li>
						<li>Upto 10x</li>
					</ul>
					<li class="neline">Get displayed first</li>
					<ul class="ul-two ulmob">
						<li>
							<h3>nodata</h3>
						</li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<li class="neline">Suggestions only from verified profiles</li>
					<ul class="ul-two ulmob">
						<li>
							<h3>nodata</h3>
						</li>
						<li>
							<h3>nodata</h3>
						</li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<li class="neline">Personalized Analytics Dashboard for your Job Calls </li>
					<ul class="ul-two ulmob">
						<li>
							<h3>nodata</h3>
						</li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
						<li><img alt="" class="" src="assets/img/tick.svg"></li>
					</ul>
					<ul class="ul-two ulmob">
					<!-- <li><button class="price-btn"
							href="https://form.typeform.com/to/ioxNrsxy?typeform-medium=embed-snippet"
							data-mode="popup" data-size="100"  target="_blank">Get Started</button></li> -->
					<!-- <li><button class="price-btn"
						href="https://form.typeform.com/to/ioxNrsxy?typeform-medium=embed-snippet"
						data-mode="popup" data-size="100" target="_blank">Get Started</button></li>
					<li><button class="btn btn-light btn-sm border border-warning me-2 fw-bold"
						href="https://form.typeform.com/to/ioxNrsxy?typeform-medium=embed-snippet"
						data-mode="popup" data-size="100" target="_blank"><small>BY INVITE
						ONLY</small></button></li> -->
						<li>
							<button class="price-btn desktop-signup" data-bs-toggle="modal" data-bs-target="#signup">Get Started</button>
							<button class="price-btn mobile-signup" onclick="getMyOS()">Get Started</button>
						</li>
						<li>
							<button class="price-btn desktop-signup" data-bs-toggle="modal" data-bs-target="#signup">Get Started</button>
							<button class="price-btn mobile-signup" onclick="getMyOS()">Get Started</button>
						</li>
						<li><button class="btn btn-light btn-sm border border-warning me-2 fw-bold"
							href="https://form.typeform.com/to/ioxNrsxy?typeform-medium=embed-snippet" data-mode="popup"
							data-size="100" target="_blank"><small>BY INVITE
							ONLY</small></button></li>
						</ul>
					</div>
					<!---Plan Mobile Version End--->
				</div>
			</section>
			<section class="lets-video-section text-center">
				<div class="container">
					<div class="row py-5">
						<div class="col-lg-8 offset-lg-2 py-lg-4 py-0">
							<iframe width="100%" height="400px" src="https://www.youtube.com/embed/ZVaBrVicVMo"
							title="YouTube video player" frameborder="0"
							allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
							allowfullscreen></iframe>
						</div>
					</div>
				</div>
			</section>

			<section class="footer">
				<div class="container pt-5 pb-2" data-aos="zoom-in">
					<div class="row">
						<div class="col-lg-6 col-md-6 mb-3">
							<div class="row">
								<div class="col text-start">
									<ul class="footlist text-white">
								<!-- <li><a href="#" data-bs-toggle="modal" data-bs-target="#login">Sign In</a>
								</li> -->
								<li><a href="plans">Plans</a>
								</li>
								<li><a href="contact-us">Contact Us</a>
								</li>
								<li><a href="user-agreement">User Agreement</a>
								</li>
								<li><a href="privacy-policy">Privacy Policy</a>
								</li>
								<li><a href="cookie-policy">Cookie Policy</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-lg-6 col-md-6 mb-3">
					<div class="connect">
						<h2><span><img alt="letsfame" class="prempro" src="assets/img/premiumpro.svg"></span>Connecting
						Creative Minds</h2>
						<div class="p-0">
							<!-- <a href="" data-bs-toggle="modal" data-bs-target="#enquiry"><button
								class="subscribe-btn">GET STARTED NOW </button></a> -->
								<a data-bs-toggle="modal" class="desktop-signup" data-bs-target="#signup"><button
									class="subscribe-btn">GET STARTED NOW </button></a>

									<a onclick="getMyOS()" class="mobile-signup"><button
										class="subscribe-btn">GET STARTED NOW </button></a>


									</div>
									<p class="pt-2">Available on the App Store and Google Play</p>
								</div>
								<div class="footer-app mt-4">

									<a target="_blank" href="https://apps.apple.com/in/app/letsfame/id6444732920">
										<div class="phoneapp"><img src="assets/img/ios.svg" alt="appstore logo" title="appstore logo" class="img-fluid mb-2"></div>
									</a>
									<a target="_blank" href="https://play.google.com/store/apps/details?id=com.letsfame.app">
										<div class="phoneapp"><img src="assets/img/android.svg" alt="playstore logo" title="playstore logo" class="img-fluid mb-2">
										</div>
									</a>

								</div>
								<div class="follow pt-3">Follow us on :
									<span><a target="_blank" href="https://www.facebook.com/Letsfameofficial/"><img class="socico"
										src="assets/img/fb.svg" alt="facebook logo" title="facebook logo"></a></span>
										<span><a target="_blank"
											href="https://www.instagram.com/letsfameapp/"><img
											class="socico" src="assets/img/insta.svg" alt="instagram logo" title="instagram logo"></a></span>
											<span><a target="_blank" href="https://twitter.com/letsfameoffl?s=20"><img class=""
												style="width: 25px;" src="assets/img/twitter.svg" alt="twitter logo" title="twitter logo"></a></span>
												<span><a target="_blank"
													href="https://www.youtube.com/channel/UCKhIRTOi86I_B9ZSp9evAAg/featured"><img class=""
													style="width: 25px;" src="assets/img/youtube.svg" alt="youtube logo" title="youtube logo"></a></span>
												</div>
											</div>
										</div>
									</div>
								</section>
								<section class="copysection center">
									<p>Copyright © <span id="year">2023</span> LetsFAME. <span class="rights">All Rights Reserved.</span>
									</p>
								</section>
							</body>
							<script type="text/javascript">

								$(function () {
									AOS.init({
										duration: 1200
									});

									$('.js-load-more').on('click', function () {
										var $content = $(this).next('.js-more-content');

										$content.animate({
											height: 750,
										}, 500);
									});

									onElementHeightChange(document.body, function () {
										AOS.refresh();
									});
								});

								function onElementHeightChange(elm, callback) {
									var lastHeight = elm.clientHeight
									var newHeight;

									(function run() {
										newHeight = elm.clientHeight;
										if (lastHeight !== newHeight) callback();
										lastHeight = newHeight;

										if (elm.onElementHeightChangeTimer) {
											clearTimeout(elm.onElementHeightChangeTimer);
										}

										elm.onElementHeightChangeTimer = setTimeout(run, 200);
									})();
								}
								document.addEventListener("DOMContentLoaded", function () {

									el_autohide = document.querySelector('.autohide');

		// add padding-top to bady (if necessary)
		//navbar_height = document.querySelector('.navbar').offsetHeight;
		//document.body.style.paddingTop = navbar_height + 'px';

									if (el_autohide) {

										var last_scroll_top = 0;
										window.addEventListener('scroll', function () {
											let scroll_top = window.scrollY;
											if (scroll_top < last_scroll_top) {
												el_autohide.classList.remove('scrolled-down');
												el_autohide.classList.add('scrolled-up');
											} else {
												el_autohide.classList.remove('scrolled-up');
												el_autohide.classList.add('scrolled-down');
											}
											last_scroll_top = scroll_top;

										});
			// window.addEventListener

									}
		// if

								});
// DOMContentLoaded  end
							</script>

							</html>