<HTML>
<head>

<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Special+Gothic+Condensed+One&family=Staatliches&display=swap" rel="stylesheet">

<meta charset="UTF-8">
<meta name="description" content="Providing simple, professional, and affordable web design solutions to establish a strong and effective online presence">
<meta name="keywords" content="cheap websites, affordable web design, budget website services, small business websites, basic websight design, website builder, web design services">
<meta name="author" content="Piskie Pixel">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Piskie Pixel - Providing simple, professional, and affordable web design solutions</title>

<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav"; } }
</script>

<style>

html {scroll-behavior:smooth; padding:0px;}
body {margin:0px; padding:0px; font-family:"Roboto", sans-serif; background-color:#313639;}

.container {margin:auto; max-width:1366px; padding:0px;}
.navigation {margin:auto; width:auto; height:0px; text-align:right; padding:25px 50px 0px 50px;}
.header {margin:auto; width:auto; height:auto; text-align:left; padding:15px 25px 0px 25px;}
.footer {margin:auto; width:auto; height:80px; text-align:center; padding:25px 0px 0px 15px;}
.services {margin:auto; width:auto; min-height:350px; padding:25px 25px 75px 25px; background-color:#ffffff;}
.ourwork {margin:auto; width:auto; height:auto; padding:25px 25px 75px 25px; background-color:#313639;}
.pricing {margin:auto; width:auto; height:auto; padding:25px 25px 75px 25px; background-color:#FFC0CB;}
.contact {margin:auto; width:auto; min-height:500px; padding:25px 25px 75px 25px; background-color:#ffffff;}

.text {margin:auto; width:60%; text-align:justify; padding:35px 0px 100px 0px;}
.topnav {text-align:right; overflow:hidden; background-color:#313639;}
.column {margin:auto; float: left; width: 33.33%; padding: 25px; box-sizing: border-box; text-align:center;}
.row::after {margin:auto; content: ""; clear: both; display: table; box-sizing: border-box; text-align:center;}

.header p {font-family:"Special Gothic Condensed One", sans-serif; font-size:45px; color:#FFC0CB; text-decoration:none;}
.footer p {font-family:"Roboto", sans-serif; font-size:15px; color:#ffffff; text-decoration:none;}
.services p {font-family:"Roboto", sans-serif; font-size:18px; color:#000000; text-decoration:none;}
.ourwork p {font-family:"Roboto", sans-serif; font-size:18px; color:#fffff; text-decoration:none;}
.pricing p {font-family:"Roboto", sans-serif; font-size:18px; color:#000000; text-decoration:none; margin:0px;}
.contact p {font-family:"Roboto", sans-serif; font-size:18px; color:#000000; text-decoration:none;}

.contact a {font-family:"Staatliches", sans-serif; font-size:25px; color:#313639; text-decoration:none; text-weight:bold;}

h1 {font-family: "Staatliches", sans-serif; font-size:50px; color:#AA336A; text-decoration:none;}
h2 {font-family: "Staatliches", sans-serif; font-size:50px; color:#FFC0CB; text-decoration:none;}
h3 {font-family: "Staatliches", sans-serif; font-size:50px; color:#313639; text-decoration:none;}
h4 {font-family: "Roboto", sans-serif; font-size:25px; color:#AA336A; text-decoration:none; margin:5;}
h5 {font-family: "Roboto", sans-serif; font-size:25px; color:#AA336A; text-decoration:none; margin:5;}

form {width:35%; float:right; padding:0px 50px 100px 50px;}
input {width:100%; padding:10px; border:2px solid #AA336A;}
textarea {width:100%; padding:10px; border:2px solid #AA336A; resize:none;}
label {padding:10px 10px 10px 0px;}
button {padding:15px 25px; border:0px; color:#ffffff; background-color:#AA336A;}

img.logo {width:315px; padding:0px; position:relative; animation:mymove 1s alternate infinite;}
img.getintouch {display:block; margin:auto; width:auto;}
img.services {width:350px; padding:0px 25px 25px 25px; float:right;}
img.content {width:100%;}

ul {font-family:"Roboto", sans-serif; font-size:18px; color:#000000; text-decoration:none;}

.fa {padding: 0px; font-size:30px; width:50px; color:white; text-align: center; text-decoration: none;}
.fa:hover {color;#FFC0CB;}

@keyframes mymove {from {left: 0px;} to {left: 5px;} }
@keyframes fadeInSlide { from {opacity: 0; transform: translateY(-10px);} to {opacity: 1; transform: translateY(0);}}

.topnav a {font-family:"Roboto", sans-serif;font-size:20px; color:#ffffff; text-align:center; text-decoration:none; padding:15px 25px 15px 25px;}
.topnav a:hover {color:#FFC0CB; text-decoration:none; transition:.2s;}
.topnav a:active {text-decoration:none;}
.topnav .icon {display:none;}
.footer a {color:#ffffff;}
.footer a:hover {color:#FFC0CB; text-decoration:none; transition:.2s;}
.footer a:active {text-decoration:none;}

@media screen and (max-width:864px) {
.text{width:90%;}
.container{width:auto;}
.navigation {padding:0px;}
.header p {font-size:35px;}
.column {width: 100%;}

img.logo{width:250px; position:static; animation:none;}
img.services {display:block; margin:auto; width:90%; float:none; padding:10px;}

form{width:100%; padding:0px 0px 25px 0px; float:none;}

.topnav a {font-size:20px; padding:40px;}
.topnav a:not(:first-child) {display:none;}
.topnav a.icon {float:right; display:block;}
.topnav.responsive {position:relative; width:auto; height:auto; opacity:0.95; flex-direction:column;}
.topnav.responsive a.icon {position:absolute; right:0; top:0;}
.topnav.responsive a {float:none; display:block; text-align:left; animation:fadeInSlide 0.4s ease-in-out both;}

</style>

<body>
<div class="navigation"><div class="container">
<div class="topnav" id="myTopnav">
<a href="#" class="active"></a>
<a href="#Services" onclick="myFunction()">Services</a>
<a href="#OurWork" onclick="myFunction()">Our Work</a>
<a href="#Pricing" onclick="myFunction()">Pricing</a>
<a href="#Contact" onclick="myFunction()">Contact</a>
<a href="https://www.instagram.com/piskiepixel"><i class="fa fa-instagram"></i></a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
&#9776;
</a>
</div></div></div>
<div class="header"><div class="container">
<a href="https://www.piskiepixel.co.uk">
<img src="img/logo.png" title="Piskie Pixel" alt="Piskie Pixel" class="logo">
</a>
<div class="text">
<p>"Providing a simple, professional, and affordable web design solution to establish a strong and effective online presence"</p>
<a href="#Contact"><img src="img/getintouch.png" title="Get in touch" alt="Get in touch" class="getintouch"></a>
</div></div></div>
<a name="Services"></a>
<div class="services"><div class="container">
<h1>WEBSITE DESIGN THAT CREATES A SEAMLESS VISITOR EXPERIENCE</h1>
<img src="img/laptop.png" class="services" id="laptop" alt="Piskie Pixel">
<p>At <i>Piskie Pixel</i>, we specialise in crafting affordable, professional websites that help your business stand out online. Whether you're starting from scratch or updating an existing site, we provide clean, user-friendly, and fully responsive designs tailored to your goals—without the hassle or high price.<br><br>


We also offer optional website hosting and domain name setup to make the process as smooth as possible. All our sites are built with basic SEO in mind, helping your business get found more easily on search engines.<br><br>


A strong online presence is essential in today’s digital world—it’s often the first impression potential customers will have of your business. We help you create a website that ties everything together, from your brand identity and service offering to your social media links and contact details. The result? A central, professional hub that works for you 24/7.<br><br><br>

SIMPLE. EFFECTIVE. DONE RIGHT - <b>FROM AS LITTLE AS £99</b><br><br></p>
</div></div>
<a name="OurWork"></a>
<div class="ourwork"><div class="container">
<h2>SOME RECENT WORK IN OUR PORTFOLIO</h2>
<div class="row">
<div class="column">
<a href="https://www.theultraviolets.co.uk" target="_new"><img src="img/ultraviolets.co.uk.jpg" alt="www.theultraviolets.co.uk" class="content">
</div>
<div class="column">
<a href="https://www.silkwoodinstruments.co.uk" target="_new"><img src="img/silkwoodinstruments.co.uk.jpg" alt="www.silkwoodinstruments.co.uk" class="content">
</div>
<div class="column">
<a href="https://www.stivestechie.com" target="_new"><img src="img/stivestechie.com.jpg" alt="www.stivestechie.com" class="content">
</div></div></div></div>
<a name="Pricing"></a>
<div class="pricing"><div class="container">
<h3>Pricing and packages</h3>
<p>We believe great websites should be accessible to everyone. That’s why we offer flexible packages to fit different needs and budgets — from simple landing pages to larger custom-built websites. Clear, upfront, and no hidden costs. Let’s find the right fit for you!</p><br><br>
<h4>Essential - <i>From £99</i></h4>
<p><b>Perfect for individuals and small business getting online</b></p>
<ul><li>Landing page style website (with multiple sections)</li><li>Mobile responsive design</li><li>Basic contact form</li><li>SEO-ready setup</li></ul>
<h4>Professional - <i>From £199</i></h4>
<p><b>Better for growing brands who need a stronger online presence</b></p>
<ul><li>Up to 4 custom-designed pages</li><li>Mobile responsive design + speed optimisation</li><li>Basic contact form</li><li>SEO-ready setup</li></ul>
<h4>Elite - <i>From £299</i></h4>
<p><b>For more ambitious projects that need something extra</b></p>
<ul><li>Up to 8 custom-designed pages</li><li>Mobile responsive design + speed optimisation</li><li>Advanced contact form</li><li>SEO-ready setup</li></ul>
<br>
<h4>Hosting and domain services</h4><p>We offer secure web hosting packages and domain name registration to make launching your website even easier.
These services are optional and billed separately from your website project.
If you would like to include hosting or domain registration, please contact us to discuss your requirements and receive a tailored quote.</p>
<br>
<h4>Not sure which package is right for you?</h4><p>
No worries — just get in touch and we’ll help you find the perfect fit for your project, no pressure!</p>
</div></div>
<a name="Contact"></a>
<div class="contact"><div class="container">
<h1>HELLO. HOW CAN WE HELP YOU?</h1>
<form id="contact" method="post" action="submit.php">
<label for="Name">Your Name</label><input type="text" id="name" name="name" required><br><br>
<label for="email">Your E-mail</label><input type="email" id="email" name="email" required><br><br>
<label for="message">Your Message</label><textarea id="message" name="message" rows="6" maxlength="3000" required></textarea><br><br>
<button type="submit" id="submit" class="submit">Send Message</button>
</form>
<p>Have a question, an idea, or ready to bring your website to life? We're here to help!<br><br>Whether you're starting from scratch or looking to refresh your current site, our team is just a message away.<br><br><b>Reach out today</b> — we’d love to hear from you and see how we can bring your vision online.</p><br>
<h5>Drop us an email - <a href="mailto:hello@piskiepixel.co.uk">hello@piskiepixel.co.uk</a></h5>
<h5>Find us on Instagram - <a href="https://www.instagram.com/piskiepixel">instagram.com/piskiepixel</a></h5>
<br>
</div></div>
<div class="footer"><div class="container">
<a href="https://www.instagram.com/piskiepixel" class="fa fa-instagram"></a>
<p>Website created by <a href="mailto:hello@piskiepixel.co.uk">Piskie Pixel</a></p>
</div></div>

</body>
</HTML>