����JFIF���������
1#@!#!123s
D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
www
/
martstudios__usr
/
data
/
www
/
martstudios.in
/
Filename :
index_old.html
back
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>M.Art Studios - Blending YOUR IDEAS INTO ART</title> <link rel="shortcut icon" href="assets/images/favicon.ico"> <!-- Core Style Sheets --> <link rel="stylesheet" href="assets/css/master.css"> <!-- Responsive Style Sheets --> <link rel="stylesheet" href="assets/css/responsive.css"> <link rel="stylesheet" href="assets/css/nicepage.css"> <!-- Revolution Style Sheets --> <link rel="stylesheet" type="text/css" href="revolution/css/settings.css"> <link rel="stylesheet" type="text/css" href="revolution/css/layers.css"> <link rel="stylesheet" type="text/css" href="revolution/css/navigation.css"> </head> <body> <!--== Loader Start ==--> <div id="loader-overlay"> <div class="loader"> <div class="spinner-double-dot-in"></div> </div> </div> <!--== Loader End ==--> <!--== Wrapper Start ==--> <div class="wrapper"> <!--== Header Start ==--> <nav class="navbar navbar-default navbar-fixed navbar-transparent dark bootsnav on no-full no-border corporate"> <!--== Start Top Search ==--> <div class="fullscreen-search-overlay" id="search-overlay"> <a href="#" class="fullscreen-close" id="fullscreen-close-button"><i class="icofont icofont-close"></i></a> <div id="fullscreen-search-wrapper"> <form method="get" id="fullscreen-searchform"> <input type="text" value="" placeholder="Type and hit Enter..." id="fullscreen-search-input" class="search-bar-top"> <i class="fullscreen-search-icon icofont icofont-search"> <input value="" type="submit"> </i> </form> </div> </div> <!--== End Top Search ==--> <div class="container"> <!--== Start Atribute Navigation ==--> <div class="attr-nav hidden-xs sm-display-none"> <ul> <li class="side-menu"><a href="#"><i class="icofont icofont-navigation-menu"></i></a></li> <!-- <li class="search"><a href="#" id="search-button"><i class="icofont icofont-search"></i></a></li> --> </ul> </div> <!--== End Atribute Navigation ==--> <!--== Start Header Navigation ==--> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> <i class="tr-icon ion-android-menu"></i> </button> <div class="logo"> <a href="index.html"><img class="logo logo-display" src="assets/images/logo-corporate-black.png" alt=""> <img class="logo logo-scrolled" src="assets/images/logo-corporate-white.png" alt=""> </a> </div> </div> <!--== End Header Navigation ==--> <!--== Collect the nav links, forms, and other content for toggling ==--> <div class="collapse navbar-collapse" id="navbar-menu"> <ul class="nav navbar-nav navbar-center" data-in="fadeIn" data-out="fadeOut"> <li class="dropdown"><a href="#home" class="dropdown-toggle page-scroll" data-toggle="dropdown">Home</a> <!-- <ul class="dropdown-menu"> <li> <a href="index.html">Classic</a> </li> <li> <a href="index2.html">Corporate</a> </li> <li> <a href="index3.html">Hero Video</a> </li> <li> <a href="index4.html">Agency</a> </li> <li> <a href="index5.html">Studio</a> </li> <li> <a href="index6.html">Parallax</a> </li> <li> <a href="index7.html">Business</a> </li> <li> <a href="index8.html">Creative</a> </li> <li> <a href="index9.html">Digital</a> </li> <li> <a href="index10.html">Crypto</a> </li> </ul> --> </li> <li><a class="page-scroll" href="#about">About</a></li> <li><a class="page-scroll" href="#work">Works</a></li> <li><a class="page-scroll" href="#service">Services</a></li> <li><a class="page-scroll" href="#team">Team</a></li> <!-- <li><a class="page-scroll" href="#pricing">Pricing</a></li> <li><a class="page-scroll" href="#blog">Blog</a></li> --> <li><a class="page-scroll" href="#contact">Contact</a></li> </ul> </div> <!--== /.navbar-collapse ==--> </div> <!-- Start Side Menu --> <div class="side corporate dark-bg"> <a href="index.html" class="logo-side"><img src="assets/images/logo-corporate-white.png" alt="side-logo"/></a> <a href="#" class="close-side"><i class="icofont icofont-close"></i></a> <div class="widget mt-120"> <ul class="link"> <li class="link-item"><a class="page-scroll" href="#home">Home</a></li> <li class="link-item"><a class="page-scroll" href="#about">About</a></li> <li class="link-item"><a class="page-scroll" href="#work">Works</a></li> <li class="link-item"><a class="page-scroll" href="#service">Services</a></li> <li class="link-item"><a class="page-scroll" href="#team">Team</a></li> <!-- <li class="link-item"><a class="page-scroll" href="#pricing">Pricing</a></li> <li class="link-item"><a class="page-scroll" href="#blog">Blog</a></li> --> <li class="link-item"><a class="page-scroll" href="#contact">Contact</a></li> </ul> </div> <ul class="social-media"> <li><a href="www.facebook.com/mufaddaldikamliwala" class="icofont icofont-facebook"></a></li> <li><a href="www.instagram.com/m.art_studios/" class="icofont icofont-instagram"></a></li> </ul> </div> <!-- End Side Menu --> </nav> <!--== Header End ==--> <!--== Particle Slider Start ==--> <div class="remove-padding transition-none" id="home"> <div id="rev_slider_4_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="particle-effect-one5" data-source="gallery" style="background:#eef0f1;padding:0px;"> <!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode --> <div id="rev_slider_4_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1"> <ul> <!-- SLIDE --> <li data-index="rs-10" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeOut" data-easeout="Power4.easeOut" data-masterspeed="default" data-thumb="http://works.themepunch.com/revolution_5_3/wp-content/" data-rotate="0" data-saveperformance="off" data-title="Example One" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="assets/images/transparent.png" data-bgcolor='#ffffff' style='background:#ffffff' alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina/> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption" id="slide-10-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full-proportional" data-height="full-proportional" data-whitespace="nowrap" data-type="image" data-basealign="slide" data-responsive_offset="off" data-wrapper_class="tp-nopointer" data-responsive="off" data-frames='[{"delay":600,"speed":1500,"frame":"0","from":"sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":1500,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-blendmode="screen" style="z-index: 5;"><img src="assets/images/slides/home-bg-9.png" alt="" data-ww="['full-proportional','full-proportional','full-proportional','full-proportional']" data-hh="['full-proportional','full-proportional','full-proportional','full-proportional']" width="1920" height="1080" data-no-retina> </div> <!-- LAYER NR. 2 --> <div class="tp-caption tp-resizeme" id="slide-10-layer-6" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-70','-100','-100','-100']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-wrapper_class="tp-nopointer" data-frames='[{"delay":500,"split":"chars","splitdelay":0.1,"speed":300,"frame":"0","from":"y:[-100%];sX:1;sY:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[20,20,20,20]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[20,20,20,20]" style="z-index: 6; white-space: nowrap; font-size: 80px; line-height: 80px; font-weight: 800; color: rgba(45,48,50,1);font-family: 'Raleway', sans-serif;text-transform:uppercase;">M.Art Studios</div> <!-- LAYER NR. 3 --> <div class="tp-caption tp-resizeme" id="slide-10-layer-8" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','-30','-20','-20']" data-width="['none','none','361','330']" data-height="none" data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text" data-responsive_offset="on" data-wrapper_class="tp-nopointer" data-frames='[{"delay":600,"speed":1000,"frame":"0","from":"y:-20px;sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(45,48,50,1);font-family: 'Raleway', sans-serif;letter-spacing:10px;"><span class="text-uppercase">Blending Your Ideas Into Art.</span> </div> <!-- LAYER NR. 4 --> <!-- <a class="tp-caption rev-btn tp-resizeme" href="#." target="_blank" id="slide-10-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['70','40','60','60']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-actions='' data-responsive_offset="on" data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"y:-20px;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255,255,255,1);bg:rgba(45,48,50,1);bs:solid;bw:0 0 0 0;"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[35,35,35,35]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[35,35,35,35]" style="z-index: 8; white-space: nowrap; font-size: 15px; line-height: 50px; font-weight: 800; color: rgba(255,255,255,1);font-family: 'Raleway', sans-serif;background-color:#50C9C3;border-color:rgba(0,0,0,1);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">PURCHASE NOW</a> --> </li> <!-- SLIDE --> <li data-index="rs-11" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeOut" data-easeout="Power4.easeOut" data-masterspeed="default" data-thumb="http://works.themepunch.com/revolution_5_3/wp-content/" data-rotate="0" data-saveperformance="off" data-title="Example Two" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <!-- MAIN IMAGE --> <img src="assets/images/transparent.png" data-bgcolor='#ffffff' style='background:#ffffff' alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina/> <!-- LAYERS --> <!-- LAYER NR. 5 --> <div class="tp-caption " id="slide-11-layer-9" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full-proportional" data-height="full-proportional" data-whitespace="nowrap" data-type="image" data-basealign="slide" data-responsive_offset="off" data-wrapper_class="tp-nopointer" data-responsive="off" data-frames='[{"delay":600,"speed":1500,"frame":"0","from":"sX:1;sY:1;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":1500,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-blendmode="screen" style="z-index: 5;"><img src="assets/images/slides/video-editing.jpg" alt="" data-ww="['full-proportional','full-proportional','full-proportional','full-proportional']" data-hh="['full-proportional','full-proportional','full-proportional','full-proportional']" width="1920" height="1080" data-no-retina> </div> <!-- LAYER NR. 6 --> <div class="tp-caption tp-resizeme" id="slide-11-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-70','-100','-100','-100']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-wrapper_class="tp-nopointer" data-frames='[{"delay":500,"split":"chars","splitdelay":0.1,"speed":300,"frame":"0","from":"y:[-100%];sX:1;sY:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[20,20,20,20]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[20,20,20,20]" data-blendmode="exclusion" style="z-index: 6; white-space: nowrap; font-size: 80px; line-height: 80px; font-weight: 800; color: rgba(255,255,255,0.85);font-family: 'Raleway', sans-serif;text-transform:uppercase;">Video Background </div> <!-- LAYER NR. 7 --> <div class="tp-caption tp-resizeme" id="slide-11-layer-11" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['1','-30','-20','-20']" data-width="['none','none','361','330']" data-height="none" data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text" data-responsive_offset="on" data-wrapper_class="tp-nopointer" data-frames='[{"delay":600,"speed":1000,"frame":"0","from":"y:-20px;sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-blendmode="exclusion" style="z-index: 7; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 400; color: rgba(255,255,255,0.85);font-family: 'Raleway', sans-serif;letter-spacing:10px;"><span class="text-uppercase">A Video without a storyborad is like a house without foundation.</span></div> <!-- LAYER NR. 8 --> <!-- <a class="tp-caption rev-btn tp-resizeme" href="#." target="_blank" id="slide-11-layer-12" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['70','40','60','60']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-actions='' data-responsive_offset="on" data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"y:-20px;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255,255,255,1);bg:rgba(0,0,0,1);bs:solid;bw:0 0 0 0;"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[35,35,35,35]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[35,35,35,35]" data-blendmode="exclusion" style="z-index: 8; white-space: nowrap; font-size: 15px; line-height: 50px; font-weight: 700; color: rgba(0,0,0,1);font-family: 'Raleway', sans-serif;background-color:rgba(255,255,255,0.85);border-color:rgba(0,0,0,1);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">PURCHASE NOW</a> </li> --> <!-- SLIDE --> <!-- <li data-index="rs-12" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeOut" data-easeout="Power4.easeOut" data-masterspeed="default" data-thumb="http://works.themepunch.com/revolution_5_3/wp-content/" data-rotate="0" data-saveperformance="off" data-title="Example Three" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> --> <!-- MAIN IMAGE --> <!-- <img src="assets/images/transparent.png" data-bgcolor='#ffffff' style='background:#ffffff' alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina/> --> <!-- LAYERS --> <!-- LAYER NR. 9 --> <!-- <div class="tp-caption fullscreenvideo disabled_lc tp-videolayer" id="slide-12-layer-12" data-x="0" data-y="0" data-whitespace="nowrap" data-type="video" data-basealign="slide" data-responsive_offset="off" data-wrapper_class="tp-nopointer" data-responsive="off" data-frames='[{"delay":600,"speed":1500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":1500,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"}]' data-videocontrols="none" data-videowidth="100%" data-videoheight="100%" data-videoposter="assets/images/slides/tp_vid_clouds-1.jpg" data-videomp4="assets/videos/tp_vid_clouds.mp4" data-noposteronmobile="off" data-videopreload="auto" data-videoloop="loop" data-forceCover="1" data-aspectratio="16:9" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-blendmode="screen" data-autoplay="on" style="z-index: 5;"> </div> --> <!-- LAYER NR. 10 --> <!-- <div class="tp-caption tp-resizeme" id="slide-12-layer-13" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-70','-100','-100','-100']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-wrapper_class="tp-nopointer" data-frames='[{"delay":500,"split":"chars","splitdelay":0.1,"speed":300,"frame":"0","from":"y:[-100%];sX:1;sY:2;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[20,20,20,20]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[20,20,20,20]" data-blendmode="exclusion" style="z-index: 6; white-space: nowrap; font-size: 80px; line-height: 80px; font-weight: 700; color: rgba(255,255,255,0.85);font-family: 'Raleway', sans-serif;">Becki Agency </div> --> <!-- LAYER NR. 11 --> <!-- <div class="tp-caption tp-resizeme" id="slide-12-layer-14" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['1','-30','-20','-20']" data-width="['none','none','361','330']" data-height="none" data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text" data-responsive_offset="on" data-wrapper_class="tp-nopointer" data-frames='[{"delay":600,"speed":1000,"frame":"0","from":"y:-20px;sX:1;sY:1;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-blendmode="exclusion" style="z-index: 7; white-space: nowrap; font-size: 17px; line-height: 25px; font-weight: 300; color: rgba(255,255,255,0.85);font-family: 'Raleway', sans-serif;letter-spacing:10px;"><span class="text-uppercase">One Page Parallax Template</span> </div> --> <!-- LAYER NR. 12 --> <!-- <a class="tp-caption rev-btn tp-resizeme" href="#." target="_blank" id="slide-12-layer-15" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['70','40','60','60']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-actions='' data-responsive_offset="on" data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"y:-20px;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"auto:auto;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255,255,255,1);bg:rgba(45,48,50,1);bs:solid;bw:0 0 0 0;"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[35,35,35,35]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[35,35,35,35]" style="z-index: 8; white-space: nowrap; font-size: 15px; line-height: 50px; font-weight: 700; color: rgba(255,255,255,1);font-family: 'Raleway', sans-serif;background-color:rgba(79,172,254,1);border-color:rgba(0,0,0,1);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">PURCHASE NOW</a> </li> --> </ul> <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div> </div> </div> <!--== Particle Slider End ==--> <!--== Who We Are Start ==--> <section class="white-bg" id="about"> <div class="container"> <div class="row"> <div class="col-md-8 centerize-col text-center wow fadeInUp" data-wow-delay="0.1s"> <div class="section-title"> <h1 class="raleway-font"><span class="font-100">We Are</span> Designing Agency</h1> <hr class="center_line dark-bg"> <p> We blend creativity and technology to transform and grow our client's businesses. </p> </div> </div> </div> <div class="row mt-50"> <div class="col-md-6 col-sm-6 xs-mb-50 wow fadeInRight" data-wow-delay="0.2s"> <img class="img-responsive mt-60" alt="laptop" src="assets/images/laptop.png"> </div> <div class="col-md-6 col-sm-6 wow fadeInLeft" data-wow-delay="0.3s"> <div class="skillbar-wrap skillbar-style-02"> <div class="skillbar dark-color" data-percent="98"> <span class="skillbar-title">Photoshop</span> <p class="skillbar-bar corporate"></p> <span class="skill-bar-percent"></span> </div> <!-- End Skill Bar --> <div class="skillbar dark-color" data-percent="66"> <span class="skillbar-title">After Effect</span> <p class="skillbar-bar corporate"></p> <span class="skill-bar-percent"></span> </div> <!-- End Skill Bar --> <div class="skillbar dark-color" data-percent="85"> <span class="skillbar-title">Illustrator</span> <p class="skillbar-bar corporate"></p> <span class="skill-bar-percent"></span> </div> <!-- End Skill Bar --> <div class="skillbar dark-color" data-percent="30"> <span class="skillbar-title">3Dx Max</span> <p class="skillbar-bar corporate"></p> <span class="skill-bar-percent"></span> </div> <!-- End Skill Bar --> </div> </div> </div> </div> </section> <!--== Who We Are End ==--> <!--== Testimonials Start ==--> <section class="parallax-bg fixed-bg sm-pb-80 sm-pt-80" data-parallax-bg-image="assets/images/background/parallax-bg-3.jpg" data-parallax-speed="0.5" data-parallax-direction="up" id="testimonial"> <div class="dark-overlay-bg"></div> <div class="container"> <div class="row"> <div class="testimonial-style-6"> <div class="col-xs-12"> <!--== Slide ==--> <div class="testimonial-item text-center"> <div class="testimonial-content white-color"> <h3 class="mt-20 line-height-40 font-200">“I’m getting amazing art work, the way actually needed for my products. Apart from this, It helps me a lot with his suggestions which is always up-to the mark.</h3> <h5 class="font-600 mb-0 white-color text-uppercase letter-spacing-2">- Aqeeq -</h5> </div> </div> </div> <div class="col-xs-12"> <!--== Slide ==--> <div class="testimonial-item text-center"> <div class="testimonial-content white-color"> <h3 class="mt-20 line-height-40 font-200">“Highly recommend working with M.Art Studios. We worked with them and they managed very well to bring out our vision on the screen. Incredible work!”</h3> <h5 class="font-600 mb-0 white-color text-uppercase letter-spacing-2">- Badshah Studio -</h5> </div> </div> </div> <div class="col-xs-12"> <!--== Slide ==--> <div class="testimonial-item text-center"> <div class="testimonial-content white-color"> <h3 class="mt-20 line-height-40 font-200">“Original and trustworthy team, M.Art Studios designed the best packaging in my whole industry. The new packaging got me outstanding sales results.”</h3> <h5 class="font-600 mb-0 white-color text-uppercase letter-spacing-2">- Arwa Pharma -</h5> </div> </div> </div> <div class="col-xs-12"> <!--== Slide ==--> <div class="testimonial-item text-center"> <div class="testimonial-content white-color"> <h3 class="mt-20 line-height-40 font-200">“Best service in digital marketing...👍 He understood client requirements very well and found appropriate solutions..👍”</h3> <h5 class="font-600 mb-0 white-color text-uppercase letter-spacing-2">- Sameer Bedarkar -</h5> </div> </div> </div> <div class="col-xs-12"> <!--== Slide ==--> <div class="testimonial-item text-center"> <div class="testimonial-content white-color"> <h3 class="mt-20 line-height-40 font-200">“They're excellent design professionals who are committed to providing the best designs for any projects.Worth giving a shot value for money.”</h3> <h5 class="font-600 mb-0 white-color text-uppercase letter-spacing-2">- Arwa Mahidpurwala -</h5> </div> </div> </div> <div class="col-xs-12"> <!--== Slide ==--> <div class="testimonial-item text-center"> <div class="testimonial-content white-color"> <h3 class="mt-20 line-height-40 font-200">“Fabulous work and great experience of designing highly recommended 💯”</h3> <h5 class="font-600 mb-0 white-color text-uppercase letter-spacing-2">- Burhanuddin Nasir -</h5> </div> </div> </div> <div class="col-xs-12"> <!--== Slide ==--> <div class="testimonial-item text-center"> <div class="testimonial-content white-color"> <h3 class="mt-20 line-height-40 font-200">“Good quality and service are unbeatable. Highly recommended”</h3> <h5 class="font-600 mb-0 white-color text-uppercase letter-spacing-2">- Huzefa Koat Wala -</h5> </div> </div> </div> <div class="col-xs-12"> <!--== Slide ==--> <div class="testimonial-item text-center"> <div class="testimonial-content white-color"> <h3 class="mt-20 line-height-40 font-200">“Fast n perfect work👍👍👍👍👍”</h3> <h5 class="font-600 mb-0 white-color text-uppercase letter-spacing-2">- Ishaq Hamid -</h5> </div> </div> </div> <div class="col-xs-12"> <!--== Slide ==--> <div class="testimonial-item text-center"> <div class="testimonial-content white-color"> <h3 class="mt-20 line-height-40 font-200">“Completely overwhelmed by your service. cant wait for my next idea wich you will shape beautifully . money is well spent creating my product ,brousher , pdf , charts my customers loved it and it affected my sales for sure ! well done!”</h3> <h5 class="font-600 mb-0 white-color text-uppercase letter-spacing-2">- Tielo Industries -</h5> </div> </div> </div> </div> </div> </div> </section> <!--== Testimonials End ==--> <!--== Portfolio Start ==--> <section class="grey-bg pb-0" id="work"> <div class="container"> <div class="row"> <div class="col-md-8 centerize-col text-center"> <div class="section-title wow fadeInUp" data-wow-delay="0.1s"> <h1 class="raleway-font"><span class="font-100">Our</span> Works</h1> <hr class="center_line dark-bg"> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div id="portfolio-gallery-filter" class="cbp-l-filters-alignCenter corporate text-sm-center mt-50"> <div data-filter="*" class="cbp-filter-item-active cbp-filter-item dark"> All </div> <div data-filter=".logos" class="cbp-filter-item"> Logo </div> <div data-filter=".print" class="cbp-filter-item"> Business Card </div> <div data-filter=".weddings" class="cbp-filter-item"> Wedding Card </div> <div data-filter=".product-pack" class="cbp-filter-item"> Product Packaging </div> <div data-filter=".photography" class="cbp-filter-item"> Photography </div> <div data-filter=".interior" class="cbp-filter-item"> Interior Design </div> </div> </div> </div> </div> <div class="container-fluid remove-padding"> <div class="row mt-50"> <div class="col-md-12"> <div id="portfolio-gallery" class="cbp"> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/al-cook.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Al Cook</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/cab2go.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Cab2go</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/elate.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Elate</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/excellent-tuts.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Excellant Tutorials</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/Ezzi-logo.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Ezzy</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/kisan-ki-dukan.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Kisan Ki Dukan</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/raj-real-infra.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Raj Real Infrastructure</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/rente-unlimeted.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Renter's Unlimited</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/Royal-Fragrance.png" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Royal Fragrance</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/Sk-Attar.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Sk Attar</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/vivaan-enterprises.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Vivaan Enterprises</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/british_rose.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">British Rose</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item logos col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/moiture-pot.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Moiture-Pot</h3> <h6 class="links">Logo</h6> </div> </div> </div> </div> <div class="cbp-item print col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/aqeeq.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Aqeeq</h3> <h6 class="links">Busniess Card</h6> </div> </div> </div> </div> <div class="cbp-item print col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/badshah-ujn.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Badshah</h3> <h6 class="links">Busniess Card</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/lavender-01.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">lavender Soap</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item print col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/bhawtiwala-card.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Bhawtiwala</h3> <h6 class="links">Busniess Card</h6> </div> </div> </div> </div> <div class="cbp-item print col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/creme-creation.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Creme Creation</h3> <h6 class="links">Busniess Card</h6> </div> </div> </div> </div> <div class="cbp-item print col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/raj-real.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Raj Real Infrastructer</h3> <h6 class="links">Busniess Card</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/honey-01.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Honey Soap</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/watermelon-02.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Watermelon Soap</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item print col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/royal-elec.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Royal Electrical</h3> <h6 class="links">Busniess Card</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/green apple.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Green Apple</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item print col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/tyfa.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Tyfa</h3> <h6 class="links">Busniess Card</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/coconut-02.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Coconut Soap</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <!-- <div class="cbp-item weddings col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/4.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">1</h3> <h6 class="links">Wedding Card</h6> </div> </div> </div> </div> --> <!-- <div class="cbp-item photography col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/5.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Project Name 5</h3> <h6 class="links">Photography</h6> </div> </div> </div> </div> --> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/al azeez-05.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">White Musk</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <!-- <div class="cbp-item weddings col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/6.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">2</h3> <h6 class="links">Wedding Card</h6> </div> </div> </div> </div> --> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/al azeez2-05.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Oud Tobacco</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/goat milk-02.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Goat Milk</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/fresh-lemon.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Fresh-Lemon</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/khari.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Khari</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/al azeez3-05.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Wisal</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/tangy-orange.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Tangy Orange</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/al azeez1-05.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Mukhallat</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/adian.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Adian</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/charcoal-01.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Charcoal Soap</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/atar-box.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Atar</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <div class="cbp-item product-pack col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/coffee soap-01.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">Coffee Soap</h3> <h6 class="links">Product Packaging</h6> </div> </div> </div> </div> <!-- <div class="cbp-item weddings col-md-3 col-sm-3"> <div class="portfolio gallery-image-hover text-center"> <div class="folio-overlay"></div> <img src="assets/images/portfolio/grid/8.jpg" alt=""> <div class="portfolio-wrap"> <div class="portfolio-description"> <h3 class="portfolio-title mt-0">3</h3> <h6 class="links">Wedding Card</h6> </div> </div> </div> </div> --> </div> </div> </div> </div> </section> <!--== Portfolio End ==--> <!--== Counters Start ==--> <section class="parallax-bg fixed-bg sm-pb-80 sm-pt-80" data-parallax-bg-image="assets/images/background/bg-1.jpg" data-parallax-speed="0.5" data-parallax-direction="up"> <div class="overlay-bg"></div> <div class="container"> <div class="row row-flex flex-center"> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="counter-wrap wow fadeInLeft white-color" data-wow-delay="0.1s"> <i class="icofont icofont-award font-40px"></i> <h2><span class="counter font-600 open-font">1521</span></h2> <h3 class="font-400 text-uppercase">Happy Clients</h3> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="counter-wrap wow fadeInUp white-color" data-wow-delay="0.2s"> <i class="icofont icofont-coffee-mug font-40px"></i> <h2><span class="counter font-600 open-font">2974</span></h2> <h3 class="font-400 text-uppercase">Cups of Coffee</h3> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="counter-wrap wow fadeInDown white-color" data-wow-delay="0.3s"> <i class="icofont icofont-briefcase font-40px"></i> <h2><span class="counter font-600 open-font">634</span></h2> <h3 class="font-400 text-uppercase">Project Delivered</h3> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="counter-wrap wow fadeInRight white-color" data-wow-delay="0.4s"> <i class="icofont icofont-chart-line font-40px"></i> <h2><span class="counter font-600 open-font">02</span></h2> <h3 class="font-400 text-uppercase">Awards Won</h3> </div> </div> </div> </div> </section> <!--== Counters End ==--> <!--== Services Start ==--> <section class="white-bg pb-70" id="service"> <div class="container"> <div class="row"> <div class="col-md-8 centerize-col text-center"> <div class="section-title wow fadeInUp" data-wow-delay="0.1s"> <h1 class="raleway-font"><span class="font-100">Our</span> Services</h1> <hr class="center_line dark-bg"> </div> </div> </div> <div class="row mt-50"> <div class="col-md-4"> <div class="feature-box corporate text-right mb-50 wow fadeInRight" data-wow-delay="0.1s"> <i class="icofont icofont-test-tube-alt font-40px"></i> <h3 class="mt-0 font-600">3D Visualization</h3> <p class="font-400">Visualization through visual imagery has been an effective way to communicate both abstract and concrete ideas since the dawn of humanity.</p> </div> <div class="feature-box corporate text-right mb-50 wow fadeInRight" data-wow-delay="0.2s"> <i class="icofont icofont-box font-40px"></i> <h3 class="mt-0 font-600">Product Packaging</h3> <p class="font-400">Product packaging design refers to the creation of the exterior of a product. That includes choices in material and form as well as graphics, colors and fonts that are used on wrapping, a box, a can, a bottle or any kind of container.</p> </div> <div class="feature-box corporate text-right mb-50 wow fadeInRight" data-wow-delay="0.3s"> <i class="icofont icofont-card font-40px"></i> <h3 class="mt-0 font-600">Visiting Card</h3> <p class="font-400">A visiting card is not a business card. Today, a visiting card can include your company's name and logo, but it would have fewer details about the business.</p> </div> </div> <div class="col-md-4 xs-mt-80 sm-mt-80 wow zoomIn" data-wow-delay="0.4s"> <img class="img-responsive pt-20" src="assets/images/iphone-4.png" alt=""> </div> <div class="col-md-4"> <div class="feature-box corporate text-left mb-50 wow fadeInLeft" data-wow-delay="0.5s"> <i class="icofont icofont-smart-phone font-40px"></i> <h3 class="mt-0">Digital Marketing</h3> <p class="font-300">Digital marketing refers to advertising delivered through digital channels such as search engines, websites, social media, email, and mobile apps.</p> </div> <div class="feature-box corporate text-left mb-50 wow fadeInLeft" data-wow-delay="0.6s"> <i class="icofont icofont-printer font-40px"></i> <h3 class="mt-0">Printing Work</h3> <p class="font-300">Printing is a process for mass reproducing text and images using a master form or template. Printing means reproducing words or images on paper, card, plastic, fabric, Screen Printing, Pad Printing or another material. </p> </div> <div class="feature-box corporate text-left mb-50 wow fadeInLeft" data-wow-delay="0.7s"> <i class="icofont icofont-ui-video-play font-40px"></i> <h3 class="mt-0">Motion Graphic Videos</h3> <p class="font-300">Motion graphics are pieces of animation which create the illusion of motion or rotation, and are usually combined with audio for use in multimedia projects.</p> </div> </div> </div> </div> </section> <!--== Services End ==--> <!--== Video Start ==--> <section class="relative"> <div class="overlay-bg"></div> <div class="container"> <div class="row"> <div class="display-table col-md-8 col-md-offset-2"> <div class="v-align-middle text-center"> <div class="white-color text-center"> <h1 class="font-700 font-60px line-height-60 xs-font-40px xs-line-height-50 sm-font-60px sm-line-height-70 wow fadeInUp" data-wow-delay="0.1s">Join <span class="font-100">Up for</span> Free</h1> <hr class="center_line primary-bg wow fadeInUp" data-wow-delay="0.2s"> <!-- <h3 class="font-400 line-height-40 wow fadeInUp" data-wow-delay="0.3s"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam semper ex ac velit varius semper. Mauris at dolor nec ante ultricies aliquam ac vitae diam. </h3> <p class="mt-40"> <a class="btn btn-lg btn-light-outline btn-square btn-zoom wow fadeInUp" data-wow-delay="0.4s">Get Started</a> </p> --> </div> </div> </div> </div> </div> <video autoplay="" muted="" loop="" controls="" class="html5-video"> <source src="assets/videos/html5-video.mp4" type="video/mp4"> <source src="assets/videos/html5-video.webm" type="video/webm"> </video> </section> <!--== Video End ==--> <!--== Team Start ==--> <section class="white-bg" id="team"> <div class="container"> <div class="row"> <div class="col-md-8 centerize-col text-center"> <div class="section-title wow fadeInUp" data-wow-delay="0.1s"> <h1 class="raleway-font"><span class="font-100">Our Creative</span> Team</h1> <hr class="center_line dark-bg"> </div> </div> </div> <div class="row mt-50"> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="team-member"> <div class="team-thumb"> <div class="thumb-overlay"></div> <img src="assets/images/team/team-01-01.jpg" alt=""> <div class="member-info text-center white-bg"> <h3>Mufaddal Dikamaliwala</h3> <span class="title primary-color">Director</span> <!-- <div class="social-icons-style-02"> <ul class="sm-icon mt-20 mb-0"> <li><a class="fb" href="#."><i class="icofont icofont-facebook"></i></a></li> <li><a class="tw" href="#."><i class="icofont icofont-twitter"></i></a></li> <li><a class="be" href="#."><i class="icofont icofont-behance"></i></a></li> <li><a class="in" href="#."><i class="icofont icofont-linkedin"></i></a></li> </ul> </div> --> </div> </div> </div> </div> <!--== Member End ==--> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="team-member"> <div class="team-thumb"> <div class="thumb-overlay"></div> <img src="assets/images/team/team-02-01.jpg" alt=""> <div class="member-info text-center white-bg"> <h3>Vandana Jain</h3> <span class="title primary-color">Graphic & Web Designer</span> <!-- <div class="social-icons-style-02"> <ul class="sm-icon mt-20 mb-0"> <li><a class="fb" href="#."><i class="icofont icofont-facebook"></i></a></li> <li><a class="tw" href="#."><i class="icofont icofont-twitter"></i></a></li> <li><a class="be" href="#."><i class="icofont icofont-behance"></i></a></li> <li><a class="in" href="#."><i class="icofont icofont-linkedin"></i></a></li> </ul> </div> --> </div> </div> </div> </div> <!--== Member End ==--> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="team-member"> <div class="team-thumb"> <div class="thumb-overlay"></div> <img src="assets/images/team/team-03-01.jpg" alt=""> <div class="member-info text-center white-bg"> <h3>Huzefa Koatwala</h3> <span class="title primary-color">Marketing Manager</span> <!-- <div class="social-icons-style-02"> <ul class="sm-icon mt-20 mb-0"> <li><a class="fb" href="#."><i class="icofont icofont-facebook"></i></a></li> <li><a class="tw" href="#."><i class="icofont icofont-twitter"></i></a></li> <li><a class="be" href="#."><i class="icofont icofont-behance"></i></a></li> <li><a class="in" href="#."><i class="icofont icofont-linkedin"></i></a></li> </ul> </div> --> </div> </div> </div> </div> <!--== Member End ==--> <!--== Member End ==--> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="team-member"> <div class="team-thumb"> <div class="thumb-overlay"></div> <img src="assets/images/team/team-02-01.jpg" alt=""> <div class="member-info text-center white-bg"> <h3>Karishma Siddhwani</h3> <span class="title primary-color">Web Designer</span> <!-- <div class="social-icons-style-02"> <ul class="sm-icon mt-20 mb-0"> <li><a class="fb" href="#."><i class="icofont icofont-facebook"></i></a></li> <li><a class="tw" href="#."><i class="icofont icofont-twitter"></i></a></li> <li><a class="be" href="#."><i class="icofont icofont-behance"></i></a></li> <li><a class="in" href="#."><i class="icofont icofont-linkedin"></i></a></li> </ul> </div> --> </div> </div> </div> </div> <!--== Member End ==--> <!--== Member End ==--> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="team-member"> <div class="team-thumb"> <div class="thumb-overlay"></div> <img src="assets/images/team/team-03-01.jpg" alt=""> <div class="member-info text-center white-bg"> <h3>Abbas Bombaywala</h3> <span class="title primary-color">Interior Designer</span> <!-- <div class="social-icons-style-02"> <ul class="sm-icon mt-20 mb-0"> <li><a class="fb" href="#."><i class="icofont icofont-facebook"></i></a></li> <li><a class="tw" href="#."><i class="icofont icofont-twitter"></i></a></li> <li><a class="be" href="#."><i class="icofont icofont-behance"></i></a></li> <li><a class="in" href="#."><i class="icofont icofont-linkedin"></i></a></li> </ul> </div> --> </div> </div> </div> </div> <!--== Member End ==--> <!--== Member End ==--> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="team-member"> <div class="team-thumb"> <div class="thumb-overlay"></div> <img src="assets/images/team/team-03-01.jpg" alt=""> <div class="member-info text-center white-bg"> <h3>Zoeb Rokadiya</h3> <span class="title primary-color">Junior Graphic Designer</span> <!-- <div class="social-icons-style-02"> <ul class="sm-icon mt-20 mb-0"> <li><a class="fb" href="#."><i class="icofont icofont-facebook"></i></a></li> <li><a class="tw" href="#."><i class="icofont icofont-twitter"></i></a></li> <li><a class="be" href="#."><i class="icofont icofont-behance"></i></a></li> <li><a class="in" href="#."><i class="icofont icofont-linkedin"></i></a></li> </ul> </div> --> </div> </div> </div> </div> <!--== Member End ==--> <!--== Member End ==--> </div> </div> </section> <!--== Team End ==--> <!--== Call to Actions Start ==--> <section class="parallax-bg fixed-bg sm-pb-80 sm-pt-80" data-parallax-bg-image="assets/images/background/image.jpg" data-parallax-speed="0.5" data-parallax-direction="up"> <div class="overlay-bg"></div> <div class="container"> <div class="row"> <div class="col-lg-10 col-md-12 col-sm-12 col-xs-12 centerize-col text-center"> <h5 class="font-50px white-color font-800 wow fadeInUp" data-wow-delay="0.1s"><span class="font-100">Design is so </span> Simple <br><span class="font-100"> that's why its so</span> Complicated.</h5> <hr class="center_line primary-bg wow fadeInUp" data-wow-delay="0.2s"> <!-- <h5 class="mb-30 font-30px white-color font-400 wow fadeInUp" data-wow-delay="0.3s">Code. Design. Development.</h5> <a class="btn btn-md btn-light-outline btn-square btn-zoom wow fadeInUp" data-wow-delay="0.4s">Purchase This template</a> --> </div> </div> </div> </section> <!--== Call to Actions End ==--> <!--== Pricing Table Start ==--> <!--<section class="white-bg" id="pricing"> <div class="container"> <div class="row"> <div class="col-md-8 centerize-col text-center"> <div class="section-title wow fadeInUp" data-wow-delay="0.1s"> <h1 class="raleway-font"><span class="font-100">Our Pricing</span> Plans</h1> <hr class="center_line dark-bg"> </div> </div> </div> <div class="row mt-50"> <div class="col-md-4 pricing-table col-sm-4 xs-mb-30"> <div class="pricing-box pricing-box-bg text-center wow fadeInLeft" data-wow-delay="0.1s"> <div class="plan-name"> <h3>Basic</h3> </div> <div class="value"> <h3>10<span>$</span></h3> <span class="per">Per Month</span> </div> <ul> <li>Mobile-Optimized Website</li> <li>Powerful Website Metrics</li> <li>Free Custom Domain</li> <li>24/7 Customer Support</li> <li>Fully Integrated E-Commerce</li> <li>Sell Unlimited Products & Accept Donations</li> </ul> <div class="pricing-box-bottom"> <a class="btn btn-dark btn-md btn-default btn-square btn-zoom">Get Started</a> </div> </div> </div> <div class="col-md-4 pricing-table col-sm-4 xs-mb-30"> <div class="pricing-box featured corporate pricing-box-bg text-center"> <div class="plan-name"> <h3>Standard</h3> </div> <div class="value"> <h3>10<span>$</span></h3> <span class="per">Per Month</span> </div> <ul> <li>Mobile-Optimized Website</li> <li>Powerful Website Metrics</li> <li>Free Custom Domain</li> <li>24/7 Customer Support</li> <li>Fully Integrated E-Commerce</li> <li>Sell Unlimited Products & Accept Donations</li> </ul> <div class="pricing-box-bottom"> <a class="btn btn-dark btn-md btn-default btn-square btn-zoom">Get Started</a> </div> </div> </div> <div class="col-md-4 pricing-table col-sm-4"> <div class="pricing-box pricing-box-bg text-center wow fadeInRight" data-wow-delay="0.2s"> <div class="plan-name"> <h3>Premium</h3> </div> <div class="value"> <h3>10<span>$</span></h3> <span class="per">Per Month</span> </div> <ul> <li>Mobile-Optimized Website</li> <li>Powerful Website Metrics</li> <li>Free Custom Domain</li> <li>24/7 Customer Support</li> <li>Fully Integrated E-Commerce</li> <li>Sell Unlimited Products & Accept Donations</li> </ul> <div class="pricing-box-bottom"> <a class="btn btn-dark btn-md btn-default btn-square btn-zoom">Get Started</a> </div> </div> </div> </div> </div> </section>--> <!--== Pricing Table End ==--> <!--== Clients Start ==--> <div class="dark-bg pt-60 pb-60"> <div class="container"> <div class="row"> <div class="client-slider slick"> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/black white logo-01-light.png" alt="01"/> </div> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/black white logo-05-light.png" alt="02"/> </div> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/black white logo-07-light.png" alt="03"/> </div> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/black white logo-09-light.png" alt="04"/> </div> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/black white logo-11-light.png" alt="05"/> </div> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/black white logo-13-light.png" alt="06"/> </div> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/black white logo-15-light.png" alt="07"/> </div> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/al-azeez-white.png" alt="08"/> </div> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/alif-logo-white.png" alt="09"/> </div> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/Bharmal-white.png" alt="10"/> </div> <div class="client-logo"> <img class="img-responsive" src="assets/images/clients/sheba-industries-white.png" alt="11"/> </div> </div> </div> </div> </div> <!--== Clients End ==--> <!--== Blogs Start ==--> <!-- <section id="blog" class="white-bg"> <div class="container"> <div class="row"> <div class="col-md-8 centerize-col text-center"> <div class="section-title wow fadeInUp" data-wow-delay="0.1s"> <h1 class="raleway-font"><span class="font-100">Our</span> Blogs</h1> <hr class="center_line dark-bg"> </div> </div> </div> <div class="row mt-50"> <div class="col-md-4 blog-list wow fadeInLeft" data-wow-delay="0.1s"> <div class="post-wrap"> <div class="post-img"> <div class="date-box dark-bg"> <span class="day">20</span> <span class="month">JAN</span> </div> <div class="item"><img class="img-responsive" src="assets/images/post/post-01.jpg" alt=""/></div> </div> <div class="post-text"> <h3><a href="blog.html">Best WordPress Themes</a></h3> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <a href="#" class="btn-text">Read More</a> </div> </div> </div> <div class="col-md-4 blog-list wow fadeInDown" data-wow-delay="0.2s"> <div class="post-wrap"> <div class="post-img"> <div class="date-box dark-bg"> <span class="day">26</span> <span class="month">NOV</span> </div> <div class="blog-grid-slider slick"> <div class="item"><img class="img-responsive" src="assets/images/post/post-03.jpg" alt=""/></div> <div class="item"><img class="img-responsive" src="assets/images/post/post-04.jpg" alt=""/></div> </div> </div> <div class="post-text"> <h3><a href="blog.html">Managing Their Own Websites</a></h3> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <a href="#" class="btn-text">Read More</a> </div> </div> </div> <div class="col-md-4 blog-list wow fadeInRight" data-wow-delay="0.3s"> <div class="post-wrap"> <div class="post-img"> <div class="date-box dark-bg"> <span class="day">03</span> <span class="month">MAR</span> </div> <div class="item"><img class="img-responsive" src="assets/images/post/post-05.jpg" alt=""/></div> </div> <div class="post-text"> <h3><a href="blog.html">Best Plugins You Need to Know About</a></h3> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <a href="#" class="btn-text">Read More</a> </div> </div> </div> </div> </div> </section> --> <!--== Blogs End ==--> <!--== About Company Start ==--> <div class="grey-bg pt-0 pb-0 about-section"> <div class="col-md-6 col-sm-6 bg-flex bg-flex-left"> <div class="bg-flex-holder bg-flex-cover" style="background-image: url(assets/images/bg-left-img-2-01.png);"> <!-- <div class="video-box_overlay"> <div class="center-layout"> <div class="v-align-middle"> <a class="popup-youtube" href="https://www.youtube.com/watch?v=sU3FkzUKHXU"> <div class="play-button"><i class="tr-icon ion-android-arrow-dropright"></i></div> </a> </div> </div> </div> --> </div> </div> <div class="container-fluid"> <div class="col-md-6 col-sm-6 col-md-offset-6 col-sm-offset-6"> <div class="col-inner spacer text-left wow fadeInLeft" data-wow-delay="0.1s"> <div class="mission-section"> <h2 class="raleway-font"><span class="font-100">About Us</span> <br>Why M.Art?</h2> <hr class="left-line dark-bg" /> <p> M.art is a graphic design and animation studio defined by creative and innovative thinking. We believe in delivering design of finest quality and maximum value, whilst constantly searching for that bit of magic in every piece of communication that we roll out. M.art is a design- oriented company. Our skills, specialization, and strong knowledge of designing allow us to take on any business projects. We do our best to perform tasks with responsibility & efficiency. We have excellent experience of working in the diverse business industry. We have catered to clients in national as well as international markets. </p> <p class="mt-30"> <a class="btn btn-lg btn-dark-outline btn-square btn-zoom" href="#work"><i class="icofont icofont-briefcase-2 mr-10"></i> Our Work</a> <a class="btn btn-lg btn-primary btn-square btn-zoom" href="#contact"><i class="icofont icofont-ui-message mr-10"></i> Contact Us</a> </p> </div> </div> </div> </div> </div> <!--== About Company End ==--> <!--== Who We Are Start ==--> <div class="primary-bg pt-0 pb-0 about-section"> <div class="col-md-6 col-sm-6 bg-flex bg-flex-right"> <div class="bg-flex-holder bg-flex-cover" style="background-image: url(assets/images/mission-01.png);"></div> </div> <div class="container-fluid"> <div class="col-md-6 col-sm-6"> <div class="col-inner spacer text-left wow fadeInRight" data-wow-delay="0.2s"> <div class="mission-section"> <h2 class="raleway-font white-color"><span class="font-100">Our</span> <br>Mission</h2> <hr class="left-line white-bg" /> <p class="white-color"> Creativity is our duty and passion. We follow our ideas to reach the level best with a WOW expression from my clients. Our aim is 100% satisfaction level of our clients and building a long term business relationship. Our strength lies in my designs, we pay special attention to the quality assurance of the services we provide. </p> <!-- <p class="white-color"> Nam suscipit, enim eu semper porta, est magna facilisis lorem, sagittis sollicitudin ipsum ipsum at tortor. Proin diam massa, fermentum eget nisl consequat, viverra accumsan turpis. Maecenas non nunc quis odio dignissim efficitur eget eu leo. Donec ut accumsan metus, sit amet efficitur diam. </p> --> <!-- <p class="mt-30"> <a class="btn btn-lg btn-dark-outline btn-square btn-zoom" href="#work"><i class="icofont icofont-briefcase-2 mr-10"></i> Our Work</a> <a class="btn btn-lg btn-primary btn-square btn-zoom" href="#contact"><i class="icofont icofont-ui-message mr-10"></i> Contact Us</a> </p> --> </div> </div> </div> </div> </div> <!--== Who We Are End ==--> <div class="grey-bg pt-0 pb-0 about-section"> <div class="col-md-6 col-sm-6 bg-flex bg-flex-left"> <div class="bg-flex-holder bg-flex-cover" style="background-image: url(assets/images/vision-01.png);"> </div> </div> <div class="container-fluid"> <div class="col-md-6 col-sm-6 col-md-offset-6 col-sm-offset-6"> <div class="col-inner spacer text-left wow fadeInLeft" data-wow-delay="0.1s"> <div class="mission-section"> <h2 class="raleway-font"><span class="font-100">Our</span> <br>Vision</h2> <hr class="left-line dark-bg" /> <p> We are committed to delivering excellent results in everything we do. We are honest and fair towards our dealings and always updated towards the new designing trends. We demonstrate a genuine interest in our clients’ businesses and show punctuality towards the deadlines. </p> <!-- <p class="mt-30"> <a class="btn btn-lg btn-dark-outline btn-square btn-zoom" href="#work"><i class="icofont icofont-briefcase-2 mr-10"></i> Our Work</a> <a class="btn btn-lg btn-primary btn-square btn-zoom" href="#contact"><i class="icofont icofont-ui-message mr-10"></i> Contact Us</a> </p> --> </div> </div> </div> </div> </div> <!--== About Company End ==--> <!--== Contact Start ==--> <section class="white-bg" id="contact"> <div class="container"> <div class="row"> <div class="col-md-8 centerize-col text-center"> <div class="section-title wow fadeInUp" data-wow-delay="0.1s"> <h1 class="raleway-font"><span class="font-100">Contact</span> Us</h1> <hr class="center_line dark-bg"> </div> </div> </div> </div> <div class="container"> <div class="row mt-70"> <div class="col-md-6 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-delay="0.1s"> <form name="contact-form" id="contact-form" action="php/contact.php" method="POST" class="contact-form-style-01"> <div class="messages"></div> <div class="row"> <div class="col-md-12 col-sm-12"> <div class="form-group"> <label for="name">Name </label> <input type="text" name="name" class="md-input" id="name" required data-error="Your Name is Required"> <div class="help-block with-errors"></div> </div> </div> <div class="col-md-12 col-sm-12"> <div class="form-group"> <label for="email">Email *</label> <input type="email" name="email" class="md-input" id="email" required data-error="Please Enter Valid Email"> <div class="help-block with-errors"></div> </div> </div> <div class="col-md-12 col-sm-12"> <div class="form-group"> <label for="message">Your Message *</label> <textarea name="message" class="md-textarea" id="message" rows="7" required data-error="Please, Leave us a message"></textarea> <div class="help-block with-errors"></div> </div> </div> <div class="col-md-12 col-sm-12"> <div class="text-left"> <button type="submit" name="submit" class="btn btn-primary btn-md btn-square btn-animate remove-margin btn-zoom"><span>Send <i class="ion-android-arrow-forward"></i></span></button> </div> </div> </div> </form> </div> <div class="col-md-6 col-sm-6 col-xs-12 wow fadeInRight" data-wow-delay="0.2s"> <div class="col-md-12 col-sm-12"> <div class="form-group"> <label for="message"> <i class="icofont-phone"style="font-size:36px;"></i> <br>Contact <br> <a href="tel:9009001052"style="color:grey;">+91-9009001052</a> </label> </div> </div> <div class="col-md-12 col-sm-12"> <div class="form-group"> <label for="message"> <i class="icofont-send-mail"style="font-size:36px;"></i> <br>Email <br> <a href="mailto:info@martstudios.in"style="color:grey;">info@martstudios.in</a> </label> </div> </div> <div class="col-md-12 col-sm-12"> <div class="form-group"> <label for="message"><i class="icofont-laptop-alt"style="font-size:36px;"></i><br>Business Hours <br> Monday — Friday 9am – 9pm<br> Saturday — 10am – 6pm<br> Sunday — Closed </label> </div> </div> </div> <!-- </div><div class="u-gutter-0 u-layout"> <div class="u-layout-col"> <div class="u-size-30"> <div class="u-layout-col"> <div class="u-align-left u-container-style u-layout-cell u-size-60 u-white u-layout-cell-1"> <div class="u-container-layout u-valign-middle u-container-layout-1"> <h2 class="u-custom-font u-font-oswald u-text u-text-1">Get in touch!</h2> <div class="u-border-5 u-border-palette-2-base u-line u-line-horizontal u-line-1"></div> <div class="u-align-left u-container-style u-grey-5 u-layout-cell u-size-30 u-layout-cell-2"> <div class="u-container-layout u-container-layout-2"> <h2> Registered Office</h2> <h5 class="u-text u-text-2">Address</h5> <p class="u-text u-text-grey-50 u-text-3">121 Rock Sreet, 21 Avenue, <br>New York, NY 92103-9000 </p> <h5 class="u-text u-text-4">Call Us</h5> <p class="u-text u-text-grey-50 u-text-5">1 (234) 567-891 <br>1 (234) 987-654 </p> </div> </div> </div> </div> </div> </div> <div class="u-size-30"> <div class="u-layout-row"> <div class="u-align-left u-container-style u-grey-5 u-layout-cell u-size-30 u-layout-cell-2"> <div class="u-container-layout u-container-layout-2"> <h5 class="u-text u-text-2">Address</h5> <p class="u-text u-text-grey-50 u-text-3">121 Rock Sreet, 21 Avenue, <br>New York, NY 92103-9000 </p> <h5 class="u-text u-text-4">Call Us</h5> <p class="u-text u-text-grey-50 u-text-5">1 (234) 567-891 <br>1 (234) 987-654 </p> </div> </div> <div class="u-align-left u-container-style u-layout-cell u-size-30 u-white u-layout-cell-3"> <div class="u-container-layout u-valign-top u-container-layout-3"> <div class="u-expanded u-grey-light-2 u-map"> <div class="embed-responsive"> <iframe class="embed-responsive-item" src="//maps.google.com/maps?output=embed&q=Manhattan%2C%20New%20York&z=10&t=m" data-map="JTdCJTIyYWRkcmVzcyUyMiUzQSUyMk1hbmhhdHRhbiUyQyUyME5ldyUyMFlvcmslMjIlMkMlMjJ6b29tJTIyJTNBMTAlMkMlMjJ0eXBlSWQlMjIlM0ElMjJyb2FkJTIyJTJDJTIybGFuZyUyMiUzQSUyMiUyMiU3RA=="></iframe> </div> </div> </div> </div> </div> </div> </div> </div> --> <!-- <div class="u-layout-row"> <div class="u-size-30"> <div class="u-layout-col"> <div class="u-align-left u-container-style u-layout-cell u-left-cell u-size-60 u-white u-layout-cell-1"> <div class="u-container-layout u-valign-middle u-container-layout-1"> <h2 class="u-custom-font u-font-oswald u-text u-text-1">Get in touch!</h2> <div class="u-border-5 u-border-palette-2-base u-line u-line-horizontal u-line-1"></div> <div class="u-size-30"> <div class="u-layout-col"> <div class="u-align-left u-container-style u-grey-5 u-layout-cell u-right-cell u-size-30 u-layout-cell-2"> <div class="u-container-layout u-container-layout-2"> <h5 class="u-text u-text-2">Address</h5> <p class="u-text u-text-grey-50 u-text-3">121 Rock Sreet, 21 Avenue, <br>New York, NY 92103-9000 </p> <h5 class="u-text u-text-4">Call Us</h5> <p class="u-text u-text-grey-50 u-text-5">1 (234) 567-891 <br>1 (234) 987-654 </p> </div> </div> </div> </div> --> </div> </div> </div> </div> </div> </div> </section> <!--== Contact End ==--> <!--== Footer Start ==--> <footer class="footer"> <div class="footer-copyright"> <div class="container"> <div class="row wow fadeInUp" data-wow-delay="0.1s"> <div class="col-md-8 centerize-col text-center"> <div class="footer-logo"> <a href="index.html"><img src="assets/images/logo-corporate-white.png" class="img-responsive centerize-col" alt="Footer Logo"/></a> </div> <div class="copy-right">© 2020 <span class="primary-color">M.Art Studios.</span> All rights reserved</div> <ul class="social-media corporate mt-30 float-none"> <li><a href="www.facebook.com/mufaddaldikamliwala" class="icofont icofont-facebook"></a></li> <li><a href="www.instagram.com/m.art_studios/" class="icofont icofont-instagram"></a></li> </ul> </div> </div> </div> </div> </footer> <!--== Footer End ==--> <!--== Go to Top ==--> <a href="javascript:" id="return-to-top"><i class="icofont icofont-arrow-up"></i></a> <!--== Go to Top End ==--> </div> <!--== Wrapper End ==--> <!--== Javascript Plugins ==--> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDJNGOwO2hJpJ9kz8e0UUPjZhEbgDJTTXE"></script> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/smoothscroll.js"></script> <script src="assets/js/plugins.js"></script> <script src="assets/js/master.js"></script> <!-- Paricle Add-On Files --> <link rel='stylesheet' href='revolution/css/revolution.addon.particles.css?ver=1.0.3'/> <script src='revolution/js/revolution.addon.particles.min.js?ver=1.0.3'></script> <script> var tpj=jQuery; var revapi4; tpj(document).ready(function() { if(tpj("#rev_slider_4_1").revolution == undefined){ revslider_showDoubleJqueryError("#rev_slider_4_1"); }else{ revapi4 = tpj("#rev_slider_4_1").show().revolution({ sliderType:"standard", jsFileLocation:"revolution/js/", sliderLayout:"fullscreen", dottedOverlay:"none", delay:9000, particles: {startSlide: "first", endSlide: "last", zIndex: "1", particles: { number: {value: 80}, color: {value: "#000000"}, shape: { type: "circle", stroke: {width: 0, color: "#ffffff", opacity: 1}, image: {src: ""} }, opacity: {value: 0.3, random: false, min: 0.25, anim: {enable: false, speed: 3, opacity_min: 0, sync: false}}, size: {value: 10, random: true, min: 1, anim: {enable: false, speed: 40, size_min: 1, sync: false}}, line_linked: {enable: true, distance: 200, color: "#000000", opacity: 0.2, width: 1}, move: {enable: true, speed: 3, direction: "none", random: true, min_speed: 3, straight: false, out_mode: "out"}}, interactivity: { events: {onhover: {enable: true, mode: "bubble"}, onclick: {enable: false, mode: "repulse"}}, modes: {grab: {distance: 400, line_linked: {opacity: 0.5}}, bubble: {distance: 400, size: 150, opacity: 1}, repulse: {distance: 200}} } }, navigation: { keyboardNavigation:"off", keyboard_direction: "horizontal", mouseScrollNavigation:"off", mouseScrollReverse:"default", onHoverStop:"off", arrows: { style:"gyges", enable:true, hide_onmobile:false, hide_onleave:false, tmp:'', left: { h_align:"center", v_align:"bottom", h_offset:-20, v_offset:0 }, right: { h_align:"center", v_align:"bottom", h_offset:20, v_offset:0 } } }, responsiveLevels:[1240,1024,778,480], visibilityLevels:[1240,1024,778,480], gridwidth:[1240,1024,778,480], gridheight:[868,768,960,720], lazyType:"none", shadow:0, spinner:"off", stopLoop:"on", stopAfterLoops:0, stopAtSlide:1, shuffle:"off", autoHeight:"off", fullScreenAutoWidth:"off", fullScreenAlignForce:"off", fullScreenOffsetContainer: "", fullScreenOffset: "60px", disableProgressBar:"on", hideThumbsOnMobile:"off", hideSliderAtLimit:0, hideCaptionAtLimit:0, hideAllCaptionAtLilmit:0, debugMode:false, fallbacks: { simplifyAll:"off", nextSlideOnWindowFocus:"off", disableFocusListener:false, } }); } RsParticlesAddOn(revapi4); }); /*ready*/ </script> <!-- Revolution js Files --> <script src="revolution/js/jquery.themepunch.tools.min.js"></script> <script src="revolution/js/jquery.themepunch.revolution.min.js"></script> <script src="revolution/js/revolution.extension.actions.min.js"></script> <script src="revolution/js/revolution.extension.carousel.min.js"></script> <script src="revolution/js/revolution.extension.kenburn.min.js"></script> <script src="revolution/js/revolution.extension.layeranimation.min.js"></script> <script src="revolution/js/revolution.extension.migration.min.js"></script> <script src="revolution/js/revolution.extension.navigation.min.js"></script> <script src="revolution/js/revolution.extension.parallax.min.js"></script> <script src="revolution/js/revolution.extension.slideanims.min.js"></script> <script src="revolution/js/revolution.extension.video.min.js"></script> <!--== Javascript Plugins End ==--> </body> </html>