Adding images to Header

Code: Select all

<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content= "<?php echo $keywords; ?>" />
<?php } ?>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">
<?php foreach ($styles as $style) { ?>
<link href="<?php echo $style['href']; ?>" type="text/css" rel="<?php echo $style['rel']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
<?php foreach ($scripts as $script) { ?>
<script src="<?php echo $script; ?>" type="text/javascript"></script>
<?php } ?>
<?php echo $google_analytics; ?>
<div id="twitter">
    <a target="_blank" href="https://twitter.com/Pleasure4Two" title="Follow OpenCart on twitter"><img alt="" src="catalog/view/theme/default/image/followme.png"/></a>
</div>

<div id="facebook">
    <a target="_blank" href="https://www.facebook.com/pages/Pleasure4two/352503954932568" title="Follow OpenCart on facebook"><img alt="" src="catalog/view/theme/default/image/facebook.png"/></a>
</div>

<div id="IDeal">
    <img alt="" src="catalog/view/theme/default/image/IDeal.png"/></a>
</div>

<div id="PayPal">
   <img alt="" src="catalog/view/theme/default/image/PayPal.png"/></a>
</div>

 <div id="Skrill">
   <img alt="" src="catalog/view/theme/default/image/skrill.png"/></a>
</div>
</head>

Code: Select all

div#twitter{	
	position:fixed;
	top:5px;	
	left:410px;
    }

div#facebook{	
	position:fixed;	
	top:5px;	
	left:380px;
	
    }

div#IDeal{
	position:fixed;
	top:5px;	
	left:640px;
	
    }
	
div#PayPal{
	position:fixed;	
	top:5px;	
	left:680px;
	
    }
	
div#Skrill{
	position:fixed;
	top:5px;	
	left:760px;
	
    }