File: /home/u435929562/domains/projectcop.com/public_html/radianttechguy/services.php
<?php include 'header.php'; ?>
<section class="why-ar service-why-are">
<div class="container mx-auto px-4">
<div class="row align-items-center">
<div class="col-md-7 col-lg-6">
<div class="max-w-md about-radient">
<h6>Our services</h6>
<h2 class="mb-4 text-4xl lg:text-5xl font-bold font-heading">Laptop
</h2>
<p class="text-gray-500 leading-loose">Your Device Is in Excellent Hands; We Support All Major Brands; If you require a Laptop home service, arrange a Service Now.</p>
</div>
</div>
<div class="col-md-5 col-lg-6">
<div class="radient-slider-img">
<img src="atis-assets/img/Laptops.png" alt="laptop" />
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-7 col-lg-6">
<div class="max-w-md about-radient">
<h2 class="mb-4 text-4xl lg:text-5xl font-bold font-heading">Desktop
</h2>
<p class="text-gray-500 leading-loose">Viruses, spyware, and other malware can cause hardware and software failures in desktops and PCs. Schedule for desktop and PC repairs at home.</p>
</div>
</div>
<div class="col-md-5 col-lg-6">
<div class="radient-slider-img">
<img src="atis-assets/img/Desktops.png" alt="laptop" />
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-7 col-lg-6">
<div class="max-w-md about-radient">
<h2 class="mb-4 text-4xl lg:text-5xl font-bold font-heading">iPhones
</h2>
<p class="text-gray-500 leading-loose">Radian Technologies provides low-cost iPhone repairs such as screen and battery replacements. Schedule a service appointment today.</p>
</div>
</div>
<div class="col-md-5 col-lg-6">
<div class="radient-slider-img">
<img src="atis-assets/img/iphones.png" alt="laptop" />
</div>
</div>
</div>
</div>
</section>
<section class="why-ar pb pt">
<div class="container mx-auto px-4">
<div class="flex flex-wrap items-center why-justy">
<div class="mb-12 lg:mb-0 w-full lg:w-1/2">
<div class="max-w-md about-radient">
<h6>Why us?</h6>
<h2 class="mb-4 text-4xl lg:text-5xl font-bold font-heading">Why would you <br /> choose us?
</h2>
<p class="text-gray-500 leading-loose">Sometimes things break and no one likes it.
No problem. We come to you to get your
phone back up and running in no time!</p>
</div>
</div>
<div class="w-full lg:w-1/2 flex flex-wrap -mx-2 why-choose-us">
<div class="mb-md-4 w-full lg:w-1/3 lg:w-1/3 px-2">
<div class="why-us-f">
<img src="atis-assets/img/wu-1.png" alt="">
<span>100% Genuine <br />Parts</span>
</div>
</div>
<div class="mb-md-4 w-full lg:w-1/3 px-2">
<div class="why-us-f">
<img src="atis-assets/img/wu-2.png" alt="">
<span>Service at your <br /> Location</span>
</div>
</div>
<div class="mb-md-4 w-full lg:w-1/3 px-2">
<div class="why-us-f">
<img src="atis-assets/img/wu-3.png" alt="">
<span>Certified <br /> Technicians</span>
</div>
</div>
<div class="mb-md-4 w-full lg:w-1/3 px-2">
<div class="why-us-f">
<img src="atis-assets/img/wu-4.png" alt="">
<span>Six Months <br /> Warranty</span>
</div>
</div>
<div class="mb-md-4 w-full lg:w-1/3 px-2">
<div class="why-us-f">
<img src="atis-assets/img/wu-5.png" alt="">
<span>Super Fast <br /> Service</span>
</div>
</div>
<div class="w-full lg:w-1/3 px-2">
<div class="why-us-f">
<img src="atis-assets/img/wu-6.png" alt="">
<span>Trade In <br /> Service</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="request-section pb">
<div class="container">
<div class="mb-16 text-center mx-auto producer-label">
<span class="font-bold">Need a repair?</span>
<h2 class="text-4xl lg:text-5xl font-bold font-heading">Request a quote</h2>
</div>
<div class="select-flex">
<div class="gedget-detail">
<select class="gadget-name" name="gadget-name">
<option selected disabled>Select Gadget</option>
<option id="laptop">Laptop</option>
<option id="desktop">Desktop</option>
<option id="iphone">iPhone</option>
</select>
</div>
<div class="gedget-detail mr-0">
<select id="myselection">
<option selected disabled>Select Model</option>
<optgroup label="Laptop" class="model laptop d-none">
<option value="1" >Dell</option>
<option value="2">HP</option>
<option value="3">Lenovo</option>
<option value="4">ACER</option>
<option value="5">Other</option>
</optgroup>
<optgroup label="Desktop" class="model desktop d-none">
<option value="6">Description </option>
</optgroup>
<optgroup label="Mobile" class="model iphone d-none">
<option value="7">iphone X</option>
<option value="8">iphone Xs</option>
<option value="9">iphone 11</option>
<option value="10">iphone 11 mini</option>
<option value="11">iphone 11 Pro</option>
<option value="12">iphone 11 Promax</option>
<option value="13">iphone 12</option>
<option value="14">iphone 12 mini</option>
<option value="15">iphone 12 Pro</option>
<option value="16">iphone 12 Promax</option>
<option value="17">iphone 13</option>
<option value="18">iphone 13 mini</option>
<option value="19">iphone 13 Pro</option>
<option value="20">iphone 13 Promax</option>
</optgroup>
</select>
</div>
</div>
<div class="request-main">
<div class="phonegadget-detail myDiv">
<img src="atis-assets/img/iPhone.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show1">
<img src="atis-assets/img/Dell.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show2" style="display: none;">
<img src="atis-assets/img/HP.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show3" style="display: none;">
<img src="atis-assets/img/Lenovo.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show4" style="display: none;">
<img src="atis-assets/img/Acer.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show5" style="display: none;">
<img src="atis-assets/img/Other.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show6" style="display: none;">
<img src="atis-assets/img/Desktop.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show7" style="display: none;">
<img src="atis-assets/img/iphoneX.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show8" style="display: none;" >
<img src="atis-assets/img/iphoneXs.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show9" style="display: none;" >
<img src="atis-assets/img/iphone11.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show10" style="display: none;" >
<img src="atis-assets/img/iphone11mini.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show11" style="display: none;" >
<img src="atis-assets/img/iphone11pro.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show12" style="display: none;" >
<img src="atis-assets/img/iphone11_promax.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show13" style="display: none;" >
<img src="atis-assets/img/iphone12.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show14" style="display: none;" >
<img src="atis-assets/img/iphone12 mini.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show15" style="display: none;" >
<img src="atis-assets/img/iphone12pro.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show16" style="display: none;" >
<img src="atis-assets/img/iphone12_promax.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show17" style="display: none;" >
<img src="atis-assets/img/iphone13.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show18" style="display: none;" >
<img src="atis-assets/img/iphone13_promini.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show19" style="display: none;" >
<img src="atis-assets/img/iphone13_pro.png" alt="" />
</div>
<div class="phonegadget-detail myDiv" id="show20" style="display: none;" >
<img src="atis-assets/img/iphone13_promax.png" alt="" />
</div>
<div class="mt-4 text-center">
<button type="button" class="btn book-btn" data-toggle="modal" data-target="#exampleModal">GET A QUOTE</button>
</div>
<div class="request-circle">
<img src="atis-assets/img/shape-4.png" alt="shape" />
<img src="atis-assets/img/circle-shape-2.png" alt="shape" />
<img src="atis-assets/img/shape-4.png" alt="shape" />
</div>
</div>
</div>
</section>
<section class="vaccination-section">
<div class="container mx-auto px-4">
<div class="row align-items-center">
<div class="col-md-4">
<div class="vacin-men">
<img src="atis-assets/img/vaccin-men.png" alt="vaccin-men" />
</div>
<div class="vacin-shape">
<img src="atis-assets/img/l-shape.png" />
<img src="atis-assets/img/circle-shape-2.png" />
</div>
</div>
<div class="col-md-8">
<div class="vaccin-content">
<h2>All our technicians & vehicles <br /> are fully <span> vaccinated </span> for safety.</h2>
<p>Please do not worry about contacting our technicians, as they are all fully vaccinated! All
the vehicles we use are also insured at all times for safety.</p>
<button type="button" class="btn" data-toggle="modal" data-target="#exampleModal">GET A QUOTE</button>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer.php'; ?>
<script>
$(document).on('change', '.gadget-name', function() {
var clsname = $(this).children(":selected").attr("id");
$('.model').addClass("d-none");
$('.' + clsname).removeClass("d-none");
});
$(document).ready(function(){
$('#myselection').on('change', function(){
var demovalue = $(this).val();
$("div.myDiv").hide();
$("#show"+demovalue).show();
});
});
</script>