<%@ page contentType="text/html;charset=ISO-8859-1" language="java"%> 
<%@ page import="java.sql.* 
,java.io.* 
,java.net.* 
,java.sql.Connection 
,java.sql.DriverManager 
,javax.servlet.ServletException 
,javax.servlet.annotation.WebServlet 
,javax.servlet.http.HttpServlet 
,javax.servlet.http.HttpServletRequest 
,javax.servlet.http.HttpServletResponse 
,com.dhtmlx.connector.* 
,Pak.Session"%> 
<% 
String redirectURL; 
String codeSociete = ""; 
String codeTiers = ""; 
String nomTiers = ""; 
String soldeTiers = ""; 
String userName = null; 
String webUser = "false"; 
String codePersonne = null; 
String defaultPrinter ; 
String defaultPrinterA4 ; 
String codeCaisse = null; 
String codeCaisse1 = null; 
String defaultTiers = null; 
String advancedUi = null; 
String advancedUiCmd = null; 
String confirmCmdV = null; 
String approuveCmdV = null; 
String reserveCmdV = null; 
String articlesListShow = null; 
String updatePrix = null; 
String updatePrixPlus = null; 
String updatePrixPlusPlus = null; 
String updateSiteCmdV = null; 
String rti = null; 
String updateArticle = null;  // 0 = pas d'access en modification , 1 = gerer les  lots, articles associés, conditionnement ; 2 = 1 + Promotion; 3 = 1 + Fabrication; 4 = 3 + 2 ; 5 = 4 + Contrat achat ;  6 = full 
String acompteCmd = null; 
String Event_1_Access = null;         
String Event_2_Access = null;                 
String Event_3_Access = null;                 
String Event_4_Access = null;                 
String Event_5_Access = null;                 
String Event_6_Access = null;                 
String Event_7_Access = null;                 
String Event_10_Access = null;         
String Event_11_Access = null;                 
String Event_12_Access = null;                 

String codeDepartementProd = null; 
String codeDepartementLog = null; 
String codeProduit = ""; 
String CodeDepartement = ""; 
String codeDepartementLogistique = ""; 
String quantiteeMode = ""; 
String codeSocieteDepot = ""; 
String Facturer = "0"; 
String Emise = "0"; 
String sql = null; 
String form = null; 
String codeDocument = "";         
String status = "0";         
String sitesOptions = ""; 
String sitesOptionsSelect = ""; 
String eventCode = "0";
String email = "";
String sqlStr = ""; 
String query = "";
String usersOptions ="";
String BENORISABLE ="";
String BENOR ="";
String usersOptionsSelect  = "";
String usersOptionsSelect2  = "";
String usersOptionsSelect3  = "";
String usersOptionsSelect4  = "";
Connection connection = null; 
Statement statement = null; 
ResultSet rs = null; 
ResultSet rsW = null; 
Statement statementW = null; 
String BENORetBENORISABLE ="";


%> 

<% 
//lire les parametres du Http Request 

 String scheme = request.getScheme(); 
 String serverName = request.getServerName(); 
 int serverPort = request.getServerPort(); 
 String url = scheme + "://" + serverName + ":" + serverPort ; 

 String posStart = ""; 
 if (request.getParameter("posStart") != null){ 
  posStart = request.getParameter("posStart"); 
 }else{ 
  posStart = "0"; 
 }   

 String count = ""; 
 if (request.getParameter("count") != null){ 
  count = request.getParameter("count"); 
 }else{ 
  count = "50";   
 }   

//recuperer les parametres du HttpRequest 
sql = request.getParameter("sql"); 
userName = request.getParameter("userName"); 
codeSociete = request.getParameter("codeSociete"); 
codeDocument = request.getParameter("codeDocument"); 
codeTiers = request.getParameter("codeTiers"); 
eventCode = request.getParameter("eventCode"); 
form = request.getParameter("form"); 

//Initialiser  la session 
Session uiSession = new Session(); 
Connection conn = uiSession.openSession(request,response,1); 

if (codeDocument == null) { 
        codeDocument = ""; 
} 
if (conn == null) 
        
{ 
    redirectURL = url + "/logIn.html";      
} 
else 
{         
	ResultSet resultSet=null; 
	statement = conn.createStatement(); 
			
	if (codeDocument == "") 
	{ 
		//Initialiser les parametre du user 

		query = "if exists(select userName from usersProfiles where UserName = '" + userName + "') Select UsersProfiles.* , personnels.email,tiers.nom as nomTiers from UsersProfiles inner join personnels on UsersProfiles.codePersonne = personnels.Code " 
						+ " left join Tiers on UsersProfiles.defaultClient = Tiers.code " 
						+ " where UsersProfiles.codeSociete = '" +  codeSociete + "' and personnels.UserName = '" + userName + "'" 
						+ "else " 
						+ " Select UsersProfiles.* , personnels.email,tiers.nom as nomTiers from UsersProfiles inner join personnels on UsersProfiles.codePersonne = personnels.Code " 
						+ " left join Tiers on UsersProfiles.defaultClient = Tiers.code " 
						+ " where UsersProfiles.codeSociete = '" +  codeSociete + "' and personnels.UserName = 'WebUser'";                 


		//System.out.println(query); 
		resultSet = statement.executeQuery(query ); 
		resultSet.next();         
		if (resultSet.getString("userName").replace("\\", "/").equals("webUser")) 
		webUser = "true"; 
		defaultPrinter = resultSet.getString("defaultPrinter").replace("\\", "/"); 
		//defaultPrinterA4 = resultSet.getString("defaultPrinterA4").replace("\\", "/"); 
		defaultTiers = resultSet.getString("defaultClient").replace("\\", "/"); 
		nomTiers = resultSet.getString("nomTiers").replace("\\", "/"); 
		advancedUi = resultSet.getString("advencedUi").replace("\\", "/"); 
		soldeTiers = resultSet.getString("soldeTiers"); 
		updateSiteCmdV = resultSet.getString("updateSiteCmdV"); 
		
		advancedUiCmd = resultSet.getString("advancedUiCmd").replace("\\", "/"); 
		confirmCmdV = resultSet.getString("confirmCmdV").replace("\\", "/"); 
		approuveCmdV = resultSet.getString("approuveCmdV").replace("\\", "/"); 
		reserveCmdV = resultSet.getString("reserveCmdV").replace("\\", "/"); 
		   articlesListShow =   resultSet.getString("articlesListShow").replace("\\", "/"); 
		updatePrix = resultSet.getString("updatePrix").replace("\\", "/"); 
		updatePrixPlus = resultSet.getString("updatePrixPlus").replace("\\", "/"); 
		updatePrixPlusPlus = resultSet.getString("updatePrixPlusPlus").replace("\\", "/"); 
		updateArticle = resultSet.getString("updateArticle"); 
		codeSocieteDepot = resultSet.getString("CodeDepotS").replace("\\", "/"); 
		codeCaisse = resultSet.getString("codeCaisse").replace("\\", "/"); 
		codeCaisse1 = resultSet.getString("codeCaisse1").replace("\\", "/"); 
		codePersonne = resultSet.getString("codePersonne").replace("\\", "/"); 
		codeProduit = resultSet.getString("codeProduit").replace("\\", "/"); 
		CodeDepartement = resultSet.getString("codeDepartementProd").replace("\\", "/"); 
		codeDepartementLogistique = resultSet.getString("codeDepartementLog").replace("\\", "/"); 
		quantiteeMode = resultSet.getString("quantiteeMode_10").replace("\\", "/"); 
		rti = resultSet.getString("RTI"); 
		Event_1_Access = resultSet.getString("Event_1_Access"); 
		Event_2_Access = resultSet.getString("Event_2_Access"); 
		Event_3_Access = resultSet.getString("Event_3_Access"); 
		Event_4_Access = resultSet.getString("Event_4_Access"); 
		Event_5_Access = resultSet.getString("Event_5_Access"); 
		Event_6_Access = resultSet.getString("Event_6_Access"); 
		Event_7_Access = resultSet.getString("Event_7_Access"); 
		Event_10_Access = resultSet.getString("Event_10_Access"); 
		Event_11_Access = resultSet.getString("Event_11_Access"); 
		Event_12_Access = resultSet.getString("Event_12_Access"); 
		codeDocument = ""; 
		email = resultSet.getString("email");
	} 
	else 
	{ 
		//Initialiser les parametre du user 

		query = "if exists(select userName from usersProfiles where UserName = '" + userName + "') Select UsersProfiles.* , tiers.nom as nomTiers from UsersProfiles inner join personnels on UsersProfiles.codePersonne = personnels.Code " 
						+ " left join Tiers on UsersProfiles.defaultClient = Tiers.code " 
						+ " where UsersProfiles.codeSociete = '" +  codeSociete + "' and personnels.UserName = '" + userName + "'" 
						+ "else " 
						+ " Select UsersProfiles.* , tiers.nom as nomTiers from UsersProfiles inner join personnels on UsersProfiles.codePersonne = personnels.Code " 
						+ " left join Tiers on UsersProfiles.defaultClient = Tiers.code " 
						+ " where UsersProfiles.codeSociete = '" +  codeSociete + "' and personnels.UserName = 'WebUser'";                 

		//System.out.println(query); 
		resultSet = statement.executeQuery(query ); 
		resultSet.next(); 
		if (resultSet.getString("userName").replace("\\", "/").equals("webUser")) 
			webUser = "true"; 
		defaultPrinter = resultSet.getString("defaultPrinter").replace("\\", "/"); 
		//defaultPrinterA4 = resultSet.getString("defaultPrinterA4").replace("\\", "/"); 
		defaultTiers = resultSet.getString("defaultClient").replace("\\", "/"); 
		soldeTiers = resultSet.getString("soldeTiers"); 
		updateSiteCmdV = resultSet.getString("updateSiteCmdV"); 
		advancedUi = resultSet.getString("advencedUi").replace("\\", "/"); 
		advancedUiCmd = resultSet.getString("advancedUiCmd").replace("\\", "/"); 
		confirmCmdV = resultSet.getString("confirmCmdV").replace("\\", "/"); 
		approuveCmdV = resultSet.getString("approuveCmdV").replace("\\", "/"); 
		reserveCmdV = resultSet.getString("reserveCmdV").replace("\\", "/"); 
		articlesListShow = resultSet.getString("articlesListShow").replace("\\", "/"); 
		updatePrix = resultSet.getString("updatePrix").replace("\\", "/"); 
		updatePrixPlus = resultSet.getString("updatePrixPlus").replace("\\", "/"); 
		updatePrixPlusPlus = resultSet.getString("updatePrixPlusPlus").replace("\\", "/"); 
		updateArticle = resultSet.getString("updateArticle"); 
		codeSocieteDepot = resultSet.getString("CodeDepotS").replace("\\", "/"); 
		codeCaisse = resultSet.getString("codeCaisse").replace("\\", "/"); 
		codeCaisse1 = resultSet.getString("codeCaisse1").replace("\\", "/"); 
		codePersonne = resultSet.getString("codePersonne").replace("\\", "/"); 
		
		codeDepartementLogistique = resultSet.getString("codeDepartementLog").replace("\\", "/"); 
		quantiteeMode = resultSet.getString("quantiteeMode_10").replace("\\", "/"); 
		rti = resultSet.getString("RTI"); 
		Event_1_Access = resultSet.getString("Event_1_Access"); 
		Event_2_Access = resultSet.getString("Event_2_Access"); 
		Event_3_Access = resultSet.getString("Event_3_Access"); 
		Event_4_Access = resultSet.getString("Event_4_Access"); 
		Event_5_Access = resultSet.getString("Event_5_Access"); 
		Event_6_Access = resultSet.getString("Event_6_Access"); 
		Event_7_Access = resultSet.getString("Event_7_Access"); 
		Event_10_Access = resultSet.getString("Event_10_Access"); 
		Event_11_Access = resultSet.getString("Event_11_Access"); 
		Event_12_Access = resultSet.getString("Event_12_Access"); 
		email = resultSet.getString("email");

		query = "select affaires.eventCode,affaires.codetiers , tiers.nom as NomTiers , affaires.Status  " 
						   + " from affaires inner  join tiers on tiers.code = affaires.codetiers " 
						   + "        where affaires.Code = '" + codeDocument + "' " ;
							
		resultSet = statement.executeQuery(query ); 
		resultSet.next(); 
		//Facturer = resultSet.getString("Facturer"); 
		//Emise = resultSet.getString("Emise"); 
		codeTiers = resultSet.getString("CodeTiers"); 
		eventCode = resultSet.getString("eventCode"); 
		nomTiers = resultSet.getString("nomTiers").replace("\\", "/"); 
		status =  resultSet.getString("status"); 
		resultSet.close(); 

			
	}    
  		query =  " select sum(Quantite) as 'Totalm³' from articles a "
                  +" inner join ArticlesInstances ai on a.Code=ai.CodeArticle "
                  +" inner join ArticlesLots al on ai.CodeLot=al.code "
                  +" inner join Familles f on f.Code=ai.CodeFamille "
                  +" inner join Productions p on p.Code=ai.CodeProduction "
                  +" inner join ProfilesFabrication pf on pf.Code=p.CodeProfileFabrication "
                  +" inner join ChainesFab cf on cf.code= pf.CodeChaineFab "
                  +" where  PS>=10 and ai.Nature=0 and p.ExecStartDate >= '2020-11-15' and p.ExecStartDate <= '2021-11-15' and (cf.code='01BPE2000' or cf.code='10BPE2000') ";

        resultSet = statement.executeQuery(query); 
        if (resultSet != null) { 
                
			while (resultSet.next()) { 
					
				//usersOptions +=  " <option value= \""+  resultSet.getString("Totalm³") + "\">" + resultSet.getString("Totalm³") +  "</option>"; 
				usersOptions +=  resultSet.getString("Totalm³") ; 
				usersOptionsSelect =  usersOptions; // " <item value= \""+  resultSet.getString("Totalm³") + "\" label=\"" + resultSet.getString("Totalm³") +  "\"/>";     
			} 
			
			resultSet.close(); 
			//usersOptionsSelect = "<data>" + sitesOptionsSelect +  "</data>"; 
			usersOptionsSelect =  usersOptions ; 
                
        } 	
		query =  " select sum(Quantite) as 'BENORISABLE' from articles a"
+" inner join ArticlesInstances ai on a.Code=ai.CodeArticle"
+" inner join ArticlesLots al on ai.CodeLot=al.code"
+" inner join Familles f on f.Code=ai.CodeFamille"
+" inner join Productions p on p.Code=ai.CodeProduction"
+" inner join ProfilesFabrication pf on pf.Code=p.CodeProfileFabrication"
+" inner join ChainesFab cf on cf.code= pf.CodeChaineFab"
+" where  ai.codeproduit='BPE' and PS>=10 and ai.Nature=0 and p.ExecStartDate >= '2020-11-15' and p.ExecStartDate <= '2021-11-15' and (cf.code='01BPE2000' or cf.code='10BPE2000') "
+" and f.Code not in ("
+" 'C12/15 CEM III/A 32,5 N LA'"
+" ,'C16/20 CEM I 52,5 N'"
+" ,'C16/20 CEM III/A 32,5 N LA'"
+" ,'C16/20 CEM III/A 42,5 N LA'"
+" ,'C20/25 CEM III/A 32,5 N LA'"
+" ,'C20/25 CEM III/A 42,5 N LA'"
+" ,'C25/30 CEM I 52,5 N'"
+" ,'C25/30 CEM III/A 32,5 N LA'"
+" ,'C25/30 CEM III/A 42,5 N LA'"
+" ,'C25/30 CEM III/B 42,5 N HSR LA'"
+" ,'C30/37 CEM I 52,5 N'"
+" ,'C30/37 CEM III/A 32,5 N LA'"
+" ,'C30/37 CEM III/A 42,5 N LA'"
+" ,'C30/37 CEM III/B 42,5 N HSR LA'"
+" ,'C35/45 CEM I 52,5 N'"
+" ,'C35/45 CEM III/A 42,5 N LA'"
+" ,'C35/45 CEM III/B 42,5 N HSR LA'"
+" ,'C40/50 CEM III/A 42,5 N LA'"
+" ,'C40/50 CEM III/B 42,5 N HSR LA'"
+" ,'C45/55 CEM III/A 42,5 N LA'"
+" ,'C45/55 CEM III/B 42,5 N HSR LA')";

        resultSet = statement.executeQuery(query); 
        if (resultSet != null) { 
                
			while (resultSet.next()) { 
					
				//usersOptions +=  " <option value= \""+  resultSet.getString("BENORISABLE") + "\">" + resultSet.getString("BENORISABLE") +  "</option>"; 
				BENORISABLE +=  resultSet.getString("BENORISABLE") ; 
				usersOptionsSelect2 += BENORISABLE; //  " <item value= \""+  resultSet.getString("BENORISABLE") + "\" label=\"" + resultSet.getString("BENORISABLE") +  "\"/>";     
			} 
			
			resultSet.close(); 
			//usersOptionsSelect = "<data>" + sitesOptionsSelect +  "</data>"; 
			usersOptionsSelect2 =  BENORISABLE ; 
                
        } 	
		query =  " select sum(Quantite) as 'BENOR' from articles a"
+" inner join ArticlesInstances ai on a.Code=ai.CodeArticle"
+" inner join ArticlesLots al on ai.CodeLot=al.code"
+" inner join Familles f on f.Code=ai.CodeFamille"
+" inner join Productions p on p.Code=ai.CodeProduction"
+" inner join ProfilesFabrication pf on pf.Code=p.CodeProfileFabrication"
+" inner join ChainesFab cf on cf.code= pf.CodeChaineFab"
+" where  ai.codeproduit='BPE' and PS>=10 and ai.Nature=0 and p.ExecStartDate >= '2020-11-15' and p.ExecStartDate <= '2021-11-15' and (cf.code='01BPE2000' or cf.code='10BPE2000') "
+" and (ai.CodeTeinte='S' or ai.CodeTeinte='D')";

        resultSet = statement.executeQuery(query); 
        if (resultSet != null) { 
                
			while (resultSet.next()) { 
					
				//usersOptions +=  " <option value= \""+  resultSet.getString("BENOR") + "\">" + resultSet.getString("BENOR") +  "</option>"; 
				BENOR +=  resultSet.getString("BENOR") ; 
				usersOptionsSelect3 += BENOR ; // " <item value= \""+  resultSet.getString("BENOR") + "\" label=\"" + resultSet.getString("BENOR") +  "\"/>";     
			} 
			
			resultSet.close(); 
			//usersOptionsSelect = "<data>" + sitesOptionsSelect +  "</data>"; 
			usersOptionsSelect3 =  BENOR ; 
                
        }
		
		///BENORetBENORISABLE = Integer.parseInt(BENORetBENORISABLE);
				

//BENORetBENORISABLE = Integer.parseInt(BENOR)	;
//BENORetBENORISABLE +=  Integer.parseInt(BENORISABLE) ;
//usersOptionsSelect4 =  BENORetBENORISABLE ;
 	
} 

%> 
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Flattern - Flat and trendy bootstrap site template</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="" />
  <meta name="author" content="" />

  <!-- css -->
  <link href="https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700" rel="stylesheet">
  <link href="css/bootstrap.css" rel="stylesheet" />
  <link href="css/bootstrap-responsive.css" rel="stylesheet" />
  <link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
  <link href="css/jcarousel.css" rel="stylesheet" />
  <link href="css/flexslider.css" rel="stylesheet" />
  <link href="css/style.css" rel="stylesheet" />
  <!-- Theme skin -->
  <link href="skins/green.css" rel="stylesheet"  />
  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png" />
  <link rel="shortcut icon" href="ico/favicon.png" />

  <!-- =======================================================
    Theme Name: Flattern
    Theme URL: https://bootstrapmade.com/flattern-multipurpose-bootstrap-template/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
  ======================================================= -->
  <script>
  var Event_1_Access = '<%= Event_1_Access%>'; 
	var Event_2_Access = '<%= Event_2_Access%>'; 
	var Event_3_Access = '<%= Event_3_Access%>'; 
	var Event_4_Access = '<%= Event_4_Access%>'; 
	var Event_5_Access = '<%= Event_5_Access%>'; 
	var Event_6_Access = '<%= Event_6_Access%>'; 
	var Event_7_Access = '<%= Event_7_Access%>'; 
	var Event_10_Access = '<%= Event_10_Access%>'; 
	var Event_11_Access = '<%= Event_11_Access%>'; 
	var Event_12_Access = '<%= Event_12_Access%>'; 
	var codeTiers  = '<%= codeTiers%>'; 
	var codeDocument = '<%= codeDocument%>'; 
	var eventCode =  "<%= eventCode%>"; 
	var userName =  "<%= userName%>"; 
	var webUser =  "<%= webUser%>"; 
	var email =  "<%= email%>"; 
	var usersOptions  =  '<%= usersOptions%>'; 
	var usersOptionsSelect  =  '<%= usersOptionsSelect%>'; 
	var codeSociete =  "<%= codeSociete%>"; 
	var codeSocieteDepot =  "<%= codeSocieteDepot%>"; 
	var deb;
	var fin;
	var today="";
	var twoHoursLater="";
	var loadInProgress = true;
	var StatuR='0';
  </script>
  
  
</head>

<body>
  <div id="wrapper">
    <!-- toggle top area -->
    <div class="hidden-top">
      <div class="hidden-top-inner container">
        <div class="row">
          <div class="span12">
            <ul>
              <li><strong>Nous sommes disponible pour toutes questions</strong></li>
              <li>Rue Wauters 152, 7181 Familleureux</li>
              <li>Appelez nous <i class="icon-phone"></i> +32 64 239 540</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- end toggle top area -->
    <!-- start header -->
    <header>
      <div class="container ">
        <!-- hidden top area toggle link -->
        <div id="header-hidden-link">
          <a href="#" class="toggle-link" title="Pour infos" data-target=".hidden-top"><i></i>Open</a>
        </div>
        <!-- end toggle link -->
        <div class="row nomargin">
          <div class="span12">
            <div class="headnav">
              <ul>
                <li><a href="#mySignup" data-toggle="modal"><i class="icon-user"></i> Creer compte</a></li>
                <li><a href="#mySignin" data-toggle="modal">Login</a></li>
              </ul>
            </div>
            <!-- Signup Modal -->
            <div id="mySignup" class="modal styled hide fade" tabindex="-1" role="dialog" aria-labelledby="mySignupModalLabel" aria-hidden="true">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="mySignupModalLabel">creer <strong>un compte</strong></h4>
              </div>
              <div class="modal-body">
                <form class="form-horizontal">
                  <div class="control-group">
                    <label class="control-label" for="inputEmail">Email</label>
                    <div class="controls">
                      <input type="text" id="inputEmail" placeholder="Email">
                    </div>
                  </div>
                  <div class="control-group">
                    <label class="control-label" for="inputSignupPassword">Password</label>
                    <div class="controls">
                      <input type="password" id="inputSignupPassword" placeholder="Password">
                    </div>
                  </div>
                  <div class="control-group">
                    <label class="control-label" for="inputSignupPassword2">Confirm Password</label>
                    <div class="controls">
                      <input type="password" id="inputSignupPassword2" placeholder="Password">
                    </div>
                  </div>
                  <div class="control-group">
                    <div class="controls">
                      <button type="submit" class="btn">Creer compte</button>
                    </div>
                    <p class="aligncenter margintop20">
                      Vous avez déjà un compte? <a href="#mySignin" data-dismiss="modal" aria-hidden="true" data-toggle="modal">login</a>
                    </p>
                  </div>
                </form>
              </div>
            </div>
            <!-- end signup modal -->
            <!-- Sign in Modal -->
            <div id="mySignin" class="modal styled hide fade" tabindex="-1" role="dialog" aria-labelledby="mySigninModalLabel" aria-hidden="true">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="mySigninModalLabel">Connectez <strong>Vous</strong></h4>
              </div>
              <div class="modal-body">
                <form class="form-horizontal">
                  <div class="control-group">
                    <label class="control-label" for="inputText">Login</label>
                    <div class="controls">
                      <input type="text" id="inputText" placeholder="Username">
                    </div>
                  </div>
                  <div class="control-group">
                    <label class="control-label" for="inputSigninPassword">Password</label>
                    <div class="controls">
                      <input type="password" id="inputSigninPassword" placeholder="Password">
                    </div>
                  </div>
                  <div class="control-group">
                    <div class="controls">
                      <button type="submit" class="btn">Login</button>
                    </div>
                    <p class="aligncenter margintop20">
                      Mot de passe oublié? <a href="#myReset" data-dismiss="modal" aria-hidden="true" data-toggle="modal">Reset</a>
                    </p>
                  </div>
                </form>
              </div>
            </div>
            <!-- end signin modal -->
            <!-- Reset Modal -->
            <div id="myReset" class="modal styled hide fade" tabindex="-1" role="dialog" aria-labelledby="myResetModalLabel" aria-hidden="true">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="myResetModalLabel">Reset <strong>password</strong></h4>
              </div>
              <div class="modal-body">
                <form class="form-horizontal">
                  <div class="control-group">
                    <label class="control-label" for="inputResetEmail">Email</label>
                    <div class="controls">
                      <input type="text" id="inputResetEmail" placeholder="Email">
                    </div>
                  </div>
                  <div class="control-group">
                    <div class="controls">
                      <button type="submit" class="btn">Reset password</button>
                    </div>
                    <p class="aligncenter margintop20">
                      Vous reçevez votre mot de passe par mail
                    </p>
                  </div>
                </form>
              </div>
            </div>
            <!-- end reset modal -->
          </div>
        </div>
        <div class="row">
          <div class="span4">
            <div class="logo">
              <a href="index.html"><img src="img/logo.png" alt="" class="logo" /></a>
              <!--<h1>Flat and trendy bootstrap template</h1>-->
            </div>
          </div>
          <div class="span8">
            <div class="navbar navbar-static-top">
              <div class="navigation">
                <nav>
                  <ul class="nav topnav">
                    <li class="dropdown active">
                      <a href="index.html">Accueil <i class="icon-angle-down"></i></a>
                      <ul class="dropdown-menu">
                        <li><a href="index-alt2.html">Homepage 2</a></li>
                        <li><a href="index-alt3.html">Homepage 3</a></li>
                      </ul>
                    </li>
					 <li class="dropdown">
                      <a href="about.html">A Propos <i class="icon-angle-down"></i></a>
                      
                    </li>
					 <li>
                      <a href="#">Services </a>
                    </li>
					 <li>
                      <a href="">Fiches tech </a>
                    </li>
					 <li>
                      <a href="">Engagement </a>
                    </li>
                    <li class="dropdown">
                      <a href="#">Features <i class="icon-angle-down"></i></a>
                      <ul class="dropdown-menu">
                        <li><a href="typography.html">Typography</a></li>
                        <li><a href="table.html">Table</a></li>
                        <li><a href="components.html">Components</a></li>
                        <li><a href="animations.html">56 Animations</a></li>
                        <li><a href="icons.html">Icons</a></li>
                        <li><a href="icon-variations.html">Icon variations</a></li>
                        <li class="dropdown"><a href="#">3 Sliders <i class="icon-angle-right"></i></a>
                          <ul class="dropdown-menu sub-menu-level1">
                            <li><a href="index.html">Nivo slider</a></li>
							<ul class="dropdown-menu sub-menu-level1">
							</ul>
                            <li><a href="index-alt2.html">Slit slider</a></li>
                            <li><a href="index-alt3.html">Parallax slider</a></li>
							<li><!--New drop dowd-->
							 <li class="dropdown"><a href="#">3 Sliders <i class="icon-angle-right"></i></a>
                          <ul class="dropdown-menu sub-menu-level1">
                            <li><a href="index.html">Nivo slider</a></li>
							<ul class="dropdown-menu sub-menu-level1">
							</ul>
                            <li><a href="index-alt2.html">Slit slider</a></li>
                            <li><a href="index-alt3.html">Parallax slider</a></li>
                          </ul>
                        </li>
							</li><!--end new drop down-->
                          </ul>
                        </li>
                      </ul>
                    </li>
                    <li class="dropdown">
                      <a href="#">Pages <i class="icon-angle-down"></i></a>
                      <ul class="dropdown-menu">
                        <li><a href="about.html">About us</a></li>
                        <li><a href="pricingbox.html">Pricing boxes</a></li>
                        <li><a href="testimonials.html">Testimonials</a></li>
                        <li><a href="404.html">404</a></li>
					 <li class="dropdown">
                      <a href="#">Portfolio <i class="icon-angle-down"></i></a>
                      <ul class="dropdown-menu">
                        <li><a href="portfolio-2cols.html">Portfolio 2 columns</a></li>
                        <li><a href="portfolio-3cols.html">Portfolio 3 columns</a></li>
                        <li><a href="portfolio-4cols.html">Portfolio 4 columns</a></li>
                        <li><a href="portfolio-detail.html">Portfolio detail</a></li>
                      </ul>
                    </li>
                    <li class="dropdown">
                      <a href="#">Blog <i class="icon-angle-down"></i></a>
                      <ul class="dropdown-menu">
                        <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
                        <li><a href="blog-right-sidebar.html">Blog right sidebar</a></li>
                        <li><a href="post-left-sidebar.html">Post left sidebar</a></li>
                        <li><a href="post-right-sidebar.html">Post right sidebar</a></li>
                      </ul>
                    </li>
                      </ul>
                    </li>

                    <li>
                      <a href="contact.html">Contact </a>
                    </li>
                  </ul>
                </nav>
              </div>
              <!-- end navigation -->
            </div>
          </div>
        </div>
      </div>
    </header>
    <!-- end header -->
    <section id="featured">
      <!-- start slider -->
      <!-- Slider -->
      <div id="nivo-slider">
        <div class="nivo-slider">
          <!-- Slide #1 image -->
          <img src="img/slides/nivo/bg-1.jpg" alt="" title="#caption-1" />
          <!-- Slide #2 image -->
          <img src="img/slides/nivo/bg-2.jpg" alt="" title="#caption-2" />
          <!-- Slide #3 image -->
          <img src="img/slides/nivo/bg-3.jpg" alt="" title="#caption-3" />
        </div>
        <div class="container">
          <div class="row">
            <div class="span12">
              <!-- Slide #1 caption -->
              <div class="nivo-caption" id="caption-1">
                <div>
                  <h2>Groupe <strong>Roosens Bétons</strong></h2>
                  <p>
                    <h2><span>Produits des fondations </span> <br>
								<span>aux finitions</span></h2>
                  </p>
                  <a href="#" class="btn btn-theme">Read More</a>
                </div>
              </div>
              <!-- Slide #2 caption -->
              <div class="nivo-caption" id="caption-2">
                <div>
                  <h2>Fully <strong>responsive</strong></h2>
                  <p>
                    Lorem ipsum dolor sit amet nsectetuer nec Vivamus. Curabitu laoreet amet eget. Viurab oremd ellentesque ameteget. Lorem ipsum dolor sit amet nsectetuer nec vivamus.
                  </p>
                  <a href="#" class="btn btn-theme">Read More</a>
                </div>
              </div>
              <!-- Slide #3 caption -->
              <div class="nivo-caption" id="caption-3">
                <div>
                  <h2>Roosens<strong>Bétons</strong></h2>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- end slider -->
    </section>
    <section class="callaction">
      <div class="container">
        <div class="row">
          <div class="span12">
            <div class="big-cta">
              <div class="cta-text">
                <h3>Plus de <span class="highlight"><strong>2000 projets</strong></span> réalisés avec nos produits</h3>
              </div>
              <div class="cta floatright">
                <a class="btn btn-large btn-theme btn-rounded" href="#">Demander une offre</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id="content">
      <div class="container">
        <div class="row">
          <div class="span12">
            <div class="row">
              <div class="span3">
                <div class="box aligncenter">
                  <div class="aligncenter icon">
                    <i class="icon-briefcase icon-circled icon-64 active"></i>
                  </div>
                  <div class="text">
                    <h6>Qualité</h6>
                    <p>
                      Lorem ipsum dolor sit amet, has ei ipsum scaevola deseruisse am sea facilisis.
                    </p>
                    <a href="#">Plus...</a>
                  </div>
                </div>
              </div>
              <div class="span3">
                <div class="box aligncenter">
                  <div class="aligncenter icon">
                    <i class="icon-desktop icon-circled icon-64 active"></i>
                  </div>
                  <div class="text">
                    <h6>Services</h6>
                    <p>
                      Lorem ipsum dolor sit amet, has ei ipsum scaevola deseruisse am sea facilisis.
                    </p>
                    <a href="#">Plus...</a>
                  </div>
                </div>
              </div>
              <div class="span3">
                <div class="box aligncenter">
                  <div class="aligncenter icon">
                    <i class="icon-beaker icon-circled icon-64 active"></i>
                  </div>
                  <div class="text">
                    <h6>Conseils</h6>
                    <p>
                      Lorem ipsum dolor sit amet, has ei ipsum scaevola deseruisse am sea facilisis.
                    </p>
                    <a href="#">Plus...</a>
                  </div>
                </div>
              </div>
              <div class="span3">
                <div class="box aligncenter">
                  <div class="aligncenter icon">
                    <i class="icon-coffee icon-circled icon-64 active"></i>
                  </div>
                  <div class="text">
                    <h6>Suivi</h6>
                    <p>
                      Lorem ipsum dolor sit amet, has ei ipsum scaevola deseruisse am sea facilisis.
                    </p>
                    <a href="#">Plus...</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- divider -->
        <div class="row">
          <div class="span12">
            <div class="solidline">
            </div>
          </div>
        </div>
        <!-- end divider -->
	    <!-- News -->
        <div class="row">
          <div class="span12">
            <h4 class="heading">News <strong>Roosens</strong></h4>
            <div class="row">
              <section id="projects">
                <ul id="thumbs" class="portfolio">
                  <!-- Item Project and Filter Name -->
				   <li class="item-thumbs span3 design" data-id="id-0" data-type="web">
                    <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                    <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The Dark" href="">
						<span class="overlay-img"></span>
						<span class="overlay-img-thumb font-icon-plus"></span>
						</a>
                    <!-- Thumb Image and Description -->
                    <img src="" alt="">
                  </li>
				  <input type = "text" id= "Total" value="<%= usersOptionsSelect%>">
                  <li class="item-thumbs span3 design" data-id="id-0" data-type="web">
					<iframe width="350" height="315" src="https://www.youtube.com/embed/MK-rPOHFhbE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </li>
                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->

                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->

                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->

                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->
				  				   <li class="item-thumbs span3 design" data-id="id-0" data-type="web">
					<iframe width="350" height="315" src="https://www.youtube.com/embed/kZTjJkoL0nQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                   </li>

                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->
				    <li class="item-thumbs span3 design" data-id="id-0" data-type="web">
                    <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                    <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The Dark" href="">
						<span class="overlay-img"></span>
						<span class="overlay-img-thumb font-icon-plus"></span>
						</a>
                    <!-- Thumb Image and Description -->
                    <img src="" alt="">
                  </li>

                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->

				  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->

                  <!-- End Item Project -->
                </ul>
              </section>
            </div>
          </div>
        </div>
        <!-- End News -->
        <!-- Portfolio Projects -->
        <div class="row">
          <div class="span12">
            <h4 class="heading">fait avec les <strong>produits roosens</strong></h4>
            <div class="row">
              <section id="projects">
                <ul id="thumbs" class="portfolio">
                  <!-- Item Project and Filter Name -->
                  <li class="item-thumbs span3 design" data-id="id-0" data-type="web">
                    <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                    <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The City" href="img/works/full/image-01-full.jpg">
						<span class="overlay-img"></span>
						<span class="overlay-img-thumb font-icon-plus"></span>
						</a>
                    <!-- Thumb Image and Description -->
                    <img src="img/works/thumbs/image-01.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
                  </li>
                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->
                  <li class="item-thumbs span3 design" data-id="id-1" data-type="icon">
                    <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                    <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The Office" href="img/works/full/image-02-full.jpg">
						<span class="overlay-img"></span>
						<span class="overlay-img-thumb font-icon-plus"></span>
						</a>
                    <!-- Thumb Image and Description -->
                    <img src="img/works/thumbs/image-02.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
                  </li>
                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->
                  <li class="item-thumbs span3 photography" data-id="id-2" data-type="illustrator">
                    <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                    <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The Mountains" href="img/works/full/image-03-full.jpg">
						<span class="overlay-img"></span>
						<span class="overlay-img-thumb font-icon-plus"></span>
						</a>
                    <!-- Thumb Image and Description -->
                    <img src="img/works/thumbs/image-03.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
                  </li>
                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->
                  <li class="item-thumbs span3 photography" data-id="id-2" data-type="illustrator">
                    <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                    <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The Mountains" href="img/works/full/image-04-full.jpg">
						<span class="overlay-img"></span>
						<span class="overlay-img-thumb font-icon-plus"></span>
						</a>
                    <!-- Thumb Image and Description -->
                    <img src="img/works/thumbs/image-04.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
                  </li>
                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->
                  <li class="item-thumbs span3 photography" data-id="id-4" data-type="web">
                    <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                    <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The Sea" href="img/works/full/image-05-full.jpg">
						<span class="overlay-img"></span>
						<span class="overlay-img-thumb font-icon-plus"></span>
						</a>
                    <!-- Thumb Image and Description -->
                    <img src="img/works/thumbs/image-05.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
                  </li>
                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->
                  <li class="item-thumbs span3 photography" data-id="id-5" data-type="icon">
                    <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                    <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Clouds" href="img/works/full/image-06-full.jpg">
						<span class="overlay-img"></span>
						<span class="overlay-img-thumb font-icon-plus"></span>
						</a>
                    <!-- Thumb Image and Description -->
                    <img src="img/works/thumbs/image-06.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
                  </li>
                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->
                  <li class="item-thumbs span3 photography" data-id="id-2" data-type="illustrator">
                    <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                    <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The Mountains" href="img/works/full/image-07-full.jpg">
						<span class="overlay-img"></span>
						<span class="overlay-img-thumb font-icon-plus"></span>
						</a>
                    <!-- Thumb Image and Description -->
                    <img src="img/works/thumbs/image-07.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
                  </li>
                  <!-- End Item Project -->
                  <!-- Item Project and Filter Name -->
                  <li class="item-thumbs span3 design" data-id="id-0" data-type="web">
                    <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                    <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The Dark" href="img/works/full/image-08-full.jpg">
						<span class="overlay-img"></span>
						<span class="overlay-img-thumb font-icon-plus"></span>
						</a>
                    <!-- Thumb Image and Description -->
                    <img src="img/works/thumbs/image-08.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis elementum odio. Curabitur pellentesque, dolor vel pharetra mollis.">
                  </li>
                  <!-- End Item Project -->
                </ul>
              </section>
            </div>
          </div>
        </div>
        <!-- End Portfolio Projects -->
        <!-- divider -->
        <div class="row">
          <div class="span12">
            <div class="solidline">
            </div>
          </div>
        </div>
        <!-- end divider -->
        <div class="row">
          <div class="span12">
            <h4>Very satisfied <strong>clients</strong></h4>
            <ul id="mycarousel" class="jcarousel-skin-tango recent-jcarousel clients">
              <li>
                <a href="#">
					<img src="img/dummies/clients/client1.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client2.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client3.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client4.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client5.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client6.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client1.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client2.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client3.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client4.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client5.png" class="client-logo" alt="" />
					</a>
              </li>
              <li>
                <a href="#">
					<img src="img/dummies/clients/client6.png" class="client-logo" alt="" />
					</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <section id="bottom">
      <div class="container">
        <div class="row">
          <div class="span12">
            <div class="aligncenter">
              <div id="twitter-wrapper">
                <div id="twitter">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <footer>
      <div class="container">
        <div class="row">
          <div class="span3">
            <div class="widget">
              <h5 class="widgetheading">Browse pages</h5>
              <ul class="link-list">
                <li><a href="#">About our company</a></li>
                <li><a href="#">Our services</a></li>
                <li><a href="#">Meet our team</a></li>
                <li><a href="#">Explore our portfolio</a></li>
                <li><a href="#">Get in touch with us</a></li>
              </ul>
            </div>
          </div>
          <div class="span3">
            <div class="widget">
              <h5 class="widgetheading">Important stuff</h5>
              <ul class="link-list">
                <li><a href="#">Press release</a></li>
                <li><a href="#">Terms and conditions</a></li>
                <li><a href="#">Privacy policy</a></li>
                <li><a href="#">Career center</a></li>
                <li><a href="#">Flattern forum</a></li>
              </ul>
            </div>
          </div>
          <div class="span3">
            <div class="widget">
              <h5 class="widgetheading">Flickr photostream</h5>
              <div class="flickr_badge">
                <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=8&amp;display=random&amp;size=s&amp;layout=x&amp;source=user&amp;user=34178660@N03"></script>
              </div>
              <div class="clear">
              </div>
            </div>
          </div>
          <div class="span3">
            <div class="widget">
              <h5 class="widgetheading">Get in touch with us</h5>
              <address>
								<strong>Flattern studio, Pte Ltd</strong><br>
								 Springville center X264, Park Ave S.01<br>
								 Semarang 16425 Indonesia
					 		</address>
              <p>
                <i class="icon-phone"></i> (123) 456-7890 - (123) 555-7891 <br>
                <i class="icon-envelope-alt"></i> email@domainname.com
              </p>
            </div>
          </div>
        </div>
      </div>
      <div id="sub-footer">
        <div class="container">
          <div class="row">
            <div class="span6">
              <div class="copyright">
                <p>
                  <span>&copy; Flattern - All right reserved.</span>
                </p>
                <div class="credits">
                  <!--
                    All the links in the footer should remain intact.
                    You can delete the links only if you purchased the pro version.
                    Licensing information: https://bootstrapmade.com/license/
                    Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Flattern
                  -->
                  Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
                </div>
              </div>
            </div>
            <div class="span6">
              <ul class="social-network">
                <li><a href="#" data-placement="bottom" title="Facebook"><i class="icon-facebook icon-square"></i></a></li>
                <li><a href="#" data-placement="bottom" title="Twitter"><i class="icon-twitter icon-square"></i></a></li>
                <li><a href="#" data-placement="bottom" title="Linkedin"><i class="icon-linkedin icon-square"></i></a></li>
                <li><a href="#" data-placement="bottom" title="Pinterest"><i class="icon-pinterest icon-square"></i></a></li>
                <li><a href="#" data-placement="bottom" title="Google plus"><i class="icon-google-plus icon-square"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </div>
  <a href="#" class="scrollup"><i class="icon-chevron-up icon-square icon-32 active"></i></a>
  <!-- javascript
    ================================================== -->
  <!-- Placed at the end of the document so the pages load faster -->
  <script src="js/jquery.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/jcarousel/jquery.jcarousel.min.js"></script>
  <script src="js/jquery.fancybox.pack.js"></script>
  <script src="js/jquery.fancybox-media.js"></script>
  <script src="js/google-code-prettify/prettify.js"></script>
  <script src="js/portfolio/jquery.quicksand.js"></script>
  <script src="js/portfolio/setting.js"></script>
  <script src="js/jquery.flexslider.js"></script>
  <script src="js/jquery.nivo.slider.js"></script>
  <script src="js/modernizr.custom.js"></script>
  <script src="js/jquery.ba-cond.min.js"></script>
  <script src="js/jquery.slitslider.js"></script>
  <script src="js/animate.js"></script>

  <!-- Template Custom JavaScript File -->
  <script src="js/custom.js"></script>

</body>
</html>