-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·71 lines (70 loc) · 8.32 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
<!DOCTYPE HTML>
<html lang = "en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hi. I'm Romain</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
<link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
<link rel="stylesheet" href="css/main.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-134631793-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-134631793-1');
</script>
</head>
<body scroll="no" style="overflow: hidden">
<div class="box">
<div>
<h1><span>Hi.</span> I'm Romain</h1>
<h4>/ˈrəʊmən/</h4>
<div class="box">
<ul>
<li>💼 Product Manager</li>
<li>🤑 Personal finance geek</li>
<li>🎮 Gamer</li>
<li>🏡 London</li>
</ul>
</div>
<p>
I build <span>products</span> during the week and bake <span>cakes</span> over the weekend.
</p>
<div class="box">
<a href="http://twitter.com/dreamer" target="_blank">
<svg width="60px" height="60px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><path class="svgicon twitter" d="M59.043,14.137a3.958,3.958,0,0,0-.484-.478,4.02,4.02,0,0,0-1.42-4.064,4.085,4.085,0,0,0-4.54-.281,15.7,15.7,0,0,1-3.178,1.465A14.257,14.257,0,0,0,41,8c-6.329,0-12.73,3.98-13.833,11.62A23.342,23.342,0,0,1,14.13,11.348,4.161,4.161,0,0,0,11,10c-1.745,0-3.258,1.25-4.148,3.431a12.8,12.8,0,0,0,.194,9.8A3.913,3.913,0,0,0,6,26a15.529,15.529,0,0,0,3.438,9.168c-.635.635-.408,2.2-.379,2.317a10.391,10.391,0,0,0,6.225,7.341A15.132,15.132,0,0,0,22,46a2,2,0,1,0,0-4c-6.036,0-8-2.4-8.786-4.579A4.931,4.931,0,0,1,13,36c.969,1,4.344.844,5,0-5-1-7.946-6.325-8-10a7.162,7.162,0,0,0,4,1,9.081,9.081,0,0,1-4-8,10.287,10.287,0,0,1,1.006-5.152A26.666,26.666,0,0,0,31,24c-1-9,4.52-12,10-12a9.14,9.14,0,0,1,7,3,14.9,14.9,0,0,0,6.664-2.262A12.2,12.2,0,0,1,50,19c2.007-.244,4.221-1.462,6-2.265a20.366,20.366,0,0,1-4.951,5.227q.029.65.029,1.306C51.08,36.613,41.1,52,22.851,52,17.248,52,12,51,8,47.266c-.195-.182-.329-.424-.586-.68a2,2,0,0,0-2.828,2.828C9.02,53.846,15.043,56,23,56A29.868,29.868,0,0,0,46.514,45.309a34.42,34.42,0,0,0,8.551-21.446,24.382,24.382,0,0,0,4.281-4.933A4.019,4.019,0,0,0,59.043,14.137Z"/></svg>
</a>
<a href="http://instagram.com/dvllio" target="_blank">
<svg width="60px" height="60px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="ig-gradient" x2="1" y2="1">
<stop offset="0%" stop-color="#ea00f7" />
<stop offset="100%" stop-color="#fcac00" />
</linearGradient>
<mask id="ig-icon-mask" maskUnits="userSpaceOnUse" x="0" y="0" width="60" height="60">
<g class="svgicon">
<path d="M32,56c-6.574,0-7.347-.025-9.915-.144a17.455,17.455,0,0,1-5.845-1.1,12.211,12.211,0,0,1-7-7,17.284,17.284,0,0,1-1.1-5.841c-.061-1.292-.1-2.159-.118-3.6C8.006,36.987,8,35.167,8,32c0-6.579.025-7.351.144-9.916a17.455,17.455,0,0,1,1.1-5.844,12.222,12.222,0,0,1,7-7,17.3,17.3,0,0,1,5.84-1.1C24.642,8.025,25.427,8,32,8s7.353.025,9.915.144a17.431,17.431,0,0,1,5.845,1.1,12.22,12.22,0,0,1,7,7,17.266,17.266,0,0,1,1.1,5.841C55.975,24.645,56,25.431,56,32s-.025,7.343-.144,9.915a17.431,17.431,0,0,1-1.1,5.844,12.221,12.221,0,0,1-7,7,17.3,17.3,0,0,1-5.84,1.1C39.354,55.975,38.567,56,32,56Zm0-44c-6.484,0-7.251.025-9.8.142a13.588,13.588,0,0,0-4.54.842,8.182,8.182,0,0,0-4.672,4.672,13.529,13.529,0,0,0-.843,4.544C12.024,24.757,12,25.51,12,32c0,3.137.006,4.94.025,6.255.02,1.395.056,2.233.116,3.548a13.549,13.549,0,0,0,.843,4.54,8.175,8.175,0,0,0,4.671,4.671,13.528,13.528,0,0,0,4.546.843c2.561.118,3.314.142,9.8.142s7.246-.025,9.8-.142a13.584,13.584,0,0,0,4.539-.842,8.186,8.186,0,0,0,4.673-4.673,13.522,13.522,0,0,0,.843-4.544c.117-2.564.142-3.318.142-9.8s-.024-7.247-.143-9.8a13.541,13.541,0,0,0-.841-4.539,8.185,8.185,0,0,0-4.672-4.673,13.51,13.51,0,0,0-4.546-.843C39.244,12.024,38.491,12,32,12Z"/><path d="M44.851,21.349a2.5,2.5,0,1,1,2.5-2.5A2.5,2.5,0,0,1,44.851,21.349Z"/><path d="M32.013,44.008a12.063,12.063,0,0,1-4.623-.924,2,2,0,1,1,1.531-3.7,8.009,8.009,0,1,0-4.768-5.823c.052.259.115.517.192.771a2,2,0,1,1-3.824,1.17,11.553,11.553,0,0,1-.292-1.166,12,12,0,1,1,11.783,9.666Z"/>
</g>
</mask>
</defs>
<g mask="url(#ig-icon-mask)">
<rect x="0" y="0" width="60" height="60" fill="white"/>
<rect id="ig-gradient" x="0" y="0" width="60" height="60" fill="url(#ig-gradient)" />
</g>
</svg>
</a>
<a href="http://linkedin.com/in/devilleromain/" target="_blank">
<svg width="60px" height="60px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><path class="svgicon linkedin" d="M42.057,20a12.6,12.6,0,0,0-6.024,1.554A3.981,3.981,0,0,0,34,21H26a3.974,3.974,0,0,0-2.984,1.36c-.051-.057-.091-.123-.145-.178s-.15-.121-.223-.184A9.045,9.045,0,0,0,25,15.809,9,9,0,0,0,7,16a2,2,0,0,0,4-.043A5.009,5.009,0,0,1,15.947,10.9a4.838,4.838,0,0,1,3.548,1.431,5.016,5.016,0,0,1-3.441,8.591,1.939,1.939,0,0,0-.492.075H12a4.015,4.015,0,0,0-4,4.017V52a4,4,0,0,0,4,4h8a3.972,3.972,0,0,0,3-1.385A3.966,3.966,0,0,0,26,56h8a4.015,4.015,0,0,0,4-4.017V37.053a1,1,0,1,1,2-.039V51.983a4,4,0,0,0,3.992,4L52,56a4,4,0,0,0,4-4V37.359C56,25.84,51.309,20,42.057,20ZM20,52H12V25h8.04Zm32,0-8-.017V39.014C44,35.922,43.253,32,39,32c-4.311,0-5,3.315-5,6.793V52H26V25h8v3.963A9.519,9.519,0,0,1,42.057,24C50.451,24,52,30.177,52,37.359Z"/></svg>
</a>
<a href="http://github.com/dvllio/" target="_blank">
<svg width="60px" height="60px" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="-3 -4 31 31" xmlns="http://www.w3.org/2000/svg"><path class="svgicon github" d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/></svg>
</a>
<a href="mailto:hello-web@dvll.io" target="_blank">
<svg width="60px" height="60px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><path class="svgicon contact" fill="white" d="M32,56c-6.571,0-7.345-.025-9.914-.144a17.44,17.44,0,0,1-5.846-1.1,12.215,12.215,0,0,1-7-7,17.284,17.284,0,0,1-1.1-5.841c-.061-1.292-.1-2.159-.118-3.6C8.006,36.987,8,35.167,8,32c0-6.58.025-7.352.144-9.916a17.422,17.422,0,0,1,1.1-5.843,12.218,12.218,0,0,1,7-7,17.284,17.284,0,0,1,5.841-1.1C24.642,8.025,25.427,8,32,8s7.351.025,9.915.144a17.423,17.423,0,0,1,5.844,1.1,12.217,12.217,0,0,1,7,7,17.272,17.272,0,0,1,1.1,5.841c0,.615.008,1.281.016,1.993a75.908,75.908,0,0,1-.253,8.907C55.34,35.45,54.6,42,48,42c-.289,0-.606.011-.943.021-2.153.067-5.409.174-7.641-1.987a8.067,8.067,0,0,1-2.142-6.042l0-.1.476-9.437c-.3-.056-.607-.105-.922-.152a23.713,23.713,0,0,0-3.3-.3,6.637,6.637,0,0,0-5.224,2.119A8.351,8.351,0,0,0,26,32.04a7.336,7.336,0,0,0,1.614,4.768c.438.531,1.267,1.239,3.386,1.239a2.313,2.313,0,0,0,.912-.128A2,2,0,0,1,33.4,41.634a6.212,6.212,0,0,1-2.4.413,7.941,7.941,0,0,1-6.473-2.7A11.289,11.289,0,0,1,22,32.04,12.343,12.343,0,0,1,25.375,23.4,10.655,10.655,0,0,1,33.534,20a27.117,27.117,0,0,1,3.873.344,26.836,26.836,0,0,1,2.938.59l1.569.413L41.274,34.04a4.311,4.311,0,0,0,.925,3.121c1.015.981,3.072.917,4.729.862C47.311,38.011,47.672,38,48,38c1.715,0,3.071-.4,3.644-5.465a72.8,72.8,0,0,0,.228-8.412c-.008-.729-.016-1.41-.016-2.019a13.4,13.4,0,0,0-.839-4.447,8.183,8.183,0,0,0-4.672-4.673,13.534,13.534,0,0,0-4.545-.843C39.242,12.024,38.489,12,32,12s-7.251.024-9.8.142a13.573,13.573,0,0,0-4.54.842,8.182,8.182,0,0,0-4.672,4.672,13.53,13.53,0,0,0-.843,4.545C12.024,24.757,12,25.51,12,32c0,3.138.006,4.94.025,6.256.02,1.395.056,2.232.116,3.548a13.573,13.573,0,0,0,.842,4.54,8.183,8.183,0,0,0,4.672,4.671,13.517,13.517,0,0,0,4.546.844c2.563.117,3.316.142,9.8.142,6.365,0,8.862-.137,8.887-.139a13.74,13.74,0,0,0,4.66-.855A8.181,8.181,0,0,0,50.2,46.318a2,2,0,1,1,3.732,1.439,12.2,12.2,0,0,1-6.973,6.989,17.609,17.609,0,0,1-5.938,1.111C41.011,55.861,38.511,56,32,56Z"/></svg>
</a>
</div>
</div>
</div>
</body>
</html>