You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

489 lines
26 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, maximum-scale=1.0">
  7. <title>Swift Technology </title>
  8. <meta name="keywords" content="Digital Finance Services Solution, Mobile Money - Remittance, Payment Gateway, Customized digital financial services, HR and Payroll Management System, Custom Software Development " />
  9. <meta name="description" content="Digital Finance Services Solution, Mobile Money - Remittance, Payment Gateway, Customized digital financial services, HR and Payroll Management System, Custom Software Development"/>
  10. <meta name="subject" content="Digital Finance Services, Mobile Money - Remittance, Payment Gateway, Customized digital financial services, HR and Payroll Management System, Remittance System, Mobile Application Development, Custom Software Development"/>
  11. <meta name="submission" content="http://www.swifttech.com.np" />
  12. <meta name="author" content="www.swifttech.com.np" />
  13. <meta name="copy right" content="www.swifttech.com.np 2017" />
  14. <link rel="icon" type="image/ico" sizes="32x32" href="images/favicon.ico">
  15. <link rel="manifest" href="favicons/manifest.json">
  16. <meta name="msapplication-TileColor" content="#ffffff">
  17. <meta name="msapplication-TileImage" content="favicons/ms-icon-144x144.png">
  18. <meta name="theme-color" content="#ffffff">
  19. <link href="css/animate.css" rel="stylesheet" type="text/css" />
  20. <link href="css/owl.theme.default.min.css" rel="stylesheet" type="text/css" />
  21. <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" />
  22. <link href="js/vendor/hero-slider.css" rel="stylesheet" type="text/css" />
  23. <!-- Timeline -->
  24. <link href="js/timeline/css/style.css" rel="stylesheet" media="screen">
  25. <link href="js/timeline/css/reset.css" rel="stylesheet" media="screen">
  26. <link href="css/custom.css" rel="stylesheet" media="screen">
  27. <!-- <link href="css/custom-media.css" rel="stylesheet" media="screen"> -->
  28. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  29. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  30. <!--[if lt IE 9]>
  31. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  32. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  33. <![endif]-->
  34. </head>
  35. <body>
  36. <header>
  37. <div class="nav-section">
  38. <div class="container">
  39. <nav class="navbar-wrapper navbar-default nav-cvr" role="navigation">
  40. <div class="navbar-header">
  41. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  42. <span class="sr-only">Toggle navigation</span>
  43. <span class="icon-bar"></span>
  44. <span class="icon-bar"></span>
  45. <span class="icon-bar"></span>
  46. </button>
  47. <a class="navbar-brand alightgp" href="index.php" title="Swifttech" ><img src="images/logo.png" alt="Swifttech"/></a>
  48. </div>
  49. <div class="navbar-collapse collapse">
  50. <ul class="nav navbar-nav main-nav pull-right">
  51. <li class="active"><a href="index.php">Home</a></li>
  52. <li><a href="about-us.php">About Swift</a></li>
  53. <li><a href="http://imegroup.org/" target="_blank">About IME Group</a></li>
  54. <li><a href="services-details.php">Services</a></li>
  55. <li><a href="contact.php">Contact</a></li>
  56. <li><a href="careers.php">Careers</a></li>
  57. </ul>
  58. </div>
  59. </nav>
  60. </div>
  61. </div><!-- nav-section -->
  62. <div class="blank-div"></div>
  63. </header>
  64. <section>
  65. <div class="inner-banner-fluid clearfix" style="background:#21AB47 url(images/inner-breadcrumb-banner/1.jpg) center top;">
  66. <div class="container">
  67. <div class="inner-banner-block row clearfix">
  68. <div class="breadcrumb-section clearfix">
  69. <div class="col-md-6 text-left">
  70. <h1><strong>Contact </strong> Us</h1>
  71. </div>
  72. <div class="col-md-6 text-right">
  73. <ol class="breadcrumb">
  74. <li><a href="index.php">Home</a></li>
  75. <li class="active">Contact Us</li>
  76. </ol>
  77. </div>
  78. </div><!-- end of breadcrumb-section -->
  79. </div><!-- end of inner-banner-block -->
  80. </div>
  81. </div><!-- end of inner-banner-fluid -->
  82. </section>
  83. <section class="contact-us clearfix">
  84. <div class="inner-content-fluid contact-fluid nopaddingclearfix">
  85. <div class="container">
  86. <div class="row">
  87. <div class="inner-content-block clearfix">
  88. <h2 class="font30 text-center uppercase blue font-bold m-top7 m-bottom3 wow fadeInUp">CONTACT <span class="green">US</span></h2>
  89. <div class="contact-wrapper clearfix">
  90. <div class="upper-contact-block clearfix">
  91. <div class="col-md-8 col-sm-7 wow fadeInLeft">
  92. <div class="contact-block clearfix">
  93. <form method="post" action="contact.php">
  94. <div class="row">
  95. <div class="col-md-6 col-sm-12 full-width">
  96. <div class="form-group contact-group">
  97. <label>NAME</label>
  98. <input type="text" name="visitor-name" class="form-control" required>
  99. </div>
  100. </div>
  101. <div class="col-md-6 col-sm-12 full-width">
  102. <div class="form-group contact-group">
  103. <label>EMAIL</label>
  104. <input type="email" name="visitor-email" class="form-control" required>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="row">
  109. <div class="col-sm-12 custom-group">
  110. <div class="form-group contact-group">
  111. <label>MESSAGE</label>
  112. <textarea class="form-control" name="message" rows="7" required></textarea>
  113. </div>
  114. </div>
  115. </div>
  116. <!-- <div class="row">
  117. <div class="col-sm-12 custom-group">
  118. <div class="form-group contact-group">
  119. <label class="lbl">PLEASE PROVE YOU’RE HUMAN</label>
  120. <input type="text" class="form-control logic" placeholder="?" required>
  121. <span><i>+</i><b>5</b><i>=</i><b>7</b></span>
  122. </div>
  123. </div>
  124. </div> -->
  125. <button type="submit" name="submit" class="btn">SEND</button>
  126. </form>
  127. </div><!-- end of contact-block -->
  128. </div>
  129. <div class="col-md-4 col-sm-5 wow fadeInRight">
  130. <div class="ad-wrapper">
  131. <div class="ad-block clearfix">
  132. <div class="img-block">
  133. <img src="images/note.png" class="img-responsive" alt="image"/>
  134. </div><!-- end of img-block -->
  135. <div class="text-blog">
  136. <span>SWIFT | Nepal Office</span>
  137. <p>IME Complex (6th floor)<br>
  138. Pani-Pokhari, Kathmandu, Nepal<br>
  139. Opening Hours: 9:00 AM to 6:00 PM<br>
  140. Tel: +977-1-4002555, 4002535, 4002538<br>
  141. Fax: +977-1-4002777</p>
  142. </div><!-- end of text-blog -->
  143. </div>
  144. <div class="ad-block clearfix">
  145. <div class="img-block">
  146. <img src="images/note.png" class="img-responsive" alt="image"/>
  147. </div><!-- end of img-block -->
  148. <div class="text-blog">
  149. <span>SWIFT | Malaysia Office</span>
  150. <p>Suite 3B-10-3A, Block 3B,Level 10,<br>
  151. Plaza Sentral, Jalan Stesen Sentral 5, <br>
  152. 50470 Kuala Lumpur, Malaysia <br />
  153. Tel: +603-2260 4048, Fax: +603-2260 4049
  154. </p>
  155. </div><!-- end of text-blog -->
  156. </div>
  157. <div class="ad-block clearfix">
  158. <div class="img-block">
  159. <img src="images/note2.png" class="img-responsive" alt="image"/>
  160. </div><!-- end of img-block -->
  161. <div class="text-blog">
  162. <span>For more information, please contact </span>
  163. <a href="mailto:info @ swifttech.com.np" title="mail">info(@)swifttech.com.np</a>
  164. </div><!-- end of text-blog -->
  165. </div>
  166. </div><!-- end of ad-wrapper -->
  167. </div><!-- end of col -->
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="maps-blocks clearfix">
  174. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3531.6093632679685!2d85.32294151547386!3d27.729344982782777!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb193d5e7a0f45%3A0x6d9320d87b67cb9a!2sIME+Complex%2C+Kathmandu+44600!5e0!3m2!1sen!2snp!4v1460021647992" allowfullscreen></iframe>
  175. </div>
  176. </div>
  177. </section>
  178. <section class="innovation-fluid clearfix">
  179. <div class="container">
  180. <div class="innovation-section clearfix wow fadeInUp">
  181. <h4 class="blue">OUR <span class="green">CLIENTS</span></h4>
  182. <div class="innvt-block clearfix">
  183. <div class="row">
  184. <div class="our-clients">
  185. <div class="item">
  186. <div class="innvt-div">
  187. <img src="images/clients/18.png" class="img-responsive" alt="Swifttech"/>
  188. </div><!-- end of innvt-div -->
  189. </div>
  190. <div class="item active">
  191. <div class="innvt-div">
  192. <img src="images/clients/1.png" class="img-responsive" alt="Swifttech"/>
  193. </div><!-- end of innvt-div -->
  194. </div>
  195. <div class="item">
  196. <div class="innvt-div">
  197. <img src="images/clients/20.png" class="img-responsive" alt="Swifttech"/>
  198. </div><!-- end of innvt-div -->
  199. </div>
  200. <div class="item">
  201. <div class="innvt-div">
  202. <img src="images/clients/19.png" class="img-responsive" alt="Swifttech"/>
  203. </div><!-- end of innvt-div -->
  204. </div>
  205. <div class="item">
  206. <div class="innvt-div">
  207. <img src="images/clients/2.png" class="img-responsive" alt="Swifttech"/>
  208. </div><!-- end of innvt-div -->
  209. </div>
  210. <div class="item">
  211. <div class="innvt-div">
  212. <img src="images/clients/3.png" class="img-responsive" alt="Swifttech"/>
  213. </div><!-- end of innvt-div -->
  214. </div>
  215. <div class="item">
  216. <div class="innvt-div">
  217. <img src="images/clients/4.png" class="img-responsive" alt="Swifttech"/>
  218. </div><!-- end of innvt-div -->
  219. </div>
  220. <div class="item">
  221. <div class="innvt-div">
  222. <img src="images/clients/5.png" class="img-responsive" alt="Swifttech"/>
  223. </div><!-- end of innvt-div -->
  224. </div>
  225. <div class="item">
  226. <div class="innvt-div">
  227. <img src="images/clients/6.png" class="img-responsive" alt="Swifttech"/>
  228. </div><!-- end of innvt-div -->
  229. </div>
  230. <div class="item">
  231. <div class="innvt-div">
  232. <img src="images/clients/7.png" class="img-responsive" alt="Swifttech"/>
  233. </div><!-- end of innvt-div -->
  234. </div>
  235. <div class="item ">
  236. <div class="innvt-div">
  237. <img src="images/clients/8.png" class="img-responsive" alt="Swifttech"/>
  238. </div><!-- end of innvt-div -->
  239. </div>
  240. <div class="item">
  241. <div class="innvt-div">
  242. <img src="images/clients/9.png" class="img-responsive" alt="Swifttech"/>
  243. </div><!-- end of innvt-div -->
  244. </div>
  245. <div class="item">
  246. <div class="innvt-div">
  247. <img src="images/clients/10.png" class="img-responsive" alt="Swifttech"/>
  248. </div><!-- end of innvt-div -->
  249. </div>
  250. <div class="item">
  251. <div class="innvt-div">
  252. <img src="images/clients/11.png" class="img-responsive" alt="Swifttech"/>
  253. </div><!-- end of innvt-div -->
  254. </div>
  255. <div class="item">
  256. <div class="innvt-div">
  257. <img src="images/clients/12.png" class="img-responsive" alt="Swifttech"/>
  258. </div><!-- end of innvt-div -->
  259. </div>
  260. <div class="item">
  261. <div class="innvt-div">
  262. <img src="images/clients/13.png" class="img-responsive" alt="Swifttech"/>
  263. </div><!-- end of innvt-div -->
  264. </div>
  265. <div class="item">
  266. <div class="innvt-div">
  267. <img src="images/clients/14.png" class="img-responsive" alt="Swifttech"/>
  268. </div><!-- end of innvt-div -->
  269. </div>
  270. <div class="item">
  271. <div class="innvt-div">
  272. <img src="images/clients/15.png" class="img-responsive" alt="Swifttech"/>
  273. </div><!-- end of innvt-div -->
  274. </div>
  275. <div class="item">
  276. <div class="innvt-div">
  277. <img src="images/clients/16.png" class="img-responsive" alt="Swifttech"/>
  278. </div><!-- end of innvt-div -->
  279. </div>
  280. <div class="item">
  281. <div class="innvt-div">
  282. <img src="images/clients/17.png" class="img-responsive" alt="Swifttech"/>
  283. </div><!-- end of innvt-div -->
  284. </div>
  285. <div class="item">
  286. <div class="innvt-div">
  287. <img src="images/clients/21.png" class="img-responsive" alt="Swifttech"/>
  288. </div><!-- end of innvt-div -->
  289. </div>
  290. </div>
  291. </div><!-- end of innvt-block -->
  292. </div><!-- end of innovation-section -->
  293. </div>
  294. </div><!-- end of innovation-fluid -->
  295. </section>
  296. <footer class="footer-bg">
  297. <div class="container">
  298. <div class="row">
  299. <div class="col-md-4 col-sm-12 m-top5 wow fadeInUp">
  300. <h4 class="font16 font-thin font-white">SWIFT | Nepal Office</h4>
  301. <div class="title-line color"></div>
  302. <ul class="address-info listitems gray">
  303. <li>IME Complex (6th floor)</li>
  304. <li>Pani-Pokhari, Kathmandu, Nepal</li>
  305. <li>Opening Hours: 9:00 AM to 6:00 PM</li>
  306. <li>Tel: +977-1-4002555, 4002535, 4002538</li>
  307. <li>Fax: +977-1-4002777</li>
  308. <li>info(@)swifttech.com.np</li>
  309. </ul>
  310. <div class="m-top2"></div>
  311. <h4 class="font16 font-thin font-white ">SWIFT | Malaysia Office</h4>
  312. <div class="title-line color"></div>
  313. <ul class="address-info listitems gray">
  314. <li>Suite 3B-10-3A, Block 3B,Level 10,</li>
  315. <li>Plaza Sentral, Jalan Stesen Sentral 5, </li>
  316. <li>50470 Kuala Lumpur, Malaysia</li>
  317. <li>Tel: +603-2260 4048, Fax: +603-2260 4049</li>
  318. <li>info(@)swifttech.com.np</li>
  319. </ul>
  320. </div>
  321. <div class="col-md-3 col-sm-12 m-top5 col-md-offset-1 wow fadeInUp">
  322. <h4 class="font16 font-thin uppercase font-white">Quick Links</h4>
  323. <div class="title-line color"></div>
  324. <ul class="listitems left-padd0 font-gray">
  325. <li><a href="index.php"><i class="fa fa-angle-right"></i> Home</a></li>
  326. <li><a href="about-us.php"><i class="fa fa-angle-right"></i> About Swift</a></li>
  327. <li><a href="http://imegroup.org/" target="_blank"><i class="fa fa-angle-right"></i> About IME Group</a></li>
  328. <li><a href="services-details.php"><i class="fa fa-angle-right"></i> Services</a></li>
  329. <li><a href="careers.php"><i class="fa fa-angle-right"></i> Careers</a></li>
  330. <li><a href="contact.php"><i class="fa fa-angle-right"></i> Contact</a></li>
  331. <li><a href="activities.php"><i class="fa fa-angle-right"></i> Activities</a></li>
  332. </ul>
  333. </div>
  334. <div class="col-md-4 col-sm-12 m-top5 wow fadeInUp">
  335. <h4 class="font16 font-thin uppercase font-white">Gallery</h4>
  336. <div class="title-line color"></div>
  337. <div id="gallery" class="carousel slide" data-ride="carousel">
  338. <!-- Indicators -->
  339. <ol class="bullet carousel-indicators ">
  340. <li data-target="#gallery" data-slide-to="0" class="active"></li>
  341. <li data-target="#gallery" data-slide-to="1"></li>
  342. <li data-target="#gallery" data-slide-to="2"></li>
  343. <li data-target="#gallery" data-slide-to="3"></li>
  344. </ol>
  345. <!-- Wrapper for slides -->
  346. <div class="carousel-inner" role="listbox">
  347. <div class="item active"><a href="activities.php"> <img src="images/slider/ac1.jpg" alt="Swifttech" class="img-responsive"/></a></div>
  348. <div class="item"><a href="activities.php"> <img src="images/slider/ac2.jpg" alt="Swifttech" class="img-responsive"/></a></div>
  349. <div class="item"><a href="activities.php"> <img src="images/slider/ac3.jpg" alt="Swifttech" class="img-responsive"/></a> </div>
  350. <div class="item"><a href="activities.php"> <img src="images/slider/ac4.jpg" alt="Swifttech" class="img-responsive"/></a> </div>
  351. </div>
  352. </div>
  353. </div>
  354. </div>
  355. </div>
  356. </footer>
  357. <div class="copyrights">
  358. <div class="container">
  359. <div class="row">
  360. <div class="col-md-6 m-top1 m-bottom1"> Copyright &copy; 2017 Swift Technology. All rights reserved. </div>
  361. <div class="col-md-6">
  362. <ul class="social-icons style-three">
  363. <li><a href="https://www.facebook.com/SwiftTechnologyNepal/" target="_blank"><i class="fa fa-facebook"></i></a></li>
  364. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  365. <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
  366. <li><a href="https://www.linkedin.com/company/swift-technology-pvt-ltd?trk=tyah&trkInfo=clickedVertical%3Acompany%2CclickedEntityId%3A3763537%2Cidx%3A2-1-2%2CtarId%3A1459746723407%2Ctas%3Aswift+technology" target="_blank"><i class="fa fa-linkedin"></i></a></li>
  367. <li><a href="#"><i class="fa fa-flickr"></i></a></li>
  368. <li><a href="#"><i class="fa fa-youtube"></i></a></li>
  369. </ul>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  375. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  376. <script src="js/bootstrap.min.js"></script>
  377. <script src="js/owl.carousel.js" type="text/javascript"></script>
  378. <script src="js/owl.carousel.min.js" type="text/javascript"></script>
  379. <script src="js/jquery.fixer.js"></script>
  380. <script src="js/jquery.prettyPhoto.js"></script>
  381. <script type="text/javascript">
  382. $(document).ready(function(){
  383. $("area[rel^='prettyPhoto']").prettyPhoto();
  384. $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true});
  385. $(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
  386. });
  387. </script>
  388. <script src="js/wow.min.js"></script>
  389. <script>
  390. var wow = new WOW(
  391. {
  392. boxClass: 'wow', // animated element css class (default is wow)
  393. animateClass: 'animated', // animation css class (default is animated)
  394. offset: 100, // distance to the element when triggering the animation (default is 0)
  395. mobile: true, // trigger animations on mobile devices (default is true)
  396. live: true, // act on asynchronously loaded content (default is true)
  397. callback: function(box) {
  398. // the callback is fired every time an animation is started
  399. // the argument that is passed in is the DOM node being animated
  400. }
  401. }
  402. );
  403. wow.init();
  404. </script>
  405. <script>
  406. $('.inner-left-fixed-part').fixer({
  407. gap: 100
  408. });
  409. </script>
  410. <script type="text/javascript">
  411. $('.our-clients').owlCarousel({
  412. loop:true,
  413. margin:10,
  414. autoplay:true,
  415. dots:false,
  416. nav:true,
  417. navText:false,
  418. responsiveClass:true,
  419. responsive:{
  420. 0:{
  421. items:1,
  422. nav:true
  423. },
  424. 600:{
  425. items:3,
  426. nav:false
  427. },
  428. 1000:{
  429. items:5,
  430. nav:true,
  431. loop:false
  432. }
  433. }
  434. })
  435. </script>
  436. <script type="text/javascript">
  437. $("#past-exp").owlCarousel({
  438. margin:10,
  439. autoplay: true,
  440. responsiveClass:true,
  441. loop:true,
  442. responsive:{
  443. 0:{
  444. items:1,
  445. nav:true,
  446. dots:false
  447. },
  448. 600:{
  449. items:3,
  450. nav:false
  451. },
  452. 1000:{
  453. items:4,
  454. nav:false
  455. }
  456. }
  457. });
  458. </script>
  459. </body>