<?php include 'contact/config.php'; ?>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
		<!-- BASICS -->
        <meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Alpha Revolution Technology</title>
        <meta name="description" content="We provide consultation services, products, systems, technologies, and solutions!">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
		<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/bootstrap-theme.css">
        <link rel="stylesheet" href="css/style.css">
		<!-- skin -->
		<link rel="stylesheet" href="skin/default.css">

    <style>
    /* Paste this css to your style sheet file or under head tag */
    /* This only works with JavaScript,
    if it's not present, don't show loader */
    .no-js #loader { display: none;  }
    .js #loader { display: block; position: absolute; left: 100px; top: 0; }
    .se-pre-con {
    	position: fixed;
    	left: 0px;
    	top: 0px;
    	width: 100%;
    	height: 100%;
    	z-index: 9999;
    	background: url(img/loader.gif) center no-repeat #fff;
    }

    </style>

    </head>

    <body>
  	<div class="se-pre-con"></div>
		<section id="header" class="appear"></section>
		<div class="navbar navbar-fixed-top" role="navigation" data-0="line-height:100px; height:100px; background-color:rgba(0,0,0,0.3);" data-300="line-height:60px; height:60px; background-color:rgba(0,0,0,1);">
			 <div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="fa fa-bars color-white"></span>
					</button>
					<h1><a class="navbar-brand" href="index.php" data-0="line-height:90px;" data-300="line-height:50px;">
            <span id="fullname">&nbsp;&nbsp;<span>alpha</span><span style="color:#00A2E8;">revolution</span><span>technology</span></span>
            <span id="shortname">&nbsp;&nbsp;<span>a</span> &middot; <span style="color:#00A2E8;">r</span> &middot; <span>t</span></span>
					</a></h1>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav" data-0="margin-top:20px;" data-300="margin-top:5px;">
						<li><a href="#header">About</a></li>
						<li><a href="#section-about">Team</a></li>
						<li><a href="#section-works">Portfolio</a></li>
            <li><a href="#last-sec">Services</a></li>
            <li><a href="#section-contact">Contact</a></li>
					</ul>
				</div><!--/.navbar-collapse -->
			</div>
		</div>

		<section id="featured-sec" class="featured" data-stellar-background-ratio="0.5">
			<div class="container">
				<div class="row mar-bot40">
					<div class="col-md-6 col-md-offset-3">

						<div class="align-center txt-shadow">
							<i class="fa fa-hand-peace-o fa-5x mar-bot20"></i>
							<h2 class="slogan">Welcome to <abbr title="Alpha Revolution Technology">ART</abbr></h2>
							<p><h4 style="color:white;">Alpha Revolution Technology was established in 2017. We are a pure local and Bumiputera Company, our nature of business on the Information Technology and Civil Engineering.</h4></p>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- services -->
		<section id="section-services" class="section pad-bot30 bg-white">
		<div class="container">
      <div class="row mar-bot40">
        <div class="col-lg-12" >
          <p>Our service covered from consultation, planning, infrastructure, security, development, supply of equipment or peripheral, Internet of thing (IoT), civil works and other computer related requirement. We had innovative research and development team able to delivered solution.</p>
          <p>We mainly focus in recent years has been in ‘Specialized Imaging/Video’ specifically for <abbr title="CLosed Cicuit Television">CCTV</abbr> Surveillance System.  We have been very successful with our Proof of Concept (POC) efforts in this area for Malaysian applications specifically with <abbr title="Closed Ciruit Television">CCTV</abbr> Surveillance System.</p>
          <p>Since we added new team in our Alpha Revolution Technology new portfolio and expertise are on the Data integration from multiple corporate sources into one stop solution center and civil engineering consultation and construction.</p>

        </div>
      </div>
      <div class="row mar-bot40"><div class="col-lg-2" ></div><div class="col-lg-8" ><hr style="style14"></div><div class="col-lg-2" ></div></div>
			<div class="row mar-bot40">
				<div class="col-lg-4" >
					<div class="align-center">
						<i class="fa fa-cubes fa-5x mar-bot20"></i>
						<h4 class="text-bold"><abbr title="Information and Communication Technology">ICT</abbr> Solutions</h4>
						<p>We provide consultation services, products, systems, technologies, and solutions.
						</p>
            <p>Hosting services for web and mobile, <abbr title="Information Technology">IT</abbr> infrastructure and supply, <abbr title="Internet of Things">IOT</abbr> services devices and peripherals and Civil and Electronic Supply and works.</p>
					</div>
				</div>

				<div class="col-lg-4" >
					<div class="align-center">
						<i class="fa fa-cogs fa-5x mar-bot20"></i>
						<h4 class="text-bold">Research &amp; Development</h4>
						<p>R&amp;D, customization and as a system integrator (SI) to further add-value in providing state-of-the- art solutions to our customers.
						</p>
            <p>Provides end-to-end solutions mainly focusing on Application Development for web and mobile.</p>
					</div>
				</div>

        <div class="col-lg-4" >
					<div class="align-center">
						<i class="fa fa-hand-lizard-o fa-5x mar-bot20"></i>
						<h4 class="text-bold">Data Analytical &amp; Processing</h4>
						<p>‘Specialized Imaging / Video’ specifically for <abbr title="Closed Circuit Television">CCTV</abbr> Surveillance System and Video Analytical</p>
            <p>Data Retrieval, Data Processing and Data Presentation in the ‘Water Engineering Services’ segment including Software Development, Data Processing &amp; Analytics</p>
					</div>
				</div>

			</div>

		</div>
		</section>

		<!-- spacer section:testimonial -->
		<section id="testimonials" class="section" data-stellar-background-ratio="0.5">
		<div class="container">
			<div class="row">
					<div class="col-lg-12">
							<div class="align-center txt-shadow">
										<div class="testimonial pad-top40 pad-bot40 clearfix">
                      <blockquote class="bigquote color-white">People</blockquote>
											<h5>

                        <p>The Company is comprised of capable and dedicated staffs that are capable in their own field. The Company values its team as the main assets of the Company as they are also the stakeholders with equal interest in the Company’s well being.</p>

                        <p>Over the years, the Company has developed a network of associates that are an integral part of the Company’s business operations. The network includes manufacturers, logistic provider, bankers, engineers and consultants.</p>

                        <p>With Customer’s satisfaction in mind, the Company’s resources work in team emphasizing coordination and timeliness in its delivery of its services.</p>

											</h5>
											<br/>
											<!-- <span class="author">&mdash; MIKE DOE <a href="#">www.siteurl.com</a></span> -->
										</div>

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

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

		<!-- about -->
		<section id="section-about" class="section appear clearfix">
		<div class="container">

				<div class="row mar-bot40">
					<div class="col-md-offset-3 col-md-6">
						<div class="section-header">
							<h2 class="section-heading animated" data-animation="bounceInUp">Our Team</h2>
							<p>We are a pure local and Bumiputera Company.</p>
						</div>
					</div>
				</div>

					<div class="row align-center mar-bot40">
						<div class="col-md-4">
							<div class="team-member">
								<figure class="member-photo"><img src="img/team/huda.jpg" alt="" /></figure>
								<div class="team-detail">
									<h4>Nurhuda Marni</h4>
									<span>Head of Operation</span>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="team-member">
								<figure class="member-photo"><img src="img/team/fizal.jpg" alt="" /></figure>
								<div class="team-detail">
									<h4>Mohd Hafizal Abu Talip</h4>
									<span>Technical Manager</span>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="team-member">
								<figure class="member-photo"><img src="img/team/zahlan.jpg" alt="" /></figure>
								<div class="team-detail">
								<h4>IR. Zahlan Sulaiman</h4>
									<span>Head of Technical</span>
								</div>
							</div>
						</div>
						<!-- <div class="col-md-3">
							<div class="team-member">
								<figure class="member-photo"><img src="img/team/member4.jpg" alt="" /></figure>
								<div class="team-detail">
								<h4>Aizat</h4>
									<span>UI designer</span>
								</div>
							</div>
						</div> -->
					</div>

		</div>
		</section>
		<!-- /about -->

		<!-- spacer section:stats -->
		<section id="parallax1" class="section pad-top40 pad-bot40" data-stellar-background-ratio="0.5">
			<div class="container">
            <div class="align-center pad-top40 pad-bot40">
                <blockquote class="bigquote color-white">Mission Statements</blockquote>

                <p class="color-white">The Company aspires and committed to delivering value services to its Customers by emphasizing Professionalism in its business operations, thus to exceed the expectation of the Customers through continuous improvement in it’s business process.</p>

                <p class="color-white">The customer’s loyalty and satisfaction is therefore paramount to the Company’s personnel, its management and the supporting suppliers. Thus our goal is to develop a wide array of customers ranging from those from the public as well as private sectors. The Company shall continue to upgrade its knowledge and technical capabilities to keep up with the latest technology in order to ensure that financial and operational objectives of its Customers are achieved.</p>

                <p class="color-white">More importantly, the Company shall pursue a steady and exciting growth, in line with the national leadership aspiration to create as many successful entrepreneurs among the Malaysian.</p>

                <p class="color-white">As a responsible corporate citizen, the Company aspires to continuously form technical collaboration with a view of creating local indigenous capabilities via tie-up with technology developed within Asia-Pacific Region where potential are yet fully tapped. In the process, the Company wishes to establish people-to-people contacts between Malaysian and these countries in line with the vision of the Government.</p>

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

		<!-- section works -->
		<section id="section-works" class="section appear clearfix">
			<div class="container">

				<div class="row mar-bot40">
					<div class="col-md-offset-3 col-md-6">
						<div class="section-header">
							<h2 class="section-heading animated" data-animation="bounceInUp">Portfolio</h2>
							<p>Past project portfolio –(pump house &amp; reservoir)</p>
						</div>
					</div>
				</div>

                        <div class="row">
                          <nav id="filter" class="col-md-12 text-center">
                            <ul>
                              <li><a href="#" class="current btn-theme btn-small" data-filter="*">All</a></li>
                              <li><a href="#"  class="btn-theme btn-small" data-filter=".phouse" >Pump House</a></li>
                              <li><a href="#"  class="btn-theme btn-small" data-filter=".reservoir">Reservoir</a></li>
                              <li ><a href="#" class="btn-theme btn-small" data-filter=".piot">IOT</a></li>
                            </ul>
                          </nav>
                          <div class="col-md-12">
                            <div class="row">
                              <div class="portfolio-items isotopeWrapper clearfix" id="3">

                                <article class="col-md-4 isotopeItem phouse">
									<div class="portfolio-item">
										<img src="img/portfolio/pump-reservoir/picture1.jpg" alt="" />
										 <div class="portfolio-desc align-center">
											<div class="folio-info">
												<h5><a href="#">Portfolio name</a></h5>
												<a href="img/portfolio/pump-reservoir/picture1.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
											 </div>
										 </div>
									</div>
                                </article>

                                <article class="col-md-4 isotopeItem reservoir">
									<div class="portfolio-item">
										<img src="img/portfolio/pump-reservoir/picture2.jpg" alt="" />
										 <div class="portfolio-desc align-center">
											<div class="folio-info">
												<h5><a href="#">Portfolio name</a></h5>
												<a href="img/portfolio/pump-reservoir/picture2.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
											 </div>
										 </div>
									</div>
                                </article>


                                <article class="col-md-4 isotopeItem reservoir">
									<div class="portfolio-item">
										<img src="img/portfolio/pump-reservoir/picture3.jpg" alt="" />
										 <div class="portfolio-desc align-center">
											<div class="folio-info">
												<h5><a href="#">Portfolio name</a></h5>
												<a href="img/portfolio/pump-reservoir/picture3.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
											 </div>
										 </div>
									</div>
                                </article>

                                <article class="col-md-4 isotopeItem piot">
              									<div class="portfolio-item">
              										<img src="img/portfolio/pump-reservoir/picture4.jpg" alt="" />
              										 <div class="portfolio-desc align-center">
              											<div class="folio-info">
              												<h5><a href="#">Portfolio name</a></h5>
              												<a href="img/portfolio/pump-reservoir/picture4.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
              											 </div>
              										 </div>
              									</div>
                                </article>

                                <article class="col-md-4 isotopeItem reservoir">
              									<div class="portfolio-item">
              										<img src="img/portfolio/pump-reservoir/picture5.jpg" alt="" />
              										 <div class="portfolio-desc align-center">
              											<div class="folio-info">
              												<h5><a href="#">Portfolio name</a></h5>
              												<a href="img/portfolio/pump-reservoir/picture5.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
              											 </div>
              										 </div>
              									</div>
                                </article>

                                <article class="col-md-4 isotopeItem phouse">
              									<div class="portfolio-item">
              										<img src="img/portfolio/pump-reservoir/picture6.jpg" alt="" />
              										 <div class="portfolio-desc align-center">
              											<div class="folio-info">
              												<h5><a href="#">Portfolio name</a></h5>
              												<a href="img/portfolio/pump-reservoir/picture6.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
              											 </div>
              										 </div>
              									</div>
                                </article>

                                <!-- <article class="col-md-4 isotopeItem piot">
              									<div class="portfolio-item">
              										<img src="img/portfolio/img7.jpg" alt="" />
              										 <div class="portfolio-desc align-center">
              											<div class="folio-info">
              												<h5><a href="#">Portfolio name</a></h5>
              												<a href="img/portfolio/img7.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
              											 </div>
              										 </div>
              									</div>
                                </article>

                                <article class="col-md-4 isotopeItem reservoir">
              									<div class="portfolio-item">
              										<img src="img/portfolio/img8.jpg" alt="" />
              										 <div class="portfolio-desc align-center">
              											<div class="folio-info">
              												<h5><a href="#">Portfolio name</a></h5>
              												<a href="img/portfolio/img8.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
              											 </div>
              										 </div>
              									</div>
                                </article>

                                <article class="col-md-4 isotopeItem piot">
              									<div class="portfolio-item">
              										<img src="img/portfolio/img9.jpg" alt="" />
              										 <div class="portfolio-desc align-center">
              											<div class="folio-info">
              												<h5><a href="#">Portfolio name</a></h5>
              												<a href="img/portfolio/img9.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
              											 </div>
              										 </div>
              									</div>
                                </article> -->

                                </div>

							</div>


							</div>
                        </div>

			</div>
		</section>
		<section id="last-sec" class="section appear parallax" data-stellar-background-ratio="0.5">
      <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="align-center"><blockquote class="bigquote color-white txt-shadow">Products &amp; Services</blockquote></div>
            </div>
        </div>
        <div class="row mar-bot40">
          <div class="col-lg-1"></div>
          <div class="col-lg-5">
              <div class="align-left txt-shadow">
                <p class="color-white">
                    Supply Product
                    <ul class="color-white">
                      <!-- <li><abbr title="Closed Circuit Telivision">CCTV</abbr> camera and equipment</li>
                      <li>Panasonic Toughbook Series</li> -->
                      <li>Servers and <abbr title="Information Technology">IT</abbr> peripheral</li>
                      <li>Desktop &amp; Laptop Computer</li>
                      <li>Telemetry data logger</li>
                      <li><abbr title="Supervisory Control And Data Acquisition">SCADA</abbr> System</li>
                    </ul>

                </p>
              </div>
          </div>
          <div class="col-lg-5">
              <div class="align-left txt-shadow">
                <p class="color-white">
                  Service and Consultation
                  <ul class="color-white">
                    <li>Network Infrastructure Design and Implementation.</li>
                    <li>Computer Security and Solution</li>
                    <li>Information Technology Enable Service Product.</li>
                    <li>Computer Equipment and Software.</li>
                    <li>Civil &amp; Engineering Work</li>
                    <li>Application Development</li>
                    <li><abbr title="Closed Circuit Television">CCTV</abbr> and Equipment</li>
                    <li>Sales after service</li>
                    <li>E-commerce Software-online store management System</li>
                    <li>Network and <abbr title="Internet Service Provider">ISP</abbr> Specialized Software Installation and Configuration Service.</li>
                    <li>Customized E-commerce site development.</li>
                  </ul>
                </p>
              </div>
          </div>
          <div class="col-lg-1"></div>
        </div>
      </div>


		</section>

		<!-- contact -->
		<section id="section-contact" class="section appear clearfix">
			<div class="container">

				<div class="row mar-bot40">
					<div class="col-md-offset-3 col-md-6">
						<div class="section-header">
							<h2 class="section-heading animated" data-animation="bounceInUp">Contact us</h2>
							<p>Let us know if you got an interesting project and want to work together!</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-8 col-md-offset-2">
						<div class="cform" id="contact-form">
							<div id="sendmessage">
								 Your message has been sent. Thank you!
							</div>
							<form action="contact/contact.php" method="post" role="form" class="contactForm">
							  <div class="form-group">
								<label for="name">Your Name</label>
								<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="maxlen:4" data-msg="Please enter at least 4 chars" />
								<div class="validation"></div>
							  </div>
							  <div class="form-group">
								<label for="email">Your Email</label>
								<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
								<div class="validation"></div>
							  </div>
							  <div class="form-group">
								<label for="subject">Subject</label>
								<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="maxlen:4" data-msg="Please enter at least 8 chars of subject" />
								<div class="validation"></div>
							  </div>
							  <div class="form-group">
								<label for="message">Message</label>
								<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us"></textarea>
								<div class="validation"></div>
							  </div>

							  <button type="submit" class="btn btn-theme pull-left">Send Message</button>
							</form>

						</div>
					</div>
					<!-- ./span12 -->
				</div>

			</div>
		</section>
		<!-- map -->
		<section id="section-map" class="clearfix">
			<div id="map"></div>
		</section>

	<section id="footer" class="section footer">
		<div class="container">
			<div class="row animated opacity mar-bot20" data-andown="fadeIn" data-animation="animation">
				<div class="col-sm-12 align-center">
                    <ul class="social-network social-circle">
                        <li><a href="#" class="icoRss" title="Rss"><i class="fa fa-rss"></i></a></li>
                        <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                        <!-- <li><a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus"></i></a></li> -->
                        <!-- <li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li> -->
						<li><a href="#" class="icoInsta" title="Instagram"><i class="fa fa-instagram"></i></a></li>
                    </ul>
				</div>
			</div>
			<div class="row align-center copyright">
					<div class="col-sm-12"><p>&copy; <?php echo date("Y"); ?> Alpha Revolution Technology</p></div>
			</div>
		</div>

	</section>
	<a href="#header" class="scrollup"><i class="fa fa-chevron-up"></i></a>

	<script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
	<script src="js/jquery.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
  <script src="js/bootstrap.min.js"></script>
	<script src="https://maps.googleapis.com/maps/api/js?key=<?php echo(GAPI); ?>"></script>
	<script src="js/jquery.isotope.min.js"></script>
	<script src="js/jquery.nicescroll.min.js"></script>
	<script src="js/fancybox/jquery.fancybox.pack.js"></script>
	<script src="js/skrollr.min.js"></script>
	<script src="js/jquery.scrollTo-1.4.3.1-min.js"></script>
	<script src="js/jquery.localscroll-1.2.7-min.js"></script>
  <!-- <script src="js/customwindow.jquery.js"></script> -->
	<script src="js/stellar.js"></script>
	<script src="js/jquery.appear.js"></script>
	<script src="js/validate.js"></script>
    <script src="js/main.js"></script>
        <script type="text/javascript">
        $(window).load(function() {
          // Animate loader off screen
          $(".se-pre-con").fadeOut("slow");
          init();
        });
            // When the window has finished loading create our google map below
            // google.maps.event.addDomListener(window, 'load', init);
            function init() {
                // Basic options for a simple Google Map
                // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
                var lokasi = new google.maps.LatLng(3.0246535,101.5892831); // Taman Industri Subang
                var mapOptions = {
                    scrollwheel: false,
                    disableDefaultUI: true, // a way to quickly hide all controls
                    // mapTypeControl: false,
                    scaleControl: true,
                    zoomControl: true,
                    zoomControlOptions: {
                      style: google.maps.ZoomControlStyle.LARGE
                    },
                    // How zoomed in you want the map to start at (always required)
                    zoom: 16,
                    // The latitude and longitude to center the map (always required)
		                center: lokasi,
                    // How you would like to style the map.
                    // This is where you would paste any style found on Snazzy Maps.
                    styles: [	{		featureType:"all",		elementType:"all",		stylers:[		{			invert_lightness:true		},		{			saturation:10		},		{			lightness:30		},		{			gamma:0.5		},		{			hue:"#00A2E8"		}		]	}	]
                };

                // Get the HTML DOM element that will contain your map
                // We are using a div with id="map" seen below in the <body>
                var mapElement = document.getElementById('map');

                // Create the Google Map using out element and options defined above
                var map = new google.maps.Map(mapElement, mapOptions);
                var marker = new google.maps.Marker({
                  position: lokasi,
                  map: map,
                  icon: 'https://maps.google.com/mapfiles/ms/icons/blue-dot.png'
                });
                var ARTAddress = '<address><strong>Alpha Revolution Technology (002669431-P)</strong><br>No. 24, Jalan TS6,<br>Taman Industri Subang,<br>47510 Subang Jaya,<br>Selangor Darul Ehsan</address>';
                var infowindow = new google.maps.InfoWindow();
                // infoWindow.setStyle("background-color: red");
                infowindow.setContent(ARTAddress);
                infowindow.open(map, marker);
            }
        </script>
	</body>
</html>
