<!DOCTYPE html>
<html lang="en">
<head>
	<title>Support</title>
	<link rel="icon" href="logo.png">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
	<script src="jquery/jquery-3.2.1.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
	<style>
  body {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      color: #818181;
  }
  
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 30px;
  }
  
  .fullHeight {
	  height: 100%;
  }
  
  .container-fluid {
      padding: 60px 50px;
  }
  .navbar {
      margin-bottom: 0;
      background-color: #000000;
      z-index: 9999;
      border: 0;
      font-size: 16px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 2px;
      border-radius: 0;
      font-family: Montserrat, sans-serif;
  }
  .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #000 !important;
      background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  
  footer {
     background-color: #000;
     color: #FFF;
  }
  
  #firstPanel {
	  color: white;
	  background: #92b2d3;
	  text-align: center;
  }
  
  #firstPanel h1 {
      letter-spacing: 3px;
  }
  
  #secondPanel {
	  text-align: left;
  }
  
  #secondPanel h1{
	 color: black;
  }
  
  #secondPanel h4{
	 font-size: 21px !important;
  }
  
  #svg {
		width: 100%;
		height: 100%;
		
		background: #F0F0F0;
  }
  
  #thirdPanel {
	  color: white;
	  background: #92b2d3;
  }
  
  #thirdPanel h2{
	  color: white;
  }
  
  #thirdPanel h3{
	  color: #EEE;
  }
  
  #thirdPanel h4{
	  color: white;
	  margin-bottom: 10px;
  }
  </style>
</head>
<body>

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a class="navbar-brand" href="#">Vective</a>
    </div>
    <div class="collapse navbar-collapse" id="navbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="http://feudal-ambitions.com/Vective">Home</a></li>
        <li><a href="editor.php">Editor</a></li>
        <li><a href="editor.php?isTutorial=true">Tutorial</a></li>
        <li><a href="support.php">Support</a></li>
        <li><a href="demo.php">Demo</a></li>
      </ul>
    </div>
  </div>
</nav>

<nav class="navbar navbar-default" style="visibility:hidden">
</nav>

<div id="secondPanel" class="container-fluid">
	<div class="row">
		<div class="col-sm-12">
			<h1 class="text-center">FAQ</h1>
			</br>
			<h3 class="text-center" style="color:black">You can find here questions frequently asked by our users</h3>
			</br>
			</br>
			<h3>My website host doesn't allow to upload files, how can I include the map I made ?</h3>
			<h4>If your map is small enough, you can copy-paste its content inside this tag : <xmp><script>paste here</script></xmp> However, some blog services (such as Blogger) will not allow very large content to be uploaded. The solution for this is either for you to have your own web server, or you can contact us (see below) and ask if we can host your data directly on Vective.</h4>
			</br>
			</br>
			<h3>How can I modify my .SVG using Vective ?</h3>
			<h4>Vective is not meant to be a .SVG editor, like Inkscape. Its purpose is to easily make existent .SVG interactable.</h4>
			</br>
			</br>
			<h3>I think that a feature is missing, how can I integrate it ?</h3>
			<h4>We are always looking for ways to improve Vective. If you want us to add a condition or an effect, or even something totally new, you can contact us, and if your idea is good, we'll glady add it to the next version of Vective.</h4>
			</br>
			</br>
			<h3>Did you make the default templates ?</h3>
			<h4>No, these templates are from the Wikimedia foundation. You can find the base file for the World template <a href='https://commons.wikimedia.org/wiki/File:BlankMap-FlatWorld6.svg'>here</a>, the one for the Europe template <a href='https://commons.wikimedia.org/wiki/File:Blank_political_map_Europe_in_2008_WF_(with_Kosovo).svg'>here</a>, and the one for the US <a href='https://commons.wikimedia.org/wiki/File:Blank_US_Map_(states_only).svg'>here</a>.</h4>
		</div>
    </div>
</div>

<div id="thirdPanel" class="container-fluid">
	<h2>Contact</h2>
	<h4>You can contact us by sending an email to tpefba(at)gmail.com.</h4>
</div>

<footer class="container-fluid text-center" style="padding: 10px">
	<p>Vective</p>
</footer>
</body>
</html>