100 lines
No EOL
3.2 KiB
HTML
100 lines
No EOL
3.2 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">
|
|
<div id="main-menu" class=" fs-1-3">
|
|
<p id="greet" class="fs-5 mb-z">I'm <span class="red bold">Marc</span> and I love to <span id="typedWords" class="red bold"></span></p>
|
|
<ul>
|
|
<li><a href="#resume">Resume</a></li>
|
|
<li><a href="#projects">Projects</a></li>
|
|
<li><a href="#getInTouch">Get in touch</a></li>
|
|
</ul>
|
|
<div id="landing-blurb">
|
|
<p class="mt-z"> I am a <span class="red bold">third-year computer engineering student</span> at <span class="red bold">McGill University</span>.</p>
|
|
<p>My main interests these days are <span class="red bold">full-stack web development</span>, <span class="red bold">hardware design</span> and <span class="red bold">low-level programming</span>.
|
|
</div>
|
|
</div>
|
|
<div class="social">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-3x fa-facebook-square"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-3x fa-twitter-square"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-3x fa-github-square"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-3x fa-instagram"></i></a></li>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="panel-resume" class="section">
|
|
<div>
|
|
<p>Marc Cataford</p>
|
|
|
|
<div id="resume-container">
|
|
<div id="resume-skills">
|
|
<ul>
|
|
<li class="resume-skills-title">Competent with:</li>
|
|
<li>Java</li>
|
|
<li>C/C++</li>
|
|
<li>PHP</li>
|
|
<li>Javascript</li>
|
|
<li>HTML/CSS</li>
|
|
<li><i class="fa fa-cogs"></i></li>
|
|
<li class="resume-skills-title">Basic knowledge of:</li>
|
|
<li>Python</li>
|
|
<li>Assembly</li>
|
|
<li>Perl</li>
|
|
<li>Matlab</li>
|
|
<li><i class="fa fa-cogs"></i></li>
|
|
<li class="resume-skills-title">Frameworks & Libraries</li>
|
|
<li>jQuery</li>
|
|
<li>HandlebarsJS</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="social">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-3x fa-facebook-square"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-3x fa-twitter-square"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-3x fa-github-square"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-3x fa-instagram"></i></a></li>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="panel-projects" class="section">
|
|
<div class="social">
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-3x fa-facebook-square"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-3x fa-twitter-square"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-3x fa-github-square"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-3x fa-instagram"></i></a></li>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="panel-intouch" class="section"></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> |