<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Forward Group : Welcome</title>
  <meta name="keywords" content="HTML5 Template">
  <meta name="description" content="">
  <meta class="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Favicon -->
  <link rel="shortcut icon" href="img/favicon.png">
  <!-- Fonts -->
  <link href="fonts/fonts.css" rel="stylesheet">
  <!-- CSS -->
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
  <link rel="stylesheet" href="css/style.css">
</head>

<body >

<div class="preloader"><span></span></div><!-- .preloader -->

<div class="background">
  <div class="layer background-image page-bg-1"></div>
  
  <div class="layer clouds">
		<div class="cloud cloud-1">
			<img src="img/cloud-1.png" width="1600" height="850" alt="">
		</div>
		
		<div class="cloud cloud-2">
			<img src="img/cloud-2.png" width="1600" height="850" alt="">
		</div>
		
		<div class="cloud cloud-3">
			<img src="img/cloud-1.png" width="1600" height="850" alt="">
		</div>
  </div>
</div><!-- .background -->

<header class="site-header">
  <div class="row header-wrap">
		<div class="col-sm-12 col-lg-12 header-box logo-box text-center" >
            <div id="main-menu" class="main-menu" style="float: left">
                <ul>
                    <li>
                        <a href="#about">
							<span class="hidden-sm hidden-xs">
								<i class="hover-label">About</i>
								About
							</span>
							<span class="hidden-lg hidden-md icon">
								<i class="fa fa-info" aria-hidden="true"></i>
							</span>
                        </a>
                    </li>
                    </ul>
                </div>
            <a href="index.html"><img src="img/forward-logo.png" width="237" height="69" alt=""></a>
            <div id="main-menu" class="main-menu" style="float: right;">
                <ul>
                    <li>
                        <a href="#contact">
							<span class="hidden-xs hidden-sm" >
								<i class="hover-label">Contact</i>
								Contact
							</span>
							<span class="hidden-md hidden-lg icon">
								<i class="fa fa-envelope" aria-hidden="true"></i>
							</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div><!-- .header-box -->
  </div>
</header><!-- .site-header -->

<div class="main">
  <section id="home" class="section active">
		<div class="section-wrap">
			<div class="section-content">
				<div class="container">
					<div class="text-center">
						<div class="clearfix"></div>

						<div class="row section-description">
							<div class="col-sm-8 col-sm-offset-2">
								<p class="lead"
									data-animation="fadeInDown"
									data-animation-delay="300"
									data-out-animation="fadeOutUp"
									data-out-animation-delay="300"
                                        id="home-lead">Forward Group is a consumer driven, design oriented and an Innovative Company, aiming to work with coherence of renowned global Brands, organizations and entrepreneurs, translating marketing and business goals into design strategy, novelty and to attain a new product success.</p>
							</div>
						</div>


                        <p class="lead"
                           data-animation="fadeInDown"
                           data-animation-delay="300"
                           data-out-animation="fadeOutDown"
                           data-out-animation-delay="300"
                           id="home-lead1">Our Strategic Business Units</p>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="col-lg-2 item" data-animation="fadeInUp" data-animation-delay="100" data-out-animation="fadeOutDown" data-out-animation-delay="100">
                                    <div class="features-box">
                                        <div class="icon">
                                            <a href="https://sports.forward.pk/" target="_blank">
                                            <img src="img/forward-sports.png" width="201" height="69" alt=""></a>
                                        </div>
                                        <a href="https://sports.forward.pk/" target="_blank" class="btn btn-sm btn-block btn-inverse" data-hover="VISIT WEBSITE"><span class="button-label">FORWARD SPORTS</span></a>
                                    </div><!-- .features-box -->
                                </div>

                                <div class="col-lg-2 item" data-animation="fadeInUp" data-animation-delay="200" data-out-animation="fadeOutDown" data-out-animation-delay="200">
                                    <div class="features-box">
                                        <div class="icon">
                                            <a href="http://www.fgear.pk/" target="_blank">
                                            <img src="img/forward-gear.png" width="201" height="69" alt=""></a>
                                        </div>
                                        <a href="http://www.fgear.pk/"target="_blank" class="btn btn-sm btn-block btn-inverse" data-hover="VISIT WEBSITE"><span class="button-label">FORWARD GEAR</span></a>
                                    </div><!-- .features-box -->
                                </div>

                                <div class="col-lg-2 item" data-animation="fadeInUp" data-animation-delay="100" data-out-animation="fadeOutDown" data-out-animation-delay="100">
                                    <div class="features-box">
                                        <div class="icon">
                                            <a href="https://www.veer.pk/" target="_blank">
                                                <img src="img/veer-sports.png" width="201" height="69" alt=""></a>
                                        </div>
                                        <a href="https://www.veer.pk/" target="_blank" class="btn btn-sm btn-block btn-inverse" data-hover="VISIT WEBSITE"><span class="button-label">VEER SPORTS</span></a>
                                    </div><!-- .features-box -->
                                </div>

                                <div class="col-lg-2 item" data-animation="fadeInUp" data-animation-delay="600" data-out-animation="fadeOutDown" data-out-animation-delay="600">
                                    <div class="features-box">
                                        <div class="icon">
                                            <a href="https://forwardtechno.net/" target="_blank">
                                                <img src="img/techno-logo-new.png" width="201" height="69" alt=""></a>
                                        </div>
                                        <a href="https://forwardtechno.net/" target="_blank" class="btn btn-sm btn-block btn-inverse" data-hover="VISIT WEBSITE"><span class="button-label">FORWARD TECHNO</span></a>
                                    </div><!-- .features-box -->
                                </div>

                                <div class="col-lg-2 item" data-animation="fadeInUp" data-animation-delay="300" data-out-animation="fadeOutDown" data-out-animation-delay="300">
                                    <div class="features-box">
                                        <div class="icon">
                                            <a href="http://kjuir.com/" target="_blank">
                                            <img src="img/kjuir.png" width="201" height="69" alt=""></a>
                                        </div>
                                        <a href="http://kjuir.com/" target="_blank" class="btn btn-sm btn-block btn-inverse" data-hover="VISIT WEBSITE"><span class="button-label">KJUIR</span></a>
                                    </div><!-- .features-box -->
                                </div>

                                <div class="col-lg-2 item" data-animation="fadeInUp" data-animation-delay="400" data-out-animation="fadeOutDown" data-out-animation-delay="400">
                                    <div class="features-box">
                                        <div class="icon">
                                            <a href="https://moveandlearn.com/" target="_blank">
                                            <img src="img/move-and-learn.png" width="201" height="69" alt=""></a>
                                        </div>
                                        <a href="https://moveandlearn.com/" target="_blank" class="btn btn-sm btn-block btn-inverse" data-hover="VISIT WEBSITE"><span class="button-label">MOVE & LEARN</span></a>
                                    </div><!-- .features-box -->
                                </div>
                                <div class="col-lg-2 item" data-animation="fadeInUp" data-animation-delay="500" data-out-animation="fadeOutDown" data-out-animation-delay="500">
                                    <div class="features-box">
                                        <div class="icon">
                                            <a href="http://sports-gen.com/" target="_blank">
                                                <img src="img/sports-gen.png" width="201" height="69" alt=""></a>
                                        </div>
                                        <a href="http://sports-gen.com/" target="_blank" class="btn btn-sm btn-block btn-inverse" data-hover="VISIT WEBSITE"><span class="button-label">SPOGEN</span></a>
                                    </div><!-- .features-box -->
                                </div>

                            </div><!-- .carousel -->

                        </div><!-- .carousel-box -->

					</div>
				</div>
			</div><!-- .section-content -->
		</div><!-- .section-wrap -->
  </section><!-- #home.section -->

  <section id="about" class="section">
		<div class="section-wrap">
			<div class="section-content">
				<div class="container">
					<h2 class="text-center section-title"
						data-animation="fadeInDown"
						data-animation-delay="100"
						data-out-animation="fadeOutUp"
						data-out-animation-delay="100">About</h2>

					<div class="row section-description text-center">
						<div class="col-sm-12 col-md-12 ">
                            <p class="lead"
                                   data-animation="fadeInDown"
                                   data-animation-delay="100"
                                   data-out-animation="fadeOutUp"
                                   data-out-animation-delay="200"
                                       id="lead" >26 year of innovation - the past, the present and the future Forward Sports Private Limited is one of the few companies in Sialkot industry that can trace it's history back in 26 years. Forward is family owned manufacturing and exporting business concern of Soccer balls, Volley balls, Rugby balls, Hand balls, Beech balls, Sala balls, Medicine balls, Bags, Goalkeeper Gloves, Shin Guards etc.
                            </p>
                            <p class="lead"
                                   data-animation="fadeInDown"
                                   data-animation-delay="100"
                                   data-out-animation="fadeOutUp"
                                   data-out-animation-delay="200"
                                   id="lead">The third generation of the family has entered the field of international trade bringing together family values, experience and skills coupled with pertinent business education, knowledge and expertise. We would like to take you to the corridors of rich business history of Forward Sports Private Limited and its management, which has the privilege of creating and introducing new spirit and techniques of doing the business that became source of guidance in Sialkot for small and large scale industries of sports goods since 1988 to this day.</p>
                            <p class="lead"
                                   data-animation="fadeInDown"
                                   data-animation-delay="100"
                                   data-out-animation="fadeOutUp"
                                   data-out-animation-delay="200"
                                   id="lead"><b>Our Mission:</b> To exceed our customer expectations by providing superior quality solutions through custom design, employee involvement, innovation, on-time delivery, cost effectiveness and continuously improving manufacturing processes.
                            </p>
						</div>
					</div>

				</div>
			</div><!-- .section-content -->
		</div><!-- .section-wrap -->
  </section><!-- #about.section -->

  <section id="contact" class="section">
		<div class="section-wrap">
			<div class="section-content">
				<div class="container">
					<div class="contact-wrap relative">
						<div class="row">
							<div class="col-xs-offset-0 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
								<h2 class="text-center section-title"
									data-animation="fadeInDown"
									data-animation-delay="900"
									data-out-animation="fadeOutUp"
									data-out-animation-delay="100">Contact</h2>

								<form class="contact-form" method="post">
									<div class="row">
										<div class="col-sm-6 form-group name">
											<input type="text"
												class="form-control"
												name="name"
												placeholder="Name"
												data-animation="fadeInLeft"
												data-animation-delay="100"
												data-out-animation="fadeOutLeft"
												data-out-animation-delay="900">
										</div>

										<div class="col-sm-6 form-group email">
											<input type="email"
												class="form-control"
												name="email"
												placeholder="Email"
												data-animation="fadeInLeft"
												data-animation-delay="100"
												data-out-animation="fadeOutLeft"
												data-out-animation-delay="900">
										</div>
									</div>

									<div class="form-group comment">
										<textarea class="form-control"
											name="message"
											placeholder="Message"
											data-animation="fadeInLeft"
											data-animation-delay="100"
											data-out-animation="fadeOutLeft"
											data-out-animation-delay="900"></textarea>
									</div>

									<div class="button-box text-center">
										<button type="submit"
											data-hover="Send"
											class="btn btn-default progress-button btn-submit"
											data-animation="fadeInDown"
											data-animation-delay="900"
											data-out-animation="fadeOutUp"
											data-out-animation-delay="100">
											<span class="button-label">Send</span>
											<span class="success">
												<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 29 23" enable-background="new 0 0 29 23" xml:space="preserve">
													<polyline fill="#FFFFFF" points="0.3,10.2 1.8,8.8 11.4,19.3 27.4,0.4 28.9,1.7 12.9,20.6 11.5,22.3 9.9,20.6 0.3,10.2 "/>
												</svg>
											</span>
											<span class="error"></span>
											<span class="progress"></span>
										</button>
									</div>
								</form>

								<div class="row">
									<div class="col-sm-offset-2 col-md-offset-2 col-sm-10 col-md-10">
										<div class="contacts-box xs-text-center"
											data-animation="fadeInDown"
											data-animation-delay="1000"
											data-out-animation="fadeOutUp"
											data-out-animation-delay="100">
											<div class="icon">
												<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 23" enable-background="new 0 0 15 23" xml:space="preserve" width="15" height="23">
													<path fill="#111111" d="M7.5,0C3.4,0,0,3.4,0,7.6c0,1.7,1.1,4.4,3.3,8.4c1.5,2.8,3.1,5.2,3.1,5.3L7.5,23l1.1-1.7
													c0.1-0.1,1.6-2.4,3.1-5.3c2.2-4,3.3-6.7,3.3-8.4C15,3.4,11.6,0,7.5,0L7.5,0z M7.5,11.5c-2.1,0-3.9-1.8-3.9-3.9
													c0-2.2,1.7-3.9,3.9-3.9c2.1,0,3.9,1.8,3.9,3.9C11.4,9.7,9.6,11.5,7.5,11.5L7.5,11.5z"/>
												</svg>
											</div>
											<div class="text">
												<a href="#map" class="map-show" style="color: black">P.O. Box 1704, Wazirabad Road, Adah Sahowala, Sialkot, Pakistan</a>
											</div>
										</div>
									</div>
                                    </div>
                                <div class="row">

									<div class="col-sm-offset-1 col-md-offset-1 col-sm-4 col-md-4">
										<div class="contacts-box xs-text-center"
											data-animation="fadeInDown"
											data-animation-delay="1000"
											data-out-animation="fadeOutUp"
											data-out-animation-delay="100">
											<div class="icon">
                                                <i class="fa fa-phone"></i>
											</div>
											<div class="text">
                                                +92-52-3571800-4<br>
											</div>
										</div>
									</div>
                                    <div class="col-sm-3 col-md-3">
                                        <div class="contacts-box xs-text-center"
                                             data-animation="fadeInDown"
                                             data-animation-delay="1000"
                                             data-out-animation="fadeOutUp"
                                             data-out-animation-delay="100">
                                            <div class="icon">
                                                <i class="fa fa-fax"></i>
                                            </div>
                                            <div class="text">
                                                 +92-52-3571818<br>
                                            </div>
                                        </div>
                                    </div>
									<div class="col-sm-4">
										<div class="contacts-box xs-text-center"
											data-animation="fadeInDown"
											data-animation-delay="1000"
											data-out-animation="fadeOutUp"
											data-out-animation-delay="100">
											<div class="icon">
												<i class="fa fa-envelope"></i>
											</div>
											<div class="text">
                                                info@forward.pk<br>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="clearfix"></div>

						<div id="map" class="map-box">
							<div class="map-wrap">
								<a href="#" class="close">&times;</a>

								<div
									class="map-canvas"
									data-zoom=  "12"
									data-lat="32.480474"
									data-lng="74.414778"
									data-title="Forward Group"
									data-content="Wazirabad Rd, Sahowala 51310, Pakistan">
								</div>
							</div>
						</div>
					</div><!-- .contact-wrap -->
				</div>
			</div><!-- .section-content -->
		</div><!-- .section-wrap -->
  </section><!-- #contact.section -->
</div><!-- .main -->

<footer class="site-footer">
  <div class="container-fluid text-center">
		<div class="copyright">&copy;  2019. FORWARD GROUP | POWERED BY <a href="https://techlinkers.com/" target="_blank">TECHLINKERS</a></div>
  </div>
</footer>
<!-- .site-footer -->

<!--[if (!IE)|(gt IE 8)]><!-->
  <script src="js/jquery-2.1.3.min.js"></script>
<!--<![endif]-->

<!--[if lte IE 8]>
  <script src="js/jquery-1.9.1.min.js"></script>
<![endif]-->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.plugin.min.js"></script>
<script src="js/jquery.mCustomScrollbar.min.js"></script>
<script src="js/main.js"></script>
<!-- Matomo -->
<script type="text/javascript">
  var _paq = _paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
  _paq.push(["setCookieDomain", "*.forward..pk"]);
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//techlinkers.com/web-systems/analytics/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', '7']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<noscript><p><img src="//techlinkers.com/web-systems/analytics/piwik.php?idsite=7&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->
</body>
</html>