92 lines
No EOL
5.5 KiB
HTML
92 lines
No EOL
5.5 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<title>Hello!</title>
|
|
<!-- Stylesheets -->
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<link href="css/fullpage.css" rel="stylesheet">
|
|
<link href="css/typed/main.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="page">
|
|
<div id="panel-landing" class="section primarytext">
|
|
<div id="container-landing" class="basesize">
|
|
<p id="greet" class="mb-z opensans">I'm <span class="accent bold oswald">Marc</span> and I love to <span id="typedWords" class="accent bold oswald"></span></p>
|
|
|
|
<div id="landing-blurb">
|
|
<p class="mt-z basesize opensans"> I am a <span class="accent accentsize bold oswald">third-year computer engineering student</span> at <span class="accent accentsize bold oswald">McGill University</span>.</p>
|
|
<p class="basesize opensans">I'm interested in <span class="accent accentsize bold oswald">full-stack web development</span>, <span class="accent accentsize bold oswald">hardware design</span> and <span class="accent accentsize bold oswald">low-level programming</span>.
|
|
</div>
|
|
|
|
<ul class="oswald">
|
|
<li><a href="#resume" class="primarytext">Resume</a></li>
|
|
<li><a href="#getInTouch" class="primarytext">Get in touch</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="social">
|
|
<ul>
|
|
<li><a href="https://www.facebook.com/marc.cataford"><i class="fa fa-3x fa-facebook-square"></i></a></li>
|
|
<li><a href="https://twitter.com/_mcataford"><i class="fa fa-3x fa-twitter-square"></i></a></li>
|
|
<li><a href="https://github.com/mcataford"><i class="fa fa-3x fa-github-square"></i></a></li>
|
|
<li><a href="https://www.instagram.com/_mcataford/"><i class="fa fa-3x fa-instagram"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="panel-resume" class="section primarytext">
|
|
<div id="container-me" class="opensans basesize">
|
|
<div style="text-align: center"><img id="img_bubble1" src="images/web_couchpotato.jpg"></div>
|
|
<p>My name is <span class="accent accentsize bold oswald">Marc Cataford</span>, I am a <span class="accent accentsize bold oswald">25</span> years old Montrealer.
|
|
<p>I'm currently completing my <span class="accent accentsize bold oswald">third year</span> as a <span class="accent accentsize bold oswald">computer engineering</span> student at McGill University and I am looking for <span class="accent accentsize bold oswald">new opportunities</span>.
|
|
<p>I'm currently employed as a <span class="accent accentsize bold oswald">Web editor / Web developer</span> at <span class-"accent accentsize bold oswald">The McGill Daily</span>, a student newspaper founded in 1911 that is published weekly, and updated almost daily online for our 80,000~ visitors. I have also been <span class="accent accentsize bold oswald">tutoring and teaching computer engineering topics and programming</span> for the past three years independently.
|
|
<p>My programming skillset includes <span class="accent accentsize bold oswald">Java</span>, <span class="accent accentsize bold oswald">C/C++</span>, <span class="accent accentsize bold oswald">PHP</span> and <span class="accent accentsize bold oswald">Javascript</span>, as well as basic knowledge of <span class="accent accentsize bold oswald">Python</span>, <span class="accent accentsize bold oswald">Perl</span>, <span class="accent accentsize bold oswald">Assembly</span> and <span class="accent accentsize bold oswald">Matlab</span>.
|
|
<p>I also have experience with <span class="accent accentsize bold oswald">Photoshop</span>, <span class="accent accentsize bold oswald">Wordpress</span> and <span class="accent accentsize bold oswald">Logisim</span>.
|
|
|
|
|
|
</div>
|
|
|
|
<div class="social">
|
|
<ul>
|
|
<li><a href="https://www.facebook.com/marc.cataford"><i class="fa fa-3x fa-facebook-square"></i></a></li>
|
|
<li><a href="https://twitter.com/_mcataford"><i class="fa fa-3x fa-twitter-square"></i></a></li>
|
|
<li><a href="https://github.com/mcataford"><i class="fa fa-3x fa-github-square"></i></a></li>
|
|
<li><a href="https://www.instagram.com/_mcataford/"><i class="fa fa-3x fa-instagram"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="panel-intouch" class="section primarytext">
|
|
<div id="container-intouch">
|
|
<p class="accent accentsize">Want to get in touch?</p>
|
|
<p class="primarytext basesize">I'd love to hear from you!</p>
|
|
<br>
|
|
<p class="primarytext basesize">Feel free to reach out through <span class="accent accentsize">social media</span> by clicking on the appropriate icon:</p>
|
|
<div id="social-boxes">
|
|
<ul>
|
|
<li><a href="https://www.facebook.com/marc.cataford"><i class="fa fa-5x fa-facebook-square"></i></a></li>
|
|
<li><a href="https://twitter.com/_mcataford"><i class="fa fa-5x fa-twitter-square"></i></a></li>
|
|
<li><a href="https://github.com/mcataford"><i class="fa fa-5x fa-github-square"></i></a></li>
|
|
<li><a href="https://www.instagram.com/_mcataford/"><i class="fa fa-5x fa-instagram"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p class="primarytext basesize">...or send me an <span class="accent accentsize">email</span> at <a href="mailto:c.marcandre@gmail.com">c.marcandre[at]gmail.com</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- JS -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
|
|
|
<script src="js/fullpage.js"></script>
|
|
<script src="js/typed.js"></script>
|
|
<script src="js/animate.js"></script>
|
|
</body>
|
|
|
|
</html> |