File: /home/imensosw/www/imenso.co/dev/test/drag-drop/index.html
<!DOCTYPE html>
<html>
<head>
<title>Drag and Drop</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex, nofollow">
<link rel="stylesheet" href="js/jquery-ui.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="fabric.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="js/drag_drop.js"></script>
</head>
<body>
<header> Titan Boards Product Customization Tool </header>
<div class="dashboard">
<div class="col container1">
<div class="col-heading">Products</div>
<div class="cloneBoard">
<ul>
<li>
<span class="mozgat f75x30">
<img src="img/board_1.png" alt="board" class="artical" />
<p class="size size_h">100"</p>
<p class="size size_w">100"</p>
</span>
</li>
<li>
<span id="drag3" class="mozgat f75x45">
<img src="img/board.png" alt="board" class="artical" />
<p class="size size_h">100"</p>
<p class="size size_w">100"</p>
</span>
</li>
<li>
<span class="mozgat f75x30">
<img src="img/board_2.png" alt="board" class="artical" />
<p class="size size_h">100"</p>
<p class="size size_w">100"</p>
</span>
</li>
<li>
<span id="drag3" class="mozgat f75x45">
<img src="img/board_3.png" alt="board" class="artical" />
<p class="size size_h">100"</p>
<p class="size size_w">100"</p>
</span>
</li>
</ul>
</div>
</div>
<div class="col container2" id="dndBoard">
<div id="ch_dndBoard1" class="bal-oszlop tapad bal"></div>
</div>
<!-- <div class="action-bottom">
<a href="#">Download PDF Plan</a>
<a href="#">Download Excel Quote</a>
</div> -->
</div>
<footer class="text-center border-top"> product-customization </footer>
</body>
</html>