Professional Documents
Culture Documents
php
//Load WP API
require 'events/wp-load.php';
?>
<?php
error_reporting(0);
// empty response
$response = null;
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Best Real-Time Technical Analysis, Buy/Sell Signals & Live Charting
Software for Indian Stock Market | Spider Software</title>
<!-- meta data tags & loading css files -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-
scale=1">
<meta name="author" content="Spider Software">
<meta name="keywords" content="technical analysis software, intraday technical
analysis software, stock charting software, intraday stock charting software, live
technical analysis software, live stock charting software, share market software,
real-time analytics, stock technical analysis software, best eod charting software,
charting and analysis tools, real-time technical analysis software , technical
analysis software india, nifty buy sell signal, technical analysis software spider
software india, spider real-time trading software ">
<meta name="description" content="Spider Software Pvt. Ltd. is the foremost
developer of Real-Time and End of Day (EOD) Technical Analysis software, curated
exclusively for the stock market traders of India; offering flawless tools to
analyze the stock market and ensure a better understanding of the market’s
movements.">
gtag('config', 'UA-121071983-1');
</script>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
var total;
function checkInput(){
var input = $("#ans").val(),
slideSpeed = 200,
hasInput = !!input,
valid = hasInput && input == total;
$('#message').toggle(!hasInput);
$('.inputs').prop('disabled', !valid);
$('#success').toggle(valid);
$('#fail').toggle(hasInput && !valid);
}
function confirmation() {
var answer = confirm("With grief & sorrow, We hereby inform sad demise of Mr.
Ravi Lokhande (Co-Founder of Spider Software). You can post your condolences
message here.")
if (answer){
window.location.href = "/ravilokhande";
//window.open("/ravilokhande",'_blank').focus();
}
else{
}
}
$(document).ready(function(){
//create initial sum
createSum();
// On "reset button" click, generate new random sum
$('.input2').click(createSum);
// On user input, check value
$( "#ans" ).keyup(checkInput);
//confirmation();
});
var tot;
function checkInpu(){
var input = $("#an").val(),
slideSpeed = 200,
hasInput = !!input,
valid = hasInput && input == tot;
$('#messages').toggle(!hasInput);
$('.inputss').prop('disabled', !valid);
$('#succes').toggle(valid);
$('#fai').toggle(hasInput && !valid);
}
$(document).ready(function(){
//create initial sum
createSu();
// On "reset button" click, generate new random sum
$('.inputs3').click(createSu);
// On user input, check value
$( "#an" ).keyup(checkInpu);
});
</script>
<style>
@media (max-width:1199px){
/*aligning bull to bottom of container*/
.img-left-abs.wpb_single_image {
top: 155px;
}
}
.icon_element-inner .img-responsive{
max-width: 65%;
}
.post{
background-color: white;
margin-bottom: 2rem;
box-shadow: 0px 5px 20px 0px #e0493826;
transition: .3s ease-in;
}
.post:hover{
box-shadow: 0px 5px 20px 0px #e049383d;
transform: translateY(-1rem);
border-bottom:2px solid #e04938;
}
.post .content{
padding: 2rem;
}
.post h3{
font-weight: 700;
line-height: 3rem;
letter-spacing: 0.5px;
}
.post p{
margin: 20px 0;
}
.post_thumbnail img{
width: 100% !important;
height: 20% !important;
}
.testimonials{
padding-bottom: 20px;
padding-top: 20px;
}
.testimonial-content{
margin-bottom:auto;
}
.testimonial-content .job{
margin-bottom: 20px;
}
.team_description p{
line-height: 2.5rem;
letter-spacing: 0.3px;
}
.style-desc .desc p{
color: #333;
}
#revslider-124{
height: 90vh;
}
#conversion-modal{
z-index:9999;
}
#conversion-modal .modal-header{
background-color: #CE2714;
font-weight: bold;
}
#conversion-modal .close{
color:white;
opacity: 1;
}
#conversion-modal .modal-title{
color:white;
}
.fa-spinner{
font-size: 24px;
position: relative;
top: 5px;
visibility: hidden;
}
#city{
width: 100%;
-webkit-appearance: menulist;
-moz-appearance: menulist;
-ms-appearance: menulist;
-o-appearance: menulist;
height: 50px;
}
</style>
<!-- product form style--->
<style>
#product-modal{
z-index:9999;
}
#product-modal .modal-header{
background-color: #CE2714;
font-weight: bold;
}
#product-modal .close{
color:white;
opacity: 1;
}
#product-modal .modal-title{
color:white;
}
.fa-spinner{
font-size: 24px;
position: relative;
top: 5px;
visibility: hidden;
}
#product2-modal{
z-index:9999;
}
#product2-modal .modal-header{
background-color: #CE2714;
font-weight: bold;
}
#product2-modal .close{
color:white;
opacity: 1;
}
#product2-modal .modal-title{
color:white;
}
#city{
width: 100%;
-webkit-appearance: menulist;
-moz-appearance: menulist;
-ms-appearance: menulist;
-o-appearance: menulist;
height: 50px;
}
#product{
width: 100%;
-webkit-appearance: menulist;
-moz-appearance: menulist;
-ms-appearance: menulist;
-o-appearance: menulist;
height: 50px;
}
</style>
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2646577485418015&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
</head>
<body class="page-bussiness">
</div>
<!-- LAYERS 3-->
<!-- <div class="tp-caption tp-resizeme"
data-x="center" data-
hoffset="0"
data-y="center" data-
voffset="-90"
data-speed="500"
data-start="1300"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="500"
data-
endeasing="Power4.easeIn"
style="z-index: 4; font-
weight:100; text-transform: none; line-height:22px; font-size: 48px; color:#fff;
text-align:center; max-width: auto; max-height: auto; white-space: nowrap;">caters
to each and every individual requirements
</div> -->
<div class="tp-caption tp-resizeme"
data-x="center" data-
hoffset="0"
data-y="top" data-
voffset="280"
data-
customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0
;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="1500"
data-
easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
style="z-index: 7;">
<a class="btn btn-primary
btn-slider-5" style="padding:8px 23px; color:#FFF; font-size: 16px; font-weight:
700; line-height: 22px;" href="products.php" target="_blank">Check out OUR
PRODUCTS<i class="fa fa-long-arrow-right"></i></a>
</div>
</li>
<li data-transition="fade" data-
slotamount="7" data-masterspeed="300" data-saveperformance="on">
<!-- SLIDER IMAGE 04-->
<img
src="images/slider/Slider04.jpg" alt="" data-bgposition="center center" data-
duration="" data-ease="Power0.easeInOut" data-bgfit="cover" data-bgrepeat="no-
repeat"/>
<!-- LAYER NR. -->
<div class="tp-caption tp-resizeme"
data-x="left" data-
hoffset="0"
data-y="center" data-
voffset="-200"
data-speed="500"
data-start="500"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="500"
data-
endeasing="Power3.easeIn"
style="z-index: 5;
color:#fff; font-weight:500; white-space: nowrap; line-height:22px; font-size:50px;
text-transform:none;">Why SpiderSoftware?
</div>
<!-- LAYERS 3-->
<div class="tp-caption tp-resizeme"
data-x="left" data-
hoffset="0"
data-y="center" data-
voffset="-120"
data-speed="500"
data-start="1300"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="500"
data-
endeasing="Power4.easeIn"
style="z-index: 4; font-
weight:300; text-transform: none; line-height:22px; font-size: 40px; color:#fff;
text-align:center; max-width: auto; max-height: auto; white-space:
nowrap;">✔ Official Data Vendor NSE, BSE, MCX & Currency
</div>
<!-- LAYERS 4-->
<div class="tp-caption tp-resizeme"
data-x="left" data-
hoffset="0"
data-y="center" data-
voffset="-60"
data-speed="500"
data-start="1500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="500"
data-
endeasing="Power4.easeIn"
style="z-index: 4; font-
weight:300; text-transform: none; line-height:22px; font-size: 40px; color:#fff;
text-align:center; max-width: auto; max-height: auto; white-space:
nowrap;">✔ Realtime Tick by Tick Data
</div>
<!-- LAYERS 4-->
<div class="tp-caption tp-resizeme"
data-x="left" data-
hoffset="0"
data-y="center" data-
voffset="0"
data-speed="500"
data-start="1700"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.02"
data-endelementdelay="0.2"
data-endspeed="500"
data-
endeasing="Power4.easeIn"
style="z-index: 4; font-
weight:300; text-transform: none; line-height:22px; font-size: 40px; color:#fff;
text-align:center; max-width: auto; max-height: auto; white-space:
nowrap;">✔ Over 150 Built-in indicators
</div>
<!-- LAYERS 4-->
<div class="tp-caption tp-resizeme"
data-x="left" data-
hoffset="0"
data-y="center" data-
voffset="60"
data-speed="500"
data-start="1900"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.03"
data-endelementdelay="0.03"
data-endspeed="500"
data-
endeasing="Power4.easeIn"
style="z-index: 4; font-
weight:300; text-transform: none; line-height:22px; font-size: 40px; color:#fff;
text-align:center; max-width: auto; max-height: auto; white-space:
nowrap;">✔ Auto Trendline
</div>
<!-- LAYERS 4-->
<div class="tp-caption tp-resizeme"
data-x="left" data-
hoffset="0"
data-y="center" data-
voffset="120"
data-speed="500"
data-start="1900"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.04"
data-endelementdelay="0.04"
data-endspeed="500"
data-
endeasing="Power4.easeIn"
style="z-index: 4; font-
weight:300; text-transform: none; line-height:22px; font-size: 40px; color:#fff;
text-align:center; max-width: auto; max-height: auto; white-space:
nowrap;">✔ Back Testing
</div>
<!-- LAYERS 4-->
<div class="tp-caption tp-resizeme"
data-x="left" data-
hoffset="0"
data-y="center" data-
voffset="180"
data-speed="500"
data-start="1900"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.05"
data-endspeed="500"
data-
endeasing="Power4.easeIn"
style="z-index: 4; font-
weight:300; text-transform: none; line-height:22px; font-size: 40px; color:#fff;
text-align:center; max-width: auto; max-height: auto; white-space:
nowrap;">✔ Best Training & Support Services
</div>
<!-- LAYERS 4-->
<div class="tp-caption tp-resizeme"
data-x="left" data-
hoffset="0"
data-y="center" data-
voffset="240"
data-speed="500"
data-start="1900"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.06"
data-endelementdelay="0.06"
data-endspeed="500"
data-
endeasing="Power4.easeIn"
style="z-index: 4; font-
weight:300; text-transform: none; line-height:22px; font-size: 40px; color:#fff;
text-align:center; max-width: auto; max-height: auto; white-space:
nowrap;">✔ Popular & Widely used software in India
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- <a
class="button_preview btn btn-default" data-toggle="modal" data-target="#product-
modal" >Download</a> -->
<a href =
"contact-us.php" style="display: flex;
width: min-content;
margin: auto;" class="button_preview btn btn-default">Download</a>
</div>
</div>
</div>
<div class="service-icon-left
service-desc">
<div class="services
icon_element text-left">
<div
class="icon_element-inner">
<img
src="images/cfx.png" alt="Spider CFX" class="img-responsive">
</div>
<div class="desc text-
left">
<h3><a
href="spider-iris-cfx.php" target="_blank">Spider Iris CFX</a></h3>
<p>Live Tracking
of MCX Future contracts <br>along with <br>Market Summary.</p>
<!-- <a
class="button_preview btn btn-default" data-toggle="modal" data-target="#product-
modal" >Download</a> -->
<a href =
"contact-us.php" style="display: flex;
width: min-content;
margin: auto;" class="button_preview btn btn-default">Download</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12
style-desc">
<div class="service-icon-left
service-desc">
<div class="services
icon_element text-left">
<div
class="icon_element-inner">
<img
src="images/Spider%20CTCL.png" alt="Spider CTCL" class="img-responsive">
</div>
<div class="desc text-
left">
<h3><a
href="spider-ctcl.php" target="_blank">Spider CTCL</a></h3>
<p>Live tracking
of Equity market through data obtained from Neat Feed.</p>
<!-- <a
class="button_preview btn btn-default" data-toggle="modal" data-target="#product-
modal" >Download</a> -->
<a href =
"contact-us.php" style="display: flex;
width: min-content;
margin: auto;" class="button_preview btn btn-default">Download</a>
</div>
</div>
</div>
<div class="service-icon-left
service-desc">
<div class="services
icon_element text-left">
<div
class="icon_element-inner">
<img
src="images/Spider%20NSEFX.png" alt="Spider NSEFX" class="img-responsive">
</div>
<div class="desc text-
left">
<h3><a
href="spider-nsefx.php" target="_blank">Spider NSEFX</a></h3>
<p>Automatically
tracks and analyze important movements of the Currency Market.</p>
<!-- <a
class="button_preview btn btn-default" data-toggle="modal" data-target="#product-
modal" >Download</a> -->
<a href =
"contact-us.php" style="display: flex;
width: min-content;
margin: auto;" class="button_preview btn btn-default">Download</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12
style-desc">
<div class="service-icon-left
service-desc">
<div class="services
icon_element text-left">
<div
class="icon_element-inner">
<img
src="images/Spider%20ACE.png" alt="Spider ACE" class="img-responsive">
</div>
<div class="desc text-
left">
<h3><a
href="spider-ace.php" target="_blank">Spider ACE</a></h3>
<p>Advanced
charting & comprehensive tools for Multiple Exchanges.</p>
<!-- <a
class="button_preview btn btn-default" data-toggle="modal" data-target="#product2-
modal" >Download</a> -->
<a href =
"contact-us.php" style="display: flex;
width: min-content;
margin: auto;" class="button_preview btn btn-default">Download</a>
</div>
</div>
</div>
<div class="service-icon-left
service-desc">
<div class="services
icon_element text-left">
<div
class="icon_element-inner">
<img
src="images/Spider%20IRIS%20EOD.png" alt="Spider IRIS EOD" class="img-responsive">
</div>
<div class="desc text-
left">
<h3><a
href="spider-iris-eod.php" target="_blank">Spider IRIS EOD</a></h3>
<p>End of Day Data
and Post-market NSE along with F&O Intraday History, and Back Testing.</p>
<!-- <a
class="button_preview btn btn-default" data-toggle="modal" data-target="#product2-
modal" >Download</a> -->
<a href =
"contact-us.php" style="display: flex;
width: min-content;
margin: auto;" class="button_preview btn btn-default">Download</a>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-
12">
<div class="bg-bottom-bussiness">
<figure>
<img alt=""
class="vc_single_image-img attachment-full" src="images/1140x355.png">
</figure>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonials -->
<div id="review" class="">
<div class="testimonials bg-gradient">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12
col-xs-12">
<div class="testimonial">
<div
id="testimonial_slide" class=" owl-carousel">
<div
class="testimonial-content">
<!--
<div
class="testimonial-profile">
<img
width="100" height="100" alt="testimonial" src="images/150x150.jpg"
class="testimonial-img">
</div>
-->
<h3
class="name">Care Education</h3>
<p
class="job">Surat</p>
<div
class="team_description">
<p>Care Education has been using IRIS since 2007, we highly recommend it to
Professional Traders. No one can beat the Support Services of Spider.</p>
</div>
</div>
<div
class="testimonial-content">
<!--
<div
class="testimonial-profile">
<img
width="100" height="100" alt="testimonial" src="images/150x150.jpg"
class="testimonial-img">
</div>
-->
<h3
class="name">Mr. Ashwani Gupta</h3>
<p
class="job" style="visibility:hidden">Procurement manager</p>
<div
class="team_description">
<p>Iris Plus enables you to develop, test and run nearly every
imaginable trading strategy. It offers a wealth of tools for analysing charts,
features like Point & Figure chart, Candlestick pattern detection, and Market
scanner are real gem.</p>
</div>
</div>
<div
class="testimonial-content">
<!--
<div
class="testimonial-profile">
<img
width="100" height="100" alt="testimonial" src="images/150x150.jpg"
class="testimonial-img">
</div>
-->
<h3
class="name">Manas Jaiswal</h3>
<p
class="job">Manas Jaiswal Technical Research Group</p>
<div
class="team_description">
<p>I
started my career as a Technical Analyst 15 – 16 years ago and since then I am
using this wonderful software. I think if you are a beginner then this software is
for you because this is the most user friendly and easy to learn technical analysis
software available in the markets right now. If you are a professional trader or an
Analyst then defiantly you should go for IRIS Plus. I am overwhelmed with the
statistical & Technical capabilities of the Iris Plus. Thank you Spider
Software for your valuable software and your support. I especially appreciate your
attention to the Clients. Cheers to Spider Software.</p>
</div>
</div>
<div
class="testimonial-content">
<!--
<div
class="testimonial-profile">
<img
width="100" height="100" alt="testimonial" src="images/150x150.jpg"
class="testimonial-img">
</div>
-->
<h3
class="name">Mr. Yatarth</h3>
<p
class="job">Director, Professional Traders Academy</p>
<div
class="team_description">
<p>Spider has been very Helpful for me as Well for my Students. As the market
Price is Always going Up and Down so it not possible to Track Hundreds of Stocks
Personally, because Daily New Formations are forming. Stock Today Bullish may Turn
Bearish Tomorrow. Without Spider it is Very Difficult to Scan Opportunity in the
Market. It is like a True Friend for a Successful Trader because you can can
Customize your own Query according to your Strategy. This is the Best Thing i like
in this Software as it can make Different Queries according to changing Market
Conditions. Thanks and Cheers to Team Spider for the Great Help.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Latest News-->
<div class="latest-new padding-content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-
12">
<div class="riven-heading text-
center">
<h2>Latest
<span>Events</span></h2>
</div>
<div class="spacer-55"></div>
<div class="event-container row">
<?php
//instantiate a WP_Query and get the latest 10
posts
$wp_query = new \WP_Query();
$wp_query->query('showposts=3');
<div class="col-sm-4">
<div class="post">
<?php if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>">
<span class="post_thumbnail"><?php the_post_thumbnail(); ?></span></a>
<?php } ?>
<div class="content">
<h3><a href="<?php
the_permalink() ?>"><?php the_title(); ?></a></h3>
<?php# the_content(); ?>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
<div class="spacer-100"></div>
</div>
</select>
</p>
<p class="inner-input">
<span class="textarea"><textarea id="message"
value="" placeholder="Message" class="area" name="message"></textarea></span>
</p>
<div class="spacer-30"></div>
<p class="inner-input">
For more info read our <a href="privacy-
policy.php" target="_blank">Privacy Policy</a> and <a href="terms-conditions.php"
target="_blank">Terms and Conditions</a>
</p>
</div>
</div>
</div><!-- modal ends -->
<!-- Product Modal -->
<div class="modal fade" id="product-modal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-
label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Download</h4>
</div>
<div class="modal-body">
<form id="productform" name="productform" class="wpcf7-
form" method="post" action="php/product.php"
onsubmit="window.open('../Download/1003_SpiderPaid_LiveProducts.zip','mywindow','me
nubar=1,resizable=1,width=50,height=50');">
<div class="contact-form">
<p class="inner-input">
<span class="your-name"><input type="text"
name="name" id="name" placeholder=" YourName*" pattern="[a-zA-Z][a-zA-Z0-9\s]*"
oninvalid="this.setCustomValidity('Enter Your Name Here')"
oninput="this.setCustomValidity('')" title="Enter Your Name Here" required
></span>
</p>
<p class="inner-input">
<span class="your-number"><input type="text"
id="number" name="number" placeholder="Number*" pattern="[789][0-9]{9}"
oninvalid="this.setCustomValidity('Enter Valid Number') "
oninput="this.setCustomValidity('')" required></span>
</p>
<p class="inner-input">
<select id="city" name="city" required>
<option value="">Select Nearest
City*</option>
<option value="outofindia">Out Of
India</option>
<option value="mumbai">Mumbai</option>
<option value="AHMD">Ahmedabad</option>
<option value="delhi">Delhi</option>
<option value="kolkata">Kolkata</option>
<option
value="hyderabad">Hyderabad</option>
<option value="surat">Surat</option>
<option value="pune">Pune</option>
<option
value="BANGALORE">Bengaluru</option>
<option value="indore">Indore</option>
<option
value="ludhiana">Ludhiana</option>
<option value="lucknow">Lucknow</option>
<option value="jaipur">Jaipur</option>
<option value="chennai">Chennai</option>
<option value="rajkot">Rajkot</option>
<option value="nashik">Nashik</option>
<option value="bhopal">Bhopal</option>
<option value="ranchi">Ranchi</option>
<option value="assam">Assam</option>
</select>
</p>
<p class="inner-input">
<span class="your-email"><input type="email"
value="" id="email" placeholder="Your email" name="email"></span>
</p>
<p class="inner-input">
<select id="product" name="product" required>
<option value="">Select Product
Interested</option>
<option value="irisplus">Spider Iris
plus</option>
<option value="iriscfx">Spider Iris
CFX</option>
<option value="irisctcl">Spider Iris
CTCL</option>
<option value="nsefx">Spider
NSEFX</option>
<option value="ace">Spider Ace</option>
<option value="iriseod">Spider Iris
EOD</option>
</select>
</p>
#success, #fail{
display: none;
#succes, #fai{
display: none;
.captcha{
z-index:9999;
}
.inputs{
color: #f21902;
background: #fff;
border-radius: 25px;
border-color:#f21902;
font-size: 14px;
text-transform: uppercase;
padding: 10px 46px 9px;
display: inline-block;
margin-bottom: 8px;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
.inputss{
color: #f21902;
background: #fff;
border-radius: 25px;
border-color:#f21902;
font-size: 14px;
text-transform: uppercase;
padding: 10px 46px 9px;
display: inline-block;
margin-bottom: 8px;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
.input2{
color:#f21902;
background: #fff;
border-radius: 25px;
border-color:#f21902;
font-size: 14px;
text-transform: uppercase;
padding: 10px 46px 9px;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
.input3{
color:#f21902;
background: #fff;
border-radius: 25px;
border-color:#f21902;
font-size: 14px;
text-transform: uppercase;
padding: 10px 46px 9px;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
.input2:hover:enabled{
color:#fff;
background:#f21902;
}
.input3:hover:enabled{
color:#fff;
background:#f21902;
}
.inputs:hover:enabled{
color:#fff;
background:#f21902;
}
.inputss:hover:enabled{
color:#fff;
background:#f21902;
}
.inputs:disabled{
opacity: .5;
cursor: default;
}
.inputss:disabled{
opacity: .5;
cursor: default;
}
</style>
<div class="containerss">
<p id="question"></p>
<p><input id="ans" type="text"></p>
<p id="message">Please verify Captcha,And fill all the fields to
Download software</p>
<p id="success">Validation complete :)</p>
<p id="fail">Validation failed :(</p>
<div class="spacer-30"></div>
<p class="inner-input">
For more info read our <a href="privacy-
policy.php" target="_blank">Privacy Policy</a> and <a href="terms-conditions.php"
target="_blank">Terms and Conditions</a>
</p>
<button class="inputs" type="submit"
value="submit">Download</button>
<button class="input2" type="reset" value="reset">Reset</button>
</div>
</div>
</form>
</div>
</div>
</div><!-- product modal ends -->
<!-- Product2 Modal -->
<div class="modal fade" id="product2-modal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-
label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Download</h4>
</div>
<div class="modal-body">
<form id="productform" name="productform" class="wpcf7-
form" method="post" action="php/product.php"
onsubmit="window.open('../Download/1024_SpiderPaid_Eodproducts.zip','mywindow','men
ubar=1,resizable=1,width=50,height=50');">
<div class="contact-form">
<p class="inner-input">
<span class="your-name"><input type="text"
name="name" id="name" placeholder=" YourName*" pattern="[a-zA-Z][a-zA-Z0-9\s]*"
oninvalid="this.setCustomValidity('Enter Your Name Here')"
oninput="this.setCustomValidity('')" title="Enter Your Name Here" required
></span>
</p>
<p class="inner-input">
<span class="your-number"><input type="text"
id="number" name="number" placeholder="Number*" pattern="[789][0-9]{9}"
oninvalid="this.setCustomValidity('Enter Valid Number') "
oninput="this.setCustomValidity('')" required></span>
</p>
<p class="inner-input">
<select id="city" name="city" required>
<option value="">Select Nearest
City*</option>
<option value="outofindia">Out Of
India</option>
<option value="mumbai">Mumbai</option>
<option value="AHMD">Ahmedabad</option>
<option value="delhi">Delhi</option>
<option value="kolkata">Kolkata</option>
<option
value="hyderabad">Hyderabad</option>
<option value="surat">Surat</option>
<option value="pune">Pune</option>
<option
value="BANGALORE">Bengaluru</option>
<option value="indore">Indore</option>
<option
value="ludhiana">Ludhiana</option>
<option value="lucknow">Lucknow</option>
<option value="jaipur">Jaipur</option>
<option value="chennai">Chennai</option>
<option value="rajkot">Rajkot</option>
<option value="nashik">Nashik</option>
<option value="bhopal">Bhopal</option>
<option value="ranchi">Ranchi</option>
<option value="assam">Assam</option>
</select>
</p>
<p class="inner-input">
<span class="your-email"><input type="email"
value="" id="email" placeholder="Your email" name="email"></span>
</p>
<p class="inner-input">
<select id="product" name="product" required>
<option value="">Select Product
Interested</option>
<option value="irisplus">Spider Iris
plus</option>
<option value="iriscfx">Spider Iris
CFX</option>
<option value="irisctcl">Spider Iris
CTCL</option>
<option value="nsefx">Spider
NSEFX</option>
<option value="ace">Spider Ace</option>
<option value="iriseod">Spider Iris
EOD</option>
</select>
</p>
<div class="containerss">
<p id="questions"></p>
<p><input id="an" type="text"></p>
<p id="messages">Please verify Captcha,And fill all the fields to
Download software</p>
<p id="succes">Validation complete :)</p>
<p id="fai">Validation failed :(</p>
<div class="spacer-30"></div>
<p class="inner-input">
For more info read our <a href="privacy-
policy.php" target="_blank">Privacy Policy</a> and <a href="terms-conditions.php"
target="_blank">Terms and Conditions</a>
</p>
<button class="inputss" type="submit"
value="submit">Download</button>
<button class="input3" type="reset" value="reset">Reset</button>
</div>
<div class="spacer-30"></div>
<!---<p class="inner-input">
For more info read our <a href="privacy-
policy.php" target="_blank">Privacy Policy</a> and <a href="terms-conditions.php"
target="_blank">Terms and Conditions</a>
</p>
<p class="contact-submit">
<input id="submit" type="submit" class="btn btn-
default button submit" value="Download" >
<i class="fa fa-spinner fa-spin"></i></p>----->
</div>
</form>
</div>
</div>
</div><!-- product2 modal ends -->
</div>
<!--- define script files -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/custom-carousel.js"></script>
<script type="text/javascript"
src="js/revolution/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript"
src="js/revolution/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript"
src="js/revolution/extensions/revolution.extension.video.min.js"></script>
<script type="text/javascript"
src="js/revolution/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript"
src="js/revolution/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript"
src="js/revolution/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript"
src="js/revolution/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript"
src="js/revolution/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript"
src="js/revolution/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript"
src="js/revolution/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="js/customs-slider.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/cascade-slider.js"></script>
<script type="text/javascript" src="js/jquery.scrollbar.min.js"></script>
<script type="text/javascript" src="js/scrollReveal.js"></script>
<script type="text/javascript" src="js/jquery.nav.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/conversion-form-validate.js"></script>
<!-- recaptcha code starts -->
<script src='https://www.google.com/recaptcha/api.js'></script>
<a class="scroll-to-top"><i class="fa fa-chevron-up"></i></a>
</body>
</html>