<?php 

	$title = "Exacq Technologies | IP Security Solutions, IP Camera Integrations";

	$meta = "<meta name='description' content='Exacq video management system (VMS) software integrates with thousands of IP cameras from leading manufacturers like Axis, Arecont Vision, Illustra, high definition IP video security cameras and video encoders for the ideal IP video security solutions for CCTV. ' />";

	$links = "
	<link rel='stylesheet' type='text/css' href='css/index.css'/>
	<link rel='stylesheet' type='text/css' href='css/integration-details.css'/>
	<link rel='stylesheet' type='text/css' href='css/filtering.css'/>
	<link rel='stylesheet' type='text/css' href='css/dataTables.dataTables.min.css'>
	<link rel='stylesheet' type='text/css' href='css/data-table.css'/>   
	<link rel='stylesheet' type='text/css' href='css/details.css'/>";
	
	$useQtip = true;
        
        $recaptcha = true;
	
	include("/var/www/PHPwebsite/olde_header.php");
	include("/var/www/PHPwebsite/ExacqLibrary/CountriesAndStatesArrays.php");
	
	global $db, $cameras;	
	
	require_once($_SERVER['DOCUMENT_ROOT']."/PHPwebsite/ExacqLibrary/numberToWords.php");
	
?>
	<div class='page-header'>
		<div class='page-header-img'><img src='/menu/images/exacqVision-logo-gray.png' alt='exacqVision Logo Grey' title='exacqVision Logo'></div>
		<div class='page-header-text'><h1 class='enterprise'><?php echo _("IP Camera Integration"); ?></h1></div>
	</div>

	<div id='header-container'>
	
		<div class='filter-accordion' id='filter-container'>
			<h3 title='Click to Toggle Search Options'><a href='#'><?php echo _("Search Options"); ?></a></h3>
			<div>
				<div class='fc-description'><?php echo _("Click the check boxes below to filter cameras by feature or click on a manufacturer's logo or by typing their name in the search box."); ?></div>
			
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name mega-pixel-selector-container' name='-megapixel'>
						<div class='fc-inner'>
							<select>
								<?php 
								
									$megaArray = array("All", "<1", 1,2,3,4,5,6,8,9,10,12,20,40);
								
									foreach ($megaArray as $mp) {
										
										if ($mp === "<1") echo "<option value='zero-megapixel'>".$mp."</option>";
										else if ($mp === "Other") echo "<option value='no-resolution'>".$mp."</option>";
										else echo "<option value='".numberToWords($mp)."-megapixel'>".$mp."</option>";
									}
								?>
							</select>
							<span>Mega Pixels</span>
						</div>
					</div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name'><div class='fc-inner'>Fisheye</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name'><div class='fc-inner'>EasyConnect</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name'><div class='fc-inner'>Audio</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name' name='Two-Way'><div class='fc-inner'>Two-Way-Audio</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name'><div class='fc-inner'>PTZ</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name'><div class='fc-inner'>Analytics</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name'><div class='fc-inner'>Edge</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name'><div class='fc-inner'>Encoder</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name'><div class='fc-inner'>LPR</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name' name='multi-stream'><div class='fc-inner'>Multi-Streaming</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name' name='wireless'><div class='fc-inner'>Wireless</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name' name='infrared'><div class='fc-inner'>IR</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name' name='fourk'><div class='fc-inner'>4k</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name' name='ssl'><div class='fc-inner'>SSL (HTTPS)</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name' name='network_loss_recording'><div class='fc-inner'>Network Loss Recording</div></div>
				</div>
				
				<div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name' name='no-resolution'><div class='fc-inner'>Other Devices</div></div>
				</div>
                                
                                <div class='data'>
					<div class='input'><div class='fc-inner'><input class='fc-checkbox' type='checkbox'></div></div>
					<div class='name latest-version' name=''><div class='fc-inner'>Latest Version</div></div>
				</div>
			
				<div class='search-container'>
					
					<div class='search-text-input-container'>
						<span><?php echo _("Search"); ?>:</span>
						<input type='text' id='ipcams-search-box'>
					</div>
					
					<div class='search-buttons-container'>
						<a href='#' id='aPermalink'><button type='button'><?php echo _("Permalink"); ?></button></a>
						<button id='cantfind'><?php echo _("Can't Find Camera?"); ?></button>
						<button id='cf-firmware'><?php echo _("Can't Find Firmware?"); ?></button>
						<button id='clearsearch'><?php echo _("Reset Search"); ?></button>
					</div>
				</div>
				
				<div class='camera-amount-container'>
					<div><?php echo _("Total Cameras Found"); ?>:</div> <div class='amount'><?php echo _("Counting");?>...</div><div class='total'></div>
				</div>
			</div>
		</div>
	</div>
		
	<div id='ip-cam-container'>
		<div id='left-menu-container'>
			<ul>
				<li class='current-step'><a href='#step-1'><div><?php echo _("Choose Manufacturer");?></div></a></li>
				<li><a href='#step-2'><div><?php echo _("Choose Camera Model");?></div></a></li>
				<li><a href='#step-3'><div><?php echo _("Camera Integration Details");?></div></a></li>
			</ul>
			
			<div id='step-container'>
			
				<div id='step-1' class='step'>
				
					<br>
					<?php getManufIcons();?>
				</div>
				
				<div id='step-2' class='step'>
				
					<?php
						drawCameraTable();
					?>
				</div>
				
				<div id='step-3' class='step'>
					<div class='step-3-init-text'><?php echo _("Please choose a Camera Model from the previous tab.");?></div>
				</div>
			</div>
		</div>
		<div id='right-container'></div>
	</div>
	
	<div id='cant_find_dialog'>
		
		<div class='notice'><?php echo _("This is NOT a Technical Support request form.");?><br><?php echo _("If you are having technical support issues with cameras please");?><br><a href='/support/techsupport/'><?php echo _("contact Exacq Technical Support directly");?></a>.</div>
	
		<table border='0' class='SSAtable' id='cantFindTable'>
			<tbody>
			<!--<tr>
				<td colspan=4><h2>Suggest a New IP Camera Integration</h2><span style='float: right;'><span id='cf_requiredFields'><span style='color: red;'>*</span> <b>Required fields</b></span></td>
			</tr>-->
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Email Address");?> </th><td><input class='info' type='email' id='cf_email' name='cf_email' placeholder='john.smith@email.com'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Name of Company");?> </th><td ><input class='info' type='text' id='cf_company' name='cf_company' placeholder='John Smith Inc.'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("First Name");?> </th><td ><input class='info' type='text' id='cf_fname' name='cf_fname' placeholder='John'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Last Name");?> </th><td ><input class='info' type='text' id='cf_lname' name='cf_lname' placeholder='Smith'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Phone");?> </th><td ><input class='info' type='text' id='cf_phone' name='cf_phone' placeholder='555-555-5555'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Street Address");?> </th><td><input class='info' type='text' id='cf_street' name='cf_street' placeholder='316 Example Way'></td>
			</tr>
			<tr>
				<th><?php echo _("Street Address 2");?></th><td><input type='text' id='cf_street2' name='cf_street2' placeholder='613 Example2 Way'></td>
			</tr>
			<tr>
				<th style='font-weight: bold'><span style='color: red;'>*</span><?php echo _("Country");?> </th><td class='selectContainer'>
					<select name='Country'  id='cf_country_select' class='info'>
					
					<?php 
					
						foreach ($Countries as $countryName => $abbreviation) {
						
							echo "<option value='".$abbreviation."'>".$countryName."</option>";
						}
					?>
					
					</select>
			</td>
			</tr>
			<tr>
				<th id='cf_stateTitle'><span style='color: red;'>*</span><?php echo _("State");?> </th>
				<td class='selectContainer'>
				
					<select name='State' id='cf_state_select' class='info'>
					
					<?php 
					
						foreach ($States as $countryName => $abbreviation) {
						
							echo "<option value='".$abbreviation."'>".$countryName."</option>";
						}
					?>
					
					</select>
				
		
			</td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("City");?> </th><td><input class='info' type='text' name='cf_city' id='cf_city' placeholder='Examplocity'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Postal Code");?> </th>
				<td><input class='info' type='text' name='cf_zip' id='cf_zip' placeholder='Zip'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Manufacturer");?> </th><td><input class='info' type='text' name='cf_Make' id='cf_Make' placeholder='Illustra'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Model");?> </th><td><input class='info' type='text' name='cf_Model' id='cf_Model' placeholder='ADCi610-M111'></td>
			</tr>
			<tr>
				<th><?php echo _("Notes");?></th><td><textarea rows='3' name='cf_Notes' id='cf_Notes'></textarea></td>
			</tr>
			<tr>
				<td colspan='4'></td>
			</tr>
			</tbody>
		</table>
                <div class='g-recap-submit' id="g-cf"></div>
	</div>
	
	<div id='cf_firmware_dialog'>
		
		<div class='notice'><?php echo _("This is NOT a Technical Support request form.");?><br><?php echo _("If you are having technical support issues with cameras please");?><br><a href='/support/techsupport/'><?php echo _("contact Exacq Technical Support directly");?></a>.</div>
	
		<table border='0' class='SSAtable' id='cantFindFirmwareTable'>
			<tbody>
			<!--<tr>
				<td colspan=4><h2>Suggest a New IP Camera Integration</h2><span style='float: right;'><span id='cf_requiredFields'><span style='color: red;'>*</span> <b>Required fields</b></span></td>
			</tr>-->
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Email Address");?> </th><td><input class='info' type='email' name='email' placeholder='john.smith@email.com'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Name of Company");?> </th><td ><input class='info' type='text' name='company' placeholder='John Smith Inc.'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("First Name");?> </th><td ><input class='info' type='text' name='fname' placeholder='John'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Last Name");?> </th><td ><input class='info' type='text' name='lname' placeholder='Smith'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Phone");?> </th><td ><input class='info' type='text' name='phone' placeholder='555-555-5555'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Street Address");?> </th><td><input class='info' type='text' name='street' placeholder='316 Example Way'></td>
			</tr>
			<tr>
				<th><?php echo _("Street Address 2");?></th><td><input type='text' id='cf_street2' name='street2' placeholder='613 Example2 Way'></td>
			</tr>
			<tr>
				<th style='font-weight: bold'><span style='color: red;'>*</span><?php echo _("Country");?> </th><td class='selectContainer'>
					<select name='country' class='info'>
					
					<?php 
					
						foreach ($Countries as $countryName => $abbreviation) {
						
							echo "<option value='".$abbreviation."'>".$countryName."</option>";
						}
					?>
					
					</select>
			</td>
			</tr>
			<tr>
				<th id='cf_stateTitle'><span style='color: red;'>*</span><?php echo _("State");?> </th>
				<td class='selectContainer'>
				
					<select name='state' class='info'>
					
					<?php 
					
						foreach ($States as $countryName => $abbreviation) {
						
							echo "<option value='".$abbreviation."'>".$countryName."</option>";
						}
					?>
					
					</select>
				
		
			</td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("City");?> </th><td><input class='info' type='text' name='city' placeholder='Examplocity'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Postal Code");?> </th>
				<td><input class='info' type='text' name='zip' placeholder='Zip'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Manufacturer");?> </th><td><input class='info' type='text' name='make' placeholder='Illustra'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Model");?> </th><td><input class='info' type='text' name='model' placeholder='ADCi610-M111'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Firmware");?> </th><td><input class='info' type='text' name='firmware' placeholder='2.0.15'></td>
			</tr>
			<tr>
				<th><?php echo _("Notes");?></th><td><textarea rows='3' name='notes'></textarea></td>
			</tr>
			<tr>
				<td colspan='4'></td>
			</tr>
			</tbody>
		</table>
                <div class='g-recap-submit' id="g-firmware"></div>
	</div>
	
	<div id='betaDialog'>
		<table border='0' class='SSAtable' id='betaForm'>
			<tbody>
			<!--<tr>
			<td colspan='2' style='text-align: center;'>You are requesting a pre-release version of exacqVision server software that contains support for newer camera models.
			A current Software Support Agreement is required to install this version of software.<br><br>
			Pre-release software has not been fully tested yet.
			Should you experience any problems with this software, uninstall it immediately, revert to the previously installed version, and report the problem to Exacq technical support.
			<br><br><hr></td>
			</tr>
			<tr>
				<td colspan=4><h2>End User Information</h2><span style='float: right;'><span style='color: red;'>*</span> <b>Required fields</b></td>
			</tr>-->
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Email Address");?> </th><td ><input class='info' type='email' id='eu_email' name='eu_email' placeholder='john.smith@email.com'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Name of Company");?> </th><td ><input class='info' type='text' id='eu_company' name='eu_company' placeholder='John Smith Inc.'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("First Name");?> </th><td ><input class='info' type='text' id='eu_fname' name='eu_fname' placeholder='John'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Last Name");?> </th><td ><input class='info' type='text' id='eu_lname' name='eu_lname' placeholder='Smith'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Phone");?> </th><td ><input class='info' type='text' id='eu_phone' name='eu_phone' placeholder='555-555-5555'></td>
			</tr>
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Street Address");?> </th><td><input class='info' type='text' id='eu_street' name='eu_street' placeholder='316 Example Way'></td>
			</tr>
			<tr>
				<th><?php echo _("Street Address 2");?></th><td><input type='text' id='eu_street2' name='eu_street2' placeholder='613 Example2 Way'></td>
			</tr>
			
			<tr>
				<th style='font-weight: bold'><span style='color: red;'>*</span><?php echo _("Country");?> </th><td class='selectContainer'>
					<select name='Country' id='eu_country_select' class='info'>
					
					<?php 
					
						foreach ($Countries as $countryName => $abbreviation) {
						
							echo "<option value='".$abbreviation."'>".$countryName."</option>";
						}
					?>
					
					</select>
			</td></tr>
			
			<tr>
				<th id='eu_stateTitle'><span style='color: red;'>*</span><?php echo _("State");?> </th>
				<td class='selectContainer'>
					<select name='State' id='eu_state_select' class='info'>
					
					<?php 
					
						foreach ($States as $countryName => $abbreviation) {
						
							echo "<option value='".$abbreviation."'>".$countryName."</option>";
						}
					?>
					
					</select>
			</td></tr>								
			
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("City");?> </th><td><input class='info' type='text' name='eu_city' id='eu_city' placeholder='Examplocity'></td>
			</tr>
			
			<tr>
				<th><span style='color: red;'>*</span><?php echo _("Postal Code");?> </th>
				<td><input class='info' type='text' name='eu_zip' id='eu_zip' placeholder='Zip'></td>
			</tr>
			
			<tr>
				<td colspan='4' class='pre-release-links'></td>
			</tr>
			</tbody>
		</table>
	</div>
	
	<div id='templates' class='ui-exacq-display-none'>
		<div class='ajax-loader'>
			<img src='/resources/images/ajax-loader.gif'>
			<div class='message'><?php echo _("Loading Cameras");?>...</div>
		</div>
		
		<div class='integration-details'>
			
			<div class='tab-container'></div>
			<div class='table-container'></div>
		</div>
	</div>
	
<?php		
	
	include("/var/www/PHPwebsite/footer.php"); 
	
	/**
		Get the camera data table.
	*/
	function drawCameraTable () {
	
		// this contains the $manuf_array
		require($_SERVER['DOCUMENT_ROOT']."/integration/ipcams/manufacturers.php");
		
		echo "
		<table id='DataTable' border='0' style='table-layout: fixed;' class='ui-exacq-display-none display' cellspacing='0'>
		<thead>
			<td class='manuf-title'><div><span>"._("Manufacturer")."</span></div></td>
			<td class='model-title'><div><span>"._("Model")."</span></div></td>
			<td class='notes-title'><div><span>"._("Test Results")."</span></div></td>
			
			<td class='stat-check-title'><div><span>EasyConnect</span></div></td>
			<td class='stat-check-title'><div><span>Streams</span></div></td>
			<td class='stat-check-title'><div><span>Video Codec</span></div></td>
			<td class='stat-check-title'><div><span>Motion</span></div></td>
			<td class='stat-check-title'><div><span>Audio</span></div></td>
			<td class='stat-check-title'><div><span>I/O Triggers</span></div></td>
			<td class='stat-check-title'><div><span>PTZ</span></div></td>
			<td class='stat-check-title'><div><span>Analytics</span></div></td>
			<td class='stat-check-title'><div><span>Edge</span></div></td>
			<td class='stat-check-title'><div></div></td>
		</thead>
		<tbody>";
		
		// create the manuf drop down lists
		$manuf_select = "<select id='manuf_select'><option value='all'>"._("All Manufacturers")."</option>";
		foreach ($manuf_array as $manufac) {
			$manuf_select .= "<option value='".$manufac."'>".$manufac."</option>";
		}
		$manuf_select .= "</select>";

		$manuf_test_select = "<select id='manuf_test_select'><option value='all'>"._("All Manufacturers")."</option>";
		foreach ($manuf_array as $manufac) {
			$manuf_test_select .= "<option value='".$manufac."'>".$manufac."</option>";
		}
		$manuf_test_select .= "</select>";

		echo "
			</tbody>
		</table>
		
		<div class='rss-feed'>
			<div class='description'>"._("Select a manufacturer from one of the dropdown lists below, then click the RSS icon to go to the feed.")."</div>
		
			<div class='feed'>
				<div class='rss-link'>
					<a id='rss_link' href='https://exacq.com/rss/ipcameras' target='_blank'><img src='/images/socialicons/rss.png' /></a>
				</div>
				<div class='manuf-select'>".$manuf_select."</div>
				<div class='rss-title' title='"._("Updates when new cameras are added")."'>IP Camera RSS Feed</div>
				<div class='rss-description'>("._("This will update when cameras are added").")</div>
			</div>
			<div class='feed'>
				<div class='rss-link'>
					<a id='rss_test_link' href='https://exacq.com/rss/ipcameratests' target='_blank'><img src='/images/socialicons/rss.png' /></a>
				</div>
				<div class='manuf-select'>".$manuf_test_select."</div>
				<div class='rss-title' title='"._("Updates when any camera is tested")."'>IP Camera Test RSS Feed</div>
				<div class='rss-description'>("._("This will update when a camera is tested").")</div>
			</div>
		</div>
		
		<table id='dtoff'>
		</table>";
	}
	
	function getManufIcons () {
		echo "<div id='manufContainer'>";
		
		if ($handle = opendir('/var/www/support/images/cam_man')) {
			/* This is the correct way to loop over the directory. */
			while (false !== ($file = readdir($handle))) {
			//		if ($file != "." && $file != ".." && file != ".svn") {
				if (substr($file,-4) == ".png") {
					$images[] = $file;
				}
			}

			closedir($handle);
		}
		
		$new_height = 0;
		$new_width = 0;
		natcasesort($images); $i=0;
		foreach ($images as $file) {
			echo "<span class='imgContainer'>";
			
			if ($file == "cbc.png") $shortlink = "ganz";
			else if ($file == "amag.png") $shortlink = "symmetry";
			else if ($file == "ktc.png") $shortlink = "ktc";
			else
				$shortlink = str_replace(".png","",$file);
				
			echo "<img id='" . $shortlink . "' src='/support/images/cam_man/".$file."' i='".$i."' manufacturer></span>";
			
			$i++;
		}
		
		echo "</div>";
	}
?>

<script type='text/javascript'>
	if (navigator.userAgent.indexOf("MSIE 7.0") > -1 || navigator.userAgent.indexOf("MSIE 8.0") > -1) {
		alert("You are using an older version of Internet Explorer. Exacq recommends upgrading your browser to Internet Explorer 9, Google Chrome, or Mozilla Firefox to optimize your experience.");
	}
	
	$(".filter-accordion").accordion({
		autoHeight: false,
		collapsible: true,
		heightStyle: 'content',
		active: 0
	});
</script>
<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
