-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (180 loc) · 13 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Thu Apr 28 2022 12:45:34 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="6185ba526a5eb63bb9330d65" data-wf-site="6185ba526a5eb633cb330d64">
<head>
<meta charset="utf-8">
<title>Maxime Personal Website</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/maxime-personal-website.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav">
<div class="container-2 w-container">
<a href="index.html" aria-current="page" class="brand w-nav-brand w--current">
<div class="div-block-4"><img src="images/Profile_Youtube_2020_Plan-de-travail-1.png" loading="lazy" sizes="50.000003814697266px" srcset="images/Profile_Youtube_2020_Plan-de-travail-1-p-500.png 500w, images/Profile_Youtube_2020_Plan-de-travail-1-p-800.png 800w, images/Profile_Youtube_2020_Plan-de-travail-1-p-1080.png 1080w, images/Profile_Youtube_2020_Plan-de-travail-1-p-1600.png 1600w, images/Profile_Youtube_2020_Plan-de-travail-1.png 1667w" alt="" class="image"></div>
</a>
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="index.html" aria-current="page" class="nav-link w-nav-link w--current">Resume</a>
<a href="portfolio.html" class="nav-link w-nav-link">Portfolio</a>
<a href="mailto:[email protected]" class="nav-link w-nav-link">Contact</a>
<div data-hover="false" data-delay="0" class="nav-link w-dropdown">
<div class="dropdown-toggle w-dropdown-toggle">
<div class="nav-link w-icon-dropdown-toggle"></div>
<div class="nav-link">Other</div>
</div>
<nav class="dropdown-list w-dropdown-list">
<a href="#" class="nav-menu-dropdown nav-link w-dropdown-link">Links</a>
<a href="https://medium.com/@maximeantoine1997" target="_blank" class="nav-link w-dropdown-link">Blog</a>
<a href="#" class="nav-link w-dropdown-link">NFT's</a>
</nav>
</div>
</nav>
<div class="menu-button w-nav-button">
<div class="icon w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="hero-container wf-section">
<div class="container w-container">
<div data-w-id="795eb163-e797-3b01-f7e4-91f94bb925b0" style="opacity:0" class="background-div"><img src="images/Maxime_black_white.png" loading="lazy" width="1201" sizes="(max-width: 767px) 100vw, (max-width: 991px) 765.544677734375px, 1196.0804443359375px" srcset="images/Maxime_black_white-p-500.png 500w, images/Maxime_black_white-p-800.png 800w, images/Maxime_black_white-p-1080.png 1080w, images/Maxime_black_white-p-1600.png 1600w, images/Maxime_black_white-p-2000.png 2000w, images/Maxime_black_white.png 2402w" alt="" class="background-image"></div>
<div class="columns w-row">
<div data-w-id="d718f02c-337a-bd4d-5721-39ecdcaf859b" style="opacity:0" class="column w-col w-col-8">
<h1 class="heading">Maxime <br>Antoine <span class="text-span">.</span></h1>
<div class="div-block"></div>
</div>
<div data-w-id="d718f02c-337a-bd4d-5721-39ecdcaf859c" style="opacity:0" class="column-2 w-col w-col-4">
<div class="small-title">- Introduction</div>
<h1 class="heading-2">Full stack and <br>ML Engineer</h1>
<p class="paragraph">Based in Montréal, Canada, I'm a software engineer with an expertise in full stack applications using React and Node JS. I also have a Master's degree in Artificial Intelligence with a focus on Deep Learning. I apply these skills on a daily basis for professional and personal purposes, here's an overview!</p>
<a data-w-id="9d4e8129-fb5d-6670-cc95-0da01c4ce357" style="opacity:0" href="documents/CV_Maxime_Antoine_2022.pdf" target="_blank" class="link-block w-inline-block">
<div class="link-title heading-2">My resume </div>
<div class="fa-icon"> </div>
</a>
</div>
</div>
</div>
</div>
<div class="skills-section wf-section">
<div class="container-3 w-container">
<h1 data-w-id="928e3d55-fa4f-1918-a2d1-56664c93632a" style="opacity:0" class="heading-2">Skills</h1>
<div class="w-layout-grid grid">
<div data-w-id="f45ccb2e-0e9b-9e44-ac48-457ef2fdef87" style="opacity:0" class="div-block-3">
<div class="columns-2 w-row">
<div class="column-3 w-col w-col-4"><img src="images/React-icon.svg" loading="lazy" height="" alt="" class="dev-icon react-icon"></div>
<div class="column-4 w-col w-col-8">
<div class="dev-info">
<h3 class="dev-title">React JS</h3>
<div class="text-block-2">3 years of coding SAAS products used by thousands of users.</div>
</div>
</div>
</div>
</div>
<div data-w-id="23c64a4d-16d1-a81c-5ace-3afc55b6be2b" style="opacity:0" class="div-block-3">
<div class="columns-2 w-row">
<div class="column-3 w-col w-col-4"><img src="images/python.png" loading="lazy" height="" sizes="(max-width: 479px) 21vw, (max-width: 767px) 17vw, (max-width: 991px) 174.52679443359375px, 191.99107360839844px" srcset="images/python-p-500.png 500w, images/python-p-800.png 800w, images/python-p-1080.png 1080w, images/python.png 1200w" alt="" class="dev-icon solidity"></div>
<div class="column-4 w-col w-col-8">
<div class="dev-info">
<h3 class="dev-title">Python</h3>
<div class="text-block-2">3 years of creating Machine Learning applications or deploying servers.</div>
</div>
</div>
</div>
</div>
<div data-w-id="89a785c7-c83e-fa62-f8b8-7fb0c0f9c331" style="opacity:0" class="div-block-3">
<div class="columns-2 w-row">
<div class="column-3 w-col w-col-4"><img src="images/nodejs-seeklogo.com.svg" loading="lazy" height="" alt="" class="dev-icon node-js"></div>
<div class="column-4 w-col w-col-8">
<div class="dev-info">
<h3 class="dev-title">Node JS</h3>
<div class="text-block-2">3 years of backend experience combined with Express JS </div>
</div>
</div>
</div>
</div>
<div data-w-id="6a1d31d8-5895-4379-e600-6f006f4bfd4d" style="opacity:0" class="div-block-3">
<div class="columns-2 w-row">
<div class="column-3 w-col w-col-4"><img src="images/Typescript_logo_2020.svg" loading="lazy" height="" alt="" class="dev-icon typescript-logo"></div>
<div class="column-4 w-col w-col-8">
<div class="dev-info">
<h3 class="dev-title">Typescript</h3>
<div class="text-block-2">2.5 years of experience coding type safe React applications</div>
</div>
</div>
</div>
</div>
<div data-w-id="c776c268-66ac-fb71-c130-47cc841a491d" style="opacity:0" class="div-block-3">
<div class="columns-2 w-row">
<div class="column-3 w-col w-col-4"><img src="images/icon-square-big.svg" loading="lazy" height="" alt="" class="dev-icon webpack-logo"></div>
<div class="column-4 w-col w-col-8">
<div class="dev-info">
<h3 class="dev-title">Webpack</h3>
<div class="text-block-2">2 years of lazy-loading and optimizing (up to 75%) React applications. </div>
</div>
</div>
</div>
</div>
<div data-w-id="2d0e45ef-8464-4baa-64d8-1aaf2348762c" style="opacity:0" class="div-block-3">
<div class="columns-2 w-row">
<div class="column-3 w-col w-col-4"><img src="images/GraphQL_Logo.svg" loading="lazy" height="" alt="" class="dev-icon graphql-logo"></div>
<div class="column-4 w-col w-col-8">
<div class="dev-info">
<h3 class="dev-title">GraphQL</h3>
<div class="text-block-2">1 year of experience communicating between React and Node JS (using Apollo)</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-container wf-section">
<div class="w-container">
<h1 data-w-id="0f71cdd6-2a3b-d629-7a17-ac0515176f9e" style="opacity:0" class="heading-2">Portfolio</h1>
<div class="columns-3 w-row">
<div class="column-6 w-col w-col-8">
<div class="w-layout-grid grid-4">
<div data-w-id="e49e00a5-be36-480a-6025-ac531ffe2dee" style="opacity:0" class="small-portfolio-card"><img src="images/Box_perspective_matte.png" loading="lazy" sizes="(max-width: 479px) 160px, 200.00001525878906px" srcset="images/Box_perspective_matte-p-500.png 500w, images/Box_perspective_matte-p-800.png 800w, images/Box_perspective_matte-p-1080.png 1080w, images/Box_perspective_matte.png 1500w" alt="" class="small-card-image">
<h1 class="small-portfolio-title">Bridger AI</h1>
</div>
<div data-w-id="fef92dff-f2cf-8ecf-83a8-dc444db0cb2a" style="opacity:0" class="small-portfolio-card"><img src="images/Ethereum_perspective_matte.png" loading="lazy" sizes="(max-width: 479px) 160px, 200.00001525878906px" srcset="images/Ethereum_perspective_matte-p-500.png 500w, images/Ethereum_perspective_matte-p-800.png 800w, images/Ethereum_perspective_matte-p-1080.png 1080w, images/Ethereum_perspective_matte.png 1500w" alt="" class="small-card-image">
<h1 class="small-portfolio-title">NFT Viewer</h1>
</div>
<div data-w-id="3438807f-1c48-6cc4-095f-d5008d0c4ecd" style="opacity:0" class="small-portfolio-card"><img src="images/Code_perspective_matte.png" loading="lazy" sizes="(max-width: 479px) 160px, 200.00001525878906px" srcset="images/Code_perspective_matte-p-500.png 500w, images/Code_perspective_matte-p-800.png 800w, images/Code_perspective_matte-p-1080.png 1080w, images/Code_perspective_matte.png 1500w" alt="" class="small-card-image">
<h1 class="small-portfolio-title">Web Development</h1>
</div>
<div data-w-id="57c26a49-75bf-be5a-8aa3-3c8765285516" style="opacity:0" class="small-portfolio-card"><img src="images/Calendar_perspective_matte.png" loading="lazy" sizes="(max-width: 479px) 160px, 200.00001525878906px" srcset="images/Calendar_perspective_matte-p-500.png 500w, images/Calendar_perspective_matte-p-1080.png 1080w, images/Calendar_perspective_matte.png 1500w" alt="" class="small-card-image">
<h1 class="small-portfolio-title">Calendar App</h1>
</div>
</div>
</div>
<div data-w-id="7076e7b1-5c0f-652d-cfa8-5c7950e4850a" style="opacity:0" class="column-5 w-col w-col-4">
<h1 class="small-title">See all projects</h1>
<a href="portfolio.html" class="outlined-button w-button">More info <span class="text-span-2"></span></a>
</div>
</div>
</div>
</div>
<div class="footer wf-section">
<div class="container-4 w-container">
<div class="w-layout-grid grid-5">
<a id="w-node-_7bc5a049-ff8a-719c-da56-6e0ad631c02f-b9330d65" href="https://github.com/maximeantoine1997" target="_blank" class="link"></a>
<a href="https://www.instagram.com/maxime_antoine_97/" target="_blank" class="link"></a>
<a href="https://www.linkedin.com/in/maxime-antoine-5b1774164/" target="_blank" class="link"></a>
</div>
<h5 class="small-heading"><strong class="bold-text">© Maxime Antoine 2021 - All rights reserved</strong></h5>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6185ba526a5eb633cb330d64" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>