index old.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="image_src" href="/images/notify_better_image.png" />

	<meta content="http://www.thepetedesign.com/demos/onepage_scroll_demo.html" property="og:url" />
	<meta content="http://www.thepetedesign.com/images/onepage_scroll_image.png" property="og:image" />-->
	<link rel="shortcut icon" id="favicon" href="favicon.png"> 
	<meta name="author" content="David Elbaze">
	<!--<link rel="canonical" href="http://www.thepetedesign.com/demos/onepage_scroll_demo.html" />-->
	<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 years old</span></h1>          
          <h2 style="padding-left:255px">Engineering student looking for a six-month internship,<br />
          Security of Embedded Systems<br />
          Starting April 2014.</h2>
          <p class="credit">Nobody's perfect, but a team can be. — Klaus Kleinfeld</p>
          <p class="credit" style="text-align:center;"><img src="linkedin.png" width="32" height="32" /></p>

        </div>
        <div style="position:absolute;bottom:0; right:0;border-radius:5px;background-color:rgb(240, 227, 210);padding:20px;cursor: pointer;color:rgba(0,0,0,0.85);" onclick="$('.link2').click();">See more &darr;</div>
        </div>
      </section>

       <section class="rpage2">
        <div class="page_container" style="position:absolute;top:0;bottom:0;right:0;left:0;">
          <div style="position:absolute;top:15%;left:0;bottom:0;right:51%;">
            <h1>Qualification</h1>
            <ul class="listleft">
              <li>Test</li>
            </ul>
          </div>
          <div style="position:absolute;top:15%;right:0;bottom:0;left:51%;">
            <h1 style="float:right;width:auto;">Experiences</h1>

            <ul class="listright">
              <li>Test</li>
            </ul>
          </div>
        </div>
      </section>

      <section class="rpage2">
        <div class="page_container" style="position:absolute;top:0;bottom:0;right:0;left:0;">
          <div style="position:absolute;top:15%;left:0;bottom:0;right:51%;">
            <h1>Contact</h1>
            <p>You can contact me at david.elbaze.93@gmail.com, <br />or at +33 6 45 85 78 27.</p>
          </div>
         <!-- <div style="position:absolute;top:15%;right:0;bottom:0;left:51%;">
            <h1 style="float:right;width:auto;">Exp&eacute;riences</h1>

            <ul class="listright">
              <li>Test</li>
            </ul>
          </div>-->
          <div onclick="$('.link3').click();" style="position:absolute;bottom:10px; right:10px;border-radius:5px;background-color:#666;padding:20px;z-index:999; cursor: pointer;color:rgba(255,255,255,0.85)">&darr;</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>
      <a href="#1" data-index="1" class="link1">Hello !</a><!--
      --><a href="#2" data-index="2" class="link2">Want more information ?</a><!--
      --><a href="#3" data-index="3" class="link3">Contact</a>
    </div>
  </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>