80 lines
3.8 KiB
HTML
80 lines
3.8 KiB
HTML
<html>
|
|
<head>
|
|
<!-- Javascript -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
|
|
|
|
<script src="js/fx.js"></script>
|
|
|
|
<!-- Stylesheet -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div id="pagewrap">
|
|
<div id="main">
|
|
<div id="main_title" class="invisible"><h1>Hey! I'm Marc!</h1></div>
|
|
<div id="main_mugshot" class="centered invisible"></div>
|
|
<div id="main_menu" class="centered">
|
|
<div id="main_menu_skillset">
|
|
<div class="menu_title invisible"><h2>Skillset</h2></div>
|
|
</div>
|
|
<div id="main_menu_experience">
|
|
<div class="menu_title invisible"><h2>Experience</h2></div>
|
|
<div class="menu_contents invisible">In the works!</div>
|
|
</div>
|
|
<div id="main_menu_projects">
|
|
<div class="menu_title invisible"><h2>Projects</h2></div>
|
|
<div class="menu_contents invisible">In the works!</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="left_field">
|
|
<div id="intro_blurb" class="invisible">
|
|
<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 id="skillset" class="invisible">
|
|
<p>I'm constantly learning new things and honing my skills in the hopes of having as broad
|
|
a skillset as possible.</p>
|
|
<p>I routinely use <b>C/C++</b>, <b>Java</b>, <b>Javascript</b>, <b>jQuery</b>, <b>PHP</b> and <b>HTML/CSS</b>.</p>
|
|
<p>My current learning goals involve <b>Ruby</b>, <b>HandlebarsJS</b> and <b>node.JS</b>.</p>
|
|
<p>I have experience managing <b>Wordpress-based websites</b>, writing <b>MIPS assembly</b> and using both
|
|
<b>NoSQL</b> and <b>SQL</b> databases.</p>
|
|
<p>On the <b>hardware</b> side of things, I am comfortable <b>soldering</b>, <b>prototyping circuits</b> and
|
|
<b>programming microcontrollers</b>.</p>
|
|
|
|
</div>
|
|
</div>
|
|
<div id="right_field">
|
|
<div id="callmemaybe" class="invisible">
|
|
<h3>Feel free to contact me over here</h3>
|
|
<a class="social_icon" href="https://facebook.com/marc.cataford"><i class="fa fa-5x fa-facebook-official"></i></a>
|
|
<a class="social_icon" href="https://twitter.com/_mcataford"><i class="fa fa-5x fa-twitter-square"></i></a>
|
|
<a class="social_icon" href="https://ca.linkedin.com/in/marccataford"><i class="fa fa-5x fa-linkedin-square"></i></a>
|
|
<a class="social_icon" href="https://github.com/mcataford"><i class="fa fa-5x fa-git-square"></i></a>
|
|
<br>
|
|
Or by email at <a href="mailto:c.marcandre@gmail.com">c.marcandre [at] gmail.com</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|