<!DOCTYPE html>
<html>
<head>
	<title>Custom HTML in fotorama</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">

	<!-- jQuery, -->
	<script src="jquery/jquery-1.9.1.min.js"></script>

	<!-- Fotorama -->
	<link  href="../out/fotorama.css" rel="stylesheet">
	<script src="../out/fotorama.js"></script>

	<!-- Just donâ€™t want to repeat this prefix in every img[src] -->
	<base href="i/okonechnikov/">
</head>

<body>

<p>Custom HTML:<p>
<pre style="margin-top: -1em; margin