368d6fafea
Code backup
225 lines
9.6 KiB
HTML
225 lines
9.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
|
<title>Test Page</title>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
|
|
<script src='main.js'></script>
|
|
</head>
|
|
<body>
|
|
<div class="heading">
|
|
<p>HUB</p>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="title">Blocco 1</p>
|
|
<i class="fas fa-audio-description"></i>
|
|
<hr>
|
|
<div class="section">
|
|
<div class="wrapper">
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
</div>
|
|
<div class="section">
|
|
<div class="wrapper">
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="title">Blocco 2</p>
|
|
<hr>
|
|
<div class="section">
|
|
<div class="wrapper">
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="section">
|
|
<div class="wrapper">
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="title">Blocco 3</p>
|
|
<hr>
|
|
<div class="section">
|
|
<div class="wrapper">
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="section">
|
|
<div class="wrapper">
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="title">Blocco 4</p>
|
|
<hr>
|
|
<div class="section">
|
|
<div class="wrapper">
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
</div>
|
|
<div class="section">
|
|
<div class="wrapper">
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
<div onclick="location.href='LINK';" class="icon builck">
|
|
<div class="tooltip">Builck</div>
|
|
<span><p class="ob-icon"></p></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="piedipagina">
|
|
<p>Sono un semplice pie</p>
|
|
</div>
|
|
</body>
|
|
</html> |