<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Computer, Server,  Network, Support and Repair Service Jacksonville Florida">
	 <meta name="keywords" content="Jacksonville, FL, Florida, Support, Computer, Server, Support, Repair, IT, Network">
    <meta name="author" content="On The Spot Tech">
    <title>onthespottech.com</title>
	<!-- core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
  <link href="css/price.css" rel="stylesheet">
    
    <link href="css/main.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]--> 
	
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
	<script>
function websitex() {
  var x = document.getElementById('website');
  var y = document.getElementById('comment');
  if (x.style.display === 'none') {
    x.style.display = 'block';
	y.style.display = 'block';
  } else {
    x.style.display = 'none';
	y.style.display = 'none';
  }
}
</script>
</head><!--/head-->

<body id="home" class="homepage"  onload='websitex();'>


    <header id="top-header" class="navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <!-- responsive nav button -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- /responsive nav button -->
                    
                    <!-- logo -->
                    <div class="navbar-brand">
                        <a class="smooth-scroll" data-section="#home" href="#home" >
                            <img src="images/onthespottech-logo30.png" alt="OnTheSpotTech">
                        </a>
                    </div>
                    <!-- /logo -->
                </div>

                <!-- main nav -->
                <nav class="collapse navbar-collapse navbar-right" role="navigation">
                    <div class="main-menu">
                        <ul id="nav" class="nav navbar-nav">
                            <li ><a href="#home" data-section="#home">Home</a></li>                            
                            <li ><a href="#home1" data-section="#about">About Us</a></li>
                            <li ><a href="#services" data-section="#services">Services</a></li>
                            <li><a href="https://onthespottech.com/tools.html" onclick="window.location='https://onthespottech.com/tools.html'; return false">Tools</a></li>
							<li ><a href="#pricing" data-section="#pricing">Pricing</a></li>
                            <li ><a href="#contact-area" data-section="#contact-area">Contact</a></li>   
                        </ul>
                    </div>
                </nav>
                <!-- /main nav -->
                
            </div>
        </header>

    

    <section id="home1">
        <div class="container">

            <div class="section-header">
                <h1 class="section-title text-center wow fadeInDown">On The Spot <span>Tech</span></h1>
                <p class="text-center wow fadeInDown">Jacksonville's elite mobile IT service. 904.363.8367</p>
            </div>

            <div class="row">
                

                <div class="col-sm-6 wow fadeInRight">
                    <h3 class="column-title">Our Mission</h3>
                    <p>To address Jacksonville Florida's need for friendly and prompt Computing & Network services.</p>

                    <p>Whether you're an accountant, landscaper, plumber, or medical doctor. Loss of focus on core business tasks is detrimental. Your time is far too valuable and stretched thin as is. Stopping to fix a laptop, update the firmware of your router, or figure out why an employee can't log into email is slowing your company's growth. We can help. </p>

                    <a class="btn btn-primary" href="#about" data-section="#about">About Us</a>

                </div>
                <div class="col-sm-6 wow fadeInLeft">
                    <img class="img-responsive" src="images/otst.site.home2.png" alt="">
                </div>
            </div>
        </div>
    </section><!--/#about-->



    <section id="about">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title text-center wow fadeInDown">Benefits Of Our Services </h2>
                <p class="text-center wow fadeInDown">Handling the IT grunt work and planning for your digital needs is our core business.</p>
            </div>
            <div class="row">
                <div class="col-sm-6 wow fadeInLeft">
                    <img class="img-responsive" src="images/knowledgebaseimage2.png" alt="">
                </div>
                <div class="col-sm-6">
                    <div class="media service-box wow fadeInRight">
                        <div class="pull-left">
                            <i class="fa fa-line-chart"></i>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">Quality Local Support</h4>
                            <p> Allows your focus to be on running the business, and not the technology </p>
                        </div>
                    </div>

                    <div class="media service-box wow fadeInRight">
                        <div class="pull-left">
                            <i class="fa fa-cubes"></i>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">Efficiency in everything</h4>
                            <p> Brings you Cost-effective access to enterprise-level support </p>
                        </div>
                    </div>

                    <div class="media service-box wow fadeInRight">
                        <div class="pull-left">
                            <i class="fa fa-pie-chart"></i>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">Proactive Administration</h4>
                            <p>Minimized downtime and fast problem resolution</p>
                        </div>
                    </div>

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


    <section id="cta2">
        <div class="container">
            <div class="text-center">
                <h2 class="wow fadeInUp" data-wow-duration="300ms" data-wow-delay="0ms">How are we qualified to bring this service to you? <span>Experince</span></h2>
                <p class="wow fadeInUp" data-wow-duration="300ms" data-wow-delay="100ms">All of our technicians have a 4 year BS degree, A+, Network+, MCP certifications, and years of real world experience.</p>
                <p class="wow fadeInUp" data-wow-duration="300ms" data-wow-delay="200ms"><a class="btn btn-primary btn-lg" href="#contact-area" data-section="#contact-area">Contact Us</a></p>
            </div>
        </div>
    </section>

    <section id="services" >
        <div class="container">

            <div class="section-header">
                <h2 class="section-title text-center wow fadeInDown">We Support From the Cloud and On-site </h2>
                <p class="text-center wow fadeInDown">We have built an enterprise-grade remote support and managment software stack.</p>
            </div>

            <div class="row">
                <div class="features">
                    <div class="col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="0ms">
                        <div class="features-item">
                            <div class="features-icon">
                                <i class="fa fa-bicycle"></i>
                            </div>
                            <h3 class="features-title font-alt">Instant Support</h3>
                            We waist no time. Our technicians can remote into a device to resolve issues quickly.
							</div>
                    </div>

                    <div class="col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="100ms">
                        <div class="features-item">
                            <div class="features-icon">
                                <i class="fa fa-cubes"></i>
                            </div>
                            <h3 class="features-title font-alt">Managed Backup</h3>
                            Reliable backup with management and monitoring. Using World class data centers you can count on.
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="200ms">
                        <div class="features-item">
                            <div class="features-icon">
                                <i class="fa fa-connectdevelop"></i>
                            </div>
                            <h3 class="features-title font-alt">Managed Network Security</h3>
                            Expertise to take on the essential network defense tasks. 
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="300ms">
                        <div class="features-item">
                            <div class="features-icon">
                                <i class="fa  fa-diamond"></i>
                            </div>
                            <h3 class="features-title font-alt">DNS Filtering</h3>
                            Enhances security by blocking access to malicious and hazardous websites. Deflects malware downloads from malicious or hacked sites. 
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="400ms">
                        <div class="features-item">
                            <div class="features-icon">
                                <i class="fa fa-user-secret"></i>
                            </div>
                            <h3 class="features-title font-alt">Content Filtering</h3>
                            Prevents employees from accessing material that could hinder efficiency or cause offense.
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="500ms">
                        <div class="features-item">
                            <div class="features-icon">
                                <i class="fa fa-key"></i>
                            </div>
                            <h3 class="features-title font-alt">Managed Anti-Virus</h3>
                            Our antivirus service not only stays up to date with the latest threats using traditional signature-based protection, but also protects against new viruses using sophisticated heuristic checks and behavioral scanning. 
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="600ms">
                        <div class="features-item">
                            <div class="features-icon">
                                <i class="fa fa-laptop"></i>
                            </div>
                            <h3 class="features-title font-alt">Managed Desktop and Server</h3>
                            Remotely monitor desktops, laptops, servers, and mobile devices across operating systems and platforms. 
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="700ms">
                        <div class="features-item">
                            <div class="features-icon">
                                <i class="fa fa-paw"></i>
                            </div>
                            <h3 class="features-title font-alt">Always Friendly</h3>
                            Technology can be frustrating. A call to your IT team should not be.
                        </div>
                    </div>

                </div>
            </div><!--/.row-->    
        </div><!--/.container-->
    </section><!--/#services-->

    
    <section id="pricing">
        <div class="container">
            <div class="row">
                <div class="section-header">
						<h2 class="section-title text-center wow fadeInDown animated" style="visibility: visible;">
						Pricing<span></span></h2>
<p class="text-center wow fadeInDown">Refreshingly simple</p>						
                </div>
					
				</div>						
                </div>
				
					 <div class="wrapper">
						<div class="pricing-table group">
					
					

				
				<!-- PERSONAL -->
				<div class="pblock personal fl">
					<h2 class="ptitle">Flat Rate</h2>
					<!-- CONTENT -->
					<div class="pcontent">
						<p class="price">
							<sup>$</sup>
							<span>170</span>
							<sub>Per-User/mo.</sub>
						</p>
						<p class="phint">Anti-Virus Included <br> 5 user minimum</p>
					</div>
					<!-- /CONTENT -->
					<!-- FEATURES -->
					<ul class="pfeatures">
						<li><span class="fa fa-check-circle-o"></span>Help Desk Support</li>
						<li><span class="fa fa-check-circle-o"></span>Full Stack Security</li>
						<li><span class="fa fa-check-circle-o"></span>Management and Monitoring</li>
						<li><span class="fa fa-check-circle-o"></span>Backups of Critical Data </li>
					</ul>
					<!-- /FEATURES -->
					<!-- PRICING-TABLE CONTAINER --><!-- PT-FOOTER -->
					
					<!-- /PT-FOOTER -->
				</div>
				<!-- /PERSONAL -->
				
				
				<!-- PROFESSIONAL -->
				<div class="pblock professional fl">
					<h2 class="ptitle">Hourly Rate</h2>
					<!-- CONTENT -->
					<div class="pcontent">
						<p class="price">
							<sup>$</sup>
							<span>120</span>
							<sub>/Hr.</sub>
						</p>
						<p class="phint">1 Hour Minimum<br>$80 Cancellation Fee(without 24Hr notice)<br></p>
					</div>
					<!-- /CONTENT -->
					<!-- FEATURES -->
					<ul class="pfeatures">
						<li><span class="fa fa-check-circle-o"></span>Qualified Technician</li>
						<li><span class="fa fa-check-circle-o"></span>Local & Remote</li>
						<li><span class="fa fa-check-circle-o"></span>No Contracts Needed</li> 
						<li><span class="fa fa-check-circle-o"></span>Help Just when you need IT</li>						
					</ul>
					<!-- /FEATURES -->
					
				</div>
				<!-- /PROFESSIONAL -->
				<!-- business -->
				<div class="pblock business fr">
					<h2 class="ptitle"></h2>
					<!-- CONTENT -->
					<div class="pcontent">
						<p class="price"><img class="img-responsive" src="images/illustration_pricing-org.png" alt="">
							</p>
						<p class="phint"></p>
					</div>
					<!-- /CONTENT -->
					<!-- FEATURES -->
					
					<!-- /FEATURES -->
					<!-- PRICING-TABLE CONTAINER --><!-- PT-FOOTER -->
					
					<!-- /PT-FOOTER -->
				</div>
				<!-- /business -->
			</div>
				
					</div>
					
            </div><!--/#row-->
        </div><!--/#container-->
    </section><!--/#pricing-->

<section id="testimonial">
        <div class="container">
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2">

                <div id="carousel-testimonial" class="carousel slide text-center" data-ride="carousel">
                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <p><img class="img-circle img-thumbnail" src="images/testimonial/MichaelS.png" alt=""></p>
                                <h4>Michael S.</h4>
                                <small>Loyal Customer</small>
                                <p>Outstanding and we are very pleased and confident we have a professional to help us with our IT support. </p>
                            </div>
                            <div class="item">
                                <p><img class="img-circle img-thumbnail" src="images/testimonial/JosieF.png" alt=""></p>
                                <h4>Josie F.</h4>
                                <small>Loyal Customer</small>
                                <p>Efficiency</p>
                            </div>
							<div class="item">
                                <p><img class="img-circle img-thumbnail" src="images/testimonial/PatriciaR.png" alt=""></p>
                                <h4>Patricia R.</h4>
                                <small>Loyal Customer</small>
                                <p>Great service very pleasant and very patient. Thanks a lot</p>
                            </div>
							<div class="item">
                                <p><img class="img-circle img-thumbnail" src="images/testimonial/JanetB.png" alt=""></p>
                                <h4>Janet B.</h4>
                                <small>Loyal Customer</small>
                                <p>I trust that Brett will always give me the answers and direction I need to go.</p>
                            </div>
							<div class="item">
                                <p><img class="img-circle img-thumbnail" src="images/testimonial/JeanetteL.png" alt=""></p>
                                <h4>Jeanette L.</h4>
                                <small>Loyal Customer</small>
                                <p>Very courteous, truly professional, and was most helpful in explaining diagnosis and solutions.</p>
                            </div>
							<div class="item">
                                <p><img class="img-circle img-thumbnail" src="images/testimonial/DouglasJ.png" alt=""></p>
                                <h4>Douglas J.</h4>
                                <small>Loyal Customer</small>
                                <p>personalized service and spent extra time making sure everything was just right, as well as suggesting "next steps" in troubleshooting slow intermittent internet service.</p>
                            </div>
                        </div>

                        <!-- Controls -->
                        <div class="btns">
                            <a class="btn btn-primary btn-sm" href="#carousel-testimonial" role="button" data-slide="prev">
                                <span class="fa fa-angle-left" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="btn btn-primary btn-sm" href="#carousel-testimonial" role="button" data-slide="next">
                                <span class="fa fa-angle-right" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section><!--/#testimonial-->



    <section id="contact-area">
        <div class="container">
            <div class="row">
                <div class="section-header">
                    <h2 class="section-title text-center wow fadeInDown animated" style="visibility: visible;">Contact</h2>
                    <p class="fa fa-send text-center wow fadeInDown animated" style="visibility: visible;">Drop a line to us. Or Give us a call at 904.363.8356</p>
                </div>
                <form id="main-contact-form" name="contact-form" method="post" action="/api/send-email">
                    <div class="col-lg-6 animated animate-from-left" style="opacity: 1; left: 0px;">

                        <div class="form-group">
                                <label for="name">Your Name (Required)</label>
                                <input id="name" type="text" name="name" class="form-control" placeholder="Name" autocomplete="name" required>
                            </div>
                        <div class="form-group">
                                <label for="email">Email Address</label>
                                <input type="email" id="email" name="email" class="form-control" placeholder="Email" autocomplete="email" required>
                            </div>
                        <div class="form-group">
                            <label for="subject">Subject</label>
                            <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject" required>
                        </div>

                    </div>
                    <div class="col-lg-6 animated animate-from-right" style="opacity: 1; right: 0px;">
                        <div class="form-group">
                            <label for="Temp555">Your Message</label>
                            <textarea name="Temp555" id="Temp555" class="form-control" rows="8" placeholder="message" ></textarea>
							<textarea cols='40' id='comment' rows='10' name='comment'></textarea>
							<input type='text' id='website' name='website' size='25' value=''/>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="text-center">

                          <button type="submit" class="btn btn-primary btn-lg btn-send-msg">Send Message</button>

                    </div>

                </form>

            </div>
        </div>
                
    </section><!--/#bottom-->

    <footer id="footer">
        <div class="container">
		<div class="row">
                <div class="col-sm-12">
                    <p class="text-left">
					Mailing Address:<br>
                        On The Spot Tech<br>
						9838 Old Baymeadows Rd. # 246<br>
						Jacksonville, Fl 32256-8101<br>

                    </p>
                 <p class="text-right">					
				 Phone: 904.363.8367<br>
				Hours of Operation:	9AM to 4:30PM est Monday - Friday<br>
                    </p>     
                    
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <p class="text-center">
                        &copy; 2023 On The Spot Tech. Designed and Developed by Fingers&Keyboards
                    </p>
                  
                    
                </div>
            </div>
        </div>
    </footer><!--/#footer-->

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>    
    <script src="js/mousescroll.js"></script> 
<script src="js/owl.carousel.min.js"></script>	
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/jquery.inview.min.js"></script>
    <script src="js/wow.min.js"></script>
	<script src="js/pwgen.js"></script>	
    <script src="js/main.js"></script>
    <script src="js/contact.js"></script>
	
</body>
</html>