PK
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<title>ODDBOX.IN: Think out of the Box</title>
<meta name="description" content="NIFT, NID,IIT-UCEED, IIT-CEED, IIAD, MITID, UID">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS Styles -->
<link rel="stylesheet" type="text/css" href="css/skeleton.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!-- Google Web Fonts -->
<link href="http://fonts.googleapis.com/css?family=Shadows+Into+Light|Oswald:400,300,700" rel="stylesheet" type="text/css">
<!-- JavaScripts -->
<script type="text/javascript" src="js/prefixfree.min.js"></script>
<script type="text/javascript" src="js/modernizr-2.6.2.js"></script>
<script type="text/javascript" src="js/iOS-timer.js"></script>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.isotope.run.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-touch-swipe-1.0.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
<script type="text/javascript" src="js/supersized.shutter.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/contact_form.js"></script>
<script type="text/javascript" src="js/tooltip.js"></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<script type="text/javascript">
var isMobile = false;
if( navigator.userAgent.match(/Android/i) ||
navigator.userAgent.match(/webOS/i) ||
navigator.userAgent.match(/iPhone/i) ||
navigator.userAgent.match(/iPad/i)||
navigator.userAgent.match(/iPod/i) ||
navigator.userAgent.match(/BlackBerry/i)){
isMobile = true;
}
/*iOS5 fixed-menu fix*/
var iOS5 = false;
if (navigator.userAgent.match(/OS 5(_\d)+ like Mac OS X/i)){
iOS5 = true;
}
</script>
<!-- Google Maps Code -->
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-37.82179, 144.95302);
var myOptions = {
zoom: 12,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
</script>
<!-- END Google Maps Code -->
<script>
$(document).ready(function(){
$("nav").sticky({topSpacing:0});
});
</script>
<script>
$(document).ready(function(){
$("ph").sticky({topSpacing:0});
});
</script>
<style>
div.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: yellow;
padding: 50px;
font-size: 20px;
}
</style>
</head>
<body>
<!-- Start Homepage -->
<div id="homepage" class="homepage section">
<div class="container">
<div class="sixteen columns">
<img alt="" class="logo" src="images/logo.jpg" />
</div>
<div style="float: left; margin-left: 61px; margin-top: 6px; background: #BEAF37; " >
<div style="color: black; font-size: 30px;">
<div>
<a href="tel:08264280048">Touch 2 Call 8264280048</a>
</div>
</div>
</div>
<div class="slider-text">
<div class="sixteen columns">
<div class="line"></div>
</div>
<div class="twelve columns">
<div id="slidecaption"></div>
</div>
<div class="four columns">
<a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>
</div>
</div>
</div>
</div>
<!--End homepage -->
<!-- Start Navigation -->
<nav>
<div class="container">
<div class="sixteen columns">
<!-- Start Nav Menu -->
<ul class="menu" id="nav">
<li><a href="#homepage">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#folio">Activities</a></li>
<li><a href="#services">courses</a></li>
<li><a href="#features">Achievers</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<!-- End Nav Menu -->
<!-- Start Dropmenu for mobile -->
<select class="dropmenu" name="dropmenu" onChange="moveTo(this.value)">
<option value="" selected="selected">Menu</option>
<option value="#homepage">Home</option>
<option value="#about">About</option>
<option value="#folio">Activities</option>
<option value="#services">courses</option>
<option value="#features">Achievers</option>
<option value="#contact">Contact</option>
</select>
<!-- End Dropmenu for mobile -->
</div>
</div>
</nav>
<!-- End Navigation -->
<!--start About -->
<div id="about">
<div class="container aboutContainer">
<div class="sixteen columns">
<h1><span>About<br /></span>outbox</h1>
<h3 style="align-content: flex-start;"><span class="smallBold">We think out of the box : </span> <span class="small">We are here to provide you the best in class – learning experience – an experience which is unmatchable, rare and proven. Once you join hands with us – there is no stopping until we all reach to the peak of success together. We will take you to a journey where you learn things and adapt them for all your future challenges. Come, your dreams are waiting and we are here to give you the wings to fly. Prove it to the world you have something uncommon in you and we help you nurture the uncommon in you.
For ”OddBox”
The name is new but the base is old, the team maybe small but our hearts are big enough to impart the knowledge and support required to you, the journey has just begun but list of achievements is long.
.</span>
<br>
</h3>
<h3><br>
<span class="large">our Mission:</span><br>
<span class="small">Our mission is to embrance our students by preparing them through education for Professional Courses & Personal Growth in a positively oriented environment.
We belive in overall development of our students through developing enterpreneurial skills in field of design.
</span></h3>
<h3> </h3>
<h3><span class="mediumBold">Our Team:</span>
</h3>
</div>
<div class="one-third column">
<div class="teamImage">
<img class="scale-with-grid lazy" src="images/1.jpg" alt=""/>
<div class="teamName">
<h2>DEEPAK Kumar</h2>
<h3> </h3>
<ul class="socialLinksTeam tooltips">
<li class="twitter-white"><a href="#" rel="tooltip" title="Twitter">Twitter</a></li>
<li class="facebook-white"><a href="#" rel="tooltip" title="Facebook">Facebook</a></li>
<li class="skype-white"><a href="#" rel="tooltip" title="Skype">Skype</a></li>
<li class="linkedin-white"><a href="#" rel="tooltip" title="LinkedIn">Linked In</a></li>
<li class="dropbox-white"><a href="#" rel="tooltip" title="Dropbox">Dropbox</a></li>
</ul>
</div>
</div>
<p>More than 20 years of experience as Mentor.</p>
<div class="teamImage">
<img class="scale-with-grid lazy" src="images/4.jpg" alt=""/>
<div class="teamName">
<h2>DAVNEET DEOL</h2>
<h3> </h3>
<ul class="socialLinksTeam tooltips">
<li class="twitter-white"><a href="#" rel="tooltip" title="Twitter">Twitter</a></li>
<li class="facebook-white"><a href="#" rel="tooltip" title="Facebook">Facebook</a></li>
<li class="skype-white"><a href="#" rel="tooltip" title="Skype">Skype</a></li>
<li class="linkedin-white"><a href="#" rel="tooltip" title="LinkedIn">Linked In</a></li>
<li class="dropbox-white"><a href="#" rel="tooltip" title="Dropbox">Dropbox</a></li>
</ul>
</div>
</div>
<p>Branch Manager: Working experience in education sector more than 8 years.</p>
</div>
<div class="one-third column">
<div class="teamImage">
<img class="scale-with-grid lazy" src="images/2.jpg" alt=""/>
<div class="teamName">
<h2>Mandeep Kaur</h2>
<h3> </h3>
<ul class="socialLinksTeam tooltips">
<li class="twitter-white"><a href="#" rel="tooltip" title="Twitter">Twitter</a></li>
<li class="facebook-white"><a href="#" rel="tooltip" title="Facebook">Facebook</a></li>
<li class="skype-white"><a href="#" rel="tooltip" title="Skype">Skype</a></li>
<li class="linkedin-white"><a href="#" rel="tooltip" title="LinkedIn">Linked In</a></li>
<li class="dropbox-white"><a href="#" rel="tooltip" title="Dropbox">Dropbox</a></li>
</ul>
</div>
</div>
<p>M. F. A. (Printmaking): 5 years working experience in Teaching</p>
<div class="teamImage">
<img class="scale-with-grid lazy" src="images/5.jpg" alt=""/>
<div class="teamName">
<h2>Karandeep Singh </h2>
<h3> </h3>
<ul class="socialLinksTeam tooltips">
<li class="twitter-white"><a href="#" rel="tooltip" title="Twitter">Twitter</a></li>
<li class="facebook-white"><a href="#" rel="tooltip" title="Facebook">Facebook</a></li>
<li class="skype-white"><a href="#" rel="tooltip" title="Skype">Skype</a></li>
<li class="linkedin-white"><a href="#" rel="tooltip" title="LinkedIn">Linked In</a></li>
<li class="dropbox-white"><a href="#" rel="tooltip" title="Dropbox">Dropbox</a></li>
</ul>
</div>
</div>
<p>Marketing Head: Working experience of 18 years in Marketing</p>
</div>
<div class="one-third column">
<div class="teamImage">
<img class="scale-with-grid lazy" src="images/3.jpg" alt=""/>
<div class="teamName">
<h2>RAVI DHIR</h2>
<h3> </h3>
<ul class="socialLinksTeam tooltips">
<li class="twitter-white"><a href="#" rel="tooltip" title="Twitter">Twitter</a></li>
<li class="facebook-white"><a href="#" rel="tooltip" title="Facebook">Facebook</a></li>
<li class="skype-white"><a href="#" rel="tooltip" title="Skype">Skype</a></li>
<li class="linkedin-white"><a href="#" rel="tooltip" title="LinkedIn">Linked In</a></li>
<li class="dropbox-white"><a href="#" rel="tooltip" title="Dropbox">Dropbox</a></li>
</ul>
</div>
</div>
<p>BCA: 7 years working experience in Competitive Teaching</p>
</div>
</div>
<!--start parallax 2-->
<div id="parallax-2" class="parallax fixed" style="background-image: url(images/parallax-2.jpg);">
<div class="quoteWrap">
<div class="quote">
<div class="container">
<div class="sixteen columns">
<div class="container">
<div class="sixteen columns">
<h3><span class="smallBold">A true</span> <span class="small">artist</span> <br>
<span class="large">is not one who</span> <span class="largeBold">is inspired,</span> <br>
<span class="medium">but one who</span><span class="mediumBold"> inspires others.</span> <br>
</h3>
</div>
</div>
<h3> </h3>
</div>
</div>
</div>
</div>
</div>
<!--end parallax 2-->
</div>
<!--end about-->
<!--start portfolio -->
<div id="folio" class="page section">
<div class="container">
<div class="sixteen columns">
<h1>Activities</h1>
<span class="small">We at odd box, nurture the rare in you, the uncommon in you and bring the best to the world from you. We preach for value education not only the books.
The team at odd box, takes your learning seriously and through out the journey walk along with you for a wonderful result which is you not the just the scores.
The name maybe new to you, but <span class="mediumBold">the team here is well experienced</span> and having a vast knowledge and experience from previous institutions.
</span> <!--<span class="smallBold">not want to</span>
<br><span class="largeBold">imitate</span> <span class="large">anything,</span>
<br><span class="medium">produce</span><span class="mediumBold"> nothing.</span>
<br><span class="author">Salvador Dali</span>-->
</div>
</div>
<div class="gallerySelector">
<ul class="gallerySelectorList">
<li class="current"><a data-filter="article.portfolio" href="#">All</a></li>
<li><a data-filter="article.portfolio[data-category~='class']" href="#">Indoor</a></li>
<li><a data-filter="article.portfolio[data-category~='outdoor']" href="#">Outdoor</a></li>
<li><a data-filter="article.portfolio[data-category~='work']" href="#">work</a></li>
<li><a data-filter="article.portfolio[data-category~='fun']" href="#">Fun</a></li>
</ul>
</div>
<section class="portfolio_container">
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th1.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3> </h3>
<a class="thumbLink" href="images/gallery/1.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th2.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/2.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th3.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/3.jpeg" rel="prettyPhoto" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="fun">
<section class="thumbImage">
<img src="images/gallery/th4.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/4.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th5.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/5.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th6.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/6.jpeg" rel="prettyPhoto" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="outdoor">
<section class="thumbImage">
<img src="images/gallery/th7.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/7.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th8.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/8.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th9.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/9.jpeg" rel="prettyPhoto" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th10.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/10.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="fun">
<section class="thumbImage">
<img src="images/gallery/th11.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/11.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="fun">
<section class="thumbImage">
<img src="images/gallery/th12.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/12.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th13.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/13.jpeg" rel="prettyPhoto" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th14.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/13.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th14.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/14.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="fun">
<section class="thumbImage">
<img src="images/gallery/th15.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/15.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th16.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/16.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="fun">
<section class="thumbImage">
<img src="images/gallery/th1.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/17.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="fun">
<section class="thumbImage">
<img src="images/gallery/th18.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/18.jpeg" rel="prettyPhoto" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th19.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/19.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="fun">
<section class="thumbImage">
<img src="images/gallery/th20.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/20.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="work">
<section class="thumbImage">
<img src="images/gallery/21.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/21.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="work">
<section class="thumbImage">
<img src="images/gallery/th22.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/22.jpeg" rel="prettyPhoto" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="outdoor">
<section class="thumbImage">
<img src="images/gallery/th24.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/24.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="work">
<section class="thumbImage">
<img src="images/gallery/th25.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/25.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="work">
<section class="thumbImage">
<img src="images/gallery/th26.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/26.jpeg" rel="prettyPhoto[gallery1]" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="work">
<section class="thumbImage">
<img src="images/gallery/th27.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/27.jpeg" rel="prettyPhoto" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="class">
<section class="thumbImage">
<img src="images/gallery/th28.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/28.jpeg" rel="prettyPhoto" ></a>
</div>
</div>
</section>
</article>
<article class="portfolio" data-category="work">
<section class="thumbImage">
<img src="images/gallery/th29.jpeg" alt="" class="fullwidth">
<div class="thumbTextWrap">
<div class="thumbText">
<h3 class="sectionTitle"> </h3>
<a class="thumbLink" href="images/gallery/29.jpeg" rel="prettyPhoto"></a>
</div>
</div>
</section>
</article>
</section>
<div class="portfolioBottom"></div>
<!--start parallax 1-->
<div id="parallax-1" class="parallax fixed" style="background-image: url(images/parallax-1.jpg);">
<div class="quoteWrap">
<div class="quote">
<div class="container">
<div class="sixteen columns">
<h3><span class="large">Design creates </span><span class="largeBold">culture.</span> <span class="medium">Culture shapes</span> <span class="largeBold">values. </span><span class="medium">Values determine the<span class="largeBold"> future.</span></span> </h3>
</div>
</div>
</div>
</div>
</div>
<!--end parallax-->
</div>
<!--end portfolio-->
<!--start Services -->
<div id="services" class="page section">
<div class="container servicesContainer">
<div class="sixteen columns">
<h1><span>Our</span><br/>Courses</h1>
<h3><span class="small">The lessons are professionally structured in<span class="small"> theoretical lessons</span> and lessons with <span class="small">many practical hours</span> in order to ensure students the knowledge <span class="small">for success</span> in an <span class="small">international and competitive market.</span> </span>
</h3>
</div>
</div>
<span class="accTrigger question"><a href="#">NIFT</a></span>
<div class="accContainer">
<div class="accContent">
<div>
<div>
<p>For candidates to the NIFT BF.Tech Fashion Technology programme, the selection process comprises a written examination comprising of a General Ability Test (GAT).</p>
</div>
<div>
<div>
<p>Course Duration @ NIFT: 4 Years.<br>
Seats Availiable For NIFT M.Des: 330.<br>
Discipline Available : Apparel Production.</p>
</div>
<button>Who Can Apply ?</button>
<div>
<p>The candidate having Problem Solving Mind.</p>
<p>The candidate must have PCM Background.</p>
<p>3 or 4-years diploma in any branch of Engineering.</p>
<p>Recognized by AICTE or a State Board of Technical Education</p>
</div>
<button>Eligibility</button>
<div>
<p>Age Limit : 23 Years (Maximum).</p>
<p>Academic : 12th Appearing / 12th Pass Out.</p>
<p>PCM (Physics/Chemistry/Maths)</p>
</div>
</div>
<p> </p></div><div><div>
</div>
</div>
</div>
</div>
<!-- Accordion #2
<div class="accContainer">
<div class="accContent"></div>
</div> -->
<!-- Accordion #3 -->
<span class="accTrigger question"><a href="#">NID</a></span>
<div class="accContainer">
<div class="accContent">
<div>
<p>NID usually takes B.des Exam (All India Level) in 2 Phases.</p>
<p>In the 1st Phase of DAT Prelims exam they jugde your Creative Skill (CAT) & Academic Skill (GAT).</p>
<p>For the 2nd Phase of DAT Mains Studio Test & Interview according to your discipline of Exam candidate have to Clear the 1st Round of NID B.des DAT Prelims.</p>
</div>
<div>
<div>
<p>Course Duration @ NID B.Des / GDPD : 4 Years.<br>
Seats Available for NID B.Des & GDPD : 425.</p>
</div>
<button>Who Can Apply ?</button>
<div>
<p>The candidate having Creative & Critical Thinking mind.</p>
<p>The candidate having Creative Basic Sketching / Illustration Skills.</p>
<p>The candidate having Creative Problem Solving Mind.</p>
<p>The candidate having Good Surrounding Observation Skills.</p>
<p>The candidate having Basic Academic Skills of 10th level.</p>
</div>
</div>
</div>
</div>
<!-- Accordion #4 -->
<span class="accTrigger question"><a href="#">JEE</a></span>
<div class="accContainer">
<div class="accContent"></div>
</div>
<!-- Accordion #5 -->
<span class="accTrigger question"><a href="#">NATA</a></span>
<div class="accContainer">
<div class="accContent"></div>
</div>
<!-- Accordion #6 -->
<span class="accTrigger question"><a href="#">IIT- UCEED</a></span>
<div class="accContainer">
<div class="accContent"></div>
</div>
</div>
<!--start parallax 3-->
<div id="parallax-3" class="parallax fixed" style="background-image: url(images/parallax-3.jpg);">
<div class="quoteWrap">
<div class="quote">
<div class="container">
<div class="sixteen columns">
<h3><span class="largeBold">Intelligence</span> <span class="large">without ambition</span>
<br><span class="medium">is a bird</span> <span class="mediumBold">without wings.</span>
<br>
</h3>
</div>
</div>
</div>
</div>
</div>
<!--end parallax 3-->
<!--end services-->
<!--start Features
<div id="features" class="page section">
<div class="container featuresContainer">
<div class="sixteen columns">
<h1><span>Our</span><br/>Achievers</h1>
<div> <br><br><br>
<div class="one-third column">
<div class="serviceItem creativity">
<div class="serviceInfoWrap">
<div class="serviceInfo">
<div class="serviceInfoFront"></div>
<div class="tittle">
<h3> </h3>
<h3> </h3>
<h3>NIFT Kolkata</h3>
<p> Knitwear Design Alumni</p>
</div>
</div>
</div>
</div>
</div>
<div class="one-third column">
<div class="serviceItem photography">
<div class="serviceInfoWrap">
<div class="serviceInfo">
<div class="serviceInfoFront"></div>
<div class="serviceInfoBack">
<h3> </h3>
<h3> </h3>
<h3>NIFT,Shillong</h3>
<p>Alumni, NIFT, Shillong</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Flickr
<div class="sixteen columns latestFlickr">
<h3 class="sectionTitle">Flickr</h3>
<div class="flickrListing">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=21644167@N04"></script>
<div class="clearfix"></div>
</div>
</div> -->
<!--start parallax 4-->
<div id="parallax-4" class="parallax fixed" style="background-image: url(images/parallax-4.jpg);">
<div class="quoteWrap">
<div class="quote">
<div class="container">
<div class="sixteen columns">
<h3><span class="largeBold">Believe in yourself.</span> <span class="smallBold">You are </span><span class="mediumBold">braver than you think,</span> <span class="largeBold">more talented than you know, and capable of</span> <span class="large">more than you imagine.</span>
</h3>
</div>
</div>
</div>
</div>
</div>
<!--end parallax 4-->
</div>
<!--end Features-->
<!--start contact-->
<div id="contact" class="page section">
<div class="container contactContainer">
<div class="sixteen columns">
<h1>Contact<span>Us</span></h1>
<h3><span class="mediumBold">Get in</span> <span class="medium">touch</span>
<br><span class="medium">let's</span> <span class="mediumBold">have a Call</span>
<br><span class="large">we can</span> <span class="largeBold">help you to</span>
<br><span class="medium">Identify </span> <span class="mediumBold">Your Talents.</span>
</h3>
</div>
<div class="three columns marginTop contactDetails">
<p class="contactAddress">Shinha Ladies Health Club Building, 19 AX, Krishna Mandir Rd, opposite Tuition market, Nehru Nagar, Model Town Extension, Model Town, Ludhiana, Punjab 141002</p>
</div>
<div class="three columns marginTop contactDetails">
<p class="contactPhone">Phone: 8264280048</p>
<p class="contactEmail">Email: <a href="#">admission@oddbox.in</a></p>
</div>
<div class="three columns marginTop contactDetails">
<p class="contactTime">
Tues-Sun: 9:00am → 5:30pm <br/>
Monday: Closed
</p>
</div>
<div id="contact_form">
<div class="two-thirds column marginTop formWrap">
<form action="#" method="post" class="contactForm1">
<div class="formSecWrap">
<label for="form_name">Name</label>
<input type="text" id="form_name" required name="form_name" value="" />
<label for="phone">Phone/Mobile</label>
<input type="tel" name="phone" id="phone" required value="" />
<label for="form_email">Email</label>
<input type="email" name="form_email" id="form_email" value="" />
<label for="form_subject">Subject</label>
<input type="text" name="form_subject" id="form_subject" value="" />
</div>
<div class="formSecWrap formSecWrap2">
<label for="form_message">Message</label>
<textarea class="textarea" name="form_message" id="form_message"></textarea>
<input class="button" id="submit-form" type="submit" name="submit" value="Send Message" />
</div>
<div id="success"></div>
</form>
</div>
</div>
</div>
<!--start parallax 5-->
<div id="parallax-5" class="parallax fixed" style="background-image: url(images/parallax-5.jpg);">
<div class="quoteWrap">
<div class="quote">
<div class="container">
<div class="sixteen columns">
<h3>
<span class="large">Visit our</span> <span class="largeBold">ODDBOX Design</span>
<br><span class="medium">in the heart of</span><span class="mediumBold"> Ludhiana.</span>
</h3>
</div>
</div>
</div>
</div>
</div>
<!--end parallax 5-->
</div>
<!--end contact-->
<!--start footer--><!--end footer-->
<script type="text/javascript">
function moveTo(contentArea){
var goPosition = $(contentArea).offset().top;
$('html,body').animate({ scrollTop: goPosition}, 'slow');
}
</script>
<script type="text/javascript">
$('#carouselSlider').flexslider({
animation: "slide",
animationLoop: true,
itemWidth: 237,
itemMargin: 2,
start: function(slider){
$('body').removeClass('loading');
}
});
</script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',slideshow:6000});
$(".contactDetails a[rel^='prettyPhoto']:first").prettyPhoto({
custom_markup: '<div id="map_canvas" style="width:500px; height:500px"></div>',
changepicturecallback: function(){ initialize(); }
});
});
</script>
</body>
</html>
PK 99