1<!DOCTYPE html> 2 3<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 4<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> 5<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 6<head> 7 <!-- Google Tag Manager -->
8<script>
vendor: 327 bytes, lines 8-12
8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 9new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12})(window,document,'script','dataLayer','
12GTM-MFNDSTTH
vendor: 3 bytes, line 12
12');
12</script>
12 13<!-- End Google Tag Manager --> 14 <meta charset="utf-8" /> 15 <meta name="author" content="Siobhan Preston Web Design" /> 16 <!-- Set the viewport width to device width for mobile --> 17 <meta name="viewport" content="width=device-width" /> 18 19<title>Contact Siobhan Preston Web Design | Website Design in Glasgow</title> 20<meta name="Description" content="Contact Siobhan Preston Web Design to start your stunning website design journey. Affordable packages and excellent customer service." /> 21<meta name="keywords" content="website, designer, web design, web designer, website, website design, website design lanarkshire, website design glasgow, website design scotland, website design services, website design hamilton, motherwell, east kilbride, bothwell, bellshill, strathaven, glasgow, scotland, hamilton, siobhan preston web design" /> 22<meta name="verify-v1" content="bLsYYMXH3dQB5KpDK/l7WZPtKw/W3veUrkUH15odMo0=" /> 23<link rel="canonical" href="https://www.siobhanpreston.com/" /> 24<meta name="robots" content="all" /> 25 26 <!-- Included CSS Files (Uncompressed) --> 27 <!-- 28 <link rel="stylesheet" href="stylesheets/foundation.css"> 29 --> 30 31 <!-- Included CSS Files (Compressed) --> 32 <link rel="preconnect" href="https://fonts.googleapis.com"> 33 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 34 <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 35 <link rel="stylesheet" href="stylesheets/foundation.min.css"> 36 <link rel="stylesheet" href="stylesheets/app.css"> 37 <link rel="stylesheet" href="stylesheets/foundation.css" /> 38 <link rel="stylesheet" href="stylesheets/com4f_rg_stylesheet.css" /> 39 <link rel="stylesheet" href="stylesheets/CSS_panache.css" /> 40 41 <link rel="stylesheet" href="css/style3.css"> <!-- HERO Resource style --> 42
42<script src="https://kit.fontawesome.com/aaf2aa0637.js" crossorigin="anonymous"></script>
42 43 44 <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" /> 45<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" /> 46<link rel="shortcut icon" href="/favicon/favicon.ico" /> 47<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" /> 48<meta name="apple-mobile-web-app-title" content="MyWebSite" /> 49<link rel="manifest" href="/favicon/site.webmanifest" /> 50 51</head> 52<body> 53<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 53-54
53 54<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
54GTM-MFNDSTTH
vendor: 83 bytes, lines 54-55
54" 55height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
56<!-- End Google Tag Manager (noscript) --> 57 58 <!-- Header --> 59<div class="hide-for-medium-down"> <!-- was "hide-for-medium-down"--> 60<header class="cd-header"> 61<div class="three columns"> 62 <div id="cd-logo"><a href="index.html"><img src="images/logo.webp" alt="Siobhan Preston Web Design Logo"></a></div> 63</div> 64<div class="nine columns"> 65<p align="right"><br /></p> 66 <!-- Nav --> 67 <nav id="access" role="navigation"> 68 <ul class="nav-bar"> 69 <li><a href="index.html">HOME</a></li> 70 <li><a href="website-design.html">WEB DESIGN</a></li> 71 <li><a href="search-engine-optimisation.html">SEO & MARKETING</a></li> 72 <li><a href="website-design-portfolio.html">MY WORK</a></li> 73 <li><a href="testimonials.html">REVIEWS</a></li> 74 <li><a href="about-website-design.html">ABOUT ME</a></li> 75 <li><a href="contact.html">CONTACT</a></li> 76 <li class="booking"><a href="contact.html"><i style="font-size:12px" class="fa-regular fa-circle-play"></i> START YOUR WEBSITE</a></li></i> 77 </ul> 78 79 </nav> 80 81</div> 82 <br /> 83 </header> 84 </div> 85<!-- End Header --> 86 87<!-- Mobile Header --> 88<div class="show-for-medium-down"> <!-- was "show-for-medium-down"--> 89<header class="cd-header"> 90 <div id="cd-logo"><a href="index.html"><img src="images/logo-m.webp" alt="Siobhan Preston Web Design Logo for mobiles"></a></div> 91 92 <nav class="cd-primary-nav"> 93 <ul> 94 <li><a href="index.html">HOME</a></li> 95 <li><a href="website-design.html">WEB DESIGN</a></li> 96 <li><a href="search-engine-optimisation.html">SEO & MARKETING</a></li> 97 <li><a href="website-design-portfolio.html">MY WORK</a></li> 98 <li><a href="testimonials.html">REVIEWS</a></li> 99 <li><a href="about-website-design.html">ABOUT ME</a></li> 100 <li><a href="contact.html">CONTACT</a></li> 101 <li><a href="contact.html" class="bookingM"><i style="font-size:12px" class="fa-regular fa-circle-play"></i> START YOUR WEBSITE</a></li> 102 <li><a href="https://wa.me/+447904521440" target="_blank"><i style="font-size:20px; color: #128c7e;" class="fa-brands fa-whatsapp"></i> WhatsApp Me</a></li> 103 </ul> 104 </nav> <!-- .cd-primary-nav --> 105 <hr /> 106 </header> 107</div> 108<!-- End Mobile Header --> 109 110 111<div class="slideBanner"> 112 113 114<section class="cd-hero"> 115 <ul class="cd-hero-slider error"> 116 <li class="selected contact"> 117 <div class="cd-full-width"> 118 <h2>CONTACT</h2> 119 </div> <!-- .cd-full-width --> 120 </li> 121 122 </ul> <!-- .cd-hero-slider --> 123 124 </section> <!-- .cd-hero --> 125 126 127</div> 128 129 130 131 132 133<!-- Heading Section 1--> 134 135 <div class="row"> 136 <div class="twelve columns"> 137 <div class="wrapperDiv"> 138 <hr /> 139 <p align="center" class="headingBanner">Let's<span class="highlight">Start</span>Your Website Journey</p> 140 <hr /> 141 </div> 142 </div> 143 </div> 144 145<!-- END Heading Section 1 --> 146 147 <!-- Main Content Section --> 148 <div class="row"> 149 150 <div class="wrapperDiv"> 151 <br/> 152 <p align="center" class="mainText">Excited to get your project underway? Get in touch with me today. Whether you're ready to start a new project, have questions about my services, or just want to say hello, I'd love to hear from you. 153 154 <p class="mainText" align="center"> 155 <a href="mailto:[email protected]">[email protected]</a> <br/> 156 <i style="font-size:26px; color: #128c7e;" class="fa-brands fa-whatsapp"></i><a href="https://wa.me/+447904521440" > WhatsApp Me</a> <br/> 157 158 </p> 159 <br/><br/> 160 </div> 161 162 </div> 163 164<!-- END Main Content Section --> 165 166 167 168 <!-- Main Content Section --> 169 <div class="row"> 170 <div class="wrapperDiv"> 171 <div class="ten columns centered"> 172 173 <!-- form.123formbuilder.com script begins here -->
174<script type="text/javascript" defer src="https://form.123formbuilder.com/embed/6269223.js" data-role="form" data-default-width="800px" data-custom-vars="hasEmbedFormStyle=1&hasTransparentBg=1"></script>
174 175<!-- form.123formbuilder.com script ends here --> 176 177 178 </div> 179 </div> 180 </div> 181 182<!-- END Main Content Section --> 183 184 185 186 187 188 189 190<!-- Spacing --> 191 <div class="row"> 192 193 <div class="twelve columns"> 194 <div class="wrapperDiv"> 195 <br /><br /><br /><br /><br /><br / 196 <br /> 197 </div> 198 </div> 199 </div> 200 201<!-- END Spacing --> 202 203 204 205 206
206<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
206 207<div class="elfsight-app-a3c3242f-6b0e-446c-8b60-a6edad28e198" data-elfsight-app-lazy></div> 208 209 210 <!-- Footer Large--> 211<div class="footerLg"> 212<div class="footerWrapper"> 213 <div class="row"> 214 215 <div class="four columns"> 216 <h2 class="headingBanner white" align="center">Service List</h2><hr class="underline"></br> 217 <p class="footerText" align="center"> 218 <i style="font-size:15px; color: #009a9e;" class="fa-solid fa-computer"></i> <a href="website-design.html" class="footerTextLink">Website Design</a></br> 219 <i style="font-size:15px; color: #009a9e;" class="fa-solid fa-palette"></i> <a href="website-design.html#website-design-services" class="footerTextLink">Website Re-design</a></br> 220 <i style="font-size:15px; color: #009a9e;" class="fa-solid fa-medal"></i> <a href="website-design.html#website-design-services" class="footerTextLink">Logo Design</a></br> 221 <i style="font-size:15px; color: #009a9e;" class="fa-solid fa-house-user"></i> <a href="website-design.html#website-design-services" class="footerTextLink">Domain Registration</a></br> 222 <i style="font-size:15px; color: #009a9e;" class="fa-solid fa-gear"></i> <a href="website-design.html#website-design-services" class="footerTextLink">Website Hosting</a></br> 223 <i style="font-size:15px; color: #009a9e;" class="fa-solid fa-bullseye"></i> <a href="search-engine-optimisation.html" class="footerTextLink">SEO</a></br> 224 <i style="font-size:15px; color: #009a9e;" class="fa-solid fa-screwdriver-wrench"></i> <a href="website-design.html#website-design-services" class="footerTextLink">Maintenance</a></br> 225 </p> 226 </div> 227 228 229 <div class="four columns verticalLine heightSLP"> 230 <h2 class="headingBanner white" align="center"> 231 <img src="images/logo.webp"/></br> 232 233 </div> 234 235 <div class="four columns verticalLine heightSLP"> 236 <h2 class="headingBanner white" align="center">Get in Touch</h2><hr class="underline"></br> 237 <p class="footerTele large" align="center"> 238 <a href="mailto:[email protected]" class="footerEmailLink">[email protected]</a> <br/> 239 <i style="font-size:26px; color: #128c7e;" class="fa-brands fa-whatsapp"></i><a href="https://wa.me/+447904521440" class="footerEmailLink"> WhatsApp Me</a> <br/> 240 241 </p> 242 </div> 243 244 245 246 </div> 247</div> 248</div> 249 250 251 <!-- Footer --> 252 253 <footer class="row"> 254 <div class="twelve columns"> 255 <div class="row"> 256 <div class="eight columns"> 257 <p class="footerText">© 2026 Siobhan Preston :: Web Design Glasgow</a></p> 258 </div> 259 <div class="four columns"> 260 261 </div> 262 </div> 263 </div> 264 </footer> 265 266 267<!-- Footer --> 268 269 <!-- Initialize JS Plugins --> 270
270<script src="javascripts/jquery.js"></script>
270 271
271<script src="javascripts/app.js"></script>
271 272
272<script src="javascripts/jquery.foundation.accordion.js"></script>
272 273
273<script src="javascripts/jquery.foundation.navigation.js"></script>
273 274 275 276 277 <!-- Included JS Files --> 278
278<script src="js/modernizr.js"></script>
278 <!-- HERO Modernizr --> 279
279<script src="js/jquery-2.1.1.js"></script>
279 <!-- HERO -->
280<script src="js/main.js"></script>
280 <!-- HERO Resource jQuery --> 281
281<script src="javascripts/foundation.min.js"></script>
281 282
282<script src="javascripts/modernizr.foundation.js"></script>
282 283 284 <!-- Tel and mailto click tracking -->
285<script> 286document.addEventListener('DOMContentLoaded', function() { 287 document.querySelectorAll('a[href^="tel:"], a[href^="mailto:"]').forEach(function(link) { 288 link.addEventListener('click', function() { 289 gtag('event', 'click', { 290 'link_url': this.getAttribute('href') 291 }); 292 }); 293 }); 294}); 295</script>
295 296 297</body> 298</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.