minicv.html

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>David Elbaze | CV</title>
	<meta name="title" content="David Elbaze" />
	<meta name="description" content="Présentation et CV de David Elbaze" />
	<link rel="shortcut icon" id="favicon" href="favicon.png"> 
	<meta name="author" content="David Elbaze">
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Pacifico:400' rel='stylesheet' type='text/css'>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="jquery.onepage-scroll.min.js"></script>
  <link href='onepage-scroll.css' rel='stylesheet' type='text/css'>
    <link href="style.css" rel="stylesheet" type="text/css">

	<script>
	  $(document).ready(function(){
      $(".main").onepage_scroll({
        sectionContainer: "section",
        animationTime: 600,
        updateURL: true,
        controlBar:".back a"
      });
		});
		
	</script>

</head>
<body>
  <div class="wrapper">
	  <div class="main">
	    
      <section class="page1">
        <div class="page_container">
          <img src="photo.jpg" style="float:left;height:100%;">
          <div>
          <h1 style="width:auto;padding-left:250px">David Elbaze <span style="font-size:30px"> &nbsp; &nbsp;&nbsp; 22 ans</span></h1>
          <h2 style="padding-left:255px">&Eacute;lève ingénieur à la recherche d'un stage <br />dans la sécurité des systèmes embarqués, <br />Début Avril 2014.</h2>
          <p class="credit">Personne n'est parfait, mais une équipe peut l'être. — Klaus Kleinfeld</p>
          <p class="credit">VHDL, FPGA, C/C++, .Net, Sécurité logicielle et matérielle, <br />Micro-controleurs, Gestion de Projet, Communication.</p>

        </div>
        <div onclick="$('.link2').click();" style="position:absolute;bottom:0; right:-170px;border-radius:5px;"><img src="qrcode.png" /></div>

        </div>
      </section>

       
	    <!--
	    <section class="page2">
	      <div class="page_container">
          <h1>Ready-to-use plugin</h1>
          <h2>All you need is an HTML markup, call the script and BAM!</h2>
          <code class="html">
  	        &lt;div class="main"&gt;<br>
  	          &lt;section&gt;...&lt;/section&gt;<br>
  	          &lt;section&gt;...&lt;/section&gt;<br>
  	          ...<br>
  	        &lt;/div&gt;
  	      </code>
  	      <code class="js">
	          $(".main").onepage_scroll();
	        </code>
	      </div>
      </section>
	    
	    <section class="page3">
	      <div class="page_container">
          <h1>Pretty Neat Eh?</h1>
          <h2>You can customise the animation timing, the selector or even the animation easing using CSS3. I can't wait to see what you guys will come up with. Don't forget to grab them for free on Github'</h2>
          <div class="btns">
  	        <a class="reload btn" href="https://github.com/peachananr/onepage-scroll">Download on Github</a>
  	      </div>
  	    </div>
      </section>-->
      
    </div>
    <div class="back"><!--
      <div class="barlang">
        <img src="fr.jpg" onclick="window.location='indexfr.html';" style="cursor: pointer;height: 15px;" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <img src="uk.jpg" onclick="window.location='index.html';" style="cursor:pointer; height: 15px; width:20px;" />
      </div>-->
      <div class="barlang" style="line-height:auto; padding:0; padding-right:9px;">
        <a href="#1" class="link123">Ancien Responsable Evénementiel BDE</a>
                <a>|</a>

        <a href="#1" class="link123">Secrétaire du Forum Entreprises</a>
      </div>
      <a href="#1" data-index="1" class="link1">http://www.elbaze.org</a><!--
      --><a href="#2" data-index="2" class="link2">+33 6 45 85 78 27</a><!--
      --><a href="#3" data-index="3" class="link3">david.elbaze@outlook.com</a>
    </div>
  </div>

  <div id="splash" style="position:absolute; top:0; right:0;left:0;bottom:0;background:white;z-index:9999;">
      Vous n'avez pas un navigateur assez grand pour afficher cette page.
  </div>
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-44529424-1', 'elbaze.org');
  ga('send', 'pageview');

</script>
</body>
</html>