CV.github.io/index.html at main · Louisvranderick/CV.github.io · GitHub

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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>CV louis homepage</title>
  <link rel="stylesheet" type="text/css" href="./assets/style2.css">
  <link href='https://fonts.googleapis.com/css?family=Roboto Mono' rel='stylesheet'>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

</head>
<body>
<header>
    <div class="right">
        <ul>
            <li>Courriel: <a href="mailto:louis.vranderick@outlook.com">Louis.vranderick@outlook.com</a></li>
        </ul>
    </div>
</header>
<section class="home">
    <div id="opener"class="cv">
<a class="type"></a>
    </div>
</section>
<section id="2" class="section2">
<section id="schools">
<hr>
<div class="title"><h1>Scolarité</h1><div id="downschools" class="circle"><img src="assets/img/down-arrow.png"></div></div>
<div id="allschools" class="item">
<div id="UDM"class="sco">
    <hr>
    <div class="title"><h1>Université de Montréal</h1><div id="downUdm" class="circle"><img src="assets/img/down-arrow.png"></div></div>
    <ul id="UDM1">
        <h2>baccalauréat en informatique (2022-présent)</h2>
        <li>Obtention d'un baccalauréat en informatique</li>
        <li>Commencé em automne 2022</li>
        <li>Club de voile</li>
        <h4>Cours suivie a date</h4>
        <p><a href="https://admission.umontreal.ca/cours-et-horaires/cours/ift-1005/"> IFT1005 </a>, <a href="https://admission.umontreal.ca/cours-et-horaires/cours/ift-1015/"> IFT1015 </a>, <a href="https://admission.umontreal.ca/cours-et-horaires/cours/ift-1215/"> IFT1215 </a>, <a href="https://admission.umontreal.ca/cours-et-horaires/cours/ift-1065/"> IFT1065 </a>, <a href="https://admission.umontreal.ca/cours-et-horaires/cours/mat-1400/"> MAT1400 </a></p>
        <h4>Cours que je suis entrain de suivre</h4>
        <p><a href="https://admission.umontreal.ca/cours-et-horaires/cours/ift-1025/"> IFT1025 </a>, <a href="https://admission.umontreal.ca/cours-et-horaires/cours/ift-1227/"> IFT1227 </a>, <a href="https://admission.umontreal.ca/cours-et-horaires/cours/mat-1978/"> MAT1978 </a>, <a href="https://admission.umontreal.ca/cours-et-horaires/cours/MAT-1600/"> MAT1600 </a></p>

        <h3>Année préparatoire (2021-2022)</h3>
        <li>Un an de cours pour compensé la non-completion du cégep</li>
    </ul>
</div>
<div id="MAS" class="sco">
    <hr>
    <div class="title"><h1>Collège maisonneuve</h1><div ID="downMas" class="circle"><img src="assets/img/down-arrow.png"></div></div>
    <div>
        <ul id="MAS1">
            <h2>Formation en courtage immobilier(2020-2021)</h2>
            <li>Suivi dans le but d'obtenir le permis de courtage immobilier</li>
            <li>Je detiens encore le permis car c'est un secteur qui m'interesse encore mais je ne pratique pas</li>
        </ul>
    </div>
</div>
<div id="AU" class="sco">
    <hr>
    <div class="title"><h1>Autre</h1><div ID="downAu" class="circle"><img src="assets/img/down-arrow.png"></div></div>
    <div>
        <ul id="AU1">
            <h2>Sciences humaines au collège John Abbott</h2>
            <li>Suivi deux sessions a temps plein et j'ai perdu l'intérêt dans ces études donc j'ai decidé d'aller a maisonneuve</li>
            <h2>Diplome du Secondaire sports-études à John Rennie</h2>
        </ul>
    </div>
</div>
</div>
</div>
<hr>
</section>
<section class="section3">
<div class="title"><h1>Experience de travail</h1><div id="downwrk" class="circle"><img src="assets/img/down-arrow.png"></div></div>
<div id="allwork">
    <div id="ReM"class="sco">
        <hr>
        <div class="title"><h1>Wassim Ibrahim Re/Max (Octobre 2022 -  maintenant)</h1><div id="downRe" class="circle"><img src="assets/img/down-arrow.png"></div></div>
        <ul id="RE1">
            <h2>Coordonateur marketing</h2>
            <a>1620 boul de l'avenir, Laval</a>
            <h3>Quelques de mes taches:</h3>
            <h4>1. Automatisation</h4>
            <li>Automatisation de tâches de courtiers et de l'équipe admnistrative (système webscraping Selenium pour aller chercher des données automatiquement, quelques système de suivie automatique avec les clients, etc</li>
            <li>Optimisation du CRM <a href="followupboss.com">FollowupBoss</a> Création d'automatisation de rapport et suivi clients utilisant leur clé api avec <a href="zapier.com">zapier.com</a></li>
            <li>Crée des google sheets dynamique avec la fonction<a href="https://support.google.com/docs/answer/3093342?hl=fr">Importxml</a> pour sauver du temps a notre équipe administrative</li>
            <h4>2. Marketing</h4>
            <li>Création de campagne sur facebook et google pour acquérir des prospects.</li>
            <li>Optimisation de chacune de ces campagnes avec les résultats reçu</li>
            <h4>3. Web</h4>
            <li>Conception et design de site web pour projets de condos dont <a href="https://www.locationsaintelzear.com">locationsaintelzear</a> en utilisant <a href="webflow.com">Webflow</a></li>
            <h4>4. Procédures</h4>
            <li>Tous cela en créant des procédures et description pour que tous le monde soit au courant de toute les automatisations en cours</li>
        </ul>
    </div>
    <div id="MAC"class="sco">
        <hr>
        <div class="title"><h1>Groupe Mackay (Juin 2020 - Octobre 2022)</h1><div id="downMac" class="circle"><img src="assets/img/down-arrow.png"></div></div>
        <ul id="MAC1">
            <h2>Coordonateur marketing</h2>
            <a>225 25e avenue, Lachine</a>
            <h3>Tâches très similaire à l'emploi chez Re/Max</h3>
            <h4>1.Automatisation</h4>
            <li>Automatisation de tâches de courtiers et de l'équipe admnistrative (système webscraping Selenium pour aller chercher des données automatiquement, quelques système de suivie automatique avec les clients, etc</li>
            <li>Système créé de rappel texto avec zapier pour verifie si le courtier a update le dossier clients après avoir eu un rdv et système similaire pour verifié si le prospect a été appelé apres avoir été transmis</li>
            <li>Optimisation du CRM <a href="followupboss.com">FollowupBoss</a> Création d'automatisation de rapport et suivi clients utilisant leur clé api avec <a href="zapier.com">zapier.com</a></li>
            <li>Crée des google sheets dynamique avec la fonction<a href="https://support.google.com/docs/answer/3093342?hl=fr">Importxml</a> pour sauver du temps a notre équipe administrative</li>
            <h4>2.Marketing</h4>
            <li>Création de campagne sur facebook et google pour acquérir des prospects.</li>
            <li>Optimisation de chacune de ces campagnes avec les résultats reçu</li>
            <h4>3. Web</h4>
            <li>Conception et design de site web pour projets de condos dont <a href="https://www.moosecondos.ca">Moose condos</a> en utilisant <a href="webflow.com">Webflow</a></li>
            <h4>4. Évenementiel</h4>
            <li>Marketing promotionnel pour des évenements d'investissemment immobilier, recrutment courtier, etc</li>
            <li>Location de salles, Publicité facebook, Création de visuel</li>
            <h4>5. Procédures</h4>
            <li>Tous cela en créant des procédures et description pour que tous le monde soit au courant de toute les automatisations en cours</li>
            <li>Créé un guide avec quiz pour les nouveaux employés en utilisant <a href="trainual.com">trainual</a></li>
        </ul>
    </div>
    <div id="DIS"class="sco">
        <hr>
        <div class="title"><h1>Discount location de voitures et camions (Déc 2019 - Juin 2020)</h1><div id="downDis" class="circle"><img src="assets/img/down-arrow.png"></div></div>
        <ul id="DIS1">
            <h2>Agent de service à la clientèle</h2>
            <a>Plusieurs etablissements</a>
            <h3>Quelques tâches</h3>
            <li>Accueillir les clients et discuter de ses besoins en location de voiture</li>
            <li>Aller chercher et déposer les clients si requis</li>
            <li>Livrer les véhicules prêts et propres</li>
            <li>Ouvrir, fermer l:es contrats et autres documents</li>
            <li>Confirmer les réservations par un suivi téléphonique</li>
            <li>S’assurer que tous les contrats et rapports d’inspection soient complets</li>
            <li>’assurer que les livraisons de véhicules soient faites de façon professionnelle et rapide</li>
            <li>Faire les retours de véhicules, inspections et Fermeture de contrats</li>
            <li>Aider les membres de l’équipe dans la planification quotidienne</li>
        </ul>
    </div>
    <div id="AVR"class="sco">
        <hr>
        <div class="title"><h1>Équipe Alain Vranderick & Joseph Akoury, Immodev Agence Immobilière (Juin 2019 - novembre 2019)</h1><div id="downAvr" class="circle"><img src="assets/img/down-arrow.png"></div></div>
        <ul id="AVR1">
            <h2>Analyste recherchiste </h2>
            <li>Assurer un soutien administratif et marketing</li>
            <li>Recherche de possible contrats au téléphone et sur le terrain</li>
        </ul>
    </div>
    <div id="LAC"class="sco">
        <hr>
        <div class="title"><h1>Club de canoë de course de Lachine(Juin 2019 - aout 2019)</h1><div id="downLac" class="circle"><img src="assets/img/down-arrow.png"></div></div>
        <ul id="LAC1">
            <h2>Entraîneur équipe de compétition</h2>
            <a>Lachine, Québec</a>
            <li>Enseigner les techniques de pagaye aux jeunes de 11-12 ans</li>
            <li>Préparer les jeunes athlètes aux compétitons régionales et provinciales</li>
        </ul>
    </div>
    <div id="PAR"class="sco">
        <hr>
        <div class="title"><h1>Discount de location d'autos & camions (Mai 2018 - Février 2019)</h1><div id="downPar" class="circle"><img src="assets/img/down-arrow.png"></div></div>
        <ul id="PAR1">
            <h2>Agent du parc automobile</h2>
            <a>405 Avenue Michel Jasmin, Dorval, H9P 1C2</a>
        </ul>
    </div>
    <div id="AT"class="sco">
        <hr>
        <div class="title"><h1> Magasin Atmosphère, Fairview Pointe-Claire (Aout 2016 - Février 2018)</h1><div id="downAt" class="circle"><img src="assets/img/down-arrow.png"></div></div>
        <ul id="AT1">
            <h2>Conseiller aux ventes</h2>
            <a>6815 Route Transcanadienne, Pointe-Claire, QC H9R 5J1</a>
        </ul>
    </div>

</div>
</section>

<hr>
<section class="section4">
    <div class="title"><h1>Projets</h1><div id="downPrj" class="circle"><img src="assets/img/down-arrow.png"></div></div>
    <div id="allproj">
    <div id="LIF"class="sco">
        <hr>
        <div class="title"><h1>Jeu de la vie</h1><div id="downLif" class="circle"><img src="assets/img/down-arrow.png"></div></div>
        <ul id="LIF1">
            <h2>Jeu programmé en python</h2>
            <a>Dans le but du cours de programmation 1 <a href="https://admission.umontreal.ca/cours-et-horaires/cours/ift-1015/">IFT1015</a> nous avons créé ce jeu en équipe de deux. Voici une description du jeu sur <a href="https://fr.wikipedia.org/wiki/Jeu_de_la_vie">Wikipedia</a> </a>
        </ul>
    </div>
    <div id="WEB"class="sco">
        <hr>
        <div class="title"><h1>Site web transactionnel</h1><div id="downWeb" class="circle"><img src="assets/img/down-arrow.png"></div></div>
        <ul id="WEB1">
            <h2>Site web</h2>
            <ul>
                <h3>technologie utilisé</h3>
                <li>HTML</li>
                <LI>CSS</LI>
                <LI>JQUERY</LI>
                <LI>AJAX</LI>
                <LI>JSON</LI>
                <li>Local storage</li>
            </ul>
            <a>Dans le but du cours de developpement web <a href="https://admission.umontreal.ca/cours-et-horaires/cours/ift-1005/">IFT1005</a> nous avons créé ce site web transactionnel.</a><br>
            <a>Avec des fonctions jquery nous allions chercher chaque item sur le fichier json a partir d'une fonciton ajax donc chaque produit n'avait pas sa propre page mais plutot une page qui accomodait tous les produits sur le fichier json</a>
        </ul>
    </div>
</div>
</section>
</section>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
<script>
    var typed = new Typed('.type', {
    strings: ['Bonjour,<br><br> je m'+"'"+'appelle Louis Vranderick étudiant en informatique<br> à l'+"'"+'université de Montreal<br><br> Je suis présentement à la recherche d'+"'"+'un stage<br> qui commencerait en septembre 2023<br><br><br> Donc voici un petit site web qui sert comme CV'],
    typeSpeed: 25,
    loop: false,
    showCursor: false,
    });
</script>
<script>
$(document).ready(function(){
    $('#RE1, #WEB1, #LIF1, #AT1, #MAC1, #DIS1, #AVR1, #LAC1, #PAR1, #AU1, #MAS1, #UDM1, #allschools, #allwork, #allproj, #2').hide();
    $('#2').delay(8000).fadeIn();
    $('header').delay(3000).fadeIn();
    $('#downschools').click(function(){
        $('#allschools').toggle();
        });
    $('#downwrk').click(function(){
        $('#allwork').toggle();
        });
    $('#downPrj').click(function(){
        $('#allproj').toggle();
        });
    $('#downUdm').click(function(){
        $('#UDM1').toggle();
        });
    $('#downMas').click(function(){
        $('#MAS1').toggle();
        });
    });
    $('#downAu').click(function(){
        $('#AU1').toggle();
        });
    $('#downRe').click(function(){
        $('#RE1').toggle();
        });
    $('#downMac').click(function(){
        $('#MAC1').toggle();
        });
    $('#downDis').click(function(){
        $('#DIS1').toggle();
        });
    $('#downAvr').click(function(){
        $('#AVR1').toggle();
        });
    $('#downLac').click(function(){
        $('#LAC1').toggle();
        });
    $('#downPar').click(function(){
        $('#PAR1').toggle();
        });
    $('#downAt').click(function(){
        $('#AT1').toggle();
        });
    $('#downLif').click(function(){
        $('#LIF1').toggle();
        });
    $('#downWeb').click(function(){
        $('#WEB1').toggle();
        });

    $('.circle').on('hover', function(){
        $('.cirlce').css('rotate', '180deg');
    })

</script>
</body>
<!-- TODO -->
</body>
</html>