						<?php
session_set_cookie_params([
    'secure' => true,
    'httponly' => true,
    'samesite' => 'Strict'
]);
session_start();

// Generate CSRF Token if not exists
if (!isset($_SESSION['csrf_token'])) {
    $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}
?>
<!DOCTYPE html>
<html lang="en">

<head>

	

	<meta charset="UTF-8">
	<meta name="keywords" content="itnt,itntportal,portal,landing">
    <meta name="description" content="iTNT Hub Home">
    <meta property="og:site_name" content="iTNT Hub">
    <meta property="og:url" content="https://itnthub.tn.gov.in">
    <meta property="og:type" content="website">
     <meta property="og:title" content="Tamilnadu Technology Hub (iTNT)">
	<meta name='og:image' content='images/assets/ogg.png'>
		<!--FAVICON-->
	<link rel="shortcut icon" href="assets/favicon/favicon.ico">
	<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
    <link rel="manifest" href="assets/favicon/site.webmanifest">
	<!-- For IE -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- For Resposive Device -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">	
	<!-- For Window Tab Color -->
	<!-- Chrome, Firefox OS and Opera -->
	<meta name="theme-color" content="#1A4137">
	<!-- Windows Phone -->
	<meta name="msapplication-navbutton-color" content="#1A4137">
	<!-- iOS Safari -->
	<meta name="apple-mobile-web-app-status-bar-style" content="#1A4137">
	<title>iTNT Hub | Blog Venture Studio</title>
	<!-- Bootstrap CSS -->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="all">
	<!-- Main style sheet -->
	<link rel="stylesheet" type="text/css" href="./css/style.css" media="all">
	<!-- responsive style sheet -->
	<link rel="stylesheet" type="text/css" href="./css/responsive.css" media="all">
	<!--workcss-->
	<link rel="stylesheet" href="./css/style3.css">
	<link rel="stylesheet" href="./css/style_2.css">
	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./css/launchingsoon.css">
	<link rel="stylesheet" href="./css/owl.carousel.min.css"/>
</head>

<body>

	<div class="main-page-wrapper">
		<!-- 
		=============================================
				Theme Main Menu
		============================================== 
		-->
		<header class="theme-main-menu menu-overslay menu-style-two sticky-menu">
            <div class="gap-fix top-nav info-row">
				<div class="d-md-flex justify-content-between">
					<div class="order-lg-0 d-flex align-items-center">
						<a href="index.html" class="d-flex align-items-center">
							<img class="logo" src="assets/BuildTheFuture logo 2.svg" alt="">
						</a>
						<!-- <div style="color: white; font-size: 16px;padding-right: 15px; ">
							<marquee behavior="scroll" direction="left">Announcement: Recruitment for the position of Chief Executive Officer<a class="px-2" href="/careers.html" target="_blank" style="color: #ff0000 !important; font-weight: bold;">here. </a></marquee>
						</div> -->
					</div>                    
					<div class="right-widget order-lg-3 ms-auto">
						<ul class="d-flex align-items-center style-none h-100">
							<li class="d-flex align-items-center login-btn-one"> 
								<img src="assets/navbar/lockicon.png" alt="" class="lazy-img icon me-2" style="width: 20px;"> 
								<a href="https://itnthub.tn.gov.in/innovation-portal/" class="fw-500 text-white">Login</a>
							
							</li>
							<li class="d-none d-md-inline-block ms-3 ms-lg-5 me-3 me-lg-0">
								<a href="index.html#RegistrationSection" class="signup-btn-one icon-link">
                                    <span>Register</span>
                                    <div class="icon rounded-circle d-flex align-items-center justify-content-center"><i class="bi bi-arrow-right"></i></div>
                                </a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
			<div class="inner-content gap-fix">
				<div class="top-header position-relative">
					<div class="d-flex align-items-center justify-content-between">

						<div class=" d-flex justify-content-evenly align-items-center nav2">

							<div class="d-flex logo-main justify-content-center align-items-center ">
								<a href="index.html" class="d-flex align-items-center justify-content-center">
									<img class="w-75" src="assets/navbar/MeitY Logo.svg" alt="">
								</a>
								
								<a href="index.html" class="d-flex align-items-center justify-content-center">
									<img class="" style="width: 100%;" src="assets/navbar/Logos/govt-logo.svg" alt="">
								</a>
							</div>

								
							<div class="d-flex justify-content-center align-items-center px-0">
								<div></div>
								<a href="index.html" class="d-flex px-2 align-items-center justify-content-center">
									<img class="" style="width: 1900px;" src="assets/navbar/Logos/iTNT-logotm.png" alt="" >
								</a>
							</div>
                         
						</div>
						<!-- logo -->
						 <!--/.right-widget-->
						 <nav class="navbar navbar-expand-lg p0 ms-lg-5 order-lg-2">
							<button class="navbar-toggler d-block d-lg-none" type="button" data-bs-toggle="collapse"
								data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
								aria-label="Toggle navigation">
								<span></span>
							</button>
							<div class="collapse navbar-collapse " id="navbarNav">
								<ul class="navbar-nav align-items-lg-center ">
									<li class="d-block d-lg-none"><div class="logo"><a href="index.html" class="d-block"><img src="assets/navbar/Logos/iTNT-logo.png" alt=""></a></div></li>
									<!-- <li class="nav-item " style="border-right: 2px solid #E2E2E2;">
										<a href="ip-conclave.html" class="nav-link blink-hard" href="ip-conclave.html" role="button" style="border-radius:5px !important; background:#FF6500 !important; color:#ffffff !important; padding:5px 10px !important;">IP Conclave</a>
									</li> -->
									
									<li class="nav-item dropdown " style="border-right: 2px solid #E2E2E2;">
										<a class="nav-link " href="index.html" role="button" data-bs-toggle="dropdown"
											data-bs-auto-close="outside" aria-expanded="false">Overview
										</a>
										<ul class="dropdown-menu">
											<li><a href="aboutus.html" class="dropdown-item"><span>About Us</span></a></li>
											<!-- <li class="dropdown">
												<a class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown" href="#" aria-expanded="false"><span>Media</span></a>
												<ul class="dropdown-menu">
													<li><a href="itnt-blogs.html" class="dropdown-item"><span>Blogs</span></a></li>
													<li><a href="faq-events.html" class="dropdown-item"><span>Events</span></a></li>
													<li><a href="itnt-gallery.html" class="dropdown-item"><span>Gallery</span></a></li>
													<li><a href="itnt-news.html" class="dropdown-item"><span>News</span></a></li>
													<li><a href="itnt-newsletter.html" class="dropdown-item"><span>Newsletters</span></a></li>
												</ul>
											</li> -->
											
											<li><a href="careers.html" class="dropdown-item"><span>Careers</span></a></li>
											<!-- <li><a href="contact.html" class="dropdown-item"><span>Contact Us</span></a></li> -->
											<!-- <li><a href="comingsoon.html" class="dropdown-item"><span>Forums</span></a></li> -->
											<!-- <li><a href="join.html" class="dropdown-item"><span>Join iTNT</span></a></li> -->
										</ul>
										
									</li>
									
								

									<!-- <li class="nav-item ">
										<a href="https://itnthub.typeform.com/bootcamp" class="nav-link " href="#" target="_blank" role="button">Bootcamp</a>
									</li> -->

									<!-- <li class="nav-item " style="border-right: 2px solid #E2E2E2;">
										<a href="programs.html" class="nav-link " role="button">Programs</a>
									</li> -->
									
									<li class="nav-item dropdown" style="border-right: 2px solid #E2E2E2;">
										<a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" id="programs-link">
											Programs
										</a>
										<ul class="dropdown-menu">
											<li><a href="pre-incubation.html" class="dropdown-item"><span>BEACON</span></a></li>
											<li><a href="incubation.html" class="dropdown-item"><span>PATHFINDER</span></a></li>
											<li><a href="acceleration.html" class="dropdown-item"><span>iAccelerate</span></a></li>
											<li><a href="venturestudio.php" class="dropdown-item"><span>Venture Studio</span></a></li>
											<li><a href="labs.html" class="dropdown-item"><span>FabLab & Design Studio</span></a></li>
										</ul>
									</li>
									
									<script>
										document.getElementById('programs-link').addEventListener('click', function(e) {
											e.preventDefault();  
											window.location.href = 'programs.html'; 
										});
									</script>
									

									<!-- <li class="nav-item " style="border-right: 2px solid #E2E2E2;">
										<a href="partnerships.html" class="nav-link " href="#" role="button">Partnerships</a>
									</li> -->
									<li class="nav-item dropdown" style="border-right: 2px solid #E2E2E2;">
										<a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" id="partnerships-link">
											Partnerships
										</a>
										<ul class="dropdown-menu">
                                            <!-- <li><a href="innovatex-by-mathworks.html" class="dropdown-item"><span> InnovateX by MathWorks</span></a></li> -->
											<li><a href="co-incubation.html" class="dropdown-item"><span> Co-Incubation</span></a></li>
											<li><a href="csr-partnership.html" class="dropdown-item"><span>CSR Partnership</span></a></li>
											<!-- <li><a href="innovation-challenge-1.html" class="dropdown-item"><span>Innovation Challenge</span></a></li>
											<li><a href="geospatial_Innovation_challenge.html" class="dropdown-item"><span>Geospatial Innovation challenge</span></a></li>
											<li><a href="public_sector _nnovation_challenge.html" class="dropdown-item"><span>Public sector Innovation Challenge</span></a></li> -->
											<li><a href="innovation-challenge-1.html" class="dropdown-item"><span>Innovation Challenge</span></a></li>
											<li><a href="International-Pavilion.html" class="dropdown-item"><span>International Pavilion</span></a></li>
											<li><a href="https://www.techtransfer.itnthub.tn.gov.in/" class="dropdown-item"><span>Technology Transfer</span></a></li>
											<li><a href="pitch-fest.html" class="dropdown-item"><span>Pitch Fest</span></a></li>
												<li><a href="ip-conclave.html" class="dropdown-item"><span>IP Conclave</span></a></li>
										</ul>
									</li>
									
									<script>
										document.getElementById('innovation-link').addEventListener('click', function(e) {
											e.preventDefault();  
											window.location.href = 'innovation-challenge-1.html';  
										});
									</script>

									<script>
										document.getElementById('partnerships-link').addEventListener('click', function(e) {
											e.preventDefault();  
											window.location.href = 'partnerships.html';  
										});
									</script>
									
									<li class="nav-item " style="border-right: 2px solid #E2E2E2;">
										<a href="JIGSAW.html" class="nav-link " href="JIGSAW.html" role="button">JIGSAW</a>
									</li>

									<li class="nav-item dropdown" style="border-right: 2px solid #E2E2E2;">
										<a class="nav-link" href="investment.html" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" id="investment-link">Investments</a>
										<ul class="dropdown-menu">
											<li><a href="foundation_fund.html" class="dropdown-item"><span>iTNT Foundation Fund</span></a></li>
										</ul>
									</li>

									<script>
										document.getElementById('investment-link').addEventListener('click', function(e) {
											e.preventDefault();  
											window.location.href = 'investment.html';  
										});
									</script>

									<li class="nav-item dropdown " style="border-right: 2px solid #E2E2E2;">
										<a class="nav-link " href="#" role="button" data-bs-toggle="dropdown"
											data-bs-auto-close="outside" aria-expanded="false">Media 
										</a>
										<!-- down arrow -->
										<!-- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z"/></svg> -->
										<ul class="dropdown-menu">
											
											<!-- <li class="dropdown">
												<a class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown" href="#" aria-expanded="false"><span>Media</span></a>
												<ul class="dropdown-menu">
													<li><a href="itnt-blogs.html" class="dropdown-item"><span>Blogs</span></a></li>
													<li><a href="faq-events.html" class="dropdown-item"><span>Events</span></a></li>
													<li><a href="itnt-gallery.html" class="dropdown-item"><span>Gallery</span></a></li>
													<li><a href="itnt-news.html" class="dropdown-item"><span>News</span></a></li>
													<li><a href="itnt-newsletter.html" class="dropdown-item"><span>Newsletters</span></a></li>
												</ul>
											</li> -->
											<li><a href="itnt-newsletter.html" class="dropdown-item"><span>Newsletters</span></a></li>
											<li><a href="itnt-gallery.html" class="dropdown-item"><span>Gallery</span></a></li>
											<li><a href="itnt-news.html" class="dropdown-item"><span>News</span></a></li>
											<li><a href="itnt-blogs.html" class="dropdown-item"><span>Blogs</span></a></li>
											<li><a href="itnt-videos.html" class="dropdown-item"><span>Videos</span></a></li> 
											
											<!-- <li><a href="faq-events.html" class="dropdown-item"><span>Events</span></a></li> -->
											
											
											
											<!-- <li><a href="join.html" class="dropdown-item"><span>Join iTNT</span></a></li> -->
										</ul>
										
									</li>
									<!-- <li class="nav-item ">
										<a href="#" class="nav-link " href="#" role="button">Media</a>
									</li> -->

									<li class="nav-item ">
										<a href="contact.html" class="nav-link " href="#" role="button">Contact Us</a>
									</li>

									

									

									<!-- <li class="nav-item d-none d-lg-block">
										<a href="/comingsoon.html" class="nav-link " href="#" role="button">Experience iTNT</a>
									</li> -->

									<li class="nav-item  d-block d-sm-block d-lg-none ">
										<a href="https://itnthub.tn.gov.in/innovation-portal/" class="nav-link">Login</a>
									</li>
									<li class="nav-item  d-block d-sm-block d-lg-none ">
										<a href="index.html#RegistrationSection" class="nav-link">Register</a>
									</li>
									

								</ul>
							</div>
						</nav>

					</div>
				</div> <!--/.top-header-->
			</div> <!-- /.inner-content -->
		</header>
		<!-- /.theme-main-menu -->

		<!-- /.theme-main-menu -->


		<div class="position-relative ven-studio">
			<video src="assets/venture-studio/banner-2.mp4"  width="100%" autoplay muted class="venture-banner"></video>
			<div class="video-overlay">
				<div class="container position-relative">
					<div class="row pb-40 align-items-center justify-content-start">
						<div class="col-xl-12 col-md-12 col-12">
							<h1 class="hero-heading text-white venture-sub mb-15" style="text-transform: uppercase;font-weight: 900;text-align: start;line-height: 60px;"><span class="venture-tit" style="color:#ffff;">Hardware Design & <br></span><span class="venture-tit" style="color: #fbaa16;"> Venture Studio</span> </h1>
							<h3 class="text-white mb-20"><b>Turning Research into Real-World Ventures</b></h3>
						</div>
						<div class="col-xl-6 col-md-6 col-12">
							<p class="text-white"> We work with innovators, researchers and founders to build, validate, and scale DeepTech startups from lab to market</p>
						</div>
					</div>
				</div>
			</div>
		</div>


		<div class="programdetails-venture service-details py-70">
			<div class="container">
				<div class="row align-items-center">
					<!-- Left Column -->
					<div class="col-md-6 mx-auto">
						<div class="details-meta h-100">
							<div class="venture-about">
								<h4><b>About</b></h4>
								<h3>iTNT Hub Hardware Design & Venture Studio</h3>
								<p class="text-dark mb-3">The iTNT Foundry is a high-touch co-creation platform that partners with founders and researchers to build DeepTech startups from idea to scalable ventures.</p>
								<h4 class="mb-25">Co-building with Founders to achieve</h4>
								<div class="venture-tab">
									<ul class="nav nav-tabs" id="myTab" role="tablist">
										<li class="nav-item" role="presentation">
											<button  class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home"  type="button"   role="tab"  aria-controls="home"  aria-selected="true" data-image="assets/venture-studio/problem-solution.gif" >
											Problem Solution Fit
										</button>
										</li>
										<li class="nav-item" role="presentation">
											<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false" data-image="assets/venture-studio/product-market.gif">Product Market Fit</button>
										</li>
										<li class="nav-item" role="presentation">
											<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false" data-image="assets/venture-studio/venture-growth.gif">Venture Growth Fit</button>
										</li>
									</ul>

									<div class="tab-content" id="myTabContent">
										<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
											<ul class="co-built mt-2">
												<li>Problem Validation</li>
												<li>Customer Discovery & Interviews</li>
												<li>Value Proposition</li>
												<li>Demonstration of POC</li>
												<li>IP Clinic + Patent Filing</li>
												<li>User/Product Requirements</li>
												<li>Product Breakdown Structure</li>
												<li>Metrics & Milestones Planning</li>
												<li>User Trials/Feedback</li>
												<li>Product Roadmap & Product Design</li>
											</ul>
										</div>
										<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
											<ul class="co-built mt-2">
												<li>MVP Development & Testing</li>
												<li>DFMA Analysis</li>
												<li>Production Ready Design</li>
												<li>Regulatory & Certification</li>
												<li>Pilot Deployments</li>
												<li>Pilot to Scaled Commercialisation</li>
												<li>GTM Partnerships</li>
												<li>Manufacturing & Supply Chain Partnerships</li>
											</ul>
										</div>
										<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
											<ul class="co-built mt-2">
												<li>Market Expansion</li>
												<li>Team Expansion</li>
												<li>Strategic Investment/Acquisition</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 mx-auto">
						<div class="box d-flex align-items-end justify-content-center mt-2">
          				<img id="ventureImage" src="assets/venture-studio/problem-solution.gif" alt="Venture Stage" class="img-fluid" style="width: 90%; transition: opacity 0.4s ease;"/>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- <div class="venture-det py-70">
			<div class="container">
				<div class="row justify-content-between">
					<div class="col-md-5 col-lg-5 col-12 mb-4">
                        <div class="venture-about">
                            <p class="text-dark mb-3" style="font-size: 21px;">Hardware innovations demand capital-intensive prototyping, long development cycles, deep engineering and manufacturing</p>
							<div class="sec-tit">
								<h3>We co-build your Hardware and Deep Tech Ventures</h3>
							</div>
							<div class="sec-tit">
								<h5>You won’t have to navigate these challenges alone</h5>
							</div>
                        </div>
					</div>
					<div class="col-md-7 col-lg-7 col-12 mb-4">
						<div class="co-build">
							<img src="assets/product-arch.png" alt="" class="img-fluid">
							<div class="co-build-con">
								<h4>Product & Architecture Uncertainty</h4>
								<p>We bring structured system architecture and early design reviews <br> to eliminate costly pivots before they happen.</p>
							</div>
						</div>
						<div class="co-build">
							<img src="assets/cost-paying.png" alt="" class="img-fluid">
							<div class="co-build-con">
								<h4>High Cost of Prototyping</h4>
								<p>Access shared, industrial-grade infrastructure from design <br> to pilot manufacturing.</p>
							</div>
						</div>
						<div class="co-build">
							<img src="assets/manufacture.png" alt="" class="img-fluid">
							<div class="co-build-con">
								<h4>Fragmented Manufacturing Links</h4>
								<p>Our industry connections bridge the gap between prototype and <br> production-ready product.</p>
							</div>
						</div>
						<div class="co-build">
							<img src="assets/investment.png" alt="" class="img-fluid">
							<div class="co-build-con">
								<h4>Investment Readiness</h4>
								<p>Structure your TRL progression, building your compelling <br> story to the right investors.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div> -->

        <!-- <section class="why-venture py-70">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-lg-5 col-md-5 col-12">
                        <div class="sec-tit mb-30">
                            <h3 class="text-white">Why a Venture Studio?</h3>
                        </div>
                        <p class="text-white">Hardware innovation demands capital-intensive prototyping, longer development cycles, and deep engineering + manufacturing expertise.</p>
                        <p class="text-white">The iTNT Venture Studio is built to co-build with founders, not just mentor them.</p>
                    </div>
                    <div class="col-lg-7 col-md-7 col-12">
                        <div class="whyven-grid">
                            <div class="whyven">
                                <img src="assets/venture-studio/architecture.png" alt="" class="img-fluid">
                                <p class="mb-0 text-white">Early-stage product and <br> architecture uncertainty</p>
                            </div>
                            <div class="whyven">
                                <img src="assets/venture-studio/architecture.png" alt="" class="img-fluid">
                                <p class="mb-0 text-white">High cost of prototyping & validation</p>
                            </div>
                            <div class="whyven">
                                <img src="assets/venture-studio/architecture.png" alt="" class="img-fluid">
                                <p class="mb-0 text-white">Fragmented industry–manufacturing linkages</p>
                            </div>
                            <div class="whyven">
                                <img src="assets/venture-studio/architecture.png" alt="" class="img-fluid">
                                <p class="mb-0 text-white">Poor investment readiness for deep-tech ventures</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->

		<section class="offerings pt-80 pb-80 bg-clr">
			<div class="container">
				<div class="service-details">
					<div class="details-meta mb-50">
						<h3 class="text-white">iTNT's Offerings</h3>
					</div>
				</div>
				<div class="owl-carousel" id="offering-slider">
					<div class="offering-card">
						<div class="offerings-div">
							<center>
								<div class="offerings-img">
									<img src="assets/venture-studio/product-develop.png" alt="">
								</div>
								<h4>Co-creation & product development support</h4>
							</center>
						</div>
					</div>
					<div class="offering-card">
						<div class="offerings-div">
							<center>
								<div class="offerings-img">
									<img src="assets/venture-studio/domain.png" alt="">
								</div>
								<h4>Access to domain experts & technical mentors</h4>
							</center>
						</div>
					</div>
					<div class="offering-card">
						<div class="offerings-div">
							<center>
								<div class="offerings-img">
									<img src="assets/venture-studio/infra.png" alt="">
								</div>
								<h4>Shared R&D <br> infrastructure & labs</h4>
							</center>
						</div>
					</div>
					<div class="offering-card">
						<div class="offerings-div">
							<center>
								<div class="offerings-img">
									<img src="assets/venture-studio/pilot.png" alt="">
								</div>
								<h4>Pilot opportunities with <br> industry partners</h4>
							</center>
						</div>
					</div>
					<div class="offering-card">
						<div class="offerings-div">
							<center>
								<div class="offerings-img">
									<img src="assets/venture-studio/modal-design.png" alt="">
								</div>
								<h4>Business model design & go-to-market strategy</h4>
							</center>
						</div>
					</div>
					<div class="offering-card">
						<div class="offerings-div">
							<center>
								<div class="offerings-img">
									<img src="assets/venture-studio/fundraising.png" alt="">
								</div>
								<h4>Fundraising support & Investor Connect</h4>
							</center>
						</div>
					</div>
					
				</div>
			</div>
		</section>
        
	<section class="whatoffers py-70" style="background: #f2f2ff;">
		<div class="container-fluid">
			<div class="sec-tit mb-40">
				<h3 class="text-center">What We Offer</h3>
			</div>
			<div class="offers-grid">
				<!-- <div class="off-card">
					<div class="card-num">01</div>
					<div class="card-tag">Co-Founder Model</div>
					<h3 class="card-title">Co-Founder–Led<br>Venture Building</h3>
					<p class="card-lead">iTNT acts as a <strong>strategic co-founder</strong>, supporting startups across the full stack of venture creation.</p>
					<ul class="bullets">
						<li>Product definition &amp; system architecture</li>
						<li>Engineering execution &amp; design reviews</li>
						<li>Market validation &amp; pilot deployment</li>
						<li>Investment structuring &amp; fundraising readiness</li>
					</ul>
				</div> -->
	
				<div class="off-card">
					<div class="card-num">01</div>
					<div class="card-tag">Infrastructure</div>
					<h3 class="card-title">Hardware Design &amp;<br>Prototyping Infrastructure</h3>
					<p class="card-lead">Access to <strong>shared, high-end infrastructure</strong> including world-class labs and fabrication facilities.</p>
					<ul class="bullets">
						<li>Electronics &amp; embedded systems design</li>
						<li>Mechanical design &amp; rapid prototyping</li>
						<li>Industrial-grade testing &amp; validation</li>
						<li>Pilot manufacturing &amp; DFM support</li>
					</ul>
					<!-- <div class="card-footer">
						<span class="card-footer-label">World-Class Labs</span>
						<div class="card-arrow">↗</div>
					</div> -->
				</div>
	
				<div class="off-card">
					<div class="card-num">02</div>
					<div class="card-tag">Structured Journey</div>
					<h3 class="card-title">Structured<br>Venture Journey</h3>
					<p class="card-lead">Startups progress through a <strong>stage-gated pathway</strong> with clear milestones and accountability.</p>
					<ul class="bullets">
						<li>Milestones mapped to <span style="color:var(--accent3);font-weight:500">TRL/MRL progression</span></li>
						<li>Founder accountability with execution support</li>
					</ul>
					<div class="path-pills">
						<span class="pill">Design Validation</span>
						<span class="pill-arrow">→</span>
						<span class="pill">Prototype</span>
						<span class="pill-arrow">→</span>
						<span class="pill">Pilot</span>
						<span class="pill-arrow">→</span>
						<span class="pill bold">Investable Venture</span>
					</div>
					<!-- <div class="card-footer">
						<span class="card-footer-label">Stage-Gated Progress</span>
						<div class="card-arrow">↗</div>
					</div> -->
				</div>
	
				<div class="off-card">
					<div class="card-num">03</div>
					<div class="card-tag">Capital Access</div>
					<h3 class="card-title">Capital &amp;<br>Market Access</h3>
					<p class="card-lead">Direct access to <strong>iTNT-linked investors &amp; strategic partners</strong> with warm introductions at the right moment.</p>
					<ul class="bullets">
						<li>Direct access to iTNT-linked investors &amp; strategic partners</li>
						<li>Corporate pilots and government-linked demand pathways</li>
					</ul>
					<!-- <div class="partner-row">
						<span class="partner-badge">Investors</span>
						<span class="partner-badge">Corporates</span>
						<span class="partner-badge">Gov. Links</span>
						<span class="partner-badge">Strategic Partners</span>
					</div> -->
					<!-- <div class="card-footer">
						<span class="card-footer-label">Warm Introductions</span>
						<div class="card-arrow">↗</div>
					</div> -->
				</div>
			</div>
		</div>
    </section>

	<section class="venture-sector py-70 position-relative">
		<div class="container">
			<div class="sec-tit mb-40">
				<h3 class="text-center">Focus Sector</h3>
			</div>
			<div class="row row-cols-3 gx-3">
				<div class="col">
					<div class="ven-focus">
						<div class="focus-ven"><img src="assets/quantum2.png" alt="" class="img-fluid"></div>
						<h5 class="text-white">Quantum, Defence & Strategic Technologies</h5>
						<div class="venfocus-glow"></div>
					</div>
				</div>
				<div class="col">
					<div class="ven-focus">
						<div class="focus-ven"><img src="assets/settings.png" alt="" class="img-fluid"></div>
						<h5 class="text-white">Industrial AI & Intelligent Machines</h5>
						<div class="venfocus-glow"></div>
					</div>
				</div>
				<div class="col">
					<div class="ven-focus">
						<div class="focus-ven"><img src="assets/semiconductor.png" alt="" class="img-fluid"></div>
						<h5 class="text-white">Semiconductor Design & Advanced Components</h5>
						<div class="venfocus-glow"></div>
					</div>
				</div>
				<div class="col">
					<div class="ven-focus">
						<div class="focus-ven"><img src="assets/robotics.png" alt="" class="img-fluid"></div>
						<h5 class="text-white">Robotics, Drones & Autonomous Systems</h5>
						<div class="venfocus-glow"></div>
					</div>
				</div>
				<div class="col">
					<div class="ven-focus">
						<div class="focus-ven"><img src="assets/electronics.png" alt="" class="img-fluid"></div>
						<h5 class="text-white">Electronics Systems & Embedded Hardware</h5>
						<div class="venfocus-glow"></div>
					</div>
				</div>
				<div class="col">
					<div class="ven-focus">
						<div class="focus-ven"><img src="assets/electronics.png" alt="" class="img-fluid"></div>
						<h5 class="text-white">Cyber Physical Systems</h5>
						<div class="venfocus-glow"></div>
					</div>
				</div>
			</div>
		</div>
		<!-- <div class="ven-secmiddle">
			<h4 class="text-center">high-impact hardware <br> and deep-tech <br> domains</h4>
		</div>
		<div class="ven-sec-top">
			<h5>Electronics Systems & <br> Embedded Hardware</h5>
		</div>
		<div class="ven-sec-rightmid">
			<h5>Semiconductor Design & <br> Advanced Components</h5>
		</div>
		<div class="ven-sec-leftmid">
			<h5>Quantum, Defence & <br> Strategic Technologies</h5>
		</div>
		<div class="ven-sec-rightdbtm">
			<h5>Robotics, Drones & <br> Autonomous Systems</h5>
		</div>
		<div class="ven-sec-leftdbtm">
			<h5>Industrial AI & <br> Intelligent Machines</h5>
		</div> -->
	</section>
	
	<section class="py-70">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-7 col-md-7 col-12">
					<div class="sec-tit">
						<h3 class="" style="color: #01508f;">Ready to Build the Next <br> Deep Tech Venture?</h3>
						<h4 class="">Join the Studio</h4>
						
					</div>
				</div>
				<div class="col-lg-5 col-md-5 col-12">
					<div class="app-btn text-center">
						<a href="https://forms.office.com/Pages/ResponsePage.aspx?id=FiJzfN84RUmX7-JGPD7wyn6hZ3UpqvFHrGGEq7clSR5UNE8zVFJZR1E2STZXNTRMNFhDU0lIVTM2Sy4u" target="_blank">APPLY NOW!</a>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="whocanapply pt-80 pb-80">
		<div class="container">
			<div class="service-details">
				<div class="details-meta mb-50">
					<h3 class="">Who Can Apply?</h3>
				</div>
			</div>
			<div class="row align-items-center">
				<div class="col-md-4 col-12 mb-3">
					<div class="lc-block border border-dark rounded-3 p-4" style="min-height: 205px;">
						<div class="text-center">
							<img src="assets/individuals.png" alt="" title="" class="mx-auto">
							<p class="mt-3 mb-0 fs-6" editable="inline"><strong class="text-black"> Researchers & faculty </strong> <br> with lab-developed technologies seeking productization & commercialization pathways</p>
						</div>
					</div>
					<!-- /lc-block -->
				</div>
				<div class="col-md-4 col-12 mb-3">
					<div class="lc-block border border-dark rounded-3 p-4" style="min-height: 205px;">
						<div class="text-center">
							<img src="assets/teams.png" alt="" title="" class="mx-auto">
							<p class="mt-3 mb-0 fs-6" editable="inline"><strong class="text-black">DeepTech founders</strong>  <br> (TRL 3-6) who wants to accelerate product development & achieve Product-Market Fit</p>
						</div>
					</div>
					<!-- /lc-block -->
				</div>
				<div class="col-md-4 col-12 mb-3">
					<div class="lc-block border border-dark rounded-3 p-4" style="min-height: 205px;">
						<div class="text-center">
							<img src="assets/approach.png" alt="" title="" class="mx-auto">
							<p class="mt-3 mb-0 fs-6" editable="inline"> <strong class="text-black"> Product builders in </strong> <br>   AI, Robotics, Advanced Materials, Semiconductors, Quantum, MedTech, and Industry 4.0</p>
						</div>
					</div>
					<!-- /lc-block -->
				</div>
			</div>
		</div>
	</section>
	<section class="join-form pt-80 pb-80">
		<div class="container">
			<div class="row gx-5">
				<!-- <div class="col-lg-12 col-md-12 col-12">
					<div class="partner-form">
						<h3 class="mb-20 fw-600">Join as Mentor</h3>
						<form action="#" method="POST"  >
							<div class="row">
								<div class="col-12 col-lg-6">
									<div class="form-group mb-20">
										<label class="text-black mb-10">Name</label>
										<input type="text" placeholder="Name*" name="name" required data-error="Name is required" class="form-control">
									</div>
								</div>
								<div class="col-12 col-lg-6">
									<div class="form-group mb-20">
										<label class="text-black mb-10">Organisation</label>
										<input type="text" placeholder="Organisation Name*" name="name" required data-error="Organisation Name is required" class="form-control">
									</div>
								</div>
								<div class="col-12 col-lg-6">
									<div class="form-group mb-20">
										<label class="text-black mb-10">Area Of Expertise</label>
										<input type="text" placeholder="Expertise Name*" name="name" required data-error="Area Of Expertise is required" class="form-control">
									</div>
								</div>
								<div class="col-12 col-lg-6">
									<div class="form-group mb-20">
										<label class="text-black mb-10">Email ID</label>
										<input type="email" placeholder="Email Address*" name="email" required data-error="Valid email is required." class="form-control">
									</div>
								</div>
								<div class="col-12 col-lg-6">
									<div class="form-group mb-20">
										<label class="text-black mb-10">Phone Number</label>
										<input type="text" name="mob" id="mob" placeholder="Phone Number *" maxlength="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" required data-error="Phone Number is required." class="form-control">
									</div>
								</div>
								<div class="col-12 col-lg-6">
									<div class="input-group-meta form-group mb-40">
										<label class="text-black mb-10">LinkedIn</label>
										<input type="text" placeholder="LinkedIn Profile*" name="name" required data-error="LinkedIn Profile is required." class="form-control">
									</div>
								</div>
								<div class="col-12">
									<button class="btn-four tran3s d-block" type="submit" name="submit">Submit</button>
								</div>
							</div>
						</form>
					</div>
				</div> -->
				<div class="col-lg-12 col-md-12 col-12">
					<div class="partner-form">
						<div class="service-details">
							<div class="details-meta mb-40">
								<h3>Partner with Us <span class="fs-4"></span></h3>
							</div>
						</div>

						<form id="myForm" action="venturesstudiomail.php"  method="POST">
							<input type="hidden" name="csrf_token" value="<?php echo $_SESSION['csrf_token']; ?>">
							<div class="row justify-content-between">
								<div class="col-lg-5 col-md-12 col-12">
									<h3 class="mb-20">I am a </h3>
									<div class="form-group youare">
										<input type="checkbox" id="corp" name="iam" value="Corporate/Industrial Company">
										<label for="corp">Corporate/Industrial Company</label>
									</div>
									<div class="form-group youare">
										<input type="checkbox" id="lab" name="iam" value="Research Lab">
										<label for="lab">Research Lab / Incubator and Accelerator</label>
									</div>
									<div class="form-group youare">
										<input type="checkbox" id="investor" name="iam" value="Investor">
										<label for="investor">Investor</label>
									</div>
									<div class="form-group youare">
										<input type="checkbox" id="partner" name="iam" value="Product Design & Manufacturing Partner">
										<label for="partner">Product Design & Manufacturing Partner</label>
									</div>
									<div class="form-group youare">
										<input type="checkbox" id="mentor" name="iam" value="Mentor">
										<label for="mentor">Mentor</label>
									</div>
								</div>
								<div class="col-lg-7 col-md-12 col-12">
								<div class="form-hide">
									<div class="row">
									<div class="col-lg-6 col-md-6 col-12">
										<div class="form-group mb-20">
										<label class="text-black mb-10">Name</label>
										<input type="text" placeholder="Name*" name="name" required class="form-control">
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-12">
										<div class="form-group mb-20">
										<label class="text-black mb-10">Designation</label>
										<input type="text" placeholder="Designation*" name="designation" required class="form-control">
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-12">
										<div class="form-group mb-20">
										<label class="text-black mb-10">Organisation</label>
										<input type="text" placeholder="Organisation Name*" name="organisation" required class="form-control">
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-12">
										<div class="form-group mb-20">
										<label class="text-black mb-10">Email ID</label>
										<input type="email" placeholder="Email Address*" name="email" required class="form-control">
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-12">
										<div class="form-group mb-20">
										<label class="text-black mb-10">Phone Number</label>
										<!-- <input type="text" name="mob" id="mob" placeholder="Phone Number *" maxlength="10"
											oninput="this.value = this.value.replace(/[^0-9]/g, '')" required class="form-control"> -->
											<input type="text" name="mob" id="mob" placeholder="Phone Number *"  class="form-control"  maxlength="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" required data-error="Phone Number is required.">
											<div id="error-message" style="color: red;"></div>
											<div class="help-block with-errors"></div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-12">
										<div class="input-group-meta form-group mb-40">
										<label class="text-black mb-10">LinkedIn</label>
										<input type="url" placeholder="LinkedIn Profile*" name="linkedin" class="form-control">
										</div>
									</div>
									</div>
									<button class="btn-four tran3s d-block" type="submit" name="submit">Submit</button>
								</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</section>
		<div class="  ">
			<div class="footer-four">
				<div class="container">
					<div class="inner-wrapper">
						<div class="row justify-content-between">
							<div class="col-lg-4 footer-intro mb-20">
								<div class="logo">
									<a href="index.html">
										<img src="assets/navbar/Logos/iTNT-logotmwhite.png" alt="iTNT Hub logo"
											loading="lazy">
									</a>
								</div>
								<p class="text-black bold text-white" style="margin-bottom:20px;">Tamil Nadu Technology
									(iTNT) Hub</p>
								<ul class="style-none">
									<li class="d-flex text-black align-items-center">
										<p class="text-black mb-0 text-white">
											<span class="d-block ">3rd Floor, Sir C V Raman Science Block,</span>
											<span class="d-block">Anna University Campus, Kotturpuram,</span>
											<span class="d-block">Chennai, Tamil Nadu, India – 600025</span>
											<span class="d-flex mt-2"><a href="tel:+914429887718"
													class="text-dark text-decoration-none text-white"
													style="font-weight:400">044 29887718 &nbsp;</a>
												<a href="mailto:office@tnthub.org"
													class="text-dark text-decoration-none text-white"
													style="font-weight:400"> | office[at]tnthub[dot]org</a> </span>
										</p>
									</li>
								</ul>
							</div>
							<div class="col-lg-2 col-sm-4 col-6 mb-20">
								<ul class="footer-nav-link style-none text-black">
									<li><a href="people.html" class="text-black" href="">People</a></li>
									<li><a href="boards.html" class="text-black" href="">Board & Advisors</a></li>
									<li><a href="itnt-gallery.html" class="text-black" href="">Events</a></li>
									<li><a href="careers.html" class="text-black" href="">Careers</a></li>
									<li><a href="faq.html" class="text-black" href="">FAQs</a></li>
									<li><a href="contact.html" class="text-black" href="">Contact Us</a></li>
								</ul>
							</div>
							<div class="col-lg-2 col-sm-4 col-6 text-black mb-20">
								<ul class="footer-nav-link style-none">
									<li><a href="pre-incubation.html" class="text-black" href="">Pre-Incubation</a></li>
									<li><a href="incubation.html" class="text-black" href="">Incubation</a></li>
									<li><a href="acceleration.html" class="text-black" href="">Acceleration</a></li>
									<li><a href="JIGSAW.html" class="text-black" href="">Innovation Gateway</a></li>
									<li><a href="International-Pavilion.html" class="text-black" href="">International
											Pavilion</a></li>
									<li><a href="labs.html" class="text-black" href="">Labs</a></li>
								</ul>
							</div>
							<div class="col-lg-2 col-sm-4 col-6 text-black mb-20">
								<ul class="footer-nav-link style-none">
									<li><a href="terms&conditions.html" class="text-black" href="">Terms & Conditions</a>
									</li>
									<li><a href="privacypolicy.html" class="text-black" href="">Privacy Policy</a> </li>
									<li><a href="policy.html" class="text-black">Resources</a> </li>
								</ul>
							</div>
						</div>
					</div>
					<div class="build-text">
						<h2 class="buildfuture-text" id="typed-text"></h2>
					</div>
				</div>
				<div class="container">
					<div class="bottom-footer">
						<div class="row d-flex justify-content-end">
							<div class="col-xl-4 col-lg-3 order-lg-3 mb-15">
								<ul
									class="style-none d-flex align-items-center justify-content-center justify-content-lg-end social-icon">
									<li>
										<a class="text-white" href="https://www.linkedin.com/company/itnthub/"
											target="_blank">
											<i class="bi bi-linkedin"></i>
										</a>
									</li>
									<li>
										<a class="text-white" href="https://twitter.com/itntHub" target="_blank">
											<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
												fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
												<path
													d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
											</svg>
										</a>
									</li>
									<li>
										<a class="text-white" href="https://www.instagram.com/itnthub/" target="_blank">
											<i class="bi bi-instagram"></i>
										</a>
									</li>
									<li>
										<a class="text-white" href="https://www.facebook.com/profile.php?id=61562141153619"
											target="_blank">
											<i class="bi bi-facebook"></i>
										</a>
									</li>
									<li>
										<a class="text-white" href="https://www.youtube.com/@itnthub" target="_blank">
											<i class="bi bi-youtube"></i>
										</a>
									</li>
									<li>
										<a class="text-white" href="https://chat.whatsapp.com/FuPRYvq51YQ2cJHWsdzRhC"
											target="_blank">
											<i class="bi bi-whatsapp"></i>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<button class="scroll-top">
			<i class="bi bi-arrow-up-short " style="color: white;"></i>
		</button>
		<!-- jQuery -->
		<script src="vendor/jquery.min.js"></script>
		<script src="/js/owl.carousel.min.js"></script>
		<!-- Bootstrap JS -->
		<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
		<!-- Lazy -->
		<script src="vendor/jquery.lazy.min.js"></script>
		<script>
			$(document).ready(function(){
				$('#offering-slider').owlCarousel({
					items:4,
					loop: true,
					margin: 0,
					autoplay: true,
					autoplayTimeout: 2000,
					autoplayHoverPause: true,
					responsiveClass:true,
					nav:false,

					responsive:{
						0:{
							items:1
						},
						600:{
							items:1
						},
						1000:{
							items:4
						}
					}
				});
			});


			$(document).ready(function() {
				// Hide the form-hide section initially
				$('.form-hide').hide();

				// Listen for any checkbox change
				$('.youare input[type="checkbox"]').on('change', function() {
					// Check if at least one checkbox is checked
					if ($('.youare input[type="checkbox"]:checked').length > 0) {
					$('.form-hide').slideDown(); // show form with animation
					} else {
					$('.form-hide').slideUp(); // hide form with animation
					}
				});
				});
		</script>
		<script>
		
		const tabs = document.querySelectorAll('#myTab button');
		const ventureImage = document.getElementById('ventureImage');

		tabs.forEach(tab => {
			tab.addEventListener('shown.bs.tab', function () {
			const newImage = this.getAttribute('data-image');
			ventureImage.style.opacity = 0;
			setTimeout(() => {
				ventureImage.src = newImage;
				ventureImage.style.opacity = 1;
			}, 300);
			});
		});
		</script>
		<script>
		document.querySelectorAll('.youare input[type="checkbox"]').forEach((checkbox) => {
		checkbox.addEventListener('change', function () {
			if (this.checked) {
			document.querySelectorAll('.youare input[type="checkbox"]').forEach((other) => {
				if (other !== this) other.checked = false;
			});
			}
		});
		});

		</script>
		<script>
			function validateMobileNumber() {
				const mobileInput = document.getElementById('mob');
				const mobileNumber = mobileInput.value;
				const errorMessage = document.getElementById('error-message');

				if (mobileNumber.length < 10) {
					errorMessage.textContent = 'Mobile number must be at least 10 digits long.';
					mobileInput.setCustomValidity('Invalid field.');
				} else {
					errorMessage.textContent = '';
					mobileInput.setCustomValidity('');
				}
			}

			window.addEventListener('DOMContentLoaded', () => {
				const mobileInput = document.getElementById('mob');
				mobileInput.addEventListener('input', validateMobileNumber);
			});
		</script>
	</body>
</html>
