Lokalnie wszystko działa, kod wygląda tak:
KOD INDEX.HTML(fragment)
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Dominator Motocykle Gorzów - Używane motocykle i skutery Gorzów Wielkopolski</title>
<meta name="keywords" content="motocykle gorzow, motocykle Polska, motocykle, motory gorzów, motory gorzow, motory,
najlepsze motocykle gorzów, gorzów, tanie motocykle gorzów wlkp, dominator, motocykle dominator, dominator-motocykle-gorzow,
motocykle gorzow dominator, dominator, gorzow, gorzow wlkp, dominator motor, motor gorzow, dominator gorzow, motor dominator gorzow,
motocykle dominator gorzow wlkp, motocykle gorzów wlkp, gorzów wielkopolski">
<meta name="description" content="Motocykle Gorzów Wielkopolski. Dominator&Vulcan to firma, która od lat zajmuje się
sprzedarzą weszelskiego rodzaju pojazdów, szczególnie motocykli i motorowrów, zapraszamy do zapoznania się z naszą ofertą. ">
<meta http-equi="X-UA-Compatible" content="IE=edge, chrome=1">
<link rel="stylesheet" href="style1.css" type="text/css"></link>
<link href="https://fonts.googleapis.com/css?family=Nosifer|Shojumaru" rel="stylesheet">
<link rel="stylesheet" href="css/fontello.css" type="text/css" />
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="jquery.scrollTo.min.js"></script>
<script type="text/javascript">
jQuery(function($)
{
//zresetuj scrolla
$.scrollTo(0);
$('#link1').click(function() { $.scrollTo($('#pojemnikkonkakt'), 500); } );
$('.scrollup').click(function() { $.scrollTo($('body'), 1000); } );
//pokaż podczas przewijania
$(window).scroll(function()
{
if($(this).scrollTop()>300) $('.scrollup').fadeIn();
else $('.scrollup').fadeOut();
}
);
}
);
</script>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<a href="#" class="scrollup"></a>
<div id="logo">
</div>
<div id="nav">
<ol>
<li><a href="index1.html">O NAS</a></li>
<li><a href="motocykle.html">MOTOCYKLE</a>
<ul>
<li><a href="125cm3.html">125cm3</a>
</ul>
</li>
<li><a href="quady.html">QUADY</a>
</li>
<li><a href="#">50cm3</a>
<ul>
<li><a href="motorowery.html">MOTOROWERY</a>
<li><a href="skutery.html">SKUTERY</a>
</ul>
</li>
<li><a href="dziwne.html">DZIWNE</a>
</li>
<li><a href="index1.html">KONTAKT</a></li>
</ol>
</div>
<div id="wrapperrr">
<div id="wrapperr">
<div class="ofertamotocykle">
<div id="logooferta">
MOTOCYKLE
</div>
<div id="logoofertatext">Gdy zakładam kask, zaczynam inaczej patrzeć na świat !</div>
</div>
<div class="wrapper2">
<div class="overlayT">
<div class="img1">
<a href="harleydawidsonelectra.html"><img src="img/harleydawidsonelectra.png"></img></a>
<a class="link" href="#"><span class="icon"><i class="icon-search"></i><p>Więcej Informacji</p></span></a>
</div>
</div>
<div class="text1" style="float:left;">
<a href="harleydawidsonelectra.html" target="_blank" ><span class="texxt1">Harley Dawidson Electra </span><br />
<span class="texxt2">Kliklij tutaj aby dowiedzieć się więcej o motocyklu</span></a>
</div>
<div class="fontello1" >
<i class="icon-motorcycle" style="float:left;"></i>
<span class="texxt3">34 900zł</span>
<div style="clear:both;"></div>
</div>
<div class="wrapper2">
<div class="overlayT">
<div class="img1">
<a href="#"><img src="img/SuzukiBandit.png"></img></a>
<a class="link" href="#"><span class="icon"><i class="icon-search"></i><p>Więcej Informacji</p></span></a>
</div>
</div>
<div class="text1" style="float:left;">
<a href="suzukibandit.html" target="_blank" ><span class="texxt1">Suzuki Bandit </span><br />
<span class="texxt2">Kliklij tutaj aby dowiedzieć się więcej o motocyklu</span></a>
</div>
<div class="fontello1" >
<i class="icon-motorcycle" style="float:left;"></i>
<span class="texxt3">17 700zł</span>
<div style="clear:both;"></div>
</div>
KOD STYLE.CSS(fragment)
.img1
{
width: 150px;
height: 148px;
float: left;
border: 1px solid #000;
}
.overlayT
{
position: relative;
width: 152px;
height: 148px;
float: left;
border: 1px solid #000;
}
.overlayT .link
{
position: absolute;
width: 100%;
height: 100%;
display: block;
background-color: #27a38d;
left: 0px;
top: 0px;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.overlayT:hover .link
{
opacity: 0.8;
}
.icon
{
display: block;
top: 25%;
position: relative;
font-size: 18px;
text-align: center;
}
strona: dominator-motocykle-gorzow.pl
to były moje początki z programowaniem, właśnie stronie wybija rok i właściciel prosił o małą renowacje, wygląda jak wygląda, ponieważ kosztowała 300zł ;) Jako ciekawostka, to jedyne co mnie w niej teraz zadziwiło to pozycjonowanie, jest na hasło "motocykle gorzów" druga w wyszukiwaniach, nawet nad otomoto.