 
    
<!doctype html>  
<html lang="en">  
<head>
<title>P. C.</title>
<link rel="icon" href="inc/acti.png" type="image/png" sizes="16x16">
<meta charset="utf-8">
<link rel="stylesheet" href="inc/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>  
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
<script src="inc/js.js"></script>
</head>
<body style="width:100% ; background-color: beige" >
<div class="row" style="width: 100%;">		
	<div class="col-md-2">  
<img src="inc/actl.png" title="P. C." alt="P. C." height="60"; style="display: block;">
	</div>      	 			    	               	       
	<div class="col-md-8" style="text-align-last: center;">	
<a href="?page=home">Home</a> | 			
	<a href="?page=products">Products</a> |  
	<a href="?page=services">Services</a>  	
	</div>  		    	               	        
	<div class="col-md-2" style="text-align-last: center;">	 
<a data-bs-toggle="modal" data-bs-target="#log">Guest | Login |guest</a><br>
<a data-bs-toggle="modal" data-bs-target="#about" class="w3-bar-item w3-button">	About	</a>
<a data-bs-toggle="modal" data-bs-target="#contacts" class="w3-bar-item w3-button">	Contact	</a>
<a data-bs-toggle="modal" data-bs-target="#media" class="w3-bar-item w3-button">	Media	</a> 
	</div> 
</div>	
<hr>
[{"id":"10","sid":"1","cat":"5","name":"SM-T580","descr":"Samsung Galaxy Tab A SM-T580 ","data":"Connection =WIFI <br>android version= 8.1.0 <br>Samsung version =9.5 <br>memory= 32gb<br>","disp":"1","price":"12.00","stock":"20","image":"[{\"id\": 16, \"image\": \"smt5801.jpg\", \"active\": 1},{\"id\": 17, \"image\": \"smt5802.jpg\", \"active\": 1},{\"id\": 18, \"image\": \"smt5803.jpg\", \"active\": 1}]","imgid":"16","prdinf_price":"40.00","qty":"1","bcode":"0","catname":"hdmi","catparent":"2"},{"id":"9","sid":"1","cat":"4","name":"Ideapad 3 17\"","descr":"Lenovo Ideapad 3 17\" Black","data":"Weight: =Starting at 2.1 kg (4.63 lbs)<br>Samsung Galaxy Tab A SM-T580 10.1-Inch WIFI android version 8.1.0 Samsung version 9.5 memory 32gb\nDisplay: 17.3\" HD+ anti-glare display.<br>\nGraphics: Integrated Intel UHD Graphics or Intel Iris Xe Graphics.<br>\nMemory: 4GB soldered + 1 slot (Up to 12 GB or 20 GB DDR4-3200 ).<br>\nStorage: 128 GB, 256 GB, or 512 GB M.2 NVMe SSD.\nBattery & Power: 38Wh or 45Wh battery with round-tip charger.<br>\nWebcam: 720p with Privacy Shutter.<br>","disp":"1","price":"9.00","stock":"20","image":"[{\"id\": 19, \"image\": \"smt580.jpg\", \"active\": 1}]","imgid":"19","prdinf_price":"180.00","qty":"1","bcode":"0","catname":"laptops","catparent":"1"},{"id":"8","sid":"1","cat":"1","name":"USB2 Printer Lead","descr":"USB2 Printer Lead A to B","data":"Connection =USB-A to USB-B<br>","disp":"1","price":"8.00","stock":"20","image":"[{\"id\": 8, \"image\": \"usb-a-b.jpg\", \"active\": 1}]","imgid":"8","prdinf_price":"5.00","qty":"5","bcode":"0","catname":"Electronics","catparent":"0"},{"id":"7","sid":"2","cat":"1","name":"3PIN round cable","descr":"Clover Leaf to UK 3 Pin Mains Power Lead Cable","data":"Connection =Clover Leaf to UK 3 Pin Mains PowerCable<br>","disp":"1","price":"7.00","stock":"20","image":"[{\"id\": 7, \"image\": \"Laptop-main.jpg\", \"active\": 1}]","imgid":"7","prdinf_price":"5.00","qty":"20","bcode":"0","catname":"Electronics","catparent":"0"},{"id":"6","sid":"1","cat":"1","name":"VGA Lead","descr":"Flat VGA Male to Male Monitor Lead","data":"Connection =Male to Male <br>","disp":"1","price":"6.00","stock":"20","image":"[{\"id\": 6, \"image\": \"vga-m-m.jpg\", \"active\": 1}]","imgid":"6","prdinf_price":"6.00","qty":"10","bcode":"0","catname":"Electronics","catparent":"0"},{"id":"5","sid":"3","cat":"1","name":"DVI Lead","descr":"DVI PC\/Laptop Monitor Display Cable","data":"Connection =Dvi Male to Male<br>","disp":"1","price":"5.00","stock":"20","image":"[{\"id\": 5, \"image\": \"dvi.jpg\", \"active\": 1}]","imgid":"5","prdinf_price":"5.90","qty":"10","bcode":"0","catname":"Electronics","catparent":"0"},{"id":"4","sid":"1","cat":"1","name":"Kettle lead","descr":" Right angle Kettle Lead ","data":"Connection = UK plug to right angle Kettle Lead Moulded<br>","disp":"1","price":"4.00","stock":"20","image":"[{\"id\": 4, \"image\": \"pcm90.webp\", \"active\": 1}]","imgid":"4","prdinf_price":"5.50","qty":"5","bcode":"0","catname":"Electronics","catparent":"0"},{"id":"3","sid":"1","cat":"1","name":"UK Power Lead","descr":" Kettle Lead Moulded Plug","data":"Connection = UK plug to Kettle Lead Moulded<br>","disp":"1","price":"3.00","stock":"20","image":"[{\"id\": 3, \"image\": \"pc-main lead.jpg\", \"active\": 1}]","imgid":"3","prdinf_price":"44.50","qty":"10","bcode":"0","catname":"Electronics","catparent":"0"},{"id":"2","sid":"1","cat":"1","name":" Right Angle Figure 8","descr":"Power Cord UK Plug to Right Angle Figure 8 Fig of 8 Lead Cable","data":"Connection =UK plug to fig8 right angle<br>","disp":"1","price":"2.00","stock":"20","image":"[{\"id\": 2, \"image\": \"fig8-90.webp\", \"active\": 1}]","imgid":"2","prdinf_price":"65.50","qty":"3","bcode":"0","catname":"Electronics","catparent":"0"},{"id":"1","sid":"1","cat":"1","name":"Fig8 uk ","descr":"Figure 8 uk cable","data":"Connection =UK plug to fig8<br>","disp":"1","price":"1.00","stock":"20","image":"[{\"id\": 1, \"image\": \"fig8.jpg\", \"active\": 1},{\"id\": 11, \"image\": \"17itl64.jpg\", \"active\": 1},{\"id\": 12, \"image\": \"17itl63.jpg\", \"active\": 1}]","imgid":"1","prdinf_price":"55.50","qty":"12","bcode":"0","catname":"Electronics","catparent":"0"}]<hr>				
 
 	  
<div class="modal" id="about">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
            <p>At ActiWeb we listen<br>and bring your thought to reality.</p>  
            </div>
            
        </div>
    </div>
</div>

<div class="modal" id="contacts">
    <div class="modal-dialog">
        <div class="modal-content">  
            <div class="modal-body">    
<a href="tel:+447765312608"><img src="/inc/phon.png" height="30">: Phone call</a><br>
<a data-action="open" data-phone="447765312608" data-message="Hello .." href="WhatsApp://send?phone=447765312608&amp;text=Hello .." target="_blank">   
    <img src="/inc/whatsapp.png" height="30" title='Whatsapp'>: Whatsapp</a> <br>        
<a data-bs-toggle="modal" data-bs-target="#contact"><img src="/inc/mail.png" height="30" title='Contact'>: Form</a>
            </div>
        </div>
    </div>
</div>

<div class="modal" id="media">
    <div class="modal-dialog">
      <div class="modal-content">  
<div class="modal-body"> 
<a href="https://facebook.com/hassan.shirzad" target="_blank"><img src="/inc/Facebook.png" alt="Facebook" height="30" title=Facebook> :Facebook</a><br><a href="https://instagram.com/shirzadhassan" target="_blank"><img src="/inc/Instagram.png" alt="Instagram" height="30" title=Instagram> :Instagram</a><br><a href="https://tiktok.com/@adwebtiser" target="_blank"><img src="/inc/Tictok.png" alt="Tictok" height="30" title=Tictok> :Tictok</a><br>     
            </div>
        </div>
    </div>
</div>
 
<div class="modal" id="contact">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div id='contact'>
 <form action="contact.php" method="POST">
<input type="text" name="name" style="width: 250px;" placeholder='Name' pattern="/^[a-zA-Z/'/-\040]+$/" required><br>
<input type="text" name="email" style="width: 250px;"placeholder='Email' required><br>
<input type='tel' name="tel" pattern="[0-9]{2}-[0-9]{10}" style="width: 250px;"placeholder='Phone Number:44-1924420712' required><br>
<input type="text" name="subject" style="width: 250px;"placeholder='Subject' required><br>
<textarea name="message" style="width: 500px;"placeholder='Message' required></textarea><br>
<input type="submit" name="submit" value="Submit"> 
 </form>
                </div>      
            </div>
        </div>  
    </div> 
</div>

<div class="modal" id="log"> 
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
	  <div class="row" style="width: 100%;">
<div class="col-md-3">
<a data-bs-toggle="modal" data-bs-target="#lgn" style="color:blue">Login</a>
</div>
<div class="col-md-3">  
<a data-bs-toggle="modal" data-bs-target="#rstp" style="color:red">Reset Password</a>
</div>
<div class="col-md-3">
<div style="float:right" >
<a data-bs-toggle="modal" data-bs-target="#buy" style="color:green">Register</a>
 </div>
    </div>
</div>  
      </div>   
    </div>
  </div>
</div>           
 
<div class="modal" id="lgn">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
<form action="inc/log.php" method="post">
	<input type="text" name="sid" valu="1" hidden><br/>
	<input type="text" name="tel" placeholder="Telephone No" id="tel" required><br/>
	<input type="password" name="password" placeholder="Password" id="password" required><br/>
	<input type="submit" name="Login" id="Login" value="Login"> 
</form>	
      </div> 
    </div>
  </div>
</div>           
 
<div class="modal" id="rstp">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
          We will email you instruction how to reset your password 
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>   
      </div> 
      <div class="modal-body"> 
	  
	<form action="inc/log.php" method="post">
	<input type="text" name="sid" valu="1" hidden><br/>
		<input type="text" name="email" id="email" placeholder="Enter Your Email Address"required /><br>
	<input type="submit" name="Reset" id="Reset"  value="Reset"/> 
	</form>
      </div>
    </div> 
  </div>
</div>           
 
<div class="modal" id="buy">
  <div class="modal-dialog">  
    <div class="modal-content">
      <div class="modal-header">
          Enter your details to register
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
<form action="inc/log.php" method="post">
	<input type="text" name="sid" valu="1" hidden><br/>
	<input type="text" name="name" style="width: 390px;" placeholder="Name" id="name" required><br/>
	<input type="text" name="tel" style="width: 390px;" placeholder="Telephone No" required><br/>
	<input type="text" name="email" style="width: 390px;" placeholder="Email" required><br/>
	<input type="text" name="address" style="width: 390px;" placeholder="Address" id="address" ><br/>
	<input type="text" name="postcode" style="width: 390px;" placeholder="PostCode" id="postcode" ><br/>
	<input type="password" name="pass1" id="pass1" maxlength="15" required />
	<input type="password" name="pass2" id="pass2" maxlength="15" required />
	<input type="submit" name="Register" id="Register"  value="Register">
</form>
      </div>
    </div>
  </div>
</div>       
        

	 