232 lines
8.0 KiB
HTML
232 lines
8.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
|
||
|
|
<meta name="author" content="Ray Elliott">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<meta name="twitter:card" content="summary"/>
|
||
|
|
<meta name="twitter:title" content="About Me"/>
|
||
|
|
<meta name="twitter:description" content="I am a UK based, freelance, front-end Web Developer. I work with small businesses to Build and Grow their online presence. I create Bespoke Websites using the latest technologies.
|
||
|
|
I turn old, tired websites into Fresh and Modern sites.
|
||
|
|
I work with a number of Content Management Systems, including WordPress.
|
||
|
|
I develop custom Themes and Plugins.
|
||
|
|
I advise and develop eCommerce Solutions for your online business."/>
|
||
|
|
|
||
|
|
<meta property="og:title" content="About Me" />
|
||
|
|
<meta property="og:description" content="I am a UK based, freelance, front-end Web Developer. I work with small businesses to Build and Grow their online presence. I create Bespoke Websites using the latest technologies.
|
||
|
|
I turn old, tired websites into Fresh and Modern sites.
|
||
|
|
I work with a number of Content Management Systems, including WordPress.
|
||
|
|
I develop custom Themes and Plugins.
|
||
|
|
I advise and develop eCommerce Solutions for your online business." />
|
||
|
|
<meta property="og:type" content="article" />
|
||
|
|
<meta property="og:url" content="https://rayelliott.dev/blog/about/" />
|
||
|
|
<meta property="article:published_time" content="2020-01-31T12:54:00+00:00" />
|
||
|
|
<meta property="article:modified_time" content="2020-01-31T12:54:00+00:00" />
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<base href="https://rayelliott.dev/blog/about/">
|
||
|
|
|
||
|
|
<title>
|
||
|
|
About Me · RayElliottDev
|
||
|
|
</title>
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="canonical" href="https://rayelliott.dev/blog/about/">
|
||
|
|
|
||
|
|
|
||
|
|
<link href="https://fonts.googleapis.com/css?family=Lato:400,700%7COpen+Sans:600,700%7CSource+Code+Pro:600%7CMaterial+Icons+Outlined" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha256-l85OmPOjvil/SOvVt3HnSSjzF1TUMyT9eV0c2BzEGzU=" crossorigin="anonymous" />
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://rayelliott.dev/blog/css/coder.min.b065b70fb895caf128e63b1ca76710e162efd2c42b8d888be8a34675513255ac.css" integrity="sha256-sGW3D7iVyvEo5jscp2cQ4WLv0sQrjYiL6KNGdVEyVaw=" crossorigin="anonymous" media="screen" />
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://rayelliott.dev/blog/css/coder-dark.min.4576662ffc1992d4351f2d28cb6133c9ec1dd1224902f61354c10a3ff884fab0.css" integrity="sha256-RXZmL/wZktQ1Hy0oy2Ezyewd0SJJAvYTVMEKP/iE+rA=" crossorigin="anonymous" media="screen" />
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://rayelliott.dev/blog/css/main.min.8d4a09e36529b48fcb56a10172f55b64e0f637865469c2ddf084808563dade54.css" integrity="sha256-jUoJ42UptI/LVqEBcvVbZOD2N4ZUacLd8ISAhWPa3lQ=" crossorigin="anonymous" media="screen" />
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="icon" type="image/png" href="https://rayelliott.dev/images/favicon-32x32.png" sizes="32x32">
|
||
|
|
<link rel="icon" type="image/png" href="https://rayelliott.dev/images/favicon-16x16.png" sizes="16x16">
|
||
|
|
|
||
|
|
<meta name="generator" content="Hugo 0.65.3" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<body class="page about colorscheme-auto">
|
||
|
|
<main class="wrapper">
|
||
|
|
<nav class="navigation">
|
||
|
|
<section class="container">
|
||
|
|
<a class="navigation-title" href="https://rayelliott.dev/blog/">
|
||
|
|
RayElliottDev
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<span class="primary-menu-item">
|
||
|
|
|
||
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/posts/">Posts</a>
|
||
|
|
|
||
|
|
</span>
|
||
|
|
<input type="checkbox" id="menu-toggle" />
|
||
|
|
<label class="menu-button float-right" for="menu-toggle"><svg class="svg-menu" viewBox="0 0 24 24">
|
||
|
|
<path fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
|
||
|
|
</svg>
|
||
|
|
</label>
|
||
|
|
<ul class="navigation-list">
|
||
|
|
|
||
|
|
|
||
|
|
<li class="navigation-item">
|
||
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/posts/">Posts</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="navigation-item">
|
||
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/about/">About Me</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="navigation-item">
|
||
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/categories/portfolio/">Portfolio</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="navigation-item">
|
||
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/categories/">Categories</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="navigation-item">
|
||
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/tags/">Tags</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="content">
|
||
|
|
|
||
|
|
<section class="container page">
|
||
|
|
<article>
|
||
|
|
<header>
|
||
|
|
<h1>About Me</h1>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div id="js-intro" class="intro">
|
||
|
|
<p>
|
||
|
|
I am a UK based, freelance, front-end <strong>Web Developer</strong>.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
I work with small businesses to <strong>Build</strong> and <strong>Grow</strong> their online presence.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="more-hint">
|
||
|
|
<svg class="more-svg" viewBox="0 0 24 24">
|
||
|
|
<path fill="currentColor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li><p>I create <strong><a href="https://rayelliott.dev/blog/
|
||
|
|
tags/bespoke">Bespoke Websites</a></strong> using the latest technologies.</p></li>
|
||
|
|
<li><p>I turn old, tired websites into <strong><a href="https://rayelliott.dev/blog/
|
||
|
|
posts/leopold">Fresh and Modern</a></strong> sites.</p></li>
|
||
|
|
<li><p>I work with a number of <strong><a href="https://rayelliott.dev/blog/
|
||
|
|
tags/cms">Content Management Systems</a></strong>, including <strong><a href="https://rayelliott.dev/blog/
|
||
|
|
tags/wordpress">WordPress</a></strong>.</p></li>
|
||
|
|
<li><p>I develop custom <strong>Themes</strong> and <strong>Plugins</strong>.</p></li>
|
||
|
|
<li><p>I advise and develop <strong><a href="https://rayelliott.dev/blog/
|
||
|
|
tags/ecommerce">eCommerce Solutions</a></strong> for your online business.</p></li>
|
||
|
|
<li><p>I customise <strong><a href="https://rayelliott.dev/blog/
|
||
|
|
tags/woocommerce">WooCommerce</a></strong> to fit specific business needs.</p></li>
|
||
|
|
<li><p>I integrate <strong>Social Media</strong> accounts with websites.</p></li>
|
||
|
|
<li><p>I <strong>Manage</strong> websites, taking care of <strong>Backups</strong>, <strong>Updates</strong> and other essential tasks.</p></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>All Of My Work Is</h2>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li><p>Fully optimised for on-site <strong>SEO</strong>.</p></li>
|
||
|
|
<li><p>Built with <strong>Security</strong> in mind.</p></li>
|
||
|
|
<li><p><strong>Mobile Friendly</strong> and responsive.</p></li>
|
||
|
|
<li><p>Built for <strong>Performance</strong> and <strong>Speed</strong>.</p></li>
|
||
|
|
<li><p><strong>Accessible</strong> and standards compliant.</p></li>
|
||
|
|
<li><p>Built with <strong>Semantic</strong>, <strong>Clean</strong>, <strong>Maintainable</strong> code.</p></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var introEl = document.getElementById('js-intro');
|
||
|
|
var headerEl = document.querySelector('section > article > header');
|
||
|
|
|
||
|
|
if (introEl && headerEl) {
|
||
|
|
var navEl = document.querySelector('main > nav');
|
||
|
|
if (navEl) {
|
||
|
|
var navHeight = navEl.offsetHeight;
|
||
|
|
navEl.style.marginBottom = -1 * navHeight + "px";
|
||
|
|
headerEl.style.paddingTop = navHeight / 2 + "px";
|
||
|
|
headerEl.style.paddingBottom = navHeight / 2 + "px";
|
||
|
|
headerEl.appendChild(introEl);
|
||
|
|
document.body.classList.add('header-expanded');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</article>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer class="footer">
|
||
|
|
<section class="container">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
© 2020
|
||
|
|
|
||
|
|
Ray Elliott
|
||
|
|
|
||
|
|
|
||
|
|
<span id="cs-mode-container" class="cs-mode-container">
|
||
|
|
[<button type="button" id="cs-mode-button" class="cs-mode-button">Dark Mode: <span id="cs-mode-button-state" class="cs-mode-state">Light</span></button>]
|
||
|
|
</span>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</main>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script src="https://rayelliott.dev/blog/js/script.js"></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|