Skip to content

Instantly share code, notes, and snippets.

@rickymanning
Last active August 29, 2015 14:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rickymanning/7c8a42728e9215d5112c to your computer and use it in GitHub Desktop.
Save rickymanning/7c8a42728e9215d5112c to your computer and use it in GitHub Desktop.
Redesigning My Portfolio Blog - Step 01
<!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