File: D:/web/vintagedoorknobs/inc-template-main - Copy (7).asp
<!--#include file="inc-main.asp"--><!DOCTYPE html><%
' Notes
' =====
' 10/10/2014 For Bootstrap glyphs, make sure .woff (application/font-woff) is in IIS MIME types
' (SS,21/11/17) removed following line, after line: .. charset=windows-1252, was error in w3c checked
' <meta charset="windows-1252" />
' (SS,25/4/18) DisableCache replaced with HTMLHeadStart, also added HTMLHeadEnd, DoGoogleAnalytics(True) now moved to HTMLHeadEnd
' (SS,08/04/19) Removed Google+ link. Added link to Google My Business
' (SS,19/2/21) Added HTMLBodyStart and HTMLBodyEnd, HTMLBodyEnd allows jQuery to be moved further down the page
' (SS,14/05/21) Added Trustpilot reviews to home template, had to change css/all.min.css i.e. added ?v=2
' (SS,14/05/21) Improved normal review layout to match Trustpilot reviews
' (SS,21/07/21) Added javascript link for Trustpilot widget
' (SS,01/12/21) Removed 4 unnecessary references: type="text/javascript"
' (SS,27/06/22) Replaced Trustpilot log (TP are not happy it's against their rules) with a widget
' (SS,20/07/22) Added ?v=2 to all.min.js
' (SS,03/10/22) Added cookie bar, misssed from before.
' (SS,04/10/22) Main message changed from 'Cookies help us deliver the best experience on our website. By using our website, you agree to our use of cookies.'
' to 'Cookies required for use of our website and for ads personalisation. By using the site you agree to their use.'
' (SS,10/03/23) Updated Bootstrap from 3.2.0 to 3.4.1 (due to known vulnerabilities)
' Updated jQuery from 1.11.1 to 3.6.3 (due to known vulnerabilities)
' (SS,12/03/23) Updated to use the Roboto font css customised version of Bootstrap 3.4.1
' (SS,12/07/23) Added tracking code in the footer for Mouseflow (as requested by Steve Tipson) (couldn't use GTM as preferred by Steve due to use of gtag.js)
' (SS,21/07/23) Change to footer to add subcribe to email via https://www.createsend.com (possibly Campaign Monitor), removed the products column from the footer.
' (SS,20/07/23) Change to footer to only do Mouseflow and OptinMonster if not in devmode
' (SS,21/07/23) Change to footer to add subcribe to email via https://www.createsend.com (possibly Campaign Monitor), removed the products column from the footer.
' (SS,19/10/23) Mouseflow script at the end now has has GTMEnabled (also IsDevMode), it's not shown if Google Tag Manager is in use
%>
<html lang="en">
<head><%HTMLHeadStart%>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%=GetHTMLTitle("Vintage Door Knob Centre - Specialists in vintage door knobs and Victorian door handles")%></title>
<meta name="description" content="<%=GetHTMLDescription("Vintage Door Knob Centre - Specialists in vintage door knobs, Victorian door handles, vintage keyhole covers and other vintage door hardware.")%>" />
<meta name="keywords" content="<%=GetHTMLKeyWords("vintage door knobs, Victorian door handles, antique door knobs, Victorian door knobs, vintage door handles, beehive door knobs")%>" />
<%ShowFacebookLikeImageMeta%><%ShowCanonicalLink%><link rel="shortcut icon" href="favicon.ico?v=1" />
<script src="https://apis.google.com/js/platform.js" async defer></script>
<!-- TrustBox script -->
<script src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
<!-- End TrustBox script -->
<%
'<link href="css/bootstrap.min.css" rel="stylesheet" />
'<link href="css/jquery.smartmenus.bootstrap.min.css" rel="stylesheet" />
'<link href="css/styles.min.css" rel="stylesheet" />
'<link href="css/custom.min.css" rel="stylesheet" />
' (SS,15/8/17) all.min.css contains above 4 in same order
'<link href="css/all.min.css" rel="stylesheet" />
'<link href="css/custom.css" rel="stylesheet" />
'<link href="css/all.min.css?v=3" rel="stylesheet" />
' (SS,10/3/23) replaced css/all.min.css?v=3 with individual files, due to update from bootstrap 3.2.0 to 3.4.1
' (SS,10/3/23) replaced href="css/bootstrap.min.css" with href="/common/bootstrap/3.4.1/css/bootstrap.min.css"
' (SS,10/3/23) replaced href="magiczoomplus/magiczoomplus.css?v=2" with latest 5.3.7: "/common/magiczoomplus/magiczoomplus.css"
' (SS,10/3/23) replaced src=magiczoomplus/magiczoomplus.js?v=2" with latest 5.3.7: "/common/magiczoomplus/magiczoomplus.js"
%>
<link href="/common/bootstrap/3.4.1/css/bootstrap-roboto.min.css" rel="stylesheet">
<link href="css/jquery.smartmenus.bootstrap.css" rel="stylesheet">
<link href="css/jquery.cookiebar.min.css" rel="stylesheet">
<link href="css/styles.min.css?v=12" rel="stylesheet">
<link href="css/custom.min.css?v=12" rel="stylesheet">
<%If Not IsHomePage Then%>
<link href="/common/magiczoomplus/magiczoomplus.css" rel="stylesheet" type="text/css" media="screen"/>
<script src="/common/magiczoomplus/magiczoomplus.js" async defer></script>
<script src="/common/javascript/jquery.blink/jquery.blink.js" async defer></script>
<%End If%>
<meta name="p:domain_verify" content="f4b12bd98f9da1d93963c5569bf0341b"/>
<!-- Google Fonts embed code (async) -->
<script>
WebFontConfig = {
google: { families: [ 'Roboto' ] }
};
(function(d) {
var wf = d.createElement('script'), s = d.scripts[0];
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);
</script>
<%HTMLHeadEnd%>
</head>
<body onload="itp_onload()">
<%HTMLBodyStart%>
<div class="container">
<!-- row 1 -->
<header class="row" style="margin-top: 10px">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-6 col-xs-5">
<div class="row">
<a class="navbar-brand logo" href="/" style="padding: 0px; margin-left: 10px"><img class="img-responsive" src="images/logo.png" height="54" alt="<%=GetStoreName%>" /></a>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-7" style="margin-top: 5px; margin-right: 0px">
<div style="float: right; height: 54px">
<div style="float: left; margin-top: 6px">
<i class="glyphicon glyphicon-phone-alt" style="font-size: 1.5em"></i>
</div>
<div style="float: left; margin-left: 10px">
<strong>
<a href="tel:08081963733">0808 196 3733</a><br />
<a href="tel:02475260860">024 7526 0860</a>
</strong>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<!--#include file="inc-template-search.asp"-->
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 text-right" style="margin-top: 2px; margin-bottom: 10px">
<!--#include file="inc-template-shopping-status.asp"-->
</div>
</div>
</div>
</header>
</div> <!-- container top-->
<!--#include file="inc-template-category-menu.asp"-->
<!-- START OF MAIN BODY -->
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<!--#include file="inc-pages.asp"-->
</div><!--col-->
</div><!--row-->
</div><!--container-->
<!-- END OF MAIN BODY -->
<%If Not IsPageNameOrCmd("account,checkout") Then%>
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div id="recently-viewed">
<!--#include file="inc-template-recently-viewed.asp"-->
</div>
</div>
</div>
</div>
<%End If%>
<div class="container-fluid" style="background-color: #EFEFEF">
<div class="container bottom-section">
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<h4><i class="glyphicon glyphicon-wrench"></i> Service</h4>
<nav>
<ul class="nav nav-pills nav-stacked span2 list-inline">
<li><a href="products.asp?page=account">Account</a></li>
<li><a href="products.asp?page=customerinfo">Customer Info</a></li>
<li><a href="products.asp?page=about">About Us</a></li>
</ul>
</nav>
<div style="margin-left:0px; margin-top:5px">
<div class="trustpilot-widget" style="" data-locale="en-GB" data-template-id="5419b6a8b0d04a076446a9ad" data-businessunit-id="5982064d0000ff0005a7fc6b" data-style-height="56px" data-style-width="100%" data-theme="light" data-stars="1,2,3,4,5" data-no-reviews="hide" data-scroll-to-list="true" data-allow-robots="true">
<a href="https://uk.trustpilot.com/review/vintagedoorknobs.co.uk" target="_blank" rel="noopener">Trustpilot</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<h4><span class="glyphicon glyphicon-envelope"></span> Keep In Touch</h4>
<div>
<div><p>Sign up to our mailing list for the latest news, offers and Rad inspiration. You can unsubscribe at any time.</p></div>
<form class="js-cm-form" id="subForm" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="191722FC90141D02184CB1B62AB3DC26D602CCE86A0F67E1090DFE11B905C13068786E1272471B87545C3B783ABA2F98D0FDF9447808F3ACFADA77B8F7EF12FE">
<div>
<div class="form-group">
<label>Name </label>
<input aria-label="Name" id="fieldName" maxlength="200" name="cm-name" class="form-control">
</div>
<div class="form-group">
<label>Email </label>
<input autocomplete="Email" aria-label="Email" class="js-cm-email-input qa-input-email form-control" id="fieldEmail" maxlength="200" name="cm-jhidfh-jhidfh" required="" type="email">
</div>
<div class="form-group">
<button type="submit" class="btn btn-success">Subscribe</button>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 col">
<h4><i class="glyphicon glyphicon-lock"></i> Shop Securely</h4>
<ul class="nav">
<li><img class="itp-footer-img" src="images/epdq-logo.png" alt="ePDQ" /></li>
<li><img class="itp-footer-img" src="images/paypal-logo.png" alt="PayPal" /></li>
</ul>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 pull-right">
<h4><i class="glyphicon glyphicon-user"></i> <a href="products.asp?page=contact" style="color: black">Contact Us</a></h4>
<div itemscope itemtype="https://schema.org/LocalBusiness">
<address>
<i class="glyphicon glyphicon-envelope"></i>
<strong><span itemprop="name"><%=GetStoreName%></span></strong><br>c/o Cast Iron Radiator Centre<br>
<meta itemprop="url" content="<%=GetStoreURL%>" />
<meta itemprop="image" content="<%=GetStoreURL%>/images/logo.png" />
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">
Torrington Avenue,<br>
Tile Hill</span>,
<span itemprop="addressLocality">Coventry</span><br>
<span itemprop="addressRegion">West Midlands</span>, <span itemprop="postalCode">CV4 9HL</span>, UK
<meta itemprop="addressCountry" content="GB" />
</div>
</address>
<meta itemprop="paymentAccepted" content="Cash, cheque, credit card, BACS" />
<meta itemprop="openingHours" content="Mo, Tu, We, Th, Fr 08:00-17:00" />
<meta itemprop="priceRange" content="£3.59 - £59.99" />
<address>
<i class="glyphicon glyphicon-phone-alt"></i>
<a href="tel:08002948603"><span itemprop="telephone">0808 196 3733</span></a> /
<a href="tel:02476303999"><span itemprop="telephone">024 7526 0860</span></a>
</address>
<address>
<i class="glyphicon glyphicon-send"></i>
<a href="mailto:<%=GetStoreEmail%>"><%=GetStoreEmail%></a>
</address>
<address>
<i class="glyphicon glyphicon-list-alt"></i>
<a href="products.asp?page=contact">Contact Form</a>
</address>
</div>
<div style="margin-left: 0px; margin-top: 10px; margin-bottom:10px">
<a href="https://fb.me/vintagedoorknobs" target="_top" style="text-decoration:none;">
<img src="/images/facebook-logo2.png" alt="facebook" style="border:0;width:32px;height:32px"/>
</a>
<a href="https://goo.gl/maps/s9jvPGPkBHD2" target="_top" style="text-decoration:none;">
<img src="/images/google-my-business-logo.png" alt="Google My Business" style="border:0;height:32px;margin-left:2px"/>
</a>
</div>
</div>
</div><!--/row-->
</div><!--/container-->
</div><!--/container-fluid-->
<%Finalise%>
<script src="/common/jquery/jquery-3.6.4.min.js"></script>
<%
' <script src="js/bootstrap.min.js" async defer></script>
'<!-- SmartMenus jQuery plugin -->
'<script type="text/javascript" src="js/jquery.smartmenus.min.js"></script>
'<!-- SmartMenus jQuery Bootstrap Addon -->
'<script type="text/javascript" src="js/jquery.smartmenus.bootstrap.min.js"></script>
'<script src="js/javascript.min.js?v=16" async defer></script>
<!-- (SS,3/10/22) for cookie bar -->
'<script src="/js/jquery.cookiebar.min.js"></script>'
' (SS,15/8/17) all.min.js contains above 4 in same order
' (SS,20/7/22) added ?v=2 to all.min.js
' (SS,3/10/22) changed ?v=2 to ?v=3
' <script src="js/all.min.js?v=3"></script>
' (SS,9/3/23) replaced https://code.jquery.com/jquery.min.js above (i.e. version 1.11.1) with latest 3.6.4 (/common/jquery/jquery-3.6.4.min.js)
' (SS,9/3/23) replaced <script src="js/all.min.js?v=2"></script> below with 9 individual files
' replaced <script src="/js/bootstrap.min.js"></script> with <script src="/common/bootstrap/3.4.1/js/bootstrap.min.js"></script>
%>
<script src="/common/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="/js/jquery.smartmenus.min.js"></script>
<script src="/js/jquery.smartmenus.bootstrap.min.js"></script>
<script src="/js/jquery.cookiebar.min.js"></script>
<script src="/js/javascript.min.js?v=16"></script>
<%If IsHomePage Then%>
<%' (SS,16/8/17) lazy load of banner images %>
<script>
var cHeight = 0;
$('#myCarousel').on('slide.bs.carousel', function (e) {
var $nextImage = null;
$activeItem = $('.active.item', this);
if (e.direction == 'left'){
$nextImage = $activeItem.next('.item').find('img');
} else {
if ($activeItem.index() == 0){
$nextImage = $('img:last', $activeItem.parent());
} else {
$nextImage = $activeItem.prev('.item').find('img');
}
}
// prevents the slide decrease in height
if (cHeight == 0) {
cHeight = $(this).height();
$activeItem.next('.item').height(cHeight);
}
// prevents the loaded image if it is already loaded
var src = $nextImage.data('lazy-load-src');
if (typeof src !== "undefined" && src != "") {
$nextImage.attr('src', src)
$nextImage.data('lazy-load-src', '');
}
});
</script>
<%End If%>
<%If Not IsHomePage Then%>
<!-- (SS,15/8/17) added above IF to minimise home page -->
<!-- toggle accordion collapse icon -->
<script>
$('#accordion').on('hide.bs.collapse show.bs.collapse', function (n) {
$(n.target).siblings('.panel-heading').find('i.glyphicon').toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
});
</script>
<!-- show proceed to checkout modal if it exists when button clicked -->
<script>
if ($('#modal-content').length)
{
$('#btnProceedToCheckout').click(function (e) {
e.preventDefault();
$('#modal-content').modal({
show: true
});
});
$('#btnProceedToCheckoutPayPal').click(function (e) {
e.preventDefault();
$('#modal-content-p').modal({
show: true
});
});
};
</script>
<!-- (SS,15/8/17) added IF to minimise home page -->
<%End If%>
<!-- Isotope jQuery Addon for tidy grids -->
<script src="js/isotope.pkgd.min.js"></script>
<!-- Images loaded jQuery Addon used for tidy grids to fire after images loaded, without this it doesn't work -->
<script src="js/imagesloaded.pkgd.min.js"></script>
<!-- for tidy product item cells without big holes -->
<!-- (SS,30/6/17) added layoutMode: 'fitRows' for correct order -->
<script>
$('.grid').imagesLoaded( function(){
$('.grid').isotope({
itemSelector : '.grid-item',
layoutMode: 'fitRows'
});
});
</script>
<!-- (SS,3/10/22) for cookie bar -->
<script>
$(document).ready(function(){
$.cookieBar({
message: 'Cookies are used by our website and for ads personalisation. By using this site you agree to their use.',
acceptText: 'OK',
policyButton: true,
policyText: 'Learn More',
policyURL: '/products.asp?page=privacy'
});
});
</script>
<%If Not IsDevMode And Not GTMEnabled Then ' only do mouseflow and optinmonster etc if not in devmode and GTM not enabled%>
<!-- (SS,12/7/23) for Mouseflow -->
<script type="text/javascript">
window._mfq = window._mfq || [];
(function() {
var mf = document.createElement("script");
mf.type = "text/javascript"; mf.defer = true;
mf.src = "//cdn.mouseflow.com/projects/7d93de2c-b3c0-45de-a0da-f21fb30906cd.js";
document.getElementsByTagName("head")[0].appendChild(mf);
})();
</script>
<%End If%>
<%HTMLBodyEnd%>
</body>
</html>