<!DOCTYPE html>
<html lang="en">
<head>
<title>FiG Tailor</title>
<link rel="icon" href="images\fig_logo.png" type="image/gif" sizes="16x16">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href="css/owl-carousel.css" rel='stylesheet' type='text/css' />
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<div class="header d-lg-flex">
<div class="header-agile d-flex">
<div class="social social-invisible mt-3">
<ul>
<li class="mr-sm-3 mr-2 icons"><a href="https://www.facebook.com/fig.tailor.90"><span class="fa fa-facebook" aria-hidden="true"></span></a>
</li>
<li class="mr-sm-3 mr-2 icons"><a href="https://www.instagram.com/figtailor/"><span class="fa fa-instagram" aria-hidden="true"></span></a>
</li>
</ul>
</div>
</div>
<div class="nav_w3ls mt-3">
<nav>
<label for="drop" class="toggle mt-lg-0 mt-1"><span class="fa fa-bars" aria-hidden="true"></span></label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li class="mr-lg-3 mr-2 active"><a href="index.html">Home</a></li>
<li class="mr-lg-3 mr-2"><a href="#about">About </a></li>
<li class="mr-lg-3 mr-2 p-0">
<li class="mr-lg-3 mr-2"><a href="#gallery">Gallery</a></li>
<li class="mr-lg-3 mr-2"><a href="#contact">Contact Us</a></li>
</ul>
<img src="images/fig_logo.png" alt="" style="width:30px; height:30px; margin-bottom:10px; margin-right:20px; margin-top:-5px" />
</nav>
</div>
<div class="social mt-3 ml-auto">
<ul>
<li class="mr-3 icons"><a href="https://www.facebook.com/fig.tailor.90"><span class="fa fa-facebook" aria-hidden="true"></span></a></li>
<li class="mr-3 icons"><a href="https://www.instagram.com/figtailor/"><span class="fa fa-instagram" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
</header>
<section class="main-slider">
<div class="owl-one owl-carousel owl-theme">
<div class="item">
<li>
<div class="banner-view">
<div class="container banner-info">
<h5><img src="images/fig_logo.png" alt="" style="width:30px; height:30px; margin-bottom:0px; margin-right:10px; margin-top:0px" /></span> Fashion Trendz</h5>
<h2 class="movetxt agile-title text-capitalize">You Either Know Fashion </h2>
<h2 class="movetxt mb-3 agile-title text-capitalize">Or You Dont</h2>
<a href="#gallery" class="btn"> See Our Gallery </a>
</div>
</div>
</li>
</div>
<div class="item">
<li>
<div class="banner-view banner-top1">
<div class="container banner-info">
<h5><img src="images/fig_logo.png" alt="" style="width:30px; height:30px; margin-bottom:0px; margin-right:10px; margin-top:0px" /></span> Trending Fashion</h5>
<h4 class="movetxt agile-title text-capitalize">Fashion Is A Reflection </h4>
<h4 class="movetxt mb-3 agile-title text-capitalize">of Your Style</h4>
<a href="#gallery" class="btn"> See Our Gallery </a>
</div>
</div>
</li>
</div>
<div class="item">
<li>
<div class="banner-view banner-top2">
<div class="container banner-info">
<h5><img src="images/fig_logo.png" alt="" style="width:30px; height:30px; margin-bottom:0px; margin-right:10px; margin-top:0px" /></span> Style Makeup</h5>
<h4 class="movetxt agile-title text-capitalize">An Influential Platform for</h4>
<h4 class="movetxt mb-3 agile-title text-capitalize">Fashion Industry</h4>
<a href="#gallery" class="btn"> See Our Gallery </a>
</div>
</div>
</div>
</li>
</div>
</div>
</section>
<section class="about py-5" id="about">
<div class="container py-lg-5 py-md-3">
<div class="row">
<div class="col-lg-6 about-padding">
<h4 class="mt-lg-5">Fashion Creates Your Beauty</h4>
<p class="mt-3">Pellentesque volutpat urna eget venenatis hendrerit. Et Maecenas et lacinia lacus ac justo
placerat iaculis ipsm.
Donec suscipit in neque sed scelerisque. Etiam laoreet eget mi quis laoreet. Nullam viverra set eaxac
efficitur. Vestibulum
non iaculis neque. Nam luctus nunc.</p>
</div>
<div class="col-lg-6 px-sm-0 img-div">
<img src="images/ab1.jpg" alt="" class="img-fluid" />
<img src="images/ab1-alt.jpg" alt="" class="img-fluid position-img" />
</div>
<div class="col-lg-6 px-sm-0 img-div mt-lg-0 mt-md-4 mt-0">
<img src="images/ab2.jpg" alt="" class="img-fluid" />
<img src="images/ab2-alt.jpg" alt="" class="img-fluid position-img1" />
</div>
<div class="col-lg-6 about-padding">
<h4 class="mt-lg-5">Discover Fashion Models</h4>
<p class="mt-3">Pellentesque volutpat urna eget venenatis hendrerit. Et Maecenas et lacinia lacus ac justo
placerat iaculis ipsm.
Donec suscipit in neque sed scelerisque. Etiam laoreet eget mi quis laoreet. Nullam viverra set eaxac
efficitur. Vestibulum
non iaculis neque. Nam luctus nunc tempo etiam laoreet eget mi quis laoreet. Nullam viverra set.</p>
</div>
</div>
</div>
</section>
<section class="services py-5" id="services">
<div class="container py-xl-5 py-lg-3">
<div class="row py-xl-3">
<div class="col-lg-4 mt-lg-5">
<p class="title">Our Services</p>
<h3 class="heading mb-4">We Are Best In</h3>
<p>Sed ut perspiciatis unde omnis istem natus error sit voluptatem accusa ntium doloret emque
laudantium, totam rem aperiam, et eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae
vitae
sed. </p>
</div>
<div class="col-lg-8 mt-lg-0 mt-5">
<div class="row">
<div class="col-md-6">
<div class="bottom-gd-ser p-4">
<div class="row">
<div class="col-sm-2 bottom-gd-icon">
<span class="fa fa-shopping-bag" aria-hidden="true"></span>
</div>
<div class="col-sm-10 bottom-gd-content mt-sm-0 mt-4">
<h4 class="mb-sm-3 mb-2">Fashion Modelling</h4>
<p>Integer sit amet mattis quam, sit amet ultricies velit.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 my-md-0 my-4">
<div class="bottom-gd-ser p-4">
<div class="row">
<div class="col-sm-2 bottom-gd-icon">
<span class="fa fa-magic" aria-hidden="true"></span>
</div>
<div class="col-sm-10 bottom-gd-content mt-sm-0 mt-4">
<h4 class="mb-sm-3 mb-2">Stylish Makeup</h4>
<p>Integer sit amet mattis quam, sit amet ultricies velit.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-md-5">
<div class="col-md-6">
<div class="bottom-gd-ser p-4">
<div class="row">
<div class="col-sm-2 bottom-gd-icon">
<span class="fa fa-snowflake-o" aria-hidden="true"></span>
</div>
<div class="col-sm-10 bottom-gd-content mt-sm-0 mt-4">
<h4 class="mb-sm-3 mb-2">Fashion Shows </h4>
<p>Integer sit amet mattis quam, sit amet ultricies velit.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 mt-md-0 mt-4">
<div class="bottom-gd-ser p-4">
<div class="row">
<div class="col-sm-2 bottom-gd-icon">
<span class="fa fa-weibo" aria-hidden="true"></span>
</div>
<div class="col-sm-10 bottom-gd-content mt-sm-0 mt-4">
<h4 class="mb-sm-3 mb-2">Ramp Walks</h4>
<p>Integer sit amet mattis quam, sit amet ultricies velit.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="gallery py-5" id="gallery">
<div class="container py-lg-5 py-3">
<h3 class="heading mb-4 text-center">Collection Gallery</h3>
<h3 style="margin-top:70px; text-align:center; margin-bottom:10px">Sapphire Gallery</h3>
<div class="row news-grids text-center">
<div class="col-md-4 col-sm-6 gal-img">
<a href="#gal1"><img src="images/saphire 1.jpg" alt="news image" class="img-fluid"></a>
<a href="#gal2"><img src="images/saphire 2.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 col-sm-6 gal-img">
<a href="#gal3"><img src="images/saphire 3.jpg" alt="news image" class="img-fluid"></a>
<a href="#gal4"><img src="images/saphire 4.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 col-sm-6 gal-img">
<a href="#gal5"><img src="images/saphire 5.jpg" alt="news image" class="img-fluid"></a>
<a href="#gal6"><img src="images/saphire 6.jpg" alt="news image" class="img-fluid"></a>
</div>
</div>
<h3 style="margin-top:70px; text-align:center; margin-bottom:10px">GulAhmed Gallery</h3>
<div class="row news-grids text-center">
<div class="col-md-4 col-sm-6 gal-img">
<a href="#gal7"><img src="images/GulAhmad 1.jpg" alt="news image" class="img-fluid"></a>
<a href="#gal8"><img src="images/GulAhmad 2.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 col-sm-6 gal-img">
<a href="#gal9"><img src="images/GulAhmad 3.jpg" alt="news image" class="img-fluid"></a>
<a href="#gal10"><img src="images/GulAhmad 4.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 col-sm-6 gal-img">
<a href="#gal11"><img src="images/GulAhmad 5.jpg" alt="news image" class="img-fluid"></a>
<a href="#gal12"><img src="images/GulAhmad 6.jpg" alt="news image" class="img-fluid"></a>
</div>
</div>
<h3 style="margin-top:100px; text-align:center">Al-Karam Gallery</h3>
<div class="row news-grids text-center">
<div class="col-md-4 col-sm-6 gal-img">
<a href="#gal13"><img src="images/Al-Karam 1.jpg" alt="news image" class="img-fluid"></a>
<a href="#gal14"><img src="images/Al-Karam 2.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 col-sm-6 gal-img">
<a href="#gal15"><img src="images/not_available.png" alt="news image" class="img-fluid"></a>
<a href="#gal16"><img src="images/not_available.png" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 col-sm-6 gal-img">
<a href="#gal17"><img src="images/not_available.png" alt="news image" class="img-fluid"></a>
<a href="#gal18"><img src="images/not_available.png" alt="news image" class="img-fluid"></a>
</div>
</div>
</div>
<div id="gal1" class="pop-overlay animate">
<div class="popup">
<img src="images/saphire 1.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">Sapphire Daily UnStitched <b>2 Piece</b><br> Digital Printed Lawn <b>(3.0 M)</b> <br />Digital Printed Voil Dupatta <b>(2.50m)</b></p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal2" class="pop-overlay animate">
<div class="popup">
<img src="images/saphire 2.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">Sapphire Daily UnStitched <b>2 Piece</b><br> Digital Printed Lawn <b>(3.0 M)</b> <br />Digital Printed Voil Dupatta <b>(2.50m)</b></p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal3" class="pop-overlay animate">
<div class="popup">
<img src="images/saphire 3.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">Sapphire Daily UnStitched <b>2 Piece</b><br> Digital Printed Lawn <b>(3.0 M)</b> <br />Digital Printed Voil Dupatta <b>(2.50m)</b></p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal4" class="pop-overlay animate">
<div class="popup">
<img src="images/saphire 4.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">Sapphire Daily UnStitched <b>2 Piece</b><br> Digital Printed Lawn <b>(3.0 M)</b> <br />Digital Printed Voil Dupatta <b>(2.50m)</b></p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal5" class="pop-overlay animate">
<div class="popup">
<img src="images/saphire 5.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">Sapphire Daily UnStitched <b>2 Piece</b><br> Digital Printed Lawn <b>(3.0 M)</b> <br />Digital Printed Voil Dupatta <b>(2.50m)</b></p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal6" class="pop-overlay animate">
<div class="popup">
<img src="images/saphire 6.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">Sapphire Daily UnStitched <b>2 Piece</b><br> Digital Printed Lawn <b>(3.0 M)</b> <br />Digital Printed Voil Dupatta <b>(2.50m)</b></p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal7" class="pop-overlay animate">
<div class="popup">
<img src="images/GulAhmad 1.jpg" alt="GulAhmed 1.jpg" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">GulAhmed Winter UnStitched <b>3 Piece</b><br>Printed Lawn Shirt<br />Printed Lawn Dupatta <br />Dyed Linen Trouser</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal8" class="pop-overlay animate">
<div class="popup">
<img src="images/GulAhmad 2.jpg" alt="GulAhmed 2.jpg" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">GulAhmed Gulistan Winter UnStitched <b>1 Piece</b><br>Digital Printed Shirt<br />100% Pure Cotton</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal9" class="pop-overlay animate">
<div class="popup">
<img src="images/GulAhmad 3.jpg" alt="GulAhmed 3.jpg" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">GulAhmed Winter UnStitched <b>3 Piece</b><br>Printed Embroided Shirt<br />Neckline & Motifs <br />Printed Dupatta <br />Dyed Trouser</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal10" class="pop-overlay animate">
<div class="popup">
<img src="images/GulAhmad 4.jpg" alt="GulAhmed 4.jpg" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">GulAhmed Winter UnStitched <b>3 Piece</b><br>Digital Printed Embroided Shirt<br />With Printed Border <br />Digital Printed Dupatta <br />Dyed Trouser</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal11" class="pop-overlay animate">
<div class="popup">
<img src="images/GulAhmad 5.jpg" alt="GulAhmed 5.jpg" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">GulAhmed Winter UnStitched <b>3 Piece</b><br>Digital Printed Shirt<br />With Embroided Neckline <br />Cotton Net Dupatta <br />Dyed Trouser</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<div id="gal12" class="pop-overlay animate">
<div class="popup">
<img src="images/GulAhmad 6.jpg" alt="GulAhmed 6.jpg" class="img-fluid" />
<p class="mt-4" style="text-align:center; margin-bottom:-10px">GulAhmed Winter UnStitched <b>3 Piece</b><br>Digital Printed Embroided Shirt<br />Digital Printed Dupatta<br />Dyed Trouser</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
</section>
<section class="contact py-5" id="contact">
<div class="container py-md-5">
<div class="row">
<div class="col-lg-4 contact-left">
<h1 style="font-size:40px"><b>Contact Us</b></h1>
<h3 style="margin-top:20px">Get In Touch</h3>
<p class="mt-3">
If you have any queries, or want to speak with us, Please contact us for more details by below
given information.
</p>
</div>
<div class="col-lg-4 mt-5">
<div class="contact-info" style="margin-left:200px; width:100%; margin-top:20px">
<div class="footer-style-w3ls">
<p><span class="fa fa-map-marker" aria-hidden="true"></span><strong> Location</strong> : House#188, Block 5, Sector A2, Township Lahore.</p>
</div>
<div class="footer-style-w3ls mt-2">
<p><span class="fa fa-phone" aria-hidden="true"></span><strong> Phone</strong> : 0333 4584767</p>
</div>
<div class="footer-style-w3ls mt-2">
<p>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footerv4-w3ls py-sm-5 py-4" id="footer">
<div class="footerv4-top">
<div class="container">
<div class="footer-logo text-center">
<a href="index.html"><img src="images/fig_logo.png" alt="" style="width:50px; height:50px; margin-right:10px; margin-top:-5px" /> FiG Tailor </a>
</div>
<div class="d-flex align-items-center footer-nav-wthree justify-content-center my-3">
<ul class="footer-link">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="#about">About Us</a>
</li>
<li>
<a href="#gallery">Gallery</a>
</li>
<li>
<a href="#contact">Contact Us</a>
</li>
</ul>
</div>
<div class="copy-right text-center">
<p>© FiG Tailor</a>
</p>
</div>
</div>
</div>
</footer>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function () {
$('.owl-one').owlCarousel({
loop: true,
margin: 0,
nav: false,
dots: true,
responsiveClass: true,
autoplay: true,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
nav: false
},
480: {
items: 1,
nav: false
},
667: {
items: 1,
nav: false
},
1000: {
items: 1,
nav: false
}
}
})
})
</script>
</body>
</html>