-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (63 loc) · 18.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#"> <head> <title>Web design and development in Salisbury and Portsmouth</title> <meta name="description" content="Josh Buckley"/> <link rel="shortcut icon" href="favicon.ico"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="stylesheet" href="wp-content/themes/CircloSquero/style.css" type="text/css" media="screen,projection"/> <meta name="description" content="Josh Buckley"/> <meta property="og:type" content="blog"/> <meta property="og:title" content="Web design and development in Salisbury and Portsmouth"/> <meta property="og:description" content="Josh Buckley"/> <meta property="og:url" content="http://www.joshbuckley.co.uk"/> <meta property="og:site_name" content="Web design and development in Salisbury and Portsmouth"/> <meta name="twitter:card" content="summary"/> <link rel='stylesheet' id='contact-form-7-css' href="wp-content/plugins/contact-form-7/includes/css/styles.css" type='text/css' media='all'/> <!--[if lte IE 8]> <style type="text/css" media="screen"> .roundbox, .commentWrap, #authorBoxx, .formm input, .comment-form-comment textarea, #rm_button, #tw_button, a.mediumbutton, .bigbutton, .smallbutton, #FooterWrap input, #FooterWrap textarea, .wpcf7-submit, .CStagcloud a, #twitter_update_listCS li { behavior: url('http://www.joshbuckley.co.uk/wp-content/themes/CircloSquero/PIE.php'); zoom: 1; position: relative; z-index: 99; } </style> <![endif]--> <!--[if IE 8]> <style type="text/css" media="screen"> .slidingContentTitleCSCS, .slidingContentContentCSCS { behavior: url('http://www.joshbuckley.co.uk/wp-content/themes/CircloSquero/PIE.php'); zoom: 1; position: relative; z-index: 99; } </style> <![endif]--> <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type='text/javascript' src="wp-content/plugins/wp-nivo-slider/js/jquery.nivo.slider.pack.js"></script> <meta id="syntaxhighlighteranchor" name="syntaxhighlighter-version" content="3.1.3"/> <link rel="stylesheet" type="text/css" media="screen" href="wp-content/themes/CircloSquero/fonts_sansation.css"/> <link rel="stylesheet" type="text/css" media="screen" href="wp-content/themes/CircloSquero/gray_blue.css"/> <script type="text/javascript" src="wp-content/themes/CircloSquero/scripts/circlosquero_effects.js"></script> <link rel="stylesheet" type="text/css" media="screen" href="wp-content/themes/CircloSquero/backgrounds/bg0.css"/> <link rel="stylesheet" type="text/css" media="screen" href="wp-content/themes/CircloSquero/nivo_slider/nivo-slider.css"/> <link rel="stylesheet" type="text/css" media="screen" href="wp-content/themes/CircloSquero/scripts/prettyPhoto.css"/> <link rel="stylesheet" type="text/css" media="screen" href="wp-content/themes/CircloSquero/modifications.css"/> <script type="text/javascript" src="wp-content/themes/CircloSquero/scripts/superfish.js"></script> <script type="text/javascript" src="wp-content/themes/CircloSquero/scripts/twitter-rss-with-rt.js"></script> <script type="text/javascript" src="wp-content/themes/CircloSquero/scripts/featuredworks.js"></script> <script type="text/javascript" src="wp-content/themes/CircloSquero/scripts/supersubs.js"></script> <script type="text/javascript" src="wp-content/themes/CircloSquero/scripts/hoverIntent.js"></script> <script type="text/javascript" src="wp-content/themes/CircloSquero/scripts/jquery.backgroundPosition.js"></script> <script type="text/javascript" src="wp-content/themes/CircloSquero/scripts/jquery.color.js"></script> <script type="text/javascript" src="wp-content/themes/CircloSquero/scripts/jquery.prettyPhoto.js" charset="utf-8"></script> <style type="text/css"> #slider { background:url("wp-content/plugins/wp-nivo-slider/images/loading.gif") no-repeat scroll 50% 50% #202834; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0 none; display:block; } /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } /* Caption styles */ .nivo-description { position:absolute; left:0px; top:200px; background: url("wp-content/plugins/wp-nivo-slider/images/white_bg.png") repeat; color:#fff; /* Overridden by captionOpacity setting */ z-index:89; } .nivo-caption p { padding:5px 40px; margin:0; font: 36px 'SansationBold', Verdana, sans-serif; text-shadow: #000000 0 -1px 0; } .nivo-description p { padding:5px 40px; margin:0; font: 18px 'SansationLight', Verdana, sans-serif; color: #000000; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next and Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } .nivo-controlNav { bottom:30px; left:40px; position:absolute; z-index:99; } .nivo-controlNav a { background:url("wp-content/plugins/wp-nivo-slider/images/bullets.png") no-repeat scroll -24px 0 transparent; border:0 none; display:block; float:left; height:24px; margin-right:3px; text-indent:-9999px; width:24px; } .nivo-controlNav a.active { background-position:0px 0; } .nivo-controlNav a { cursor:pointer; position:relative; z-index:99; } .nivo-controlNav a.active { font-weight:bold; } .nivo-directionNav a { background:url("wp-content/plugins/wp-nivo-slider/images/arrows.png") no-repeat scroll 0 0 transparent; border:0 none; display:block; height:34px; text-indent:-9999px; width:32px; } a.nivo-nextNav { background-position:-32px 0; right:10px; } a.nivo-prevNav { left:10px; } </style> <script type="text/javascript" >
jQuery(document).ready(function(){
jQuery('#navigation ul').superfish({
animation: {opacity:'show'},
autoArrows: false, // slide-down effect without fade-in
delay: 500 // 0.5 second delay on mouseout
});
});
</script> <!--[if IE 7]> <link rel="stylesheet" type="text/css" media="screen" href="wp-content/themes/CircloSquero/iesucks.css" /> <![endif]--> <link rel="stylesheet" type="text/css" media="screen" href="wp-content/themes/CircloSquero/nivo-inline.css"/> </head> <body> <div class="wrapper"> <div id="topbg"> <div id="logoandNav"> <div id="logo"> <a href="index.html"> <img src="logo_exported.png" alt="Web design and development in Salisbury and Portsmouth"/></a> </div> <div id="navigation"> <div id="navWrap"> <div class="menu-main-container"><ul id="menu-main" class="menu"><li id="menu-item-507" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-507"><a href="index.html">Home</a></li> <li id="menu-item-502" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-502"><a href="services/">Services</a> <ul class="sub-menu"> <li id="menu-item-553" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-553"><a href="services/design/">Design</a></li> <li id="menu-item-552" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-552"><a href="services/content-managed-websites/">Content Managed Websites</a></li> <li id="menu-item-551" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-551"><a href="services/ecommerce-solutions/">Ecommerce Solutions</a></li> <li id="menu-item-550" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-550"><a href="services/search-engine-optimisation/">Search Engine Optimisation</a></li> <li id="menu-item-549" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-549"><a href="services/custom-development/">Custom Development</a></li> <li id="menu-item-548" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-548"><a href="services/hosting-and-maintenance/">Hosting and Maintenance</a></li> <li id="menu-item-547" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-547"><a href="services/low-cost-sites/">Low Cost Sites</a></li> </ul> </li> <li id="menu-item-503" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-503"><a href="portfolio/">Portfolio</a></li> <li id="menu-item-504" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-504"><a href="blog/">Blog</a></li> <li id="menu-item-501" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-501"><a href="about/">About</a></li> <li id="menu-item-505" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-505"><a href="contact/">Contact</a></li> </ul></div> </div> </div> </div> </div> <div class="shadowBg"> <div id="sliderMy"> <div id="sliderMy"> <script type="text/javascript">
jQuery(window).load(function() {
jQuery('#slider').nivoSlider({
effect:'random',
slices:3,
animSpeed:500, //Slide transition speed
pauseTime:6000,
startSlide:0, //Set starting Slide (0 index)
directionNav:false, //Next amd Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left and right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){}, //Triggers after all slides have been shown
lastSlide: function(){}, //Triggers when last slide is shown
afterLoad: function(){} //Triggers when slider has loaded
});
});
</script> <div id="slider"> <a href="portfolio/the-party-decker/" title="Slide: The Party Decker"> <img width="980" height="360" src="wp-content/uploads/2011/07/tpd_slide.jpg" class="attachment-post-thumbnail wp-post-image" alt="Launching Soon" title="The Party Decker"/> </a> <a href="portfolio/student-perks/" title="Slide: Student Perks"> <img width="980" height="360" src="wp-content/uploads/2011/07/sp_slide.jpg" class="attachment-post-thumbnail wp-post-image" alt="Launching Soon" title="Student Perks"/> </a> </div> </div> </div> <div id="topMessage"> <div id="messageWrap"> <div id="msGFW"><p><div style="display:none;"><span class="RegularS">For a limited time only...</span> To help build my portfolio, I'm offering discounted web design and development.</div> </p></div> </div> </div> <div class="clear"> </div> </div> <div class="separatorFull"></div> <div class="shadowBg"> <div class="spacernew"></div> <div class="contentWrap corporate"> <div class="oneThird"> <h2 class="h2Blue"> <a title="Design" href="services/design/">Design</a> </h2> <h5 class="h5regular">Making your project look pretty…</h5> <br/> <a title="Design" href="services/design/"> <img src="wp-content/themes/CircloSquero/images/design.jpg" alt="Web Design" title="Image by baldiri on flickr"/> </a> <p>Whatever your budget, I can produce <a title="Design" href="services/design/">beautiful websites</a>.</p> <a href="services/design/" class="smallbutton"><div>Design</div></a> </div> <div class="oneThird"> <h2 class="h2Blue"> <a title="Custom Development" href="services/custom-development/">Development</a> </h2> <h5 class="h5regular">…and having it work brilliantly…</h5> <br/> <a title="Custom Development" href="services/custom-development/"> <img src="wp-content/themes/CircloSquero/images/development.jpg" alt="Web Development" title="Image by Bull3t on flickr"/> </a> <p><a title="Content Managed Websites" href="services/content-managed-websites/">Standard websites</a>, <a title="Ecommerce Solutions" href="services/ecommerce-solutions/">E-commerce Solutions</a>, or maybe even <a title="Custom Development" href="services/custom-development/">something custom</a>?</p> <a href="services/custom-development/" class="smallbutton"><div>Development</div></a> </div> <div class="oneThirdLast"> <h2 class="h2Blue"> <a title="Search Engine Optimisation" href="services/search-engine-optimisation/">Search Engine Optimisation</a> </h2> <h5 class="h5regular">…so customers and Google love it!</h5> <br/> <a title="Search Engine Optimisation" href="services/search-engine-optimisation/"> <img src="wp-content/themes/CircloSquero/images/seo.jpg" alt="Search Engine Optimisation"/> </a> <p>All sites are built with <a title="Search Engine Optimisation" href="services/search-engine-optimisation/">SEO</a> in mind, but <a title="Search Engine Optimisation" href="services/search-engine-optimisation/">ongoing SEO</a> can help maintain rankings.</p> <a href="services/search-engine-optimisation/" class="smallbutton"><div>Search Engine Optimisation</div></a> </div><div class="clear"></div> <div style="display:none;"> <div class="separatorDots"></div> <div class="oneThird"><div class="icon48"><img src="wp-content/themes/CircloSquero/images/icon_hosting.jpg" alt="<a title='Hosting and Maintenance' href="services/hosting-and-maintenance/">Hosting</a>" width="48" height="48"/></div><div class="titleSubtitle"><h2 class="h2Blue"><a title='Hosting and Maintenance' href="services/hosting-and-maintenance/">Hosting</a></h2><h5 class="h5regular">Tailored to your site</h5></div><div class="clear"></div><p class="iconPar"> <p>Your site will be hosted on state-of-the-art technology, enabling over 99.9% uptime.</p> <a href="services/hosting-and-maintenance/" class="smallbutton"><div>Hosting</div></a> </p></div> <div class="oneThird"><div class="icon48"><img src="wp-content/themes/CircloSquero/images/icon_maintenance.jpg" alt="<a title='Hosting and Maintenance' href="services/hosting-and-maintenance/">Maintenance</a>" width="48" height="48"/></div><div class="titleSubtitle"><h2 class="h2Blue"><a title='Hosting and Maintenance' href="services/hosting-and-maintenance/">Maintenance</a></h2><h5 class="h5regular">Keep it running smoothly</h5></div><div class="clear"></div><p class="iconPar"> <p>As part of the hosting package, you get a basic maintenance package.</p> <a href="services/hosting-and-maintenance/" class="smallbutton"><div>Maintenance</div></a> </p></div> <div class="oneThirdLast"><div class="icon48"><img src="wp-content/themes/CircloSquero/images/icon_portfolio.jpg" alt="<a title='Hosting and Maintenance' href="portfolio/">Portfolio</a>" width="48" height="48"/></div><div class="titleSubtitle"><h2 class="h2Blue"><a title='Hosting and Maintenance' href="portfolio/">Portfolio</a></h2><h5 class="h5regular">Recent Work</h5></div><div class="clear"></div><p class="iconPar"> <p>Check out my portfolio to see my recent projects.</p> <a href="portfolio/" class="smallbutton"><div>Portfolio</div></a> </p></div><div class="clear"></div> </div> </div> <div class="clear"> </div> <div id="Footer"> <div id="FooterSeparatorNT"></div> <div id="FooterWrap"> <div id="FooterWidgetsLeft"> <ul> <li class="widgetFooter"><h2>What I offer</h2> <div class="textwidget"><p>I'm primarily a web developer - I take the website from design through to production.</p> <p>I can also offer design, web app production, and other custom software development.</p> </div> </li> </ul> </div> <div id="FooterWidgetsCenter"> <ul> <li class="widgetFooter"><h2>Where I work</h2> <div class="textwidget"><p>I am usually based in Salisbury, Wiltshire. However, I'm able to work for anyone in the world over the internet, keeping in touch using messaging tools such as Skype.</p> </div> </li> </ul> </div> <div id="FooterWidgetsRight"> <ul> <li class="widgetFooter"><h2>Latest from the Blog</h2><ul class="enhanced-recent-posts"> <li> <a href="2011/07/knockout-js-datatable-bindings/">Knockout.js DataTable bindings</a> </li> <li> <a href="2011/07/finally-launched-my-portfolio-site">Finally launched my portfolio site</a> </li> </ul> </li> </ul> </div> <div class="clear"></div> </div> </div> </div> <div id="footer2"> <div id="footer2wrap"> <div id="copyright"> © 2014 Josh Buckley. All rights reserved </div> <div id="Social_Networks"> <a href="http://www.twitter.com/joshbuckley182" target="_blank"><img class="socialicons" src="wp-content/themes/CircloSquero/images/social_networks/twitter.jpg" alt="twitter"/></a> <a href="http://uk.linkedin.com/in/joshbuckley182" target="_blank"><img class="socialicons" src="wp-content/themes/CircloSquero/images/social_networks/linkedin.jpg" alt="linkedin"/></a> </div> <div class="clear"> </div> <script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.socialicons').fadeTo(0, 0.5);
jQuery('.socialicons').hover(function(){
jQuery(this).stop().fadeTo(300, 1);
}, function() {
jQuery(this).stop().fadeTo(500, 0.5);
});
});
</script> </div> </div> </div> <script type="text/javascript">
jQuery(document).ready(function(){
jQuery("a[rel^='prettyPhoto']").prettyPhoto({
theme: 'facebook'
});
});
</script> <script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24074770-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
</script> <div id="su-footer-links" style="text-align: center;"></div><script type='text/javascript' src="wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js"></script> <script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/www.joshbuckley.co.uk\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ...","cached":"1"};
/* ]]> */
</script> <script type='text/javascript' src="wp-content/plugins/contact-form-7/includes/js/scripts.js"></script> </body> </html>
<!--WP-HTML-Compression saved 17.53%. Bytes before:22599, after:18638-->