File: /home/u435929562/domains/projectcop.com/public_html/radianttechguy/index.php
<?php include 'header.php'; ?>
<section class="radient-carousel-section pb">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="5000">
<ol class="carousel-indicators ">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="bg-first carousel-content">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="slider-content-caption">
<h2>Doorstep gadgets <br /> repair in <span> Hyderabad </span> </h2>
<p>We are now offering our services in Hyderabad,
take advantage as soon as you can!</p>
<button type="button" class="btn y-book-btn" data-toggle="modal" data-target="#exampleModal">Get Started</button>
<div class="media align-items-center">
<img src="atis-assets/img/s-cutomer.png" alt="s-cutomer.png" />
<div class="media-body">
<h3>10K+</h3>
<span>Satisfied Customers</span>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<div class="position-relative">
<div class="radient-slider-img">
<img src="atis-assets/img/sl-1.png" alt="sl-1.png" />
</div>
<div class="first-carousel-shape">
<img src="atis-assets/img/circle-shape-2.png" />
<img src="atis-assets/img/shape-4.png" />
<img src="atis-assets/img/shape-4.png" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="bg-second carousel-content">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="slider-content-caption">
<h2>We will take care of <br /> your <span> valuable Assets </span> </h2>
<p>Just book our service now and we will come
to your doorstop and repair your mobile instantly.</p>
<button type="submit" class="btn y-book-btn" data-toggle="modal" data-target="#exampleModal">GET A QUOTE</button>
<div class="media align-items-center">
<img src="atis-assets/img/s-cutomer.png" alt="s-cutomer.png" />
<div class="media-body">
<h3>10K+</h3>
<span>Satisfied Customers</span>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<div class="position-relative">
<div class="radient-slider-img">
<img src="atis-assets/img/sl-2.png" alt="sl-1.png" />
</div>
<div class="value-shape">
<img src="atis-assets/img/shape-4.png">
<img src="atis-assets/img/circle-shape-2.png">
<img src="atis-assets/img/circle-shape-2.png">
<img src="atis-assets/img/shape-4.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="bg-third carousel-content">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="slider-content-caption">
<h2>First time we are <br /> offering <span> 30% discount</span> </h2>
<p>Take advantage of the discount, it is only availble
for limited time period. Call us now</p>
<button type="button" class="btn y-book-btn" data-toggle="modal" data-target="#exampleModal">Get Started</button>
<div class="media align-items-center">
<img src="atis-assets/img/s-cutomer.png" alt="s-cutomer.png" />
<div class="media-body">
<h3>10K+</h3>
<span>Satisfied Customers</span>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<div class="position-relative">
<div class="radient-slider-img">
<img src="atis-assets/img/sl-3.png" alt="sl-1.png" />
</div>
<div class="first-carousel-shape">
<img src="atis-assets/img/shape-4.png" />
<img src="atis-assets/img/shape-4.png" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="bg-second carousel-content">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="slider-content-caption">
<h2>Trade in your old device and get instant cash </span> </h2>
<p>Additionally, we are offering a trade-in option in which you can sell your old
device and we will pay you a fair amount.</p>
<button type="submit" class="btn y-book-btn" data-toggle="modal" data-target="#exampleModal">GET A QUOTE</button>
<div class="media align-items-center">
<img src="atis-assets/img/s-cutomer.png" alt="s-cutomer.png" />
<div class="media-body">
<h3>10K+</h3>
<span>Satisfied Customers</span>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<div class="position-relative">
<div class="radient-slider-img">
<img src="atis-assets/img/sl-2.png" alt="sl-1.png" />
</div>
<div class="value-shape">
<img src="atis-assets/img/shape-4.png">
<img src="atis-assets/img/circle-shape-2.png">
<img src="atis-assets/img/circle-shape-2.png">
<img src="atis-assets/img/shape-4.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pb">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-lg-5">
<div class="about-radient">
<h6>About Radiant Technologies</h6>
<h2>Our mission is to fix <br /> your <span> gadget </span> problems.</h2>
<p>Radiant Technologies is a one-stop solution for all your device repairs. With our reliable
products and outstanding customer service, we make sure that every customer gets the most
out of their new devices without having to worry about the nitty gritty details. We recently
opened our services in Hyderabad and we are considering opening in other cities as well.</p>
<button type="button" class="btn book-btn" data-toggle="modal" data-target="#exampleModal">GET A QUOTE</button>
</div>
</div>
<div class="col-md-6 col-lg-7">
<div class="left-part-about-section">
<div class="owl-carousel owl-theme about-slider" id="mobile-owl-carousel">
<div class="item">
<div class="about-slide-img">
<img src="atis-assets/img/about-img.png" alt="about-img" />
</div>
</div>
<div class="item">
<div class="about-slide-img">
<img src="atis-assets/img/about-img.png" alt="about-img" />
</div>
</div>
<div class="item">
<div class="about-slide-img">
<img src="atis-assets/img/about-img.png" alt="about-img" />
</div>
</div>
</div>
<div class="bg-circle-img">
<img src="atis-assets/img/circle-shape-1.png" alt="shape-1" />
<img src="atis-assets/img/circle-shape-2.png" alt="shape-2" />
<img src="atis-assets/img/circle-shape-2.png" alt="shape-2" />
<img src="atis-assets/img/circle-shape-1.png" alt="shape-1" />
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pb">
<div class="radius-for-skewed">
<div class="container mx-auto px-4">
<div class="mb-16 text-center mx-auto producer-label">
<span class="font-bold">Our Procedure</span>
<h2 class="text-4xl lg:text-5xl font-bold font-heading">How we do the service?</h2>
</div>
<div class="row row-line">
<div class="col-md-4">
<div class="producer-content">
<div class="producer-img-box">
<img src="atis-assets/img/op-1.png" alt="op-1" />
<span>1</span>
</div>
<h3>Request a Quote</h3>
<p>After your request, one of our executives will contact you over the phone and after confirmation we will schedule a service.</p>
</div>
</div>
<div class="col-md-4">
<div class="producer-content">
<div class="producer-img-box">
<img src="atis-assets/img/op-2.png" alt="op-2" />
<span>2</span>
</div>
<h3>Visit Location</h3>
<p>As per scheduled time and date our technician will reach the location and contact you.
</p>
</div>
</div>
<div class="col-md-4">
<div class="producer-content">
<div class="producer-img-box">
<img src="atis-assets/img/op-3.png" alt="op-3" />
<span>3</span>
</div>
<h3>Get it Done</h3>
<p>One of our technicians will visit your location to fix the problem with your gadget.</p>
</div>
</div>
</div>
<div class="mt-5 text-center">
<button type="button" class="btn book-btn" data-toggle="modal" data-target="#exampleModal">Request a quote</button>
</div>
</div>
</div>
</section>
<section class="why-ar pb">
<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 class="mt-4 mt-md-0 ml-md-4 text-center">
<button type="button" class="btn book-btn" data-toggle="modal" data-target="#exampleModal">GET A QUOTE</button>
</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" style="display: none;">
<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="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="faq-section pb">
<div class="skew skew-top mr-for-radius">
<svg class="h-8 md:h-12 lg:h-20 w-full text-gray-50" viewbox="0 0 10 10" preserveaspectratio="none">
<polygon fill="currentColor" points="0 0 10 10 0 10"></polygon>
</svg>
</div>
<div class="skew skew-top ml-for-radius">
<svg class="h-8 md:h-12 lg:h-20 w-full text-gray-50" viewbox="0 0 10 10" preserveaspectratio="none">
<polygon fill="currentColor" points="0 10 10 0 10 10"></polygon>
</svg>
</div>
<div class="radius-for-skewed">
<div class="container mx-auto px-4">
<div class="mb-16 max-w-xl mx-auto text-center producer-label">
<span class="font-bold">FAQ</span>
<h2 class="text-5xl font-bold">Frequently Asked Questions</h2>
</div>
<div class="flex flex-wrap -mx-4 -mb-8 faq-qa">
<div class="w-full lg:w-1/2 px-4 mb-8">
<div class="h-full p-8 bg-white rounded shadow">
<div class="mb-6 flex items-start faq-qa">
<img src="atis-assets/img/faq.png" alt="faq" />
<h4 class="font-bold">Can I just change the top screen of my device without
changing the whole LCD?</h4>
</div>
<p class="text-gray-400 leading-loose">When it comes to original/OEM parts, that option is
not available as manufacturers don’t create such a part. However, non-genuine parts and
seller do provide such an option, so be careful of the repair service that you do on
your device.</p>
</div>
</div>
<div class="w-full lg:w-1/2 px-4 mb-8">
<div class="h-full p-8 bg-white rounded shadow">
<div class="mb-6 flex items-start faq-qa">
<img src="atis-assets/img/faq.png" alt="faq" />
<h4 class=" font-bold">How long does it take to average to fix my iPhone?</h4>
</div>
<p class="text-gray-400 leading-loose">On average, we are able to return the device after
repair within 1 hour. However, if the problems in your iPhone is too minor, we can able
to fix it instantly at your doorstep.</p>
</div>
</div>
<div class="w-full lg:w-1/2 px-4 mb-8">
<div class="h-full p-8 bg-white rounded shadow">
<div class="mb-6 flex items-start faq-qa">
<img src="atis-assets/img/faq.png" alt="faq" />
<h4 class="font-bold">How do I get a quick quote and set an appointment?</h4>
</div>
<p class="text-gray-400 leading-loose">Chat with us on our website or you can text on on our
social media pages or give us a call on our toll-free number: </p>
</div>
</div>
<div class="w-full lg:w-1/2 px-4 mb-8">
<div class="h-full p-8 bg-white rounded shadow">
<div class="mb-6 flex items-start faq-qa">
<img src="atis-assets/img/faq.png" alt="faq" />
<h4 class=" font-bold">Do you use original parts to fix the device?</h4>
</div>
<p class="text-gray-400 leading-loose">Glad you asked, we do provide 6 months warranty on
all our spare parts that we use to fix your device(s). We also offer free onsite fixing
or pickup/delivery when you choose to repair your device(s) with us.</p>
</div>
</div>
<div class="w-full lg:w-1/2 px-4 mb-8">
<div class="h-full p-8 bg-white rounded shadow">
<div class="mb-6 flex items-start faq-qa">
<img src="atis-assets/img/faq.png" alt="faq" />
<h4 class=" font-bold">Do you provide any extra benefits when you fix my device?
</h4>
</div>
<p class="text-gray-400 leading-loose">At Radian Technologies, we take pride in offering our
customers Original and Original Equipment Manufacturer (OEM) parts only, so they can
last longer.</p>
</div>
</div>
<div class="w-full lg:w-1/2 px-4 mb-8">
<div class="h-full p-8 bg-white rounded shadow">
<div class="mb-6 flex items-start faq-qa">
<img src="atis-assets/img/faq.png" alt="faq" />
<h4 class=" font-bold">How can I fix my cracked screen?
</h4>
</div>
<p class="text-gray-400 leading-loose">At Radiant, you can easily repair your phone's screen. To begin, select a product. Our technician will visit you at your residence to repair your mobile device.</p>
</div>
</div>
</div>
</div>
</div>
<div class="faq-outer-shape">
<img src="atis-assets/img/l-shape.png" alt="l-shape" />
<img src="atis-assets/img/l-shape.png" alt="l-shape" />
</div>
<div class="skew skew-bottom mr-for-radius">
<svg class="h-8 md:h-12 lg:h-20 w-full text-gray-50" viewbox="0 0 10 10" preserveaspectratio="none">
<polygon fill="currentColor" points="0 0 10 0 0 10"></polygon>
</svg>
</div>
<div class="skew skew-bottom ml-for-radius">
<svg class="h-8 md:h-12 lg:h-20 w-full text-gray-50" viewbox="0 0 10 10" preserveaspectratio="none">
<polygon fill="currentColor" points="0 0 10 0 10 10"></polygon>
</svg>
</div>
</section>
<section class="vaccination-section mb">
<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>
<section class="testimonial-section pb">
<div class="hero-body">
<!-- <div class="owl-carousel owl-theme" id="customers-testimonials">
<div class="item"><h4>1</h4></div>
<div class="item"><h4>2</h4></div>
<div class="item"><h4>3</h4></div>
<div class="item"><h4>4</h4></div>
<div class="item"><h4>5</h4></div>
<div class="item"><h4>6</h4></div>
</div> -->
<div class="container">
<div class="max-w-md about-radient">
<h6>Our customers love us</h6>
<h2 class="mb-4 text-4xl lg:text-5xl font-bold font-heading">Testimonials</h2>
</div>
</div>
<div class="owl-carousel owl-theme" id="customers-testimonials">
<div class="box">
<div class="level-item">
<div class="heading">
<p>
For fixing up my mobile issues! They are the best mobile doctors in town undoubtedly!!
Highly Recommend for all your mobile issues to be fixed, they will come to your door
steps and help you out!
</p>
<img class="avatar" src="atis-assets/img/Anvesh.jpeg" />
<h5>Avnesh</h5>
</div>
</div>
</div>
<div class="box">
<div class="level-item">
<div class="heading">
<p>
“It was so convenient, booking was easy and I highly recommend these guys. I hope I
won’t have to use their service again but considering I have a teenage son, I’m sure
I’ll be a repeat customer.”
</p>
<img class="avatar" src="atis-assets/img/Ashish.jpeg">
<h5>Ashish</h5>
<!-- <span>Hyderabad</span> -->
</div>
</div>
</div>
<div class="box">
<div class="level-item">
<div class="heading">
<p>
“They picked up the mobile and delivered it back to me before my flight the other day. I
was beyond grateful as I had a tight deadline and very impressed! I wouldn't hesitate
going ahead with them. Thank you.”
</p>
<img class="avatar" src="atis-assets/img/Bilal.jpeg">
<h5>Bilal</h5>
</div>
</div>
</div>
<div class="box">
<div class="level-item">
<div class="heading">
<p>
Professional, prompt and efficient service. Fixed the a on my iPhone at a fair and
reasonable price. We will definitely be using their services again for future
iPhone/iPad repairs.
</p>
<img class="avatar" src="atis-assets/img/Dhanraj_Soma.jpeg">
<h5>Dhanraj Soma</h5>
<!-- <span>Backend Developer</span> -->
</div>
</div>
</div>
<div class="box">
<div class="level-item">
<div class="heading">
<p>
“Quality service and professional. I was visiting Hyderabad so booked for my iPhone 12 pro repair. The team was on time on the agreed locations and had the repair done in a
professional manner. Super Happy.”
</p>
<img class="avatar" src="atis-assets/img/Ganesh.jpeg">
<h5>Ganesh</h5>
<!-- <span>Hyderabad</span> -->
</div>
</div>
</div>
</div>
<div class="owl-shape">
<img src="atis-assets/img/l-shape.png" />
</div>
</div>
</section>
<section class="time-fix-section">
<div class="container">
<div class="row align-items-center">
<div class="col-md-7">
<div class="time-fix-content">
<h2>It's time to fix your old <br /> iPhone, don't let it die.</h2>
<p>Please get in touch with us if you have any queries regarding iPhone repairing services. We
will be happy to help you anytime.</p>
<button type="button" class="btn" data-toggle="modal" data-target="#exampleModal">GET A QUOTE</button>
</div>
</div>
<div class="col-md-5">
<div class="time-right-part">
<div class="time-fix-img">
<img src="atis-assets/img/time.png" />
</div>
<div class="time-fix-squre">
<img src="atis-assets/img/l-shape.png" />
<img src="atis-assets/img/circle-shape-2.png" />
<img src="atis-assets/img/circle-shape-1.png" />
</div>
</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>