76 lines
2.6 KiB
HTML
76 lines
2.6 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<title>I'm Marc!</title>
|
|
|
|
<!-- Stylesheets -->
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
|
|
<!-- JS -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.3/handlebars.js"></script>
|
|
|
|
<script type='text/javascript' language='javascript' src='js/fx.js'></script>
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Header start -->
|
|
<div id="header"><div id="header_contents">
|
|
<a name="top"></a>
|
|
<div id="header_title">
|
|
<p>Hey there! My name is Marc.</p>
|
|
</div>
|
|
<div id="header_blurb">
|
|
<p>I am a 25 years old computer engineering major student at McGill University (Montreal, CAN). I also minor
|
|
in mathematics out of playful curiosity. Originally a physiology and mathematics double-major, bioinformatics-
|
|
related courses sparked my interest for all things computer systems and I promptly changed faculty to
|
|
pursue my new passion. I strive to have as broad a skillset as possible, which brought me to explore
|
|
hardware, computer software and recently, web development.</p>
|
|
<p>My biggest tech thrills revolve around playing with microcontrollers, finding ways to use multiple
|
|
technologies to get the job done as efficiently as possible and producing well-designed solutions to
|
|
the problems that land on my desk.</p>
|
|
<p>I'm also a pretty big fan of professional cycling, obstacle course racing and healthy cooking.</p>
|
|
</div>
|
|
</div></div>
|
|
<!-- Header end -->
|
|
<!-- Sections start -->
|
|
<div id="skillset">
|
|
<div id="skillset_header" class="section_header"><h1>Skillset</h1></div>
|
|
<div id="skillset_contents">
|
|
<ul>
|
|
<li>I comfortably program in <b>Java</b>,<b>C/C++</b>,<b>PHP</b> and <b>Javascript</b>.</li>
|
|
<li>I can also use <b>jQuery</b>,<b>HandlebarsJS</b>,<b>MongoDB</b> and <b>MySQL</b> without problems.</li>
|
|
<li>I am learning more about <b>node.js</b>.</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div id="experience">
|
|
<div id="exp_header" class="section_header"><h1>Experience</h1></div>
|
|
<div id="exp_contents">
|
|
<script id="exp-template" type="text/x-handlebars-template">
|
|
{{#each experiences}}
|
|
|
|
<div id="{{@index}}">
|
|
<p>{{title}} at {{org}} from {{start}} to {{end}}.</p>
|
|
<ul>
|
|
{{#each task}}<li>{{this}}</li>{{/each}}
|
|
</ul>
|
|
<div>
|
|
|
|
{{/each}}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div id="projects"></div>
|
|
<div id="callmemaybe"></div>
|
|
<!-- Sections end -->
|
|
<!-- Footer start -->
|
|
<!-- Footer end -->
|
|
|
|
</body>
|
|
|
|
</html>
|