<!doctype html>
<html lang="en">
<head>
<title>Institute Of Industrial Design®-Industry & Domain Specific Engineers Skills Courses Training</title>
<meta name="description" content="Institute of Industrial Design is a Division of CADD Centre, Offering Application Oriented Software Training Focusing on Engineering Skills & Tools." />
<meta name="keywords" content="institute of industrial design, iid institute, iid training centre,industry engineers, engineering skills training, engineering courses, automotive design training, aerospace design course, reverse engineering course, robotics courses, cfd training, autodesk alias course, ansys fluent training, creo simulate software, solidworks motion class, reverse engineering training" />
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="5 days" /> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css?v1.1">
<link rel="stylesheet" href="css/animate.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/lightbox.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/lightbox.js"></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-NW6MB5D');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NW6MB5D"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--header-->
<header class="pb-3">
<div class="container">
<div class="pull-right pt-3 pr-3 d-md-block d-none">
<!--<a href="#"><img src="images/icons/insta.png" class="img-fluid" alt=""></a>
<a href="https://www.facebook.com/InstituteofIndustrialDesign"><img src="images/icons/fb.png" class="img-fluid" alt=""></a>
<a href="https://twitter.com/_iidesign"><img src="images/icons/tweet.png" class="img-fluid" alt=""></a>
<a href="https://www.youtube.com/channel/UCJWuBZiNR47G9BCfgEBFPRg"><img src="images/icons/youtube.png" class="img-fluid" alt=""></a>-->
</div>
<div class="clearfix"></div>
<nav class="navbar navbar-expand-lg p-0">
<a href="index.php" class="navbar-brand"><img src="images/iid-logo.png?v1" class="img-fluid" alt=""></a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#mainNav">
<span class="navbar-toggler-icon"><i class="fa fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse" id="mainNav">
<ul class="navbar-nav ml-auto ">
<li class="nav-item active">
<li class="nav-item"><a class="nav-link" href="index.php">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Courses
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="automobile-design-training-course.php">Automobile Design</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="automobile-design-fundamentals-training-course.php#home">Fundamentals</a></li>
<li><a class="dropdown-item" href="automobile-design-fundamentals-training-course.php#menu1">Industrial Design</a></li>
<li><a class="dropdown-item" href="automobile-design-fundamentals-training-course.php#menu2">Engineering Design</a></li>
<li><a class="dropdown-item" href="automobile-design-fundamentals-training-course.php#menu3">Manufacturing</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="building-and-construction-design-training-course.php">Building & Construction</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="building-design-fundamentals-training-course.php#home">Fundamentals</a></li>
<li><a class="dropdown-item" href="building-design-fundamentals-training-course.php#menu1">Architectural Design</a></li>
<li><a class="dropdown-item" href="building-design-fundamentals-training-course.php#menu2">Structural Design</a></li>
<li><a class="dropdown-item" href="building-design-fundamentals-training-course.php#menu3">Building Information & Modeling</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="product-design-training-course.php">Product Design</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="product-design-fundamentals-training-course.php#home">Fundamentals</a></li>
<li><a class="dropdown-item" href="product-design-fundamentals-training-course.php#menu1">Industrial Design</a></li>
<li><a class="dropdown-item" href="product-design-fundamentals-training-course.php#menu2">Engineering Design</a></li>
<li><a class="dropdown-item" href="product-design-fundamentals-training-course.php#menu3">Manufacturing</a></li>
</ul>
</li>
<!--<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="infrastructure-design-training-course.php">Infrastructure Design</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="infrastructure-design-fundamentals-training-course.php#home">Fundamentals</a></li>
<li><a class="dropdown-item" href="infrastructure-design-fundamentals-training-course.php#menu1">
Geographic Information System(GIS)</a></li>
<li><a class="dropdown-item" href="infrastructure-design-fundamentals-training-course.php#menu2">Roadway Design & Analysis</a></li>
<li><a class="dropdown-item" href="infrastructure-design-fundamentals-training-course.php#menu3">Bridge Design & Analysis</a></li>
<li><a class="dropdown-item" href="infrastructure-design-fundamentals-training-course.php#menu4">Drainage Design & Analysis</a></li>
</ul>
</li>-->
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Specialized Training
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="corporate-training.php">Corporate Training</a></li>
<li><a class="dropdown-item" href="institutional-training.php">Institutional Training</a></li>
</ul>
<!--<a class="nav-link" href="specialised-training.php"></a>-->
</li>
<li class="nav-item"><a class="nav-link" href="about-us.php">About IID</a>
</li>
<!--<li class="nav-item"><a class="nav-link" href="webinar.php">Webinar</a></li>-->
<li class="nav-item"><a class="nav-link" href="resources.php">Resources</a>
</li>
<li class="nav-item"><a class="nav-link" href="contact.php">Contact us</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!--/header-->
<!-- Social Icons sTart -->
<div class="icon-bar">
<a target="_blank" href="https://www.facebook.com/InstituteofIndustrialDesign" class="facebook"><i class="fa fa-facebook"></i></a>
<a target="_blank" href="https://twitter.com/_iidesign" class="twitter"><i class="fa fa-twitter"></i></a>
<a target="_blank" href="https://www.youtube.com/channel/UCJWuBZiNR47G9BCfgEBFPRg" class="youtube"><i class="fa fa-youtube"></i></a>
<a target="_blank" href="https://www.instagram.com/iid_industrialdesign/?hl=en" class="instagram"><i class="fa fa-instagram"></i></a>
<a target="_blank" href="https://www.linkedin.com/school/9322215/admin/" class="linkedin"><i class="fa fa-linkedin"></i></a>
</div>
<!-- Social Icons End -->
<!--banner-->
<section>
<div class="bg-grey banner-mian-bg">
<div class="banner-heading text-center">
<h2 class="text-white pt-5">Welcome to the Institute of Industrial Design</h2>
<h5 class="text-white font-weight-normal pt-2 pb-2">Pioneers in CAD training since 1988.</h5>
<a href="#our_courses" class="btn btn-danger">OUR COURSES</a>
</div>
</div>
</section>
<!--/banner-->
<!--contnetbanner-->
<div class="main-content">
<!--sub banner-->
<div class="container p-0">
<div class="owl-carousel">
<!--<div class="item banner-bg banner-1">
<div class="row pt-5 pl-5 ">
<div class="col-12 col-md-6 ">
<h2 class="text-uppercase pt-5 pb-3 text-red">Infrastructure Design</h2>
<h3 class=" ">The complete mix of theoretical, practical and industrial-based skills.</h3>
<p class=" pt-3 pb-5 ">Get the core knowledge of civil engineering disciplines that deals with designing of buildings and infrastructure.</p>
<a href="infrastructure-design-training-course.php" class="btn btn-danger">EXPLORE NOW</a> <a class="btn btn-danger bg-red" href="infrastructure-design-training-course.php"><i class="fa fa-share-alt font-weight-light"></i></a>
<div class="clear mpb-5"></div>
</div>
</div>
</div>
<div class="item banner-bg banner-8">
<div class="row pt-5 pl-5 ">
<div class="col-12 col-md-6 ">
<h2 class="text-uppercase pt-5 pb-3 text-red">Buddhi 2020 - Redefine Design </h2>
<h3 class="">An opportunity for passionate vehicle & architectural designers to unveil their creative talent<br/><br/></h3>
<a href="https://www.iidesign.co.in/buddhi/" class="btn btn-danger bg-red">REGISTER NOW</a>
<a class="btn btn-danger bg-red" href="https://www.iidesign.co.in/buddhi/"><i class="fa fa-share-alt font-weight-light" ></i></a>
<div class="clear mpb-5"></div>
</div>
</div>
</div>
<div class="item banner-bg banner-9">
<div class="row pt-5 pl-5 ">
<div class="col-12 col-md-6 ">
<h2 class="text-uppercase pt-5 pb-3 text-red">ID Fest 2020</h2>
<h3 class="">Exhibiting the Past, Present, and Future of Industrial and Architectural Designing</h3>
<p class=" pt-3 pb-5 ">Join in for the exhibition and witness the design revolution. Also, get 25% off on IID Course and assured gifts on registration.</p>
<a href="fest_2020.php" class="btn btn-danger bg-red">REGISTER NOW</a>
<a class="btn btn-danger bg-red" href="fest_2020.php"><i class="fa fa-share-alt font-weight-light" ></i></a>
<div class="clear mpb-5"></div>
</div>
</div>
</div>-->
<div class="item banner-bg banner-2">
<div class="row pt-5 pl-5 ">
<div class="col-12 col-md-6 ">
<h2 class="text-uppercase pt-5 pb-3 text-red">Automobile Design</h2>
<h3 class=" ">Join the industry of design and innovation to expertise in the world of automobile sector.</h3>
<p class=" pt-3 pb-5 ">Learn the techniques to design, develop and to innovate user friendly form of vehicles for the future generation of transport.</p>
<a href="automobile-design-training-course.php" class="btn btn-danger bg-red">EXPLORE NOW</a>
<a class="btn btn-danger bg-red" href="automobile-design-training-course.php"><i class="fa fa-share-alt font-weight-light" ></i></a>
<div class="clear mpb-5"></div>
</div>
</div>
</div>
<div class="item banner-bg banner-3" style=" ">
<div class="row pt-5 pl-5 ">
<div class="col-12 col-md-6 ">
<h2 class="text-uppercase pt-5 pb-3 text-red">Building Design & Construction</h2>
<h3 class=" ">Perfect place to get trained for a successful career in designing buildings.</h3>
<p class=" pt-3 pb-5 ">Get trained in our standard courses designed to develop practical skills and knowledge to be competent and updated in the industry.</p>
<a href="building-and-construction-design-training-course.php" class="btn btn-danger bg-red">EXPLORE NOW</a> <a class="btn btn-danger bg-red" href="building-and-construction-design-training-course.php"><i class="fa fa-share-alt font-weight-light" ></i></a>
<div class="clear mpb-5"></div>
</div>
</div>
</div>
<div class="item banner-bg banner-5" style=" ">
<div class="row pt-5 pl-5 ">
<div class="col-12 col-md-6 ">
<h2 class="text-uppercase pt-5 pb-3 text-red">Product Design</h2>
<h3 class=" ">Join the IID Product Designing Course and begin your Innovation Journey</h3>
<p class=" pt-3 pb-5 ">Get your expertise in designing and developing the most innovative product.</p>
<a href="product-design-training-course.php" class="btn btn-danger bg-red">EXPLORE NOW</a> <a class="btn btn-danger bg-red" href="product-design-training-course.php"><i class="fa fa-share-alt font-weight-light" ></i></a>
<div class="clear mpb-5"></div>
</div>
</div>
</div>
<!--<div class="item banner-bg banner-6" style=" ">
<div class="row pt-5 pl-5 ">
<div class="col-12 col-md-6 ">
<h2 class="text-uppercase pt-5 pb-3 text-red">E- Karting Competition 2020</h2>
<h3 class=" ">The Biggest Electric Karting Competition for the first time ever in India.</h3>
<p class=" pt-3 pb-5 ">Design a cost-efficient EV Kart & win upto Rs.4.5 lakhs cash prize.</p>
<a href="https://www.iidesign.co.in/ekarting/" class="btn btn-danger bg-red">REGISTER NOW</a>
<a class="btn btn-danger bg-red" href="https://www.iidesign.co.in/ekarting/"><i class="fa fa-share-alt font-weight-light" ></i></a>
<div class="clear mpb-5"></div>
</div>
</div>
</div>
<div class="item banner-bg banner-4" style=" ">
<div class="row pt-5 pl-5 ">
<div class="col-12 col-md-6 ">
<h2 class="text-uppercase pt-5 pb-3 text-red">Aeronautical Design</h2>
<h3 class=" ">Develop your skills and expertise to meet the future aerospace challenges</h3>
<p class=" pt-3 pb-5 ">Learn the techniques to capture functional objectives, idea of initial and advance concepts, creating prototypes, testing and designing of production processes.</p>
<a class="btn btn-danger bg-red" href="aeronautical-design-training-course.php">EXPLORE NOW</a> <a class="btn btn-danger bg-red" href="aeronautical-design-training-course.php"><i class="fa fa-share-alt font-weight-light" ></i></a>
<div class="clear mpb-5"></div>
</div>
</div>
</div>-->
</div>
</div>
<!--/sub banner-->
<!--coursetab-->
<div class="container p-0">
<div class="bg-light border p-5">
<h2>Course Enquiry</h2>
<p>Fill in the form below to write to us and we will contact you at the earliest.</p>
<form action="inc/action.php" method="post">
<input type="hidden" name="cm" value="1" />
<input type="hidden" name="ad" value="1" />
<input type="hidden" name="adpage" value="Website" />
<input type="hidden" name="enq_type" value="1" />
<div class="row pt-4">
<div class="col-12 col-md-6 pb-3">
<div class="row">
<div class="col-12 col-md-2 text-right">Name:</div>
<div class="col-12 col-md-10">
<input type="hidden" name="page_name" value="index.php" >
<!-- <input type="hidden" name="course" value=""> -->
<input type="text" name="name" class="form-control" placeholder="Name" data-validation="required,alphanumeric" data-validation-allowing=". ">
</div>
</div>
</div>
<div class="col-12 col-md-6 pb-3">
<div class="row">
<div class="col-12 col-md-2 text-right">Email:</div>
<div class="col-12 col-md-10">
<input type="text" name="email" class="form-control" placeholder="Email" data-validation="required,email">
</div>
</div>
</div>
<div class="col-12 col-md-6 pb-3">
<div class="row">
<div class="col-12 col-md-2 text-right">Mobile:</div>
<div class="col-12 col-md-10">
<input type="text" name="phone" class="form-control" placeholder="Mobile" data-validation="required,number,custom" data-validation-regexp="^[0-9]{10}$">
</div>
</div>
</div>
<div class="col-12 col-md-6 pb-3">
<div class="row">
<div class="col-12 col-md-2 text-right">State:</div>
<div class="col-12 col-md-10">
<select class="form-control" name="state" id="state" data-validation="required">
<option value="">Select State</option><option value='3'>Gujarat</option><option value='4'>Karnataka</option><option value='7'>Maharashtra</option><option value='1'>Tamil Nadu</option><option value='10'>Uttar Pradesh</option><option value='11'>Uttarakhand</option> </select>
</div>
</div>
</div>
<div class="col-12 col-md-6 pb-3">
<div class="row">
<div class="col-12 col-md-2 text-right">District:</div>
<div class="col-12 col-md-10">
<select class="form-control" name="district" id="district" data-validation="required">
<option value="">Select District</option>
</select>
</div>
</div>
</div>
<div class="col-12 col-md-6 pb-3">
<div class="row">
<div class="col-12 col-md-2 text-right">Centre:</div>
<div class="col-12 col-md-10">
<select class="form-control" name="centre" id="centre" data-validation="required">
<option value="">Select Centre</option>
</select>
</div>
</div>
</div>
<!-- <div class="col-12 col-md-6 pb-3">
<div class="row">
<div class="col-12 col-md-2 text-right">Specialized Training:</div>
<div class="col-12 col-md-10">
<select class="form-control" name="training_mode" data-validation="required">
<option value="">Select Training</option>
<option>Individual</option>
<option>Organization</option>
<option>Institutional</option>
</select>
</div>
</div>
</div>
<div class="col-12 col-md-6 pb-3">
<div class="row">
<div class="col-12 col-md-2 text-right">Stream:</div>
<div class="col-12 col-md-10">
<select class="form-control" name="stream" id="stream" data-validation="required">
<option value="">Select Stream</option>
<option>Building and Construction</option>
<option>Automobile Design</option>
<option>Product Design</option>
</select>
</div>
</div>
</div> -->
<div class="col-12 col-md-6 pb-3">
<div class="row">
<div class="col-12 col-md-2 text-right">Course:</div>
<div class="col-12 col-md-10">
<select class="form-control" name="course_name" id="course_grp" data-validation="required">
<option value="">Select Course</option>
<option value="Automobile Design">Automobile Design</option>
<option value="Building & Construction">Building & Construction</option>
<option value="Product Design">Product Design</option>
</select>
</div>
</div>
</div>
<div class="col-12 col-md-12 pb-3">
<div class="row">
<div class="col-12 col-md-1 text-right">Remarks:</div>
<div class="col-12 col-md-11">
<textarea class="form-control" rows="2" name="remarks" placeholder="Remarks"></textarea>
</div>
</div>
</div>
</div>
<div class="row justify-content-end pr-3 pt-2">
<div class="col-6 col-md-1">
<button type="reset" class="btn btn-outline-danger" id="resetBtn">RESET</button>
</div>
<div class="col-6 col-md-2">
<button type="submit" name="submit" class="btn btn-danger btn-block" id="apply">APPLY NOW</button>
</div>
</div>
</form>
</div>
<div class="py-5 mobx-5">
<h2>Industry Standard Courses at IID</h2>
<p>Institute of Industrial Design (IID) is a premium arm of CADD Centre Training Services Pvt Ltd, the pioneers in CAD training since 1988. The design outsourcing business is already growing at a good pace, but the shortage of appropriately skilled labour across many industries is emerging as a significant and complex challenge to India's growth and future.</p>
</div>
</div>
<!--/coursetab-->
<!--offereing-->
<div class="bg-brown" id="our_courses">
<div class="container p-5">
<h2 class="text-white">Our Courses & Offerings</h2>
<div class="row">
<div class="col-12 col-md-4 pt-4">
<div class="offer-div bg-white">
<a href="automobile-design-training-course.php"><img src="images/automobile.jpg" class="img-fluid" alt=""></a>
<div class="py-3 px-3">
<h6 class="pb-0 mb-0"><a href="automobile-design-training-course.php"><strong>Automobile</strong></a></h6>
<p>Join the industrial design and innovation in world of automobile</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-4">
<div class="offer-div bg-white">
<a href="building-and-construction-design-training-course.php"><img src="images/building.jpg" class="img-fluid" alt=""></a>
<div class="py-3 px-3">
<h6 class="pb-0 mb-0"><a href="building-and-construction-design-training-course.php"><strong>Building</strong></a></h6>
<p>Perfect place to train for a successful career in Building Design</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-4">
<div class="offer-div bg-white">
<a href="corporate-training.php"><img src="images/corporate.jpg" class="img-fluid" alt=""></a>
<div class="py-3 px-3">
<h6 class="pb-0 mb-0"><a href="corporate-training.php"><strong>Corporate Training</strong></a></h6>
<p>Our corporate courses are customized as per Industry updates.</p>
</div>
</div>
</div>
</div>
<!--<div class="row">
<div class="col-12 col-md-4 pt-4">
<div class="offer-div bg-white">
<a href="aeronautical-design-training-course.php"><img src="images/aureo.jpg" class="img-fluid" alt=""></a>
<div class="py-3 px-3">
<h6 class="pb-0 mb-0"><a href="aeronautical-design-training-course.php"><strong>Aero Design</strong></a></h6>
<p>Develop your skills and expertise to meet future aerospace challenges</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-4">
<div class="offer-div bg-white">
<a href="infrastructure-design-training-course.php"><img src="images/infra.jpg" class="img-fluid" alt=""></a>
<div class="py-3 px-3">
<h6 class="pb-0 mb-0"><a href="infrastructure-design-training-course.php"><strong>Infrastructure</strong></a></h6>
<p>The complete mix of theoretical, practical and industrial-based skills</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-4">
<div class="offer-div bg-white">
<a href="automobile-design-training-course.php"><img src="images/3d.jpg" class="img-fluid" alt=""></a>
<div class="py-3 px-3">
<h6 class="pb-0 mb-0"><a href="automobile-design-training-course.php"><strong>3D Printing</strong></a></h6>
<p>Learn to convert your digital ideas into real 3D objects</p>
</div>
</div>
</div>
</div>
<div class="text-center pt-5"><a href="aeronautical-design.php" class="btn btn-danger text-uppercase">Explore Our Programs</a></div>-->
</div>
</div>
<!--/offereing-->
<!--events-->
<div class="container p-5">
<div class="row">
<div class="col-12 col-md-5">
<h4 class="text-dark-brown font-weight-normal">Upcoming Events</h4>
<div style="box-shadow: 0px 0px 20px #ccc;" class="p-4">
<p class="h5">
<span class="text-brown">Sep 20th, 2019</span> | Techno connect 2k19
</p>
<p>IID invites students to come and explore the skilling expo.</p>
<a href="https://bit.ly/2lWLFcj">MORE INFROMATION</a>
<hr>
</div>
</div>
<div class="col-12 col-md-7">
<h4 class="text-dark-brown font-weight-normal mmt-15">Event Highlights</h4>
<div style="box-shadow: 0px 0px 20px #ccc;" class="p-4">
<p class="h5">Vehicle Design Competition Buddhi 2K19</p>
<img src="images/dummy-1.png" class="img-fluid" alt="">
<p class="pt-1"> Buddhi 2k19 was a radical vehicle design contest organized by IID to search for a pioneering engineer with a futurist automobile design idea that would change the shape of the Automobile Industry. The winner of the contest was awarded a cash prize of INR 50,000 for his exquisite idea and concept. <a href="buddhi_2k19.php">KNOW MORE...</a></p>
<!--<button class="btn btn-danger"> WINNERS </button> <a href="" class="text-brown ">MORE INFROMATION</a>-->
</div>
</div>
<div class="col-12 pt-4">
<h4 class="text-dark-brown font-weight-normal">Testimonials</h4>
<div style="box-shadow: 0px 0px 20px #ccc;" class="p-4">
<p class="h5">
Mr. Natraj <small>IID - Chennai</small>
</p>
<div class="row">
<div class="col-12 col-md-12">
<p>Hands-on practice blended with all-time expert support is what makes IID stand out from the rest of the design institutions. With IID‘s Master‘s course in Automobile Design, I learned everything from sketching to 3D-modelling and enhanced my skills in automotive designing.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/events-->
<div class="modal fade md" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<form method="post" action="inc/course_action.php">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<div class="col-md-2">Name:</div>
<div class="col-md-12">
<input type="text" class="form-control" name="name" data-validation="required">
<input type="hidden" id="s_course" name="s_course">
<input type="hidden" name="pagename" value="http://iidesign.co.in/">
<input type="hidden" name="adpage" value="">
</div>
</div>
<div class="form-group">
<div class="col-md-2">Email:</div>
<div class="col-md-12">
<input type="text" class="form-control" name="email" data-validation="required,email">
</div>
</div>
<div class="form-group">
<div class="col-md-2">Mobile:</div>
<div class="col-md-12">
<input type="text" class="form-control" name="phone" data-validation="required,number,custom" data-validation-regexp="^[0-9]{10}$">
</div>
</div>
<div class="form-group">
<div class="col-md-2">Location:</div>
<div class="col-md-12">
<select class="form-control" name="location" data-validation="required">
<option value="">Select</option>
<option>Chennai</option>
<option>Bangalore</option>
<option>Pune</option>
<option>Hyderabad</option>
<!--<option>Delhi</option>-->
</select>
</div>
</div>
<div class="form-group">
<div class="col-md-4 offset-8">
<button type="submit" name="submit" class="btn btn-danger btn-block" >APPLY NOW</button>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
var i = 0;
$("#apply_now").click(function() {
var i = 0;
$('.rm_value').each(function(index, element) {
i++;
});
if (i > 0) {
var s_course = $("input[name='course[]']").map(function() {
return $(this).val();
}).get();
//var s_course=$('[name="course[]"]').val();
$('#s_course').val(s_course);
$('#myModal').modal('show');
} else {
alert("Please select atleast one course");
}
});
</script>
<!--footer-->
<footer>
<div class="container p-5">
<div class="row justify-content-between">
<div class="col-12 col-md-4 mpb-5">
<p class="mb-0"><small >Follow us on:</small></p>
<!--<a href="#"><img src="images/icons/insta.png" class="img-fluid" alt=""></a> -->
<a target="_blank" href="https://www.facebook.com/InstituteofIndustrialDesign"><img src="images/icons/fb.png" class="img-fluid" alt=""></a>
<a target="_blank" href="https://twitter.com/_iidesign"><img src="images/icons/tweet.png" class="img-fluid" alt=""></a>
<a target="_blank" href="https://www.youtube.com/channel/UCJWuBZiNR47G9BCfgEBFPRg"><img src="images/icons/youtube.png" class="img-fluid" alt=""></a>
<a target="_blank" href="https://www.instagram.com/instituteofindustrialdesign/"><img src="images/icons/instagram.png" class="img-fluid" alt=""></a>
<a target="_blank" href="https://www.linkedin.com/school/9322215/admin/"><img src="images/icons/in.png" class="img-fluid" alt=""></a>
</div>
<div class="col-12 col-md-4">
<img src="images/nsdc_skill_logos.png" class="img-fluid" alt="">
</div>
</div>
<p class="text-center pt-4"><small><a href="index.php">Home</a> | <a href="aeronautical-design-training-course.php">Courses</a> | <a href="corporate-training.php">Specialized Training </a> | <a href="about-us.php">About IID</a> | <!-- <a href="webinar.php">Webinar</a> |--> <a href="resources.php">Resources </a> | <a href="contact.php">Contact us</a></small></p>
<p class="text-center pt-4"><small>© 2025 CADD Centre Traning Services | <a href="privacy_policy.php">Privacy Policy</a> | <a href="terms_of_use.php">Terms of Use</a></small></p>
</div>
</footer>
<!--footer-->
</div>
<!-- course group -->
<script>
$(document).ready(function(e) {
$("#stream").change(function() {
var id = $(this).val();
var stream = 'stream=' + id;
$.ajax({
type: "POST",
url: "inc/course_group.php",
data: stream,
cache: false,
success: function(re) {
$("#course_grp").html(re);
}
});
});
});
</script>
<!--/contnet banner-->
<script>
$(document).ready(function(){
var hash = window.location.hash;
//console.log(hash);
let mainID = hash;
let mainClass = mainID.replace('#', '.');
//console.log(mainClass);
$(mainID).removeClass('fade');
$(mainClass).addClass('active');
$(mainID).addClass('active');
var owl = $('.owl-carousel');
owl.owlCarousel({
dots: true,
items:1,
loop:true,
margin:0,
responsiveClass:true,
autoplay:true,
autoplayTimeout:5000,
autoplayHoverPause:true,
autoHeight:true,
});
//selected course
$('#mainCourseTab button').click(function(){
//$('.selectedDiv').html('');
//$('.courseAddButton').show();
courseHead = $(this).data('course');
//$('#selectedDiv h6').html(courseHead);
});
$('.courseAddButton').click(function(){
var clickedButtonVal = $(this).attr('data-value');
var clickedvalue = $(this).val();
var show_id = $(this).attr('data-id');
console.log(clickedButtonVal);
$(this).hide();
$("button[data-id='" + show_id + "']" + ".courseRemoveButton").show();
//$(show_id + '.courseRemoveButton').show();
//$(show_id).show();
var inSelectedDiv = '<p class="'+ show_id +' rm_course m-0">'+clickedButtonVal+'</p><input type="hidden" name="course[]" value="'+ clickedvalue +'" class="'+ show_id +' rm_course rm_value">';
$('.selectedDiv').append(inSelectedDiv);
});
$('.courseRemoveButton').click(function(){
var clickedButtonVal = $(this).attr('data-value');
var show_id = $(this).attr('data-id');
var show_class = "."+$(this).attr('data-id');
//alert(show_class);
console.log(clickedButtonVal);
$(this).hide();
$("button[data-id='" + show_id + "']" + ".courseAddButton").show();
//$(show_id + '.courseAddButton').show();
$(show_class).remove();
});
$('#new_id').click(function(){
$('.rm_course').remove();
$('.courseAddButton').show();
$('.courseRemoveButton').hide();
});
//$(".resetBtn").click(function(){
// $('.selectedDiv').html('asdasdasd');
// $('.courseAddButton').show();
//});
$('#apply').click(function(){
console.log($('.selectedDiv').text());
});
});
var tabButtons = document.querySelectorAll('#mainCourseTab button');
var tabPanels = document.querySelectorAll('.course');
$('.course').hide();
$('.course:first').show();
function showPanel(panelIndex, colorCode){
tabPanels.forEach(function(node){
node.style.display = "none";
});
tabPanels[panelIndex].style.display = "block";
//tabButtons[panelIndex].style.backgroundColor = colorCode;
}
</script>
<script src="form-validator/jquery.form-validator.min.js"></script>
<script>
$(document).ready(function(e) {
$.validate({
modules: 'location, date, security, file, logic'
});
});
</script>
<script>
$(document).ready(function(e) {
$("#state").change(function() {
var id = $(this).val();
var state = 'state=' + id;
$.ajax({
type: "POST",
url: "ajax_centre.php",
data: state,
cache: false,
success: function(re) {
$("#district").html(re);
}
});
});
$("#district").change(function() {
var id = $(this).val();
var district = 'district=' + id;
$.ajax({
type: "POST",
url: "ajax_centre.php",
data: district,
cache: false,
success: function(re) {
$("#centre").html(re);
}
});
});
$("#centre").change(function() {
var id = $(this).val();
if(id!=""){
var centre = 'centre=' + id;
$.ajax({
type: "POST",
url: "ajax_centre.php",
data: centre,
cache: false,
success: function(re) {
$("#centre_data").html(re);
}
});
}
});
});
</script>
</body>
</html>