Hereford Web Design

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Hereford Web Design - Portfolio</title> <meta name="description" content="A portfolio of some of our recent responsive web designs, covering a wide range of businesses and organisations. "> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1, user-scalable=no" /> <link href="c/mgs-fr.css" rel="stylesheet" type="text/css"> <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script> <script type="text/javascript" src="js/fresco.js"></script> <script src="https://code.jquery.com/jquery-latest.js"></script> <script> (function() { ;(function($) { "use strict"; $(document).ready(function() { $('#access').on('touchstart click', '.skip-link', function(event) { $(this).toggleClass('focus'); $($(this).attr('href')).toggleClass('target'); event.preventDefault(); }).find('.skip-link').append('<span>'+$('#menu .active').text()+'</span>'); }); })(jQuery); })(); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="https://webfonts.creativecloud.com/Arial:n3,n4:default.js" type="text/javascript"></script> <script> $(function(){ $('.fadein img:gt(0)').hide(); setInterval(function(){$('.fadein :first-child').fadeOut(3000).next('img').fadeIn().end().appendTo('.fadein');}, 4000); }); </script> <link href="c/menu.css" rel="stylesheet" type="text/css"> <script src="respond.min.js"></script> <style type="text/css"> <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/Arial:n4:default.js" type="text/javascript"></script> <style type="text/css"> .responsive-image { height:auto; max-width:250px;} .demo-columns { margin-bottom: 0; } .demo-column { border-bottom: 1px solid #000; margin-bottom: 25px; padding-bottom: 25px; } .demo-columns-last .demo-column, .demo-column-bottom { border-bottom: 0; padding-bottom: 0; } .demo-column .thumbnail { float: left; clear: both; position: relative; margin-bottom: 3px; cursor: pointer; } .demo-column .thumbnail img { float: left; } .demo-column .thumbnail-overlay { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(0,0,0,.1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .demo-column .credits { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,.8); text-align: right; word-wrap: no-wrap; display: none; } .demo-column:hover .credits { display: block; } .demo-column .credits .padder { float: left; padding: 4px 10px; width: 298px; } .demo-column .by { float: left; clear: both; width: 100%; text-align: right; color: #666; font-size: 9px; text-transform: uppercase; line-height: 20px; height: 20px; } .by a { text-decoration: none; } .by a:hover { text-decoration: underline; } .demonstrations { float: left; clear: both; width: 100%; margin-bottom: 18px; } .demonstrations a img {/* float: left; */} .demonstrations .rightmost { margin-right: 0; } .demonstrations ul{list-style:none;margin:0px;padding:0px;} .demonstrations ul li{ float: left; width: 29%; margin: 0 1.5%; padding-bottom: 12px; margin-bottom: 12px; text-align: center; } .demonstrations ul li a{display:block;} @media screen and (max-width:980px){ .demonstrations ul li{width:47%;} } @media screen and (max-width:640px){ .demonstrations ul li{width:100%;}</style> </head> <body> </div> <div class="home-container"> <div class="home-menu-nav"> <nav role="navigation" id="access"> <a class="skip-link icon-reorder" href="#menu"><img src="i/menu.jpg"></a> <div class="clr"> <ul id="menu"> <li> <div align="right"><a href="index.html" class="text2">home</a></div> </li> <li> <div align="right" class="text"><strong>portfolio</strong></div> </li> <li> <div align="right"><a href="testimonials.html" class="text2">testimonials</a></div> </li> <li> <div align="right"><a href="contact.html" class="text2">contact</a></div> </li> </ul> </div> <div class="clr"></div> <div class="clr"></div> <p class="style5"><img src="i/logo.jpg" alt="Hereford Web Design"/> <div class="home-container"> <div class="responsive-container"><br> </div> </div> <div class="home-container"> <p class="style3"><div class='demonstrations'> <ul> <li><a href="https://www.alexhewitt.uk/" target="new"><img src='i/35.jpg' alt="Alex Hewitt Therapy"></a> <div> <p class="style15">Alex Hewitt Therapy</div> </li> <li><a href="https://bobbysdomesticservices.co.uk" target="new"><img src='i/34.jpg' alt="Bobby's Cleaning Services"></a> <div> <p class="style15">Bobby's Cleaning Services</div> </li> <li><a href="https://exmouthhomerepairs.co.uk/index.html" target="new"><img src='i/33.jpg' alt="Exmouth Home Repairs"></a> <div> <p class="style15">Exmouth Home Repairs</div> </li> <li><a href="https://jrplanninganddevelopment.co.uk/index.html" target="new"><img src='i/32.jpg' alt="JR Planning and Development"></a> <div> <p class="style15">JR Planning and Development</div> </li> <li><a href="http://www.herefordshirewalks.co.uk/" target="new"><img src='i/31.jpg' alt="Herefordshire Walks"></a> <div> <p class="style15">Herefordshire Walks</div> </li><li><a href="https://www.mediterraneangardensociety.org/" target="new"><img src='i/3.jpg' alt="Mediterranean Garden Society "></a> <div> <p class="style15">Mediterranean Garden Society </div> </li><li><a href="https://www.southcorfuholidays.com/" target="new"><img src='i/30.jpg' alt="Holidays in South Corfu"></a> <div> <p class="style15">Holidays in South Corfu</div> </li> <li><a href="https://www.nutleymotorservices.com/" target="new"><img src='i/21.jpg' alt="Nutley Motor Services "></a> <div> <p class="style15">Nutley Motor Services </div> </li> <li><a href="https://www.corfubeachvilla.com/" target="new"><img src='i/20.jpg' alt="Sunrise Beach House"></a> <div> <p class="style15">Sunrise Beach House</div> </li> </ul> </div></div> <p align="center" class="style22"><a href="https://www.facebook.com/webdesignhereford" target="new"><img src="i/fb.jpg" alt="Like us on Facebook" width="67" height="67" class="style200"/></a> <br> </p> </body> </html>

CINXE.COM

Hereford Web Design - Portfolio