<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]--><head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="keywords" content="Eliel Dinaully Portfolio Informatique Analyste Programmeur Java Web HTML CSS CRITT Blog Android Strasbourg France Developpeur MyStrasbourgApp Jquery Mobile Stras Parkin Velhop Infos Fete Musique CDED Robert Schuman PHP" />
<meta name="description" content="Portfolio d'Eliel Dinaully. Développeur Mobile & Web - Strasbourg" />
<meta name="author" content="Eliel Dinaully">
<title>Portfolio d'Eliel Dinaully - Développeur Mobile & Web - Strasbourg</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--main style-->
<link rel="stylesheet" type="text/css" media="screen" href="bootstrap.css">
<link rel="stylesheet" type="text/css" media="screen" href="style.css">
<!--background slider style-->
<link rel="stylesheet" type="text/css" href="slideshow.css" />
<!--google font style-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300' rel='stylesheet' type='text/css'>
<!--font-family: 'Open Sans', sans-serif;-->
<!-- font css style-->
<link rel="stylesheet" href="font-awesome.css">
<!--for slider style-->
<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.ico">
<noscript>
<link rel="stylesheet" type="text/css" href="fallback.css" />
</noscript>
<script src='https://www.google.com/recaptcha/api.js'></script>
<!--[if lt IE 9]>
			<link rel="stylesheet" type="text/css" href="css/fallback.css" />
		<![endif]-->
</head><body>
<!--wrapper start-->
<div class="wrapper" id="wrapper">
  <header>
    <!--banner start-->
    <div class="banner row" id="banner">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 noPadd" style="height:100%">
        <!--background slide show start-->
        <div class="bannerPart"> <img src="http://themeelite.com/demos/flato/template-2/images/2.jpg" alt="" class="bannerImg"> </div>
        <!--background slide show end-->
      </div>
    </div>
    <!--banner end-->
    <div class="bannerText container">
      <h1>Je suis Eliel Dinaully</h1>
      <h2>Développeur Mobile & Web</h2>
    </div>
    <!--menu start-->
    <div class="menu">
      <div class="navbar-wrapper">
        <div class="container">
          <div class="navwrapper">
            <div class="navbar navbar-inverse navbar-static-top">
              <div class="container">
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                  <a class="navbar-brand" href="error_sign.png#">Menu</a> </div>
                <div class="navbar-collapse collapse">
                  <ul class="nav navbar-nav">
                    <li class="menuItem active"><a href="error_sign.png#wrapper">Accueil</a></li>
                    <li class="menuItem"><a href="error_sign.png#aboutme">À propos</a></li>
                    <li class="menuItem"><a href="error_sign.png#technical">Compétences</a></li>
                    <li class="menuItem"><a href="error_sign.png#exprience">Experience</a></li>
                    <li class="menuItem"><a href="error_sign.png#education">Diplomes</a></li>
                    <li class="menuItem"><a href="error_sign.png#awards">Récompenses</a></li>
                    <li class="menuItem"><a href="error_sign.png#protfolio">Portfolio</a></li>
                    <li class="menuItem"><a href="error_sign.png#contact">Contact</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <!-- End Navbar -->
        </div>
      </div>
    </div>
    <!--menu end-->
  </header>
  <!--about me start-->
  <section class="aboutme" id="aboutme">
    <div class="container">
      <div class="heading">
        <h2>À propos</h2>
        <p>Une petite présentation pour mieux me connaître</p>
      </div>
      <div class="row">
        <div class=" col-xs-12 col-sm-12 col-md-7 col-lg-7">
          <h3>Eliel Dinaully, 24 ans</h3>
          <h4 class="subHeading">Développeur Mobile & Web de Strasbourg</h4>
          <p>Je suis analyste-programmeur et diplômé d'un DUT informatique suivi d'une licence professionnelle CDED (Concepteur Développeur en Environnement Distribué). Je travaille actuellement en tant que développeur au CRITT Matériaux Alsace, situé à Schiltigheim en Alsace. Je suis également le pilote du processus 'Systèmes informatiques'.</p>
          <p>Ce portfolio a pour but de présenter les différents projets sur lesquels j'ai travaillé ces dernières années. Vous pouvez également visualiser mon CV et le télécharger. </p>
          <p>Si vous avez une question, ou si vous avez simplement besoin d'un renseignement, vous pouvez me contacter en cliquant ici: <a href="error_sign.png#contact">Contact</a>.</p>
          <a href="../cv.pdf" class="bntDownload">Télécharger mon CV</a> </div>
        <div class=" col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-1 col-lg-offset-1 proPic"> <img src="../images/photo.jpg" alt="" class="img-circle topmar"> </div>
      </div>
    </div>
  </section>
  <!--about me end-->
  <!--technical start-->
  <section class="technical" id="technical">
    <div class="container">
      <div class="heading">
        <h2>Compétences techniques</h2>
        <p>Les différents domaines que je maîtrise</p>
      </div>
      <div class="row">
        <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
          <div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="90"> <span class="percent"></span> </span>
            <h4>HTML5 / CSS3</h4>
            <p>&nbsp;</p>
          </div>
        </div>
        <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
          <div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="80"> <span class="percent"></span> </span>
            <h4>jQuery</h4>
            <p>&nbsp;</p>
          </div>
        </div>
        <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
          <div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="80"> <span class="percent"></span> </span>
            <h4>PHP / MySQL</h4>
            <p>&nbsp;</p>
          </div>
        </div>
        <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
          <div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="75"> <span class="percent"></span> </span>
            <h4>Java</h4>
            <p>&nbsp;</p>
          </div>
        </div>
        <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
          <div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="70"> <span class="percent"></span> </span>
            <h4>Wordpress</h4>
            <p>&nbsp;</p>
          </div>
        </div>
        <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
          <div class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 skills"> <span class="chart skilBg" data-percent="50"> <span class="percent"></span> </span>
            <h4>C/C++</h4>
            <p>&nbsp;</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--technical end-->
  <!--exprience start-->
  <section class="exprience" id="exprience">
    <div class="container">
      <div class="heading">
        <h2>Expérience professionnelle</h2>
        <p>Mes précédentes associations</p>
      </div>
      <div class="row workDetails">
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
          <div class="workYear">Sept,2011<br>
            Présent</div>
        </div>
        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
          <div class="arrowpart"></div>
          <div class="exCon">
            <h4>CRITT Matériaux Alsace</h4>
            <h5>Analyste programmeur</h5>
            <p>Développement de modules pour l'intranet. Gestion du réseau. Support technique. Pilote du processus 'Systèmes informatiques'.</p>
          </div>
        </div>
      </div>
      <div class="row workDetails">
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
          <div class="workYear">Sept,2010<br>
            Sept,2011</div>
        </div>
        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
          <div class="arrowpart"></div>
          <div class="exCon">
            <h4>CRITT Matériaux Alsace</h4>
            <h5>Apprenti en alternance</h5>
            <p>Mise en place de divers modules pour leur ERP, débogage des modules existants et amélioration, installation et mise à jour de leurs serveurs. Gestion de leur matériel informatique et résolution des problèmes rencontrés. </p>
          </div>
        </div>
      </div>
      <div class="row workDetails">
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
          <div class="workYear">Mar,2010<br>
            Juin,2010</div>
        </div>
        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
          <div class="arrowpart"></div>
          <div class="exCon">
            <h4>CRITT Matériaux Alsace</h4>
            <h5>Stage de fin de DUT</h5>
            <p>Création d'un module de gestion de temps pour les employés du CRITT: gestion du temps de travail, gestion des congés payés et des RTT ainsi que des jours de récupération. Développement, débogage, et mise en place du système.</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--exprience end-->
  <!--education start-->
  <section class="education" id="education">
    <div class="container">
      <div class="heading">
        <h2>Diplômes</h2>
        <p>Mon parcours scolaire</p>
      </div>
      <div class="row workDetails">
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
          <div class="workYear">Sept,2012</div>
        </div>
        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
          <div class="arrowpart"></div>
          <div class="exCon">
            <h4>Diplôme d'ingénieur (en cours)</h4>
            <h5>CNAM Alsace</h5>
            <p>Démarche personnelle en cours du soir dans le but d'obtenir un diplôme d'ingénieur en informatique.</p>
          </div>
        </div>
      </div>
      <div class="row workDetails">
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
          <div class="workYear">Juin, 2011</div>
        </div>
        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
          <div class="arrowpart"></div>
          <div class="exCon">
            <h4>Licence professionnelle CDED (Mention bien)</h4>
            <h5>IUT Robert Schuman</h5>
            <p>Licence professionnelle suivie sous forme d'alternance afin d'obtenir le titre de 'Concepteur Développeur en Environnement Distribué'</p>
          </div>
        </div>
      </div>
      <div class="row workDetails">
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
          <div class="workYear">Juin, 2010</div>
        </div>
        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
          <div class="arrowpart"></div>
          <div class="exCon">
            <h4>DUT Informatique</h4>
            <h5>IUT Robert Schuman</h5>
            <p>&nbsp;</p>
         </div>
        </div>
      </div>
      <div class="row workDetails">
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
          <div class="workYear">Juin, 2008</div>
        </div>
        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
          <div class="arrowpart"></div>
          <div class="exCon">
            <h4>Baccalauréat Scientifique option Sciences de l'Ingénieur (mention)</h4>
            <h5>Lycée Marcel Rudloff</h5>
            <p>&nbsp;</p>
         </div>
        </div>
      </div>
    </div>
  </section>
  <!--education end-->
  <!--awards start-->
  <section class="awards" id="awards">
    <div class="container">
      <div class="heading">
        <h2>Récompenses</h2>
        <p>Les différentes récompenses obtenues ces dernières années</p>
      </div>
      <div class="row workDetails">
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
          <div class="workYear">Dec,2013</div>
        </div>
        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
          <div class="arrowpart"></div>
          <div class="exCon">
            <h4>Lauréat du concours Open Data lancé par la ville de Strasbourg</h4>
            <h5>Prix 'Open Data Mobile'</h5>
            <p>"MyStrasbourgApp (mystrasbourgapp.fr), application développée sous androïd qui propose une foule d'informations sur les transports, les loisirs, les services obtient le prix "open data mobile" (8000 euros)..." (source: <a href='http://www.dna.fr/actualite/2013/12/10/open-data-les-laureats-du-concours-strasbourgeois'><i>DNA</i></a>)</p>
          </div>
        </div>
      </div>
      <div class="row workDetails">
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
          <div class="workYear">Juin, 2013</div>
        </div>
        <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
          <div class="arrowpart"></div>
          <div class="exCon">
            <h4>Lauréat du concours dans le cadre de la Fête de la Musique de Strasbourg</h4>
            <h5>Fête de la Musique Strasbourg</h5>
            <p>"Le soir du 21 juin, une application mobile « Fête de la Musique Strasbourg » créée par un tout jeune développeur vous permettra de naviguer de concert en concert. Une grande première à Strasbourg et une très belle création." (source: <a href="http://www.dna.fr/edition-de-strasbourg/2013/06/20/le-cadeau-d-eliel-aux-strasbourgeois"><i>DNA</i></a>)</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--awards end-->  
  <!--protfolio start-->
  <section class="protfolio" id="protfolio">
    <div class="container">
      <div class="heading">
        <h2>Portfolio</h2>
        <p>Mes derniers travaux</p>
      </div>
      <div class="portfolioFilter">
        <ul>
          <li><a href="error_sign.png#" data-filter="*" class="current">Tout</a></li>
          <li><a href="error_sign.png#" data-filter=".web">Web</a></li>
          <li><a href="error_sign.png#" data-filter=".android">Android</a></li>
          <li><a href="error_sign.png#" data-filter=".autres">Autres</a></li>
        </ul>
      </div>
      <ul class="portfolioContainer row">
        <li class="web android col-xs-6 col-sm-4 col-md-3 col-lg-3">
          <div class="lightCon"> <span class="hoverBox"> <span class="smallIcon"> <a rel="lightbox-demo" href="../images/portfolio/big/mystrasbourgapp.png" subtitle="MyStrasbourgApp, application développée sous androïd qui propose une foule d'informations sur les transports, les loisirs, les services obtient le prix 'open data mobile'.<br>En savoir plus sur <a href='http://mystrasbourgapp.fr'>http://mystrasbourgapp.fr</a>" title="MyStrasbourgApp" class="zoom lb lb_warsaw1"><i class="fa fa-search fa-2x"></i></a> <a href="http://mystrasbourgapp.fr" title="Visiter le site de MyStrasbourgApp" target="_blank" class="linKed"><i class="fa fa-link fa-2x"></i></i></a> </span> </span> <img src="../images/portfolio/big/mystrasbourgapp.png" alt=""  > </div>
        </li>
        <li class="android col-xs-6 col-sm-4 col-md-3 col-lg-3">
          <div class="lightCon"> <span class="hoverBox"> <span class="smallIcon"> <a rel="lightbox-demo" href="../images/portfolio/big/strasparking.png" subtitle="Stras' Parking est la première application Android qui vous permettra de vous garer facilement dans la CUS et cela grâce aux différentes informations qu'elle vous propose : nom du parking, l'état du parking (ouvert, fermé, complet ou indisponible), le nombre de places disponibles, ainsi que votre distance par rapport au parking."  title="Stras' Parking" class="zoom lb lb_warsaw1"><i class="fa fa-search fa-2x"></i></a> <a href="https://play.google.com/store/apps/details?id=org.android.strasparking" title="Visualiser l'application sur le Play Store" target="_blank" class="linKed"><i class="fa fa-link fa-2x"></i></i></a> </span> </span> <img src="../images/portfolio/big/strasparking.png" alt="" > </div>
        </li>
        <li class="android web col-xs-6 col-sm-4 col-md-3 col-lg-3">
          <div class="lightCon"> <span class="hoverBox"> <span class="smallIcon"> <a rel="lightbox-demo" href="../images/portfolio/big/fete.png" subtitle="Cette application propose le programme officiel de la Fête de la Musique 2013 de la ville de Strasbourg.<br><a href='http://elieldinaully.fr/FeteMusique2013/'>Accéder au site</a>"  title="Fete de la Musique" class="zoom lb lb_warsaw1"><i class="fa fa-search fa-2x"></i></a> <a href="../FeteMusique2013/index.html" title="Visualiser le site" target="_blank" class="linKed"><i class="fa fa-link fa-2x"></i></i></a> </span> </span> <img src="../images/portfolio/big/fete.png" alt="" > </div>
        </li>
        <li class="android col-xs-6 col-sm-4 col-md-3 col-lg-3">
          <div class="lightCon"> <span class="hoverBox"> <span class="smallIcon"> <a rel="lightbox-demo" href="../images/portfolio/big/velhop.png" subtitle="Velhop Infos s’adresse aux personnes habitant dans la CUS (Communauté Urbaine de Strasbourg) et souhaitant utilisé Velhop. L'application a pour but de vous indiquer où sont situées les stations Velhop en fonction de votre position: de la plus proche à la plus distante."  title="Velhop Infos" class="zoom lb lb_warsaw1"><i class="fa fa-search fa-2x"></i></a> <a href="https://play.google.com/store/apps/details?id=com.velhop" title="Visualiser l'application sur le Play Store" target="_blank" class="linKed"><i class="fa fa-link fa-2x"></i></i></a> </span> </span> <img src="../images/portfolio/big/velhop.png" alt="" > </div>
        </li>
        <li class="autres web  col-xs-6 col-sm-4 col-md-3 col-lg-3">
          <div class="lightCon"> <span class="hoverBox"> <span class="smallIcon"> <a rel="lightbox-demo" href="../images/portfolio/big/critt.png" subtitle="Mise en place de divers modules pour leur ERP, débogage des modules existants et amélioration, installation et mise à jour de leurs serveurs. Gestion de leur matériel informatique et résolution des problèmes rencontrés."  title="CRITT Matériaux Alsace" class="zoom lb lb_warsaw1"><i class="fa fa-search fa-2x"></i></a> </span> </span> <img src="../images/portfolio/big/critt.png" alt="" > </div>
        </li>
        <li class="autres col-xs-6 col-sm-4 col-md-3 col-lg-3">
          <div class="lightCon"> <span class="hoverBox"> <span class="smallIcon"> <a rel="lightbox-demo" href="../images/portfolio/big/comicsphere.jpg" subtitle=" Création d'un réseau social autour de la bande dessinée. Mise en place d'une application web, d'une application mobile, d'une application lourde utilisable sans accès à internet et d'une application Facebook."  title="Comicsphère" class="zoom lb lb_warsaw1"><i class="fa fa-search fa-2x"></i></a></span> </span> <img src="../images/portfolio/big/comicsphere.jpg" alt="" > </div>
        </li>
        <li class="web col-xs-6 col-sm-4 col-md-3 col-lg-3">
          <div class="lightCon"> <span class="hoverBox"> <span class="smallIcon"> <a rel="lightbox-demo" href="../images/portfolio/big/critt.jpg" subtitle="Création d'un module de gestion de temps pour les employés du CRITT: gestion du temps de travail, gestion des congés payés et des RTT ainsi que des jours de récupération. Développement, débogage, et mise en place du système."  title="Stage CRITT Matériaux" class="zoom lb lb_warsaw1"><i class="fa fa-search fa-2x"></i></a></span> </span> <img src="../images/portfolio/big/critt.jpg" alt="" > </div>
        </li>
      </ul>
    </div>
  </section>
  <!--protfolio end-->
  <!--contact start-->
  <section class="contact" id="contact">
    <div class="container topCon">
      <div class="heading">
        <h2>Me contacter</h2>
        <p>N'hésitez pas à me contacter pour plus d'informations.</p>
      </div>
    </div>
    <div class="row mapArea">
      <iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/?ie=UTF8&amp;ll=48.583,7.750&amp;spn=0.01134,0.026157&amp;t=m&amp;z=13&amp;output=embed" style="pointer-events:none"></iframe>
    </div>
  </section>
  <section class="contactDetails">
    <div class="container">
      <!--contact info start-->
      <div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
        <h4>Détails</h4>
<p> <i class="fa fa-map-marker fa-lg"></i> Strasbourg, France</p>
        <p> <i class="fa fa-mobile fa-lg"></i> &nbsp;06.13.10.92.26</p>
        <p> <i class="fa fa-envelope-o "></i> <a href="mailto:dinaully@gmail.com">dinaully@gmail.com</a></p>
        <p> <i class="fa fa-link "></i> <a href="error_sign.png">http://elieldinaully.fr</a></p>
      </div>
      <!--contact info end-->
      <!--contact form start-->
      <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8 conForm">
        <h4>Ecrivez-moi!</h4>
        <div id="message"></div>
        <form method="post" action="http://elieldinaully.fr/php/contact.php" name="cform" id="cform">
          <input name="name" id="name" type="text" class="col-xs-12 col-sm-6 col-md-6 col-lg-6" placeholder="Votre nom..." >
          <input name="email" id="email" type="email" class=" col-xs-12 col-sm-6 col-md-6 col-lg-6 noMarr" placeholder="Votre email..." >
          <textarea name="comments" id="comments" cols="" rows="" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" placeholder="Votre message..."></textarea>  
		  <div class="g-recaptcha" data-sitekey="6LfrGfcSAAAAAPpFlfqhebgKnH0dsiAZk0Fzj86-" id="g-recaptcha"></div>
          <input type="submit" id="submit" name="send" class="submitBnt" value="Envoyer le message">
          <div id="simple-msg"></div>
        </form>
      </div>
      <!--contact form end-->
    </div>
  </section>
  <!--contact end-->
  <!--footer start-->
  <section class="footer" id="footer">
    <div class="container">
      <ul>
        <li><a href="http://twitter.com/elieldinaully"><i class="fa fa-twitter fa-2x"></i></a></li>
      <!--  <li><a href="#"><i class="fa fa-facebook fa-2x"></i></a></li>!-->
        <li><a href="http://fr.linkedin.com/pub/eliel-dinaully/25/aa1/91/"><i class="fa fa-linkedin fa-2x"></i></a></li>
      <!--  <li><a href="#"><i class="fa fa-rss fa-2x"></i></a></li>!-->
      </ul>
    </div>
  </section>
  <!--footer end-->
</div>
<!--wrapper end-->
<!--modernizr js-->
<script type="text/javascript" src="../js/modernizr.custom.26633.js"></script>
<!--jquary min js-->
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.js"></script>
<script type="text/javascript" src="../js/jquery.gridrotator.js"></script>
<!--for custom jquary-->
<script src="../js/custom.js"></script>
<!--for placeholder jquary-->
<script type="text/javascript" src="../js/jquery.placeholder.js"></script>
<!--for menu jquary-->
<script type="text/javascript" src="../js/stickUp.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(document).ready( function() {
  //enabling stickUp on the '.navbar-wrapper' class
  $('.navbar-wrapper').stickUp({
				parts: {
				  0: 'banner',
				  1: 'aboutme',
				  2: 'technical',
				  3: 'exprience',
				  4: 'education',
				  5: 'awards',
				  6: 'protfolio',
				  7: 'contact'
				},
				itemClass: 'menuItem',
				itemHover: 'active',
				topMargin: 'auto'
			  });
});

$( ".navbar.navbar-inverse.navbar-static-top a" ).click(function() {
  $( ".navbar-collapse" ).addClass( "hideClass" );
});


$( ".navbar.navbar-inverse.navbar-static-top a" ).click(function() {
  $( ".navbar-collapse" ).addClass( "collapse" );
});


$( ".navbar.navbar-inverse.navbar-static-top a" ).click(function() {
  $( ".navbar-collapse" ).removeClass( "in" );
});

$( ".navbar-toggle" ).click(function() {
  $( ".navbar-collapse" ).removeClass( "hideClass" );
});


});
</script>
<!--for portfoli filter jquary-->
<script src="../js/jquery.isotope.js" type="text/javascript"></script>
<!--for portfoli lightbox -->
<link type="text/css" rel="stylesheet" id="theme" href="jquery-ui-1.8.16.custom.css">
<link type="text/css" rel="stylesheet" href="lightbox.min.css">
<script type="text/javascript" src="../js/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="../js/jquery.ui.rlightbox.js"></script>
<!--for skill chat jquary-->
<script src="../js/jquery.easing.min.js"></script>
<script src="../js/jquery.easypiechart.js"></script>
<!--contact form js-->
<script type="text/javascript" src="../js/jquery.contact.js"></script>
</body>
</html>