-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·128 lines (128 loc) · 6.07 KB
/
index.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
<!doctype html>
<html lang=en class=no-skrollr>
<head>
<meta charset=UTF-8>
<meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1">
<title>Pierre-Edouard Barrault, Data Product Manager</title>
<meta name=author content="Pierre-Edouard Barrault">
<meta name=description content="Portfolio of Pierre-Edouard Barrault">
<meta name=keywords content="pierre-edouard, pierre-édouard, pierre, edouard, édouard, barrault,
data, linked data, open data, ux, ux design, ia, archinfo, media, web design,
architecture de l'information, information, architecture, information architecture, photography,
photo, photographe, photographer, photographie, user experience design, user experience, design,
data-engineering, data product manager, data-driver, solution architecture">
<link rel="shortcut icon" href=./assets/va/favicon.ico>
<link rel=apple-touch-icon href=bootstrap/img/apple-touch-icon.png>
<link rel=apple-touch-icon sizes=72x72 href=bootstrap/img/apple-touch-icon-72x72.png>
<link rel=apple-touch-icon sizes=114x114 href=bootstrap/img/apple-touch-icon-114x114.png>
<link type=application/octet-stream href=fonts/Futura.ttc>
<link href="https://fonts.googleapis.com/css?family=Poppins:300,500&subset=latin-ext" rel=stylesheet>
<link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel=stylesheet href=./css/font-awesome.min.css>
<link rel=stylesheet href=./css/bootstrap.min.css>
<link rel=stylesheet href=./css/animsition.min.css>
<link rel=stylesheet href=css/style.min.css>
<script src=./js/modernizr.custom.js></script>
<script src=./js/jquery-3.5.1.min.js></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X7YPR9VQQQ"></script>
<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-X7YPR9VQQQ")</script>
<body>
<div class="parallax-image-wrapper parallax-image-wrapper-100" data-anchor-target="#header + .gap" data-bottom-top="transform:translate3d(0px, 200%, 0px)" data-top-bottom="transform:translate3d(0px, 0%, 0px)">
<div class="parallax-image parallax-image-100" style="background-image:url(./assets/va/time_crop.jpg);background-position:0 -150px" data-anchor-target="#header + .gap" data-bottom-top="transform: translate3d(0px, -80%, 0px);" data-top-bottom="transform: translate3d(0px, 80%, 0px);">
</div>
</div>
<div class="parallax-image-wrapper parallax-image-wrapper-100" data-anchor-target="#landing + .gap" data-bottom-top="transform:translate3d(0px, 200%, 0px)" data-top-bottom="transform:translate3d(0px, 0%, 0px)">
<div class="parallax-image parallax-image-100" data-anchor-target="#landing + .gap" data-bottom-top="transform: translate3d(0px, -50%, 0px);" data-top-bottom="transform: translate3d(0px, 50%, 0px);">
</div>
</div>
<div class="parallax-image-wrapper parallax-image-wrapper-100" data-anchor-target="#bio + .gap" data-bottom-top="transform:translate3d(0px, 0%, 0px)" data-top-bottom="transform:translate3d(0px, 0%, 0px)">
<div class="parallax-image parallax-image-100" data-anchor-target="#bio + .gap" data-bottom-top="transform: translate3d(0px, -50%, 0px);" data-top-bottom="transform: translate3d(0px, 50%, 0px);">
</div>
</div>
<div id=skrollr-body class=animsition>
<div id=header>
<div class=menu-wrap>
<nav class=menu>
<ul id=menu class=icon-list>
<li data-scroll-nav=1><a><i class=material-icons>home</i><span>Home</span></a></li>
<li data-scroll-nav=2><a><i class=material-icons>directions_bike</i><span>Bio</span></a></li>
<li data-scroll-nav=3><a><i class=material-icons>fingerprint</i><span>Links</span></a></li>
<li data-scroll-nav=4><a><i class=material-icons>fingerprint</i><span>Links</span></a></li>
</ul>
</nav>
</div>
<button class=menu-button id=open-button><i class=material-icons>menu</i></button>
<div id=logo>
<a class=navbar-brand data-scroll-goto=1>
<p>pierre-edouard barrault</p>
</a>
</div>
</div>
<div class="gap gap-100" id=landing data-scroll-index=1>
<div class=container>
<div class=row>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
<h1>Crafting
<br>Data-Driven Products
<br>With Experience</h1>
<a data-scroll-nav=2><i class=material-icons>keyboard_arrow_down</i></a>
</div>
</div>
</div>
</div>
<div class="gap gap-100" id=bio>
<div class=container>
<div class=row>
<div class="pitch col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center" id=bio-content>
</div>
<div id=links_mobile class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
<h3 data-scroll-index=3>Online Identities</h3>
<ul class="icon-list icon-list-left"></ul>
<ul class="icon-list icon-list-right"></ul>
</div>
</div>
</div>
</div>
<div class="gap gap-100" id=grid data-scroll-index=4>
<div class=container>
<div class=row>
<div id=sk_resume class="gridCell col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
</div>
<div id=sk_linkedin class="gridCell col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
</div>
<div id=sk_mail class="gridCell col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
</div>
</div>
<div class=row>
<div id=sk_behance class="gridCell col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
</div>
<div id=sk_github class="gridCell col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
</div>
<div id=sk_muzai class="gridCell col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
</div>
</div>
<div class=row>
<div id=sk_insta class="gridCell col-sm-4 col-md-4 col-lg-4 text-center">
</div>
<div id=sk_500px class="gridCell col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
</div>
<div id=sk_question class="gridCell col-sm-4 col-md-4 col-lg-4 text-center">
</div>
</div>
</div>
</div>
</div>
<script src=./js/bootstrap.min.js></script>
<script src=./js/animsition.min.js></script>
<script src=./js/skrollr.min.js></script>
<script src=./js/scrollIt.min.js></script>
<script src=js/grid.min.js></script>
<script src=js/main.min.js></script>
<script src=js/top.min.js></script>
</body>
</html>