-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex old.html
137 lines (125 loc) · 5.8 KB
/
index old.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!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"> 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 ↓</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 [email protected], <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é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)">↓</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">
<div class="main"><br>
<section>...</section><br>
<section>...</section><br>
...<br>
</div>
</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;" />
<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>