/
/
home
/
u523034047
/
domains
/
amanelectronic.com
/
public_html
Server: in-mum-web1112.main-hosting.eu (62.72.28.111)
You: 216.73.216.130
PHP 8.3.16
Dir:
/home/u523034047/domains/amanelectronic.com/public_html
Edit:
/home/u523034047/domains/amanelectronic.com/public_html/index.php
<!DOCTYPE html> <html> <!-- Mirrored from www.replservices.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 25 Feb 2024 10:10:41 GMT --> <head> <meta charset="utf-8"> <title>Aman Electronic - Electrical Contractors, Electrical Solutions Services in Gadarpur</title> <meta Name="Robots" Content="Index, Follow" /> <meta Name="Revisit-After" Content="7 Days" /> <meta Name="Googlebot" Content="Noodp"> <meta Http-Equiv="Content-Type" Content="Text/Html; Charset=Iso-8859-1" /> <meta Name="Description" Content="Electrical Contractors, Electrical Services, Electrical Solutions Services, Gadarpur, India" /> <meta Name="Keywords" Content="Electrical Contractors, Electrical Engineers, Electrical Licensed Contractors, Voltage Controllers, Automatic Voltage Stabilizers, Building Management System, Ac Panel, Access Control, Ahu Control Panels, Automatic Camera Surveillance Systems, Cctv, Cctv Camera, Cctv Suppliers, Cctv Surveillance Systems, Control Panels, Detectors Alarms, Earthing Electrodes, Earthing Rods, Electrical Maintenance Contractors, Electrical Panel, Electrical Repairing Contractors, Electrical Services, Electrical Turnkey Projects, Electrification, Energy Audit, Energy Audit Services, Energy Audit Work, Energy Auditing Works, Energy Auditors, Fingerprint Access Controls, Fingerprint Time Attendance Systems, Fire Alarm Panel, Fire Alarm Security Cables, Fire Alarm System, Fire Alarms, Fire Detection Accessories, Fire Detection Systems, Govt Licensed Electrical Contractor, H.T. / L.T.Installations, Industrial Electrical Maintenance Services, Installation And Erection Of H.T. And L.T. Substation, Intruder Alarm Systems, Ip Camera, Ir Camera, Security Alaram System, Turnkey Electrical Projects, Voice Cabelling, Wiring Contractors, Gadarpur " /> <!-- Stylesheets --> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/revolution-slider.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!--Favicon--> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> <link rel="icon" href="images/favicon.ico" type="image/x-icon"> <!-- Responsive --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link href="css/responsive.css" rel="stylesheet"> <link href="../ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" rel="stylesheet"> <link href="../cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js" rel="stylesheet"> <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]--> <!--[if lt IE 9]><script src="js/respond.js"></script><![endif]--> <link rel="stylesheet" href="swc.css"> <script>$(document).ready(function() { var id = '#dialog'; //Get the screen height and width var maskHeight = $(document).height(); var maskWidth = $(window).width(); //Set heigth and width to mask to fill up the whole screen $('#mask').css({'width':maskWidth,'height':maskHeight}); //transition effect $('#mask').fadeIn(500); $('#mask').fadeTo("slow",0.9); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); //Set the popup window to center $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); //transition effect $(id).fadeIn(2000); //if close button is clicked $('.window .close').click(function (e) { //Cancel the link behavior e.preventDefault(); $('#mask').hide(); $('.window').hide(); }); //if mask is clicked $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); });</script> <style> #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#26262c; display:none; } #boxes .window { position:absolute; left:0; top:0; width:564px; height:564px; display:none; z-index:9999; padding:20px; border-radius: 5px; text-align: center; } #boxes #dialog { width:566px; height:auto; padding: 10px 10px 10px 10px; background-color:#ffffff; font-size: 15pt; } .agree:hover{ background-color: #D1D1D1; } .popupoption:hover{ background-color:#D1D1D1; color: green; } .popupoption2:hover{ color: red; } </style> </head> <style> .why-us-column .inner-box .icon-box { color: #8b0606; font-size: 45px; line-height: 32px; position: absolute; right: 35px; top: -10px; } </style> <style> /* Slider */ .slick-slide { margin: 0px 20px; } .slick-slide img { width: 100%; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } </style> <script> $(document).ready(function () { $('.customer-logos').slick({ slidesToShow: 4, slidesToScroll: 1, autoplay: true, autoplaySpeed: 1000, arrows: false, dots: false, pauseOnHover: false, responsive: [{ breakpoint: 768, settings: { slidesToShow: 3 } }, { breakpoint: 520, settings: { slidesToShow: 2 } }] }); }); </script> <!--Popup start <div id="boxes"> <div style="top: 50%; left: 50%; display: none;" id="dialog" class="window"> <div id="san"> <a href="#" class="close agree"><img src="close-icon.png" width="25" style="float:right; margin-right: -50px; margin-top: -18px;"></a> <img src="rulka-exhibition.png" width="564" height="564"> </div> </div> <div style="width: 2478px; font-size: 32pt; color:white; height: 1202px; display: none; opacity: 0.4;" id="mask"></div> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script> <script src="swc.js"></script> Popup ends--> <body> <div class="page-wrapper"> <!-- Preloader --> <!-- <div class="preloader"></div> --> <!-- Main Header--> <header class="main-header header-style-one"> <?php include ('menu.php');?> </header> <!--End Main Header --> <!--Main Slider / Style One--> <section class="main-slider style-one"> <div class="tp-banner-container"> <div class="tp-banner"> <ul> <!--<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/main-slider/1.jpg" alt="Electrical solutions" data-saveperformance="off" data-title="Electrical solutions"> <img src="images/main-slider/banner-safety.jpg" alt="Electrical solutions" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat"> <div class="tp-caption sfl sfb tp-resizeme" data-x="left" data-hoffset="15" data-y="center" data-voffset="-100" data-speed="1500" data-start="0" data-easing="easeOutExpo" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.3" data-endspeed="1200" data-endeasing="Power4.easeIn"> <div class="big-title">49th<strong> National Safety</strong> <br> Month Celebration </div> </div> <div class="tp-caption sfr sfb tp-resizeme" data-x="left" data-hoffset="15" data-y="center" data-voffset="100" data-speed="1500" data-start="1000" data-easing="easeOutExpo" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.3" data-endspeed="1200" data-endeasing="Power4.easeIn"><a href="enquiry.php" class="theme-btn btn-style-two">contact Now</a></div> </li>--> <li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/main-slider/1.jpg" data-saveperformance="off" data-title="Electrical solutions"> <img src="images/main-slider/1.jpg" alt="Electrical solutions" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat"> <div class="tp-caption sfl sfb tp-resizeme" data-x="left" data-hoffset="15" data-y="center" data-voffset="-100" data-speed="1500" data-start="0" data-easing="easeOutExpo" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.3" data-endspeed="1200" data-endeasing="Power4.easeIn"> <div class="big-title">Electrical<strong> Testing</strong> <br>And Contracting Services </div> </div> <div class="tp-caption sfl sfb tp-resizeme" data-x="left" data-hoffset="15" data-y="center" data-voffset="10" data-speed="1500" data-start="500" data-easing="easeOutExpo" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.3" data-endspeed="1200" data-endeasing="Power4.easeIn"> <div class="text"> </div> </div> <div class="tp-caption sfr sfb tp-resizeme" data-x="left" data-hoffset="15" data-y="center" data-voffset="100" data-speed="1500" data-start="1000" data-easing="easeOutExpo" data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.3" data-endspeed="1200" data-endeasing="Power4.easeIn"><a href="enquiry.php" class="theme-btn btn-style-two">contact Now</a></div> </li> </ul> <div class="tp-bannertimer"></div> </div> </div> </section> <!--welcome section--> <section class="welcome sec-pdd-90-75"> <div class="auto-container"> <!--Centered Title--> <div class="centered-title"> <h2>welcome to Aman Electronic</h2> <h3 style="color: #8b0606"><b>One Stop Solution for Electrical services</b></h3> </div> <div class="row clearfix"> <div class="col-md-12"> <div class="details"> <h4>Aman Electronic Electrical Work , A Home of Electrical solutions was established in the year 2025 .</h4> <p>The Company has employee - experience people from the same filed ensuring high standard services to its valuable customers. We offer a wide range of services for Engineering , Installation , Commissioning , upcoming project and for operation & maintenance of existing plants.</p> <ul> <li><span class="icon fa fa-arrow-circle-right"></span> Faulty and old wiring</li> <li><span class="icon fa fa-arrow-circle-right"></span> Misuse of extension cords</li> <li><span class="icon fa fa-arrow-circle-right"></span> Faulty electrical appliances </li> <li><span class="icon fa fa-arrow-circle-right"></span> Overuse of electricity</li> <li><span class="icon fa fa-arrow-circle-right"></span> Short circuit and poor maintenance</li> </ul> </div> </div> <div class="col-md-2"> </div> <!-- <div class="col-md-5"> <div class="row clearfix"> <iframe width="660" height="400" src="https://www.youtube.com/embed/6Z8lExaMwV4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> --> </div> </div> </section> <section class="sec-pdd-90-75"> <div class="container"> <div class="why-us-column col-lg-3 col-sm-3 col-xs-12"> <div class="inner-box"> <div class="icon-box"><span class="flaticon-technology"></span></div> <div class="count">01</div> <h3> Electrical Services</h3> <div class="text">We offer Design and Electrical Services with latest technology for LV & HV panels, tailor made to suit customer requirements.</div> </div> </div> <div class="why-us-column col-lg-3 col-sm-3 col-xs-12"> <div class="inner-box mgn-sm-top-70"> <div class="icon-box"><span class="flaticon-signal"></span></div> <div class="count">02</div> <h3> Electrical Panel</h3> <div class="text">Our company is also engaged in providing fabrication of Electrical Panels as per the application with performance guarantee.</div> </div> </div> <div class="why-us-column col-lg-3 col-sm-3 col-xs-12"> <div class="inner-box mgn-sm-top-70"> <div class="icon-box"><span class="flaticon-industry"></span></div> <div class="count">03</div> <h3>Structure Cabling</h3> <div class="text">We are engaged in supplying and installation of data cables. We offer data cables in various set specification as per the client's requirement.</div> </div> </div> <div class="why-us-column col-lg-3 col-sm-3 col-xs-12"> <div class="inner-box mgn-sm-top-70"> <div class="icon-box"><span class="flaticon-24-hours-support"></span></div> <div class="count">04</div> <h3> Internal<br> Electrifications Contractor</h3> <div class="text">Leveraging on years of industry experience we are able to carry out superior Internal Electrification projects. </div> </div> </div> </div> </section> <div class="row clearfix"> <!--Fact Counter--> <!-- <section class="fact-counter" style="background-image:url(images/background/image-1.jpg);"> <div class="auto-container"> <div class="row clearfix"> <div class="counter-outer clearfix"> --> <!--Column--> <!-- <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms"> <div class="count-outer"><span class="count-text" data-speed="1000" data-stop="784">0</span></div> <div class="separator"></div> <h4 class="counter-title">install and upgrate</h4> </article> --> <!--Column--> <!-- <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms"> <div class="count-outer"><span class="count-text" data-speed="1500" data-stop="1628">0</span></div> <div class="separator"></div> <h4 class="counter-title">HAPPY CUSTOMERS</h4> </article> --> <!--Column--> <!-- <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms"> <div class="count-outer"><span class="count-text" data-speed="1500" data-stop="2415">0</span></div> <div class="separator"></div> <h4 class="counter-title">REVIEWS DONE</h4> </article> --> <!--Column--> <!-- <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms"> <div class="count-outer"><span class="count-text" data-speed="1500" data-stop="1982">0</span></div> <div class="separator"></div> <h4 class="counter-title">PROBLEMS SOLVED</h4> </article> --> <!-- </div> </div> </div> </section> --> <!--service section--> <section class="service-section-tow bg-lightgrey sec-pdd-90-60"> <div class="auto-container"> <!--Centered Title--> <div class="centered-title"> <h2>Our services</h2> </div> <div class="row clearfix"> <!--Member Columnn--> <div class="service-content col-md-4 col-sm-6 col-xs-12 wow fadeInUp animated animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInUp;"> <div class="inner-box hvr-float"> <figure class="image-box"><img src="images/resource/service-1.jpg" alt="Services"> </figure> <div class="lower-content"> <h4>Electrical Services </h4> <p>We offer Design and Electrical Services with latest technology for LV & HV panels, tailor made to suit customer requirements.</p> <a href="electrical-services-main.php" class="theme-btn btn-style-two">Read More</a> </div> </div> </div> <!--Member Columnn--> <div class="service-content col-md-4 col-sm-6 col-xs-12 wow fadeInDown animated animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInDown;"> <div class="inner-box hvr-float"> <figure class="image-box"><img src="images/resource/service-2.jpg" alt="Services"> </figure> <div class="lower-content"> <h4> Electrical Panel </h4> <p>Our company is also engaged in providing fabrication of Electrical Panels as per the application with performance guarantee.</p> <a href="electrical-panels-main.php" class="theme-btn btn-style-two">Read More</a> </div> </div> </div> <!--Member Columnn--> <!--Member Columnn--> <!--Member Columnn--> <div class="service-content col-md-4 col-sm-6 col-xs-12 wow fadeInDown animated animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInDown;"> <div class="inner-box hvr-float"> <figure class="image-box"><img src="images/resource/service-5.jpg" alt=""></figure> <div class="lower-content"> <h4> Structure Cabling </h4> <p>We are engaged in supplying and installation of data cables. We offer data cables in various set specification as per the client's requirement. </p> <a href="supply-installation-data-cables-main.php" class="theme-btn btn-style-two">Read More</a> </div> </div> </div> <!--Member Columnn--> <div class="service-content col-md-4 col-sm-6 col-xs-12 wow fadeInDown animated animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInDown;"> <div class="inner-box hvr-float"> <figure class="image-box"><img src="images/resource/service-6.jpg" alt=""></figure> <div class="lower-content"> <h4>LT Cable Laying Solutions </h4> <p>Installation Of Data Cables We are specialized providers of high affordable and reliable Cable Laying Solution Our services constitute laying of cables in buildings.</p> <a href="LT-cable-laying-services-main.php" class="theme-btn btn-style-two">Read More</a> </div> </div> </div> </div> </div> </section> <!--Gallery Section one--> <section class="gallery-section-one" style="background-image:url(images/background/image-2.php);"> <div class="auto-container"> <!--Centered Title--> <div class="centered-title"> <h2>Our Products</h2> <!-- <div class="desc-text">Primo slide feeble ollie north Steve Chumney helipop disaster powerslide. Cab flip full-cab method air durometer downhill masonite. Tail slob air poseur death box bearings wall ride.</div> --> </div> <!--Gallery Carousel--> <div class="gallery-carousel"> <!--Slide Item--> <div class="slide-item"> <div class="default-portfolio-item"> <div class="inner-box"> <figure class="image-box"><img src="images/gallery/1.jpg" alt=""></figure> <a href="images/gallery/1.jpg" class="lightbox-image overlay-link" title="Electrical Testing Services" data-fancybox-group="example-gallery"> <div class="icon-box"><span class="fa fa-plus"></span></div> </a> </div> </div> </div> <!--Slide Item--> <div class="slide-item"> <div class="default-portfolio-item"> <div class="inner-box"> <figure class="image-box"><img src="images/gallery/2.jpg" alt=""></figure> <a href="images/gallery/2.jpg" class="lightbox-image overlay-link" title="Warehousing Project Contractor " data-fancybox-group="example-gallery"> <div class="content-box icon-box"><span class="fa fa-plus"></span></div> </a> </div> </div> </div> <!--Slide Item--> <div class="slide-item"> <div class="default-portfolio-item"> <div class="inner-box"> <figure class="image-box"><img src="images/gallery/3.jpg" alt=""></figure> <a href="images/gallery/3.jpg" class="lightbox-image overlay-link" title="Industrial Electrifications Services" data-fancybox-group="example-gallery"> <div class="icon-box"><span class="fa fa-plus"></span></div> </a> </div> </div> </div> <!--Slide Item--> <div class="slide-item"> <div class="default-portfolio-item"> <div class="inner-box"> <figure class="image-box"><img src="images/gallery/4.jpg" alt=""></figure> <a href="images/gallery/4.jpg" class="lightbox-image overlay-link" title="Image Caption Here" data-fancybox-group="example-gallery"> <div class="icon-box"><span class="fa fa-plus"></span></div> </a> </div> </div> </div> <!--Slide Item--> <div class="slide-item"> <div class="default-portfolio-item"> <div class="inner-box"> <figure class="image-box"><img src="images/gallery/1.jpg" alt=""></figure> <a href="images/gallery/1.jpg" class="lightbox-image overlay-link" title="Image Caption Here" data-fancybox-group="example-gallery"> <div class="icon-box"><span class="fa fa-plus"></span></div> </a> </div> </div> </div> <!--Slide Item--> <div class="slide-item"> <div class="default-portfolio-item"> <div class="inner-box"> <figure class="image-box"><img src="images/gallery/2.jpg" alt=""></figure> <a href="images/gallery/2.jpg" class="lightbox-image overlay-link" title="Image Caption Here" data-fancybox-group="example-gallery"> <div class="icon-box"><span class="fa fa-plus"></span></div> </a> </div> </div> </div> <!--Slide Item--> <div class="slide-item"> <div class="default-portfolio-item"> <div class="inner-box"> <figure class="image-box"><img src="images/gallery/3.jpg" alt=""></figure> <a href="images/gallery/3.jpg" class="lightbox-image overlay-link" title="Image Caption Here" data-fancybox-group="example-gallery"> <div class="icon-box"><span class="fa fa-plus"></span></div> </a> </div> </div> </div> <!--Slide Item--> <div class="slide-item"> <div class="default-portfolio-item"> <div class="inner-box"> <figure class="image-box"><img src="images/gallery/4.jpg" alt=""></figure> <a href="images/gallery/4.jpg" class="lightbox-image overlay-link" title="Image Caption Here" data-fancybox-group="example-gallery"> <div class="icon-box"><span class="fa fa-plus"></span></div> </a> </div> </div> </div> </div> </div> </section> <!--faq & contact--> <section class="fact-counter" style="background-image:url(images/background/image-1.jpg);"> <div class="auto-container"> <div class="row clearfix"> <div class="counter-outer clearfix"> <!--Column--> <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms"> <div class="count-outer"><span class="count-text" data-speed="1000" data-stop="784">0</span></div> <div class="separator"></div> <h4 class="counter-title">install and upgrate</h4> </article> <!--Column--> <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms"> <div class="count-outer"><span class="count-text" data-speed="1500" data-stop="1628">0</span></div> <div class="separator"></div> <h4 class="counter-title">HAPPY CUSTOMERS</h4> </article> <!--Column--> <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms"> <div class="count-outer"><span class="count-text" data-speed="1500" data-stop="2415">0</span></div> <div class="separator"></div> <h4 class="counter-title">REVIEWS DONE</h4> </article> <!--Column--> <article class="column counter-column col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0ms"> <div class="count-outer"><span class="count-text" data-speed="1500" data-stop="1982">0</span></div> <div class="separator"></div> <h4 class="counter-title">PROBLEMS SOLVED</h4> </article> </div> </div> </div> </section> <!--Main Footer--> <footer class="main-footer" style="background-image:url(images/background/animation-image-2.png);"> <?php include ('footer.php');?> </footer> <!--End footer--> </div> <!--End pagewrapper--> <!--Scroll to top--> <div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="icon fa fa-long-arrow-up"></span></div> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/revolution.min.js"></script> <script src="js/jquery.fancybox.pack.js"></script> <script src="js/jquery.fancybox-media.js"></script> <script src="js/owl.js"></script> <script src="js/wow.js"></script> <script src="js/script.js"></script> <script type="text/javascript"> // Get the modal $(window).load(function(){ modal.style.display = "block"; }); var modal = document.getElementById('myModal'); var btn = document.getElementById("myBtn"); var span = document.getElementsByClassName("close")[0]; span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> <script src="../ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script> <script src="swc.js"></script> </body> </html>
Ukuran: 37.4 KB