<?php include 'topbar.php';?>
	
	<?php include 'navold.php';?>
	<!--NAVIGATION END-->	<!-- content start-->
<style type="text/css">
	.item.creditbanner{
		position: relative;
	}
	.banner-content{
		position: absolute;
	    top: 22%;
	    left: 9%;
	    background-color: #fff;
	    padding: 30px 50px 30px 10px;
	    box-shadow: 0 0 23px -5px #000;
	}
	.banner-content h3{
		color: #5c176b;
	    font-size: 24px;
	    text-transform: uppercase;
	    margin-bottom: 15px;
	    font-weight: bold;
	}
	.banner-content p{
		color: #333;
    	font-size: 20px;
    	margin-bottom: 0;
	}
	.cardWr.row{
		box-shadow: 0 0 15px -3px #000;
	    margin: 60px 0;
	    border-radius: 0;
	}
	.cardWr .col-sm-8{
		padding: 30px;
	}
	.cardWr .col-sm-4{
		padding: 40px 30px 30px;
	}
	.cardWr .col-sm-4{
		background-color: #5c176b;
		color: #fff;
	}
	.cardWr .col-sm-4 .col-sm-12{
		padding:0;
	}
	.cardWr .col-sm-12 p{
		margin: 8px 0 15px;
    	font-size: 18px;
	}
	.cardWr .col-sm-12 h2{
		font-size: 22px;
	    font-weight: bold;
	    color: #5c176b;
	    margin-bottom: 17px;
	    margin-top: 15px;
	    text-transform: uppercase;
	}
	.inner-card-wr .fa.fa-check{
		margin-right: 10px;
	}
	.cardWr .col-sm-12 ul, .inner-card-wr ul{
		padding-left: 0;
	}
	.inner-card-wr li {
	    font-weight: bold;
	}
	.inner-card-wr ul p {
	    margin-left: 29px;
	    margin-bottom: 18px;
	}
	.card-single-wr h2{
		font-size: 30px;
	    position: relative;
	    margin-left: 20px;
	    margin-bottom: 30px;
	    color: #5c176b;
	}
	.card-single-wr h2::before {
	    position: absolute;
	    left: -25px;
	    top: 0;
	    width:5px;
	    height: 32px;
	    background-color: #EF454D;
	    content: '';
	}
	.single-bolg.hover01 a:hover .blog-content{
		color: #EF454D;
		transition: all .5s ease 0s;
	}
	.inner-card-wr h3{
		margin-bottom: 23px;
	    font-size: 24px;
	    margin-top: 40px;
	    font-weight: bold;
	    color: #EF454D;
	}
	.cardWr .col-sm-12 li, .inner-card-wr li{
		display: block;
		margin-bottom: 14px;
	}
	.card-single-wr {
	    border-top: 1px solid #5c176b;
	    padding: 45px 0 22px;
	}
	.inner-card-wr p a{
		color: #5c176b;
		text-decoration: underline;
	}
	.firstspan{
		width:4%;
		display: inline-block;
		vertical-align: top;
	}
	.secondspan{
		display: inline-block;
		width:90%;
		vertical-align: top;
	}
	.rightwr .col-sm-12 p{
		font-size: 22px;
	    line-height: 27px;
	    margin-bottom: 20px;
	}
	p span{
		display: block;
    	font-size: 16px;
	}
	.readmoreWr {
		text-align: left;
	    margin: 20px 0 20px;
	    padding-left: 15px;
	}
	.fa.fa-info-circle{
		margin-right: 10px; 
	}
	i.fa.fa-check {
	    color: #5c176b;
	    font-size: 19px;
	}
	.inner-card-wr.lowerwr ul {
	    margin: 5px 0;
	}
	i.fa.fa-download {
	    margin-right: 10px;
	    color: #5c176b;
	}
	.inner-card-wr.lowerwr li {
	    font-weight: normal;
	}
	.inner-card-wr.lowerwr li a{
		color: #5c176b;
	}
	.inner-card-wr.lowerwr li a:hover{
		color: #EF454D;
	}
	.toggleclass{
		color: #333;
	    font-size: 18px;
	    font-weight: bold;
	    text-decoration: underline;
	    margin-bottom: 25px;
	    display: inline-block;
	}
	.toggleclass:hover{
		text-decoration: underline;
	}
	.logonwr{
		margin-bottom: 35px;
	}
	.collapse h3 a{
		color: #5c176b;
	}
	.business-wr{
		padding:0;
		margin-top: 40px;
	}
	.blog-content {
	    font-size: 22px;
	    margin: 20px 0 15px;
	    text-align: left;
	}
	.single-bolg.hover01{
		margin-top: 0;
	}
	#demo1 .col-sm-6 h3{
		margin-top: 0;
	}
	.inner-card-wr li{
		font-weight: normal;
		color: #5c176b;
	}
	.inner-addon {
	    margin: 15px 0;
	}
	.searchbtn {
	    width:20%;
	    display: inline-block!important;
	    vertical-align: top;
	    height: 45px;
	    background: #EF454D!important;
	    color: #fff!important;
	    border: none!important;
	    padding: 10px 20px 12px!important;
	    display: inline-block!important;
	    margin-top: 0!important;
	    font-size: 15px!important;
	}
	.searchbox {
	    width:79%;
	    display: inline-block;
	}
	.banner-content .innerBanner h3{
		margin-bottom: 15px!important;
	}
</style>
<div class="business-main-slider">
	<div class="owl-carousel main-slider">
        <div class="item creditbanner">			
			<div class="hvrbox">
				<img src="images\D846_why_invest-1040_03.jpg" alt="credit" class="hvrbox-layer_bottom">
			</div>	
			<div class="banner-content">
				<div class="innerBanner container">
					<h3>Why invest with us?</h3>
					<p style="margin-bottom: 20px;">With our strong global investment platform, a consistent investment philosophy and a team of professionals, we work in diverse geographic locations to take advantage of opportunities in the financial markets across the globe.</p>
					<a href="#" class="bussiness-btn-larg">Find out more</a>
				</div>
			</div>		
        </div>
        <div class="item creditbanner">			
			<div class="hvrbox">
				<img src="images\D846-news-1040_03.jpg" alt="credit" class="hvrbox-layer_bottom">
			</div>	
			<div class="banner-content">
				<div class="innerBanner container">
					<h3><?php echo $sitename ?> opinion, news & analysis</h3>
					<p style="margin-bottom: 20px;">We’ve brought our unique insights and investment analysis together in one place. Discover all the latest economic, company and market news and analysis from our investment professionals to help you stay informed.</p>
					<a href="#" class="bussiness-btn-larg">Find out more</a>
				</div>
			</div>		
        </div>
        <div class="item creditbanner">			
			<div class="hvrbox">
				<img src="images\D846_planning-1040_03.jpg" alt="credit" class="hvrbox-layer_bottom">
			</div>	
			<div class="banner-content">
				<div class="innerBanner container">
					<h3>Planning your finances</h3>
					<p style="margin-bottom: 20px;">Prioritising and understanding your goals and objectives are the first steps in planning your financial future. At <?php echo $sitename ?>, we have lots of information to help you get started, and professionals on hand to help you throughout your financial life.</p>
					<a href="#" class="bussiness-btn-larg">Find out more</a>
				</div>
			</div>		
        </div>
        <div class="item creditbanner">			
			<div class="hvrbox">
				<img src="images\D846_retirement-1040_03.jpg" alt="credit" class="hvrbox-layer_bottom">
			</div>	
			<div class="banner-content">
				<div class="innerBanner container">
					<h3>Future of retirement tool</h3>
					<p style="margin-bottom: 10px;">Our latest report, 'Choices for later life', is the eleventh in the Future of Retirement series. In this report we asked 2,000 people in the US to tell us about how they hope to live in later life.</p>
					<p style="margin-bottom: 10px;">Compare your answers with our survey tool.</p>
					<a href="#" class="bussiness-btn-larg">use this tool</a>
				</div>
			</div>		
        </div>
        <div class="item creditbanner">			
			<div class="hvrbox">
				<img src="images\D846_grow_health-1040_03.jpg" alt="credit" class="hvrbox-layer_bottom">
			</div>	
			<div class="banner-content">
				<div class="innerBanner container">
					<h3>Grow your wealth tool</h3>
					<p style="margin-bottom: 10px;">Whatever your age or financial situation, your approach to saving, spending and investing can have a direct effect on how you grow your money over time. Our planning tool can help you think about what paths you could take to achieve your investment goals and grow your wealth.</p>
					<a href="#" class="bussiness-btn-larg">use this tool</a>
				</div>
			</div>		
        </div>
    </div>	
</div>
<div class="card-detail-wr">
	<div class="container">
		<div class="row card-single-wr" style="border-top: none;">
			<div class="col-sm-6">
				<h2>How can <?php echo $sitename ?> help you make more of your money?</h2>
				<p>Whether your dream is to retire in style, put your children through university or safeguard your future, we have a range of products and services to help meet your needs.</p>
				<p>You can choose to make your own investment decision and invest directly or to seek advice from a financial adviser.</p>
			</div>

			<div class="col-sm-6">
				<h2>Investments jargon buster</h2>
				<div class="inner-card-wr">
					<h3>Commercial paper</h3>
					<p>An unsecured, short-term debt instrument issued by a corporation, typically for the financing..</p>
					<a href="#" style="text-decoration: underline;">full definition<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i></a>
					<div class="inner-addon right-addon">
					  <p>Search the Jargon Buster for explanations of key industry terms and abbreviations:</p>
				      <i class="glyphicon glyphicon-search"></i>
				      <input type="text" class="form-control searchbox" placeholder="Search">
				      <input type="submit" value="search" class="form-control searchbtn">
				    </div>
				</div>
			</div>
		</div>
		<div class="card-single-wr">
			<h2>Ways to invest</h2>
			<div class="inner-card-wr">
				<div class="business-wr">
					<div class="container">
						<div class="row">
							<div class="col-md-6">
								<h3 style="margin-top: 0;">Make your own investment decision</h3>
								<p>These services are offered without investment advice and you will need to make your own investment decisions.*</p>
								<ul>
									<li>
										<a href="#">World Selection ISA<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i></a>
									</li>
									<li>
										<a href="#">Global Investment Centre<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i></a>
									</li>
									<li>
										<a href="#">InvestDirect/InvestDirect Plus<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i></a>
									</li>
									<li>
										<a href="#">Existing customers only<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i></a>
									</li>
									<li>
										<a href="#">Selected Investment Funds<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i></a>
									</li>
									<li>
										<a href="#">Child Trust Fund<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i></a>
									</li>
									<p style="margin-left: 0;margin-top: 12px;">* If you choose to make your own investment decision, the protection offered by the Financial Conduct Authority’s rules on assessing suitability will not apply. If you have any doubts about whether these services are suitable for your needs, you should seek advice from a Financial Adviser (you may be charged for any advice you receive).</p>
								</ul>
							</div>
							<div class="col-md-6">
								<h3 style="margin-top: 0;">Invest through a financial adviser</h3>
								<p>If you have $50,000 or more in savings and investments, you may benefit from our advice service. <?php echo $sitename ?> <?php echo $shortname ?> Financial Advice Service can help you start to build the future you’ve imagined (fees apply).</p>
								<ul>
									<li>
										<a href="#"><?php echo $sitename ?> <?php echo $shortname ?> Financial Advice Service<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i></a>
									</li>
								</ul>
							</div>							
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="card-single-wr">
			<h2>Please bear in mind</h2>
			<div class="row inner-card-wr">
				<div class="col-sm-4">
					<h3 style="margin-top: 0;">Investment risk</h3>
					<p>All investments carry some risk. The value of investments (and any income received from them) can fall as well as rise and you may not get back what you invested. For some investments this can also happen as a result of exchange rate fluctuations as shares and funds may have an exposure to overseas markets.</p>
				</div>

				<div class="col-sm-4">
					<h3 style="margin-top: 0;">Time commitment</h3>
					<p>Most investments should be considered medium to long-term commitment; this means you should be prepared to hold them for at least five years.</p>
				</div>

				<div class="col-sm-4">
					<h3 style="margin-top: 0;">Tax benefits</h3>
					<p>The value of any tax benefits described depends on your individual circumstances. Tax rules may change in the future.</p>
				</div>
			</div>
		</div>
		<div class="card-single-wr">
			<div class="inner-card-wr">
				<h2>Our top 5 FAQs</h2>
				<ul>
					<li><a href="#"><i class="fa fa-check" aria-hidden="true"></i>What is the difference between a cash ISA and a stocks and shares ISA?</a></li>
					<li><a href="#"><i class="fa fa-check" aria-hidden="true"></i>Where can I get advice on my investments?</a></li>
					<li><a href="#"><i class="fa fa-check" aria-hidden="true"></i>Do you provide advice on <?php echo $sitename ?> products only?</a></li>
					<li><a href="#"><i class="fa fa-check" aria-hidden="true"></i>Do I need to have an account with <?php echo $sitename ?> to be able to invest?</a></li>
					<li><a href="#"><i class="fa fa-check" aria-hidden="true"></i>How can I find out the current value of my pension?</a></li>
				</ul>
			</div>
		</div>
		<div class="card-single-wr">
			<div class="inner-card-wr">
				<h2>Need to speak to us?</h2>
				<h3></h3>
				<p>Our opening hours are Monday to Friday 8am to 9pm.</p>
				<p>Textphone: <?php echo$sitephone ?>.</p>
				<p>To help us continually improve our service, and in the interests of security, we may monitor and/or record your communications with us.</p>
			</div>
		</div>
		<div class="card-single-wr">
			<div class="inner-card-wr">
				<h2>Prefer to talk face-to-face?</h2>
				<p><strong>Pop into your nearest branch for a chat.</strong></p>
				<a href="#" class="bussiness-btn-larg">Find a branch</a>
			</div>
		</div>
	</div>
</div>


<!--content end-->
	<div class="col-sm-12 connectus">
		<div class="container">
			<div class="inner-connect">
				<h5> Connect with us </h5>
				<a href="#">Listening to what you have to say about our services matters to us.</a>
			</div>
		</div>
	</div>
	<!-- Start Footer -->
	<footer class="bussiness-footer-1x">		
	    <div class="bussiness-footer-content ">
			<div class="container">
				<div class="row">
					<div class="col-md-3">	
						<h5> Help & support </h5>
						<a href="contactandsupport">Got a question? We are here to help you </a>
					</div>
					<div class="col-md-3">
						<h5> Find a branch </h5>
						<a href="ways-we-can-help">Find your nearest <?php echo$shortname ?> Banking location</a>
					</div>							
					<div class="col-md-3">	
						<h5> Our performance </h5>
						<a href="investing">View our service dashboard to see how we're doing</a>		
					</div>

					<div class="col-md-3">	
						<h5> About <?php echo$shortname ?> </h5>								
						<a href="news">Careers, media, investor and corporate information</a>							
					</div>				

                    <div class="container">	
                        <div class="">
                            <div class="col-md-12 footer-info">
                                <div class="row">	
                                	<p class="text-center"><?php echo$description; ?></p>

                                    <div class="col-md-3">	
                                        <div class="footer-info-left">	
                                            <!--<p><a href="##">Industri Banking Group</a></p>-->
                                            <img style="max-width:125px;" src="<?php echo$footerlogo; ?>" class="d-inline-block align-top" alt="">
                                        </div>			
                                    </div>	
                                    <div class="col-md-6 text-center"><?php echo$siteaddress ?><br>
                                     <strong>Call us : <?php echo$sitephone ?></strong>
                                    </div>		
                                    <div class="col-md-3">
                                        <div class="footer-info-right">
                                            <ul>
                                                <li><a href="##"> <i class="fa fa-facebook"></i> </a></li>										
                                                <li><a href="##"> <i class="fa fa-twitter"></i> </a></li>											
                                                <li><a href="##"> <i class="fa fa-google"></i> </a></li>									
                                                <li><a href="##" target="_blank"> <i class="fa fa-linkedin"></i> </a></li>											
                                            </ul>					
                                        </div>					
                                    </div>	
                                    <div class="col-md-12 text-center text-muted">© <?php echo date("Y")?> <?php echo$sitename ?>- All rights reserved.</div>	
                                </div>		
                            </div>					
                        </div>	  
					</div>
				</div>					
			</div>			
	    </div>		  
	</footer>	
	<!-- End Footer -->	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="1.12.4\jquery.min.js"></script>
	<script src="cdnjs.cloudflare.com\ajax\libs\popper.js\1.14.0\umd\popper.min" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js\bootstrap.min.js"></script>

	<!-- Wow Script -->
	<script src="js\wow.min.js"></script>
	<!-- Counter Script -->
	<script src="js\waypoints.min.js"></script>
	<script src="js\jquery.counterup.min.js"></script>
	<!-- Masonry Portfolio Script -->
    <script src="js\jquery.filterizr.min.js"></script>
    <script src="js\filterizer-controls.js"></script>
    <!-- OWL Carousel js-->
	<script src="js\owl.carousel.min.js"></script>  
	<!-- Lightbox js -->
	<script src="inc\lightbox\js\jquery.fancybox.pack.js"></script>
	<script src="inc\lightbox\js\lightbox.js"></script>
	<!-- Google map js -->
	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCa6w23do1qZsmF1Xo3atuFzzMYadTuTu0"></script>	
	<script src="js\map.js"></script>
	<!-- loader js-->
    <script src="js\fakeLoader.min.js"></script>
	<!-- Scroll bottom to top -->
	<script src="js\scrolltopcontrol.js"></script>
	<!-- menu -->
	<script src="js\bootstrap-4-navbar.js"></script>    
    <!-- Stiky menu -->
	<script src="js\jquery.sticky.js"></script>  
    <!-- youtube popup video -->
	<script src="js\jquery.magnific-popup.min.js"></script>  
    <!-- Color switcher js -->
	<script src="js\color-switcher.js"></script> 
    <!-- Color-switcher-active -->  
    <script src="js\color-switcher-active.js"></script>      
	<!-- Custom script -->
    <script src="js\custom.js"></script>
    <script src="js\jquery.bxslider.min.js"></script>
    
    <!-- for calucator---->
    	<script type="text/javascript" src="etc\clientlib-all.min.2f2dbb3959c1dcdb1f3b1f52f1375b62.js"></script>
		
		<script type="text/javascript" src="etc\clientlib.min.b3ec3a2325eaa4cbc74a2e2f0b755b0f.js"></script>
		


      

<script src="ajax.googleapis.com\ajax\libs\jquery\3.3.1\jquery.min.js"></script>
<script src="js\jquery.bxslider.min.js"></script>

<script type="text/javascript">
	$(document).ready(function(){
		if( ($(window).width() > 769) ) {
			$('.bxsliderwr').bxSlider({
				minSlides: 5,
	  			maxSlides: 5,
	  			slidewidth:230,
	  			pager:true,
	  			slideMargin: 50,
	  			moveSlides:1,
	  			auto: true,
	  			infiniteLoop: true,
	  			mode: 'horizontal',
			});
		}
		else if( ($(window).width() < 769) && ($(window).width() > 481) ) {
			$('.bxsliderwr').bxSlider({
				minSlides: 3,
	  			maxSlides: 3,
	  			slidewidth:230,
	  			pager:true,
	  			slideMargin: 50,
	  			moveSlides:1,
	  			auto: true,
	  			infiniteLoop: true,
	  			mode: 'horizontal',
			});
		}
		else{
			$('.bxsliderwr').bxSlider({
				minSlides: 3,
	  			maxSlides: 3,
	  			slidewidth:230,
	  			pager:false,
	  			slideMargin: 50,
	  			moveSlides:1,
	  			auto: true,
	  			infiniteLoop: true,
	  			mode: 'horizontal',
			});
		}
	}); 
</script>
	 
	<script type="text/javascript">
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  });
}
</script>	
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/<?php echo $tawk ?>';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->  
   

</body>

</html>     