File: D:/web/expressmusic/inc-template-main - Copy.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,2/5/18) DisableCache replaced with HTMLHeadStart, also added HTMLHeadEnd, DoGoogleAnalytics(True) now moved to HTMLHeadEnd
' (SS,19/02/21) Added HTMLBodyStart and HTMLBodyEnd, HTMLBodyEnd allows jQuery to be moved further down the page
' (SS,09/06/21) added announcement bar at the top for holiday
' (SS,03/08/21) changed default title, description and keywords meta tags
' (SS,04/08/21) removed repairs from foot menu
' (SS,01/09/21) adjusted banner text for new holiday
' (SS,24/12/21) adjusted banner text for new holiday
' (SS,20/07/22) address and phone change
' (SS,21/07/22) javascript.js?v=11 incremented to v=12
' (SS,14/09/22) styles.css?v=11 incremented to v=12
' (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)
' Updated MagicZoomPlus to latest via link to common
' (SS,12/03/23) Updated to use the Roboto font css customised version of Bootstrap 3.4.1
' (SS,05/04/24) link to javascript.js changed to js/javascript.js (i.e. subfolder)
' (SS,12/05/24) replaced Sage Pay image in footer with Takepayments
%>
<html lang="en">
<head><%HTMLHeadStart%>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<meta charset="windows-1252" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%=GetHTMLTitle("Guitar Store | Express Music")%></title>
<meta name="description" content="<%=GetHTMLDescription("Trading in New & Pre Owned Guitars, Amplifiers & Effects")%>" />
<meta name="keywords" content="<%=GetHTMLKeyWords("guitar shop coventry, guitar shop west midlands, guitar shop warwickshire, electric guitars, pre owned electric guitars, used electric guitars, fender guitars, gibson guitars, guild guitars, gretsch guitars, guitar strings , prs guitars, esp guitars, ltd guitars, duesenberg guitars, tokai guitars, acoustic guitar, pre owned acoustic guitars, used acoustic guitars, martin guitars, taylor guitars, atkins guitars, guild acoustic guitars, yamaha guitars, sigma guitars, orange amps, fender amps, vox amps, marshall amps, pre owned effects pedals, pre owned fx, pre owned guitar amp, pre owned electric guitar amp, part exchange guitars,")%>" />
<%ShowFacebookLikeImageMeta%><%ShowCanonicalLink%><link rel="shortcut icon" href="favicon.ico?v=2" />
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<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="styles.css?v=12" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/javascript.js?v=13"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<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/jquery/jquery-3.6.4.min.js"></script>
<script src="/common/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="image-picker/image-picker.js" type="text/javascript"></script>
<script src="/common/javascript/jquery.blink/jquery.blink.js"></script>
<!-- TrustBox script -->
<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
<!-- End TrustBox script -->
<link href="css/custom.css?v=7" rel="stylesheet" />
<link href="/css/jquery.cookiebar.css" rel="stylesheet" type="text/css" />
<%HTMLHeadEnd%>
</head>
<body onload="itp_onload()">
<%HTMLBodyStart%>
<%
' (SS,9/6/21) show following announcement between 10th and 21st June
' (SS,1/7/21) now a permanent bar with new message, removed the "if date check"
'If Date() >= CDate("10/06/2021") And Date() <= CDate("21/06/2021") Then
' previous message: Holiday Closure Tuesday 15<sup>th</sup> June - Monday 21<sup>st</sup> June
' (SS,9/6/21) show following announcement between 10th and 21st June
' (SS,1/9/21) new holiday message, else as before
' (SS,23/12/21) new Christmass holiday message, else as before
' replaced Holiday Closure Saturday 4<sup>th</sup> September - Monday 13<sup>th</sup> September
' with Holiday Closure Saturday 25<sup>th</sup> December - Monday 3<sup>rd</sup> January
' (SS,3/5/23) changed from Holiday Closure: Saturday 25<sup>th</sup> December - Monday 3<sup>rd</sup> January 2022
' to Holiday Closure: Saturday 6<sup>th</sup> May - Monday 22<sup>nd</sup> May 2023
' If Date() >= CDate("23/12/2021") And Date() <= CDate("03/01/2022") Then
' to If Date() >= CDate("03/05/2023") And Date() <= CDate("22/05/2023") Then
' If Date() >= CDate("03/05/2023") And Date() <= CDate("22/05/2023") Then
' Holiday Closure: Saturday 6<sup>th</sup> May - Monday 22<sup>nd</sup> May 2023
' (SS,14/12/23) replaced above with following
If Date() >= CDate("23/12/2023") And Date() <= CDate("01/01/2024") Then
%>
<div id="announcement-bar">
Holiday Closure: Sunday 24<sup>th</sup> December - Monday 1<sup>st</sup> January 2024
</div>
<%
Else
%>
<div id="announcement-bar">
<a href="products.asp?page=contact">Instrument Viewings By Appointment Only, Counter Open For Accessories + Click & Collect</a>
</div>
<%
End If
%>
<div class="container top-section">
<!-- 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; margin-top: -5px"><img class="img-responsive" src="images/logo.png" height="60" 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 itemscope itemtype="https://schema.org/Organization" style="float: left; margin-left: 10px; margin-top: 10px; font-size: 16px">
<strong>
<span itemprop="telephone"><a href="tel:01926808982">01926 808982</a></span>
</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 main-section">
<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,btucalculator,radiatorbuilder") 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 bottom-section" style="background-color: #EEE">
<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=about">About</a></li>
<!--<li><a href="products.asp?page=howtoorder">How to Order</a></li>-->
<li><a href="products.asp?page=customerinfo">Customer Info</a></li>
<li><a href="products.asp?page=privacy">Privacy Policy</a></li>
<li><a href="products.asp?page=account">Account</a></li>
<!--<li><a href="products.asp?page=repairs">Repairs</a></li>-->
<!--<<li><a href="products.asp?page=tuition">Tuition</a></li>-->
<!--<li><a href="products.asp?page=faq">FAQ</a></li>
<li><a href="products.asp?page=links">Useful Links</a></li>
-->
<!--<li><a href="products.asp?page=news">News</a></li> -->
</ul>
</nav>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<h4><i class="glyphicon glyphicon-thumbs-up"></i> <a href="https://uk.trustpilot.com/review/expressmusic.co.uk" style="color: black">Review Us</a></h4>
<%'ShowTrustpilotBadge "S"%>
<!-- TrustBox widget -->
<div class="trustpilot-widget" data-locale="en-GB" data-template-id="5419b6a8b0d04a076446a9ad" data-businessunit-id="4beb787200006400050b0d22" data-style-height="150px" data-style-width="100%" data-theme="light">
<a href="https://uk.trustpilot.com/review/www.expressmusic.co.uk" target="_blank">Trustpilot</a>
</div>
<!-- End TrustBox widget -->
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 bottom-section-col-3">
<h4><i class="glyphicon glyphicon-lock"></i> Shop Securely</h4>
<ul class="nav">
<li><img class="itp-footer-img" style="max-width:180px" src="images/takepayments-logo.svg" alt="Takepayments" /></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">
<h4><i class="glyphicon glyphicon-user"></i> <a href="products.asp?page=contact" style="color: black">Contact Us</a></h4>
<address>
<i class="glyphicon glyphicon-envelope"></i>
<strong>Express Music</strong><br>
B2 & B3 Quarry Park<br>
Old Milverton Lane<br>
Leamington Spa, CV32 6RW<br>
<i class="glyphicon glyphicon-phone-alt"></i>
<a href="tel:01926808982">01926 808982</a>
</address>
<address>
<i class="glyphicon glyphicon-list-alt"></i>
<a href="products.asp?page=contact">Contact Form</a>
</address>
<strong>Follow Us</strong><br>
<div style="margin-left: 0px; margin-bottom: 20px">
<a href="https://www.facebook.com/pages/Express-Music/294749420962?ref=hl" 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://www.instagram.com/expressmusicofficial" target="_top" style="text-decoration:none;">
<img src="/images/instagram-logo.png" alt="instagram" style="border:0;height:32px;margin-left:5px"/>
</a>
</div>
</div>
</div><!--/row-->
</div><!--/container-->
<%Finalise%>
<!-- 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>
<!-- Isotope jQuery Addon for tidy grids -->
<script type="text/javascript" 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 type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<!-- 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>
<script type="text/javascript">
jQuery("select.image-picker").imagepicker({
hide_select: false,
});
jQuery("select.image-picker.show-labels").imagepicker({
hide_select: false,
show_label: true,
});
</script>
<!-- find the matching magic zoom image when paint finish clicked -->
<script>
function showMagicZoomImageByCaption(aCaption) {
// find the correct two images from the magic zoom thumbnails
$('#magic-zoom-thumbs a').each(function() {
if ($(this).attr('title').indexOf(aCaption) == 0) {
big_image = $(this).attr('href');
// small_image = $(this).find('img').attr('src');
small_image = $(this).attr('rev');
// update the magic zoom image
MagicZoomPlus.update("Zoomer1", big_image, small_image);
};
});
};
$(".image-picker" )
.change(function() {
var option_img_label = $('option:selected', this).attr('data-img-label');
showMagicZoomImageByCaption(option_img_label);
});
</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>
<!-- for tidy product item cells without big holes -->
<script>
$('.grid').imagesLoaded( function(){
$('.grid').isotope({
itemSelector : '.grid-item'
});
});
</script>
<!-- (SS,30/5/18) for cookie bar -->
<script type="text/javascript" src="/js/jquery.cookiebar.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.cookieBar({
message: 'Cookies help us deliver the best experience on our website. By using our website, you agree to our use of cookies.',
policyButton: true,
policyText: 'Learn More',
policyURL: '/products.asp?page=privacy'
});
});
</script>
<%HTMLBodyEnd%>
</body>
</html>