<!DOCTYPE html>
<html>
<head>
	
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Install UPandSELL - PersianScript.ir</title>

	<meta name="viewport" content="width=device-width">

	<!-- Fonts -->
	<link rel="stylesheet" href="../css/fonts.css">

	<!-- Stylesheet -->
	<link rel="stylesheet" href="../css/normalize.min.css">
	<link rel="stylesheet" href="../css/bootstrap.min.css">

	<!-- Javascript -->
	<script type="text/javascript" src="../js/jquery-min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/core.js"></script>

</head>
<body style="padding-top: 70px;">

<div class="navbar navbar-inverse navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container">
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</a>

		</div>
	</div>
</div>

<div class="container">
	<div class="page-header">
		<h1>Setup for UPandSELL</h1>
	</div>
	<?php
		if($step !="0"){
	?>
	<div class="progress progress-success">
	<?php
		if($step =="2"){
		$width="50";
		}elseif($step=="3"){
		$width="100";
		}else{
		$width="0";
		}
	?>
		<div class="bar" style="width: <?=$width?>%"></div> <!-- Pe masura ce vine pasul 1,2 procentul se mareste cu 25% iar la final sa fie 100% -->
	</div>
	<?php
	}
	?>
	<ul class="breadcrumb">
	  <li <?php if($step=="0"){ ?>class="active" <?php } ?>>Wellcome <span class="divider">></span></li>
	  <li <?php if($step=="1"){ ?>class="active" <?php } ?>>Step 1<span class="divider">></span></li>
	  <li <?php if($step=="2"){ ?>class="active" <?php } ?>>Step 2<span class="divider">></span></li>
	  <li>Finish Installation</li>
	</ul>
	<!--
	<div class="alert alert-success">
		We install the script on your website with success !
	</div>
	<div class="alert alert-error">
		Huston, we have a problem !
	</div> -->