-
-
Save rickymanning/7c8a42728e9215d5112c to your computer and use it in GitHub Desktop.
Redesigning My Portfolio Blog - Step 01
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<title>Home | Ricky Manning</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<!-- favicon --> | |
<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' /> | |
<!-- css --> | |
<link href="css/normalize.css" rel="stylesheet" /> | |
<link href="css/styles.css" rel="stylesheet" /> | |
<!-- jQuery --> | |
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> | |
<!-- modernizr --> | |
<script type="text/javascript" src="js/modernizr.js"></script> | |
<!-- our JavaScript --> | |
<script src="js/application.js"></script> | |
</head> | |
<body> | |
<!-- header --> | |
<header> | |
<object type="image/svg+xml" data="img/logo.svg">Ricky Manning - Software Developer</object> | |
<h1>Ricky Manning - Software Developer</h1> | |
</header> | |
<!-- navigation --> | |
<nav> | |
<ul> | |
<li><a href="#">Home</a></li> | |
<li><a href="#">About</a></li> | |
<li><a href="#">Skills</a></li> | |
<li><a href="#">Qualifications</a></li> | |
<li><a href="#">Examples</a></li> | |
<li><a href="#">Contact</a></li> | |
</ul> | |
</nav> | |
<!-- about --> | |
<h2>About Me</h2> | |
<p>Hey! My name is Ricky. I am a software developer based in Biggin Hill, Kent. I am enthusiastic about software development (of course) as well as sports, music and various other things that normal human beings like.</p> | |
<!-- skills --> | |
<h2>My Skills</h2> | |
<p>My day-to-day mostly involves getting stuck into VB.NET Windows Forms applications, but I like to keep my eye on developments within a wide range of platforms and my technical skillset is always evolving. The very existence of website (and the techniques used to create it) are evidence of that.</p> | |
<h3>Skills I use Everyday</h3> | |
<ul> | |
<li>VB.NET</li> | |
<li>Windows Forms</li> | |
<li>MSSQL Server</li> | |
<li>XML</li> | |
</ul> | |
<h3>Skills I Dabble In</h3> | |
<ul> | |
<li>HTML</li> | |
<li>CSS</li> | |
<li>Javascript</li> | |
<li>jQuery</li> | |
<li>PHP</li> | |
<li>MySQL</li> | |
<li>AJAX</li> | |
<li>C#</li> | |
<li>Git</li> | |
<li>JSON</li> | |
</ul> | |
<h3>Skills I use Infrequently</h3> | |
<ul> | |
<li>ASP.NET</li> | |
<li>C++</li> | |
<li>Java</li> | |
<li>Adobe Flash</li> | |
<li>Windows Services</li> | |
<li>Microsoft Reporting Services</li> | |
</ul> | |
<!-- qualifications --> | |
<h2>My Qualifications</h2> | |
<h3><a href="#">The University of Kent</a></h3> | |
<p>1st Class Honours, Bsc Multimedia Technology and Design</p> | |
<p>2007 – 2010</p> | |
<h4>Selected Areas of Study</h4> | |
<ul> | |
<li>Software Development</li> | |
<li>Graphic Design</li> | |
<li>Web Design and Development</li> | |
<li>3D Modelling</li> | |
<li>Animation</li> | |
<li>Film Making</li> | |
</ul> | |
<!-- employment --> | |
<h2>My Employment History</h2> | |
<h3>Software Developer</h3> | |
<p>BTS Holdings PLC</p> | |
<p>June 2010 – Present (5+ years) | Wallington, Surrey</p> | |
<h4>Typical skills and technologies:</h4> | |
<ul> | |
<li>VB.NET</li> | |
<li>Windows Forms</li> | |
<li>MSSQL</li> | |
<li>XML</li> | |
</ul> | |
<!-- examples --> | |
<h2>Some Examples</h2> | |
<h3>BTS Sport</h3> | |
<a href="#"><img src="img/bts-sport.png" alt="A screen shot of the BTS Sport website"></a> | |
<p>BTS Sport is a simple website built using HTML, CSS, Javascript, PHP and MySQL as a learning exercise. It is used by some members of BTS staff to keep track of various sporting activities.</p> | |
<p>I intend to continue to use it as I investigate new technologies and techniques in the future. For example, I am in the process of a re-write using Responsive Web Design principles and PHP MVC design patterns.</p> | |
<p>I also want to write my first Android and/or Windows 10 apps for it and I will no doubt use it as I explore other modern web techniques such as SASS, Node.js and react.js.</p> | |
<p><a href="#">View the BTS Sport site</a></p> | |
<!-- contact --> | |
<h2>Contact Me</h2> | |
<form action="#" method="post"> | |
<label for="name">Name:</label> | |
<input type="text" id="name" name="user_name" required /> | |
<label for="mail">E-mail:</label> | |
<input type="email" id="mail" name="user_email" required /> | |
<label for="msg">Message:</label> | |
<textarea id="msg" name="user_message" required></textarea> | |
<button type="submit" name="submit">Send</button> | |
</form> | |
<!-- footer --> | |
<footer> | |
<h3>Follow</h3> | |
<ul> | |
<li><a href="#">LinkedIn</a></li> | |
<li><a href="#">Twitter</a></li> | |
<li><a href="#">Google</a></li> | |
<li><a href="#">GitHub</a></li> | |
<li><a href="#">Blog</a></li> | |
</ul> | |
<p>Copyright © 2015 Ricky Manning. All rights reserved.</p> | |
</footer> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment