<!DOCTYPE html>
<!-- Template by html.am -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>clickers Nigeria</title>
<link rel="stylesheet"
type="text/css"
href="test.css">
<style type="text/css">


div.gallery {
border: 1px solid #ccc;
}

div.gallery:hover {
border: 1px solid #777;
}

div.gallery img {
width: 100%;
height: auto;
}

div.desc {
padding: 15px;
text-align: center;
}

* {
box-sizing: border-box;
}

.responsive {
padding: 0 6px;
float: left;
width: 24.99999%;
}

@media only screen and (max-width: 700px){
.responsive {
width: 49.99999%;
margin: 6px 0;
}
}

@media only screen and (max-width: 500px){
.responsive {
width: 100%;
}
}

.clearfix:after {
content: "";
display: table;
clear: both;
}


/* Layout */
body {
min-width: 630px;
}

#container {
padding-left: 200px;
padding-right: 190px;
}

#container .column {
position: relative;
float: left;
}

#center {
padding: 10px 20px;
width: 100%;
}

#left {
width: 260px;
padding: 0 70px;
right: 240px;
margin-left: -100%;
}

#right {
width: 190px;
padding: 0 10px;
margin-right: -100%;
}

#footer {
clear: both;
}

/* IE hack */
* html #left {
left: 150px;
}

/* Make the columns the same height as each other */
#container {
overflow: hidden;
}

#container .column {
padding-bottom: 1001em;
margin-bottom: -1000em;
}

/* Fix for the footer */
* html body {
overflow: hidden;
}

* html #footer-wrapper {
float: right;color:white;
position: relative;
width: 100%;
padding-bottom: 10010px;
margin-bottom: -10000px;
background: orange;
}

/* Aesthetics */
body {
margin: 0;
padding: 0;
font-family:Sans-serif;
line-height: 1.5em;
}

p {
color: black;
}

nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

nav ul a {
color: red;
text-decoration: none;
}

#header, #footer {
font-size: large;color:white;
padding: 0.3em;
background: mediumblue;
}

#left {
background: aqua;
}

#right {
background: aqua;
}

#center {
background: #fff;
}

#container .column {
padding-top: 1em;
}
/* Menu */
#top-nav { margin:0 auto; padding:0px 0 0; height:37px; float:right;}
#top-nav ul { list-style:none; padding:0; height:37px; float:left;}
#top-nav ul li { margin:0; padding:0 0 0 8px; float:left;}
#top-nav ul li a { display:block; margin:0; padding:8px 20px; color:#ffffff; text-decoration:none;}
#top-nav ul li.active a, #top-nav ul li a:hover { color:#d3d3f9;}


</style>

<script type="text/javascript">
/* =============================
This script generates sample text for the body content.
You can remove this script and any reference to it.
============================= */
var bodyText=["The smaller your reality, the more convinced you are that you know everything.", "If the facts don't fit the theory, change the facts.", "The past has no power over the present moment.", "This, too, will pass.", "</p><p>You will not be punished for your anger, you will be punished by your anger.", "Peace comes from within. Do not seek it without.", "<h3>Heading</h3><p>The most important moment of your life is now. The most important person in your life is the one you are with now, and the most important activity in your life is the one you are involved with now."]
function generateText(sentenceCount){
for (var i=0; i<sentenceCount; i++)
document.write(bodyText[Math.floor(Math.random()*7)]+" ")
}
</script>
</head>

<body>

<div id="top-nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
<header id="header"><h2>
CLICKERS INSTITUTE OF INFORMATION TECHNOLOGY LTD<sup> &#174</sup></h2><H5>&#9742 08035263303 ,08185636111 &#128231 info@clickers.com.ng</H5></header>

<div id="container">

<main id="center" class="column">
<article>

<h3 style="color:blue">END-OF-THE-YEAR-PROMO ON ICT PRODUCTS <mark>***SITE UNDER CONSTRUCTION***</mark></h3>
<hr style="color:green">
<br/>

 


<div class="responsive">
<div class="gallery">
<a target="_blank" href="mywebpage.html">
<img src="smoke alarm.jpeg" alt="smoke alarm" width="300" height="200">
</a>
<div class="desc">smoke alarm system <mark><del>N</del><b>2500</B></mark> no more <del>N5000</del></div>
</div>
</div>


<div class="responsive">
<div class="gallery">
<a target="_blank" href="wirelesss video door bell.jpeg">
<img src="wirelesss video door bell.jpeg" alt="wirelesss video door bell" width="600" height="400">
</a>
<div class="desc">wirelesss video door bell <mark><del>N</del><b>50000</B></mark> no more <del>N80000</del></div>
</div>
</div>

<div class="responsive">
<div class="gallery">
<a target="_blank" href="Alarm padlock.jpeg">
<img src="Alarm padlock.jpeg" alt="Alarm padlock" width="600" height="400">
</a>
<div class="desc">Alarm padlock <mark><del>N</del><b>3500</B></mark> no more <del>N5000</del></div>
</div>
</div>

<div class="responsive">
<div class="gallery">
<a target="_blank" href="wireless intercom phone.jpeg">
<img src="wireless intercom phone.jpeg" alt="wireless intercom phone" width="600" height="400">
</a>
<div class="desc">wireless intercom phone <mark><del>N</del><b>18000</B></mark> no more <del>N23000</del></div>
</div>
</div>

<div class="clearfix"></div>

 

 

<div class="responsive">
<div class="gallery">
<a target="_blank" href="price tag machine.jpeg">
<img src="price tag machine.jpeg" alt="price tag machine" width="300" height="200">
</a>
<div class="desc">price tag machine <mark><del>N</del><b>5000</B></mark> no more <del>N8000</del></div>
</div>
</div>


<div class="responsive">
<div class="gallery">
<a target="_blank" href="office wireless router.jpeg">
<img src="office wireless router.jpeg" office wireless router" width="600" height="400">
</a>
<div class="desc">office wireless router <mark><del>N</del><b>30000</B></mark> no more <del>N40000</del></div>
</div>
</div>

<div class="responsive">
<div class="gallery">
<a target="_blank" href="pos thermal printer.jpeg">
<img src="pos thermal printer.jpeg" alt="pos thermal printer" width="600" height="400">
</a>
<div class="desc">pos thermal printer <mark><del>N</del><b>15000</B></mark> no more <del>N25000</del></div>
</div>
</div>

<div class="responsive">
<div class="gallery">
<a target="_blank" href="remote spy view camera.jpeg">
<img src="remote spy view camera.jpeg" alt="remote spy view camera" width="600" height="400">
</a>
<div class="desc">remote spy view camera <mark><del>N</del><b>15000</B></mark> no more <del>N24000</del></div>
</div>
</div>

<div class="clearfix"></div>

 

<div class="responsive">
<div class="gallery">
<a target="_blank" href="office desk phone.jpeg">
<img src="office desk phone.jpeg" alt="office desk phone." width="300" height="200">
</a>
<div class="desc">office desk phone <mark><del>N</del><b>6000</B></mark> no more <del>N10000</del></div>
</div>
</div>


<div class="responsive">
<div class="gallery">
<a target="_blank" href="mobile dvd player.jpeg">
<img src="mobile dvd player.jpeg" alt="mobile dvd player" width="600" height="400">
</a>
<div class="desc">mobile dvd player <mark><del>N</del><b>19000</B></mark> no more <del>N25000</del></div>
</div>
</div>

<div class="responsive">
<div class="gallery">
<a target="_blank" href="ps2 game playstation.jpeg">
<img src="ps2 game playstation.jpeg" alt="ps2 game playstation" width="600" height="400">
</a>
<div class="desc">ps2 game playstation <mark><del>N</del><b>20000</B></mark> no more <del>N30000</del></div>
</div>
</div>

<div class="responsive">
<div class="gallery">
<a target="_blank" href="RCA professional camcoder.jpeg">
<img src="RCA professional camcoder.jpeg" alt="RCA professional camcoder" width="600" height="400">
</a>
<div class="desc">RCA professional camcoder <mark><del>N</del><b>25000</B></mark> no more <del>N40000</del></div>
</div>
</div>

<div class="clearfix"></div>

<script type="text/javascript" src="http://konga.postaffiliatepro.com/scripts/banner.php?k_id=tundetonade&amp;k_bid=6e7d3ac7"></script>

<p><img src="light.jpeg" alt="light face" style="float:down;width:42px;height:42px;border: 1px solid powderblue;">
The image will float to the left of the text.</p>
<p class="test"> <b>TO GOD BE THE GLORY GREAT THINGS HE HAS DONE</b></P>

<img src="images-54.jpeg" alt="my pics" width="150"height="150"> <img src="images-54.jpeg" alt="my pics" width="150"height="150">
<a href="https://www.ebay.com"> visit ebay for more products</a>

<hr>

</article>
<hr/>
</main>

<nav id="left" class="column">
<h3><b>CATEGORIES</b></h3>
<ul>
<li><a href="#">* Home security </a></li>
<li><a href="#">* Computing</a></li>
<li><a href="#">* Office items</a></li>
<li><a href="#">* ICT accessories</a></li>
<li><a href="#">* Stationeries</a></li>
</ul>
<h3><b>QUICK LINKS</b></h3>
<ul>
<li><a href="#">Home page</a></li>
<li><a href="#">contact us</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Help</a></li>

</ul>

</nav>

<div id="right" class="column">

<p><script type="text/javascript">
var bannersnack_embed = {"hash":"bc9exlfft","width":150,"height":600,"t":1510692015,"userId":32603111,"type":"html5"};
</script>
<script type="text/javascript" src="//cdn.bannersnack.com/iframe/embed.js"></script></p>
<script type="text/javascript" src="http://konga.postaffiliatepro.com/scripts/banner.php?k_id=tundetonade&amp;k_bid=e6abe862"></script>
</div>

</div>

<div id="footer-wrapper">
<footer id="footer"><p style="color:white;"><pre> ©2017 Copyright@clickers.com.ng All Rights Reserved </pre></p></footer>
</div>

</body>

</html>