<?php
session_start();
?>

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <link rel="icon" href="../logo.png">
  <title>InterMap</title>
  <meta name="description" content="InterMap">
  <meta name="author" content="AD">
  <link rel="stylesheet" href="index.css">
  <link href="https://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet">
</head>

<body>

<script src="../snap/dist/snap.svg-min.js"></script>
<script src="../Hammer/hammer.min.js"></script>

<div id="topBar">
	<div class="container1">
		<p>InterMap</p>
	</div>
	<div class="container2">
		<a href="#">Home</a>
		<a href="editor.php">Editor</a>
		<a href="editor.php">Tutorial</a>
		<a href="support.php">Support</a>
		<a href="demos.php">Demos</a>
	</div>
</div>

<div id="hiddenPanel">
</div>

<div id="firstPanel">
	<div class="container1">
		<p>InterMap</p>
	</div>
	<div class="container2">
		<p>The digital and interactive web-based solution for your vector maps and infographics</p>
	</div>
</div>

<div id="secondPanel">
	<div class="box2">
		<div class="container">
			<h2> Make your static vector maps interactive ! </h2>
			</br>
			<p> InterMap is a great tool that enables everyone to create interactive maps either from predefined templates or directly from their own maps ! </p>
			</br>
			<p> InterMap uses the vector-based SVG format that enables stunning visual quality at any zoom level, while keeping the size of each file as low as possible.</p>
		</div>
	</div>
	<div class="box1">
		<div class="container" id="paper" style="background:#F0F0F0">
			<svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" style="touch-action:none"></svg>
		</div>
	</div>
</div>

<div id="thirdPanel">
	<h2>Our features : </h2>
	</br>
	<h3>Load any SVG file, and make it interactive</h3>
	<p>InterMap can load any SVG file you created, or you can make your interactive map based on the provided templates, such as World, Europe or US maps.</p>
	</br>
	</br>
	<h3>Modify each element in real time</h3>
	<p>The main feature of InterMap is the ability to add to each element of your map modifiers, which are triggered by user-defined conditions and affect the element.</p>
	<p>Conditions include the hovering of the mouse on the element, selection of the element by a mouse click, and much more.</p>
	<p>Some examples of effects on the element are change of color, animation of paths, or even, camera movement.</p>
	</br>
	</br>
	<h3>Stunning timelines</h3>
	<p>InterMap can create timelines, efficiently displaying ever changing informations, such as the current state in a conflict or the movements of a fleet.</p>
	</br>
	</br>
	<h3>Easily export and embed your maps </h3>
	<p>At any time during your interactive map construction, you can export it and add it to your website in a few seconds.</p>
</div>

<div id="fourthPanel">
	<h2>Try it now !</h2>
	<p>InterMap is 100% free and you are only seconds away from creating your first interactive map. <b><a href="editor.php"> Try now </a></b></p>
</div>

<script src="../CIG/Kuznetsov/data.json"></script>
<script src="../CIG/Kuznetsov/inter.js"></script>

</body>
</html>