au
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Headers already sent. You cannot change the session module's ini settings at this time</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 281</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home2/myfkra/public_html/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  session_set_cookie_params(): Cannot change session cookie parameters when headers already sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 293</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home2/myfkra/public_html/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Headers already sent. You cannot change the session module's ini settings at this time</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 303</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home2/myfkra/public_html/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Headers already sent. You cannot change the session module's ini settings at this time</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 313</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home2/myfkra/public_html/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Headers already sent. You cannot change the session module's ini settings at this time</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 314</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home2/myfkra/public_html/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Headers already sent. You cannot change the session module's ini settings at this time</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 315</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home2/myfkra/public_html/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  ini_set(): Headers already sent. You cannot change the session module's ini settings at this time</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 316</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home2/myfkra/public_html/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  session_set_save_handler(): Cannot change save handler when headers already sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 107</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home2/myfkra/public_html/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  session_start(): Cannot start session when headers already sent</p>
<p>Filename: Session/Session.php</p>
<p>Line Number: 140</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home2/myfkra/public_html/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta name="description" content="Welcoming you to be a part of our Women Empowerment Movement !">
    <meta name="keywords" content="myfkra, women">
        
            <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="Home">
    <meta itemprop="description" content="Welcoming you to be a part of our Women Empowerment Movement !">
    <meta itemprop="image" content="http://myfkra.com/myassets/images/logo01.gif">

    <!-- Twitter Card data -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@myfkra">
    <meta name="twitter:title" content="Home">
    <meta name="twitter:description" content="Welcoming you to be a part of our Women Empowerment Movement !">
    <meta name="twitter:creator" content="@myfkra">
    <meta name="twitter:image:src" content="http://myfkra.com/myassets/images/logo01.gif">

    <!-- Open Graph data -->
    <meta property="og:title" content="Home" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://myfkra.com/" />
    <meta property="og:image" content="http://myfkra.com/myassets/images/logo01.gif" />
    <meta property="og:description" content="Welcoming you to be a part of our Women Empowerment Movement !" />
    <meta property="og:site_name" content="MYFKRA" />
       
    
    <title>Home | Myfkra</title>
    <link href="http://myfkra.com/myassets/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://myfkra.com/myassets/css/font-awesome.min.css" rel="stylesheet">
    <link href="http://myfkra.com/myassets/css/animate.min.css" rel="stylesheet">
    <link href="http://myfkra.com/myassets/css/lightbox.css" rel="stylesheet">
    <link href="http://myfkra.com/myassets/css/main.css" rel="stylesheet">
    <link href="http://myfkra.com/myassets/css/responsive.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144"
          href="http://myfkra.com/myassets/images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114"
          href="http://myfkra.com/myassets/images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72"
          href="http://myfkra.com/myassets/images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed"
          href="http://myfkra.com/myassets/images/ico/apple-touch-icon-57-precomposed.png">

    <script type="text/javascript" src="http://myfkra.com/myassets/js/jssor.slider.min.js"></script>

    <link href='http://myfkra.com/myassets/css/fullcalendar.css' rel='stylesheet'/>
    <link href='http://myfkra.com/myassets/css/fullcalendar.print.css' rel='stylesheet' media='print'/>


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
</head>

<script>

    $(window).load(function () {

        $(".se-pre-con").delay(600).fadeOut("slow");
        ;
    });
</script>
<body>
<section data-offset="5" class="">
    <!--
      <div data-offset="75" class="layer-3"></div>
      <div data-offset="150" class="layer-4"> </div>
      <div data-offset="200" class="layer-5"></div> -->
        <style>
        .se-pre-con {
            position: fixed;
            z-index: 9999999;
            background-color: #fff;
        }

        audio {
            position: fixed;
            opacity: 1;
            z-index: 9;
        }
    </style>

<!--    <div class="se-pre-con" style="overflow: hidden;height: 100%;width: 100%;">-->
<!--        --><!--    </div>-->
    
<div class="anim" style="position:absolute; z-index:9999;">
<style>
.my-animation-container {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

#trigger {
  position: relative;
  top: 5px;
  height: 100%;
}

.vertical-stripe {
  position: fixed;
    top: 100%;
    width: 200%;
    height: 200%;
    z-index: 500;
    transform-origin: 50% 10%;
    background-position: center;
    background-size: cover;
    background-color: #BF8954;
	opacity:.5;
	
	
}

</style>
<div class="my-animation-container">
 
    <div id="trigger">
        <div id="stripe" class="vertical-stripe hidden hidden-xs hidden-sm" style="background-image: url(http://myfkra.com/myassets/color.jpg);}">

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




<script>
$(function () {
var controller = new ScrollMagic.Controller(10);
var leftt =  $("#stripe").css( "left" );

var splitAnimation = new TimelineMax({paused: false});
    splitAnimation.fromTo("#stripe", 10, {rotation: "0", transformOrigin: "50% 0", ease:Bounce.easeOut}, {rotation: "270", transformOrigin: "50% 0" }, "rotate");
var scene1 = new ScrollMagic.Scene({triggerElement: ".one",duration: innerWidth/2,  offset: 0})
	 .addTo(controller)
     .setTween(splitAnimation);
	 
	 
var splitAnimationTwo = new TimelineMax({paused: false});
    splitAnimationTwo.fromTo("#stripe", 10, {rotation: "0", transformOrigin: "50% 0", ease:Bounce.easeOut}, {rotation: "270", transformOrigin: "50% 0" }, "rotate");
var scene2 = new ScrollMagic.Scene({triggerElement: ".two",duration: innerWidth/2,  offset: 0})
	 .addTo(controller)
     .setTween(splitAnimationTwo);
	 
	 
	 
var splitAnimationThree = new TimelineMax({paused: false});
    splitAnimationThree.fromTo("#stripe", 10, {rotation: "0", transformOrigin: "50% 0", ease:Bounce.easeOut}, {rotation: "270", transformOrigin: "50% 0" }, "rotate");
var scene3 = new ScrollMagic.Scene({triggerElement: ".three",duration: innerWidth/2,  offset: 0})
	 .addTo(controller)
     .setTween(splitAnimationThree);
	 
	 
	 
var splitAnimationFour = new TimelineMax({paused: false});
    splitAnimationFour.fromTo("#stripe", 10, {rotation: "0", transformOrigin: "50% 0", ease:Bounce.easeOut}, {rotation: "270", transformOrigin: "50% 0" }, "rotate");
var scene4 = new ScrollMagic.Scene({triggerElement: ".four",duration: innerWidth/2,  offset: 0})
	 .addTo(controller)
     .setTween(splitAnimationFour);
	 
})
</script>
<style>
#plane {
    position:absolute;
    left: -100px;
}
</style>

<!--<div id="target">
	<img id="plane" src="http://myfkra.com/myassets/images/example_bezier.png">
</div>-->
<script>
	$(function () { // wait for document ready
		var flightpath = {
			entry : {
				curviness: 1.25,
				autoRotate: true,
				values: [
						{x: 100,	y: -20},
						{x: 300,	y: 10}
					]
			},
			looping : {
				curviness: 1.25,
				autoRotate: true,
				values: [
						{x: 510,	y: 60},
						{x: 620,	y: -60},
						{x: 500,	y: -100},
						{x: 380,	y: 20},
						{x: 500,	y: 60},
						{x: 580,	y: 20},
						{x: 620,	y: 15}
					]
			},
			leave : {
				curviness: 1.25,
				autoRotate: true,
				values: [
						{x: 660,	y: 20},
						{x: 800,	y: 130},
						{x: $(window).width() + 300,	y: -100},
					]
			}
		};
		// init controller
		var controller = new ScrollMagic.Controller();

		// create tween
		var tween = new TimelineMax()
			.add(TweenMax.to($("#plane"), 1.2, {css:{bezier:flightpath.entry}, ease:Power1.easeInOut}))
			.add(TweenMax.to($("#plane"), 2, {css:{bezier:flightpath.looping}, ease:Power1.easeInOut}))
			.add(TweenMax.to($("#plane"), 1, {css:{bezier:flightpath.leave}, ease:Power1.easeInOut}));

		// build scene
		var scene = new ScrollMagic.Scene({triggerElement: "#trigger", duration: 2000, offset: 100})
						.setPin("#target")
						.setTween(tween)
						//.addIndicators() // add indicators (requires plugin)
						.addTo(controller);
	})
</script>

    <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TimelineMax.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.js'></script>
<!--<script src='https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.js'></script>-->
</div>    <audio autoplay controls>

        <source src="http://myfkra.com/myassets/song2.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>
</section>


<header id="header" class="wow bounceInDown" data-wow-duration="900ms" data-wow-delay="1200ms">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 overflow" style="z-index:9;">
                <div class="social-icons pull-right">
                    <ul class="nav nav-pills">
                        <li><a target="_blank" href="https://www.facebook.com/MY-Fkra-1454003488161070"><i
                                        class="fa fa-facebook"></i></a></li>
                        <li><a target="_blank" href="https://twitter.com/hashtag/myfkra"><i
                                        class="fa fa-twitter"></i></a></li>
                        <li><a target="_blank" href="https://goo.gl/xMEqEx"><i class="fa fa-linkedin"></i></a></li>
                        <li><a target="_blank" href="https://www.instagram.com/myfkra/"><i class="fa fa-instagram"></i></a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="navbar navbar-inverse" role="banner">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="navbar-brand" data-wow-duration="900ms" data-wow-delay="300ms"
                   href="http://myfkra.com/Home">
                    <h1 class="" data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="5s"><img
                                class="img-responsive" width="100%"
                                src="http://myfkra.com/myassets/images/logo01.gif" alt="logo"></h1>
                </a>

            </div>

            <div class="collapse navbar-collapse ">
                <ul class=" nav navbar-nav navbar-right ">

                    <li  class="active"><a href="http://myfkra.com/">Home</a></li>
                    <li ><a href="http://myfkra.com/About">About</a></li>
                    <li ><a href="http://myfkra.com/SecretsOfSuccess">Secrets of Success Stories</a></li>
                    <li><a href="http://myfkra.com/Visionary">Visionary Artists </a></li>
                    <li><a href="http://myfkra.com/Blog">Blog</a></li>

                    <li >
                        <a href="http://myfkra.com/Creative" class="dropdown-toggle" data-toggle="dropdown"
                           role="button" aria-expanded="false">Inspiring Creations<span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="http://myfkra.com/Creative">Creativity Shelves</a></li>
                            <li><a href="http://myfkra.com/Strike">Strike a deal</a></li>
                        </ul>
                    </li>
                    <li ><a href="http://myfkra.com/Gallery">Here & There</a></li>
                    <!-- <li ><a href="http://myfkra.com/Contact">Contact Us</a></li>  -->
                </ul>
            </div>

            <div class="search">
                <form role="form">
                    <i class="fa fa-search"></i>
                    <div class="field-toggle">
                        <input type="text" class="search-form" autocomplete="off" placeholder="Search">
                    </div>
                </form>
            </div>
        </div>
    </div>
</header>
<!--/#header-->
<link href='http://myfkra.com/json/fullcalendar.css' rel='stylesheet' />
<link href='http://myfkra.com/json/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='http://myfkra.com/json/lib/moment.min.js'></script>
<script src='http://myfkra.com/json/lib/jquery.min.js'></script>
<script src='http://myfkra.com/json/fullcalendar.min.js'></script>


 

<style>
        
       
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('http://myfkra.com/myassets/img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('http://myfkra.com/myassets/img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
    </style>
<style>

	
		
	#loading {
		display: none;
		position: absolute;
		top: 10px;
		right: 10px;
	}

	#calendar {
		max-width: 900px;
		margin: 0 auto;
	}

</style>
</header>
<!--/#header-->

<section id="home-slider">
 <style>

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


svg {
  display: block;
  overflow: visible;
}

.slider-container {
  position: relative;
  height: 495px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: all-scroll;
}

.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 6%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}
.slider-control.inactive:hover {
  cursor: auto;
}
.slider-control:not(.inactive):hover {
  opacity: 1;
  cursor: pointer;
}
.slider-control.left {
  left: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {
  right: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

.slider-pagi {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  list-style-type: none;
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
  margin: 0 0.5rem;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
}
.slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.slider {
  z-index: 1;
  position: relative;
  height: 100%;
}
.slider.animating {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide.active .slide__overlay,
.slide.active .slide__text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.slide__bg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: contain;
  will-change: transform;
}



.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  min-height: 810px;
  -webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  will-change: transform, opacity;
  -webkit-transform: translate3d(-20%, 0, 0);
          transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__overlay {
    display: none;
  }
}
.slide__overlay path {
  opacity: 0.8;
}
.slide__text {
  position: absolute;
  width: 30%;
    bottom: 15%;
    left: 5%;
  color: #fff;
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__text {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20rem;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    padding: 0 1rem;
  }
}
.slide__text-heading {
  font-size: 6rem;
    margin-bottom: 2rem;
    font-weight: bolder;
	color: #F9B9AF;
	
}
@media (max-width: 991px) {
  .slide__text-heading {
    line-height: 20rem;
    font-size: 3.5rem;
  }
}
.slide__text-desc {
  font-size: 2.8rem;
  margin-bottom: 1.5rem;
  background: transparent;
  padding:0;
}
@media (max-width: 991px) {
  .slide__text-desc {
    display: none;
  }
}
.slide__text-link {
  z-index: 5;
  display: inline-block;
  position: relative;
  padding: 0.5rem;
  cursor: pointer;
  font-size: 2.3rem;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
@media (max-width: 991px) {
  .slide__text-link {
    display: none;
  }
}
.slide__text-link:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: rotateX(-85deg);
          transform: rotateX(-85deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}
.slide__text-link:hover:before {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

</style>
<script>
$(document).ready(function() {
  
  var $slider = $(".slider"),
      $slideBGs = $(".slide__bg"),
      diff = 0,
      curSlide = 0,
      numOfSlides = 7,
      animating = false,
      animTime = 500,
      autoSlideTimeout,
      autoSlideDelay = 6000,
      $pagination = $(".slider-pagi");
  
  function createBullets() {
    for (var i = 0; i < numOfSlides+1; i++) {
      var $li = $("<li class='slider-pagi__elem'></li>");
      $li.addClass("slider-pagi__elem-"+i).data("page", i);
      if (!i) $li.addClass("active");
      $pagination.append($li);
    }
  };
  
  createBullets();
  
  function manageControls() {
    $(".slider-control").removeClass("inactive");
    if (!curSlide) $(".slider-control.left").addClass("inactive");
    if (curSlide === numOfSlides) $(".slider-control.right").addClass("inactive");
  };
  
  function autoSlide() {
    autoSlideTimeout = setTimeout(function() {
      curSlide++;
      if (curSlide > numOfSlides) curSlide = 0;
      changeSlides();
    }, autoSlideDelay);
  };
  
  autoSlide();
  
  function changeSlides(instant) {
    if (!instant) {
      animating = true;
      manageControls();
      $slider.addClass("animating");
      $slider.css("top");
      $(".slide").removeClass("active");
      $(".slide-"+curSlide).addClass("active");
      setTimeout(function() {
        $slider.removeClass("animating");
        animating = false;
      }, animTime);
    }
    window.clearTimeout(autoSlideTimeout);
    $(".slider-pagi__elem").removeClass("active");
    $(".slider-pagi__elem-"+curSlide).addClass("active");
    $slider.css("transform", "translate3d("+ -curSlide*100 +"%,0,0)");
    $slideBGs.css("transform", "translate3d("+ curSlide*50 +"%,0,0)");
    diff = 0;
    autoSlide();
  }

  function navigateLeft() {
    if (animating) return;
    if (curSlide > 0) curSlide--;
    changeSlides();
  }

  function navigateRight() {
    if (animating) return;
    if (curSlide < numOfSlides) curSlide++;
    changeSlides();
  }

  $(document).on("mousedown touchstart", ".slider", function(e) {
    if (animating) return;
    window.clearTimeout(autoSlideTimeout);
    var startX = e.pageX || e.originalEvent.touches[0].pageX,
        winW = $(window).width();
    diff = 0;
    
    $(document).on("mousemove touchmove", function(e) {
      var x = e.pageX || e.originalEvent.touches[0].pageX;
      diff = (startX - x) / winW * 70;
      if ((!curSlide && diff < 0) || (curSlide === numOfSlides && diff > 0)) diff /= 2;
      $slider.css("transform", "translate3d("+ (-curSlide*100 - diff) +"%,0,0)");
      $slideBGs.css("transform", "translate3d("+ (curSlide*50 + diff/2) +"%,0,0)");
    });
  });
  
  $(document).on("mouseup touchend", function(e) {
    $(document).off("mousemove touchmove");
    if (animating) return;
    if (!diff) {
      changeSlides(true);
      return;
    }
    if (diff > -8 && diff < 8) {
      changeSlides();
      return;
    }
    if (diff <= -8) {
      navigateLeft();
    }
    if (diff >= 8) {
      navigateRight();
    }
  });
  
  $(document).on("click", ".slider-control", function() {
    if ($(this).hasClass("left")) {
      navigateLeft();
    } else {
      navigateRight();
    }
  });
  
  $(document).on("click", ".slider-pagi__elem", function() {
    curSlide = $(this).data("page");
    changeSlides();
  });
  
});
</script>
 <div class="slider-container">
  <div class="slider-control left inactive"></div>
  <div class="slider-control right"></div>
  <ul class="slider-pagi"></ul>
  <div class="slider">
    <div class="slide slide-0 active ">
      <div class="slide__bg"></div>
      <div class="slide__content">
        <svg class="slide__overlay" viewBox="0 0 720 405" preserveAspectRatio="xMaxYMax slice">
          <path class="slide__overlay-path" d="M0,0 150,0 500,405 0,405" />
        </svg>
        <div class="slide__text">
          <h2 class="slide__text-heading">Creative Market</h2>
          <span class="slide__text-desc">The Talent Hub - Explore your inner talents<br/><br/></span>
          <a class="slide__text-link" href="https://risedubaicreekharbour.com/thismonth/">LEARN MORE</a>
                  </div>
      </div>
    </div>
    <div class="slide slide-1  ">
      <div class="slide__bg"></div>
      <div class="slide__content">
        <svg class="slide__overlay" viewBox="0 0 720 405" preserveAspectRatio="xMaxYMax slice">
          <path class="slide__overlay-path" d="M0,0 150,0 500,405 0,405" />
        </svg>
        <div class="slide__text">
          <h2 class="slide__text-heading">Creativity Podium</h2>
          <span class="slide__text-desc">Don't miss out on exceptional live performances<br/><br/></span>
          <a class="slide__text-link" href="https://risedubaicreekharbour.com/thismonth/">LEARN MORE</a>
                  </div>
      </div>
    </div>
    <div class="slide slide-2  ">
      <div class="slide__bg"></div>
      <div class="slide__content">
        <svg class="slide__overlay" viewBox="0 0 720 405" preserveAspectRatio="xMaxYMax slice">
          <path class="slide__overlay-path" d="M0,0 150,0 500,405 0,405" />
        </svg>
        <div class="slide__text">
          <h2 class="slide__text-heading">Here & There</h2>
          <span class="slide__text-desc">Embracing every experience, while making a mark for all the right reasons!</span>
          <a class="slide__text-link" href="">LEARN MORE</a>
                  </div>
      </div>
    </div>
    <div class="slide slide-3  ">
      <div class="slide__bg"></div>
      <div class="slide__content">
        <svg class="slide__overlay" viewBox="0 0 720 405" preserveAspectRatio="xMaxYMax slice">
          <path class="slide__overlay-path" d="M0,0 150,0 500,405 0,405" />
        </svg>
        <div class="slide__text">
          <h2 class="slide__text-heading">Blog</h2>
          <span class="slide__text-desc">If you change nothing, NOTHING WILL CHANGE…. Invest in yourself today!</span>
          <a class="slide__text-link" href="">LEARN MORE</a>
                  </div>
      </div>
    </div>
    <div class="slide slide-4  ">
      <div class="slide__bg"></div>
      <div class="slide__content">
        <svg class="slide__overlay" viewBox="0 0 720 405" preserveAspectRatio="xMaxYMax slice">
          <path class="slide__overlay-path" d="M0,0 150,0 500,405 0,405" />
        </svg>
        <div class="slide__text">
          <h2 class="slide__text-heading">Inspiring Creations</h2>
          <span class="slide__text-desc">One of the largest untapped reservoirs of talent in the world!</span>
          <a class="slide__text-link" href="">LEARN MORE</a>
                  </div>
      </div>
    </div>
    <div class="slide slide-5  ">
      <div class="slide__bg"></div>
      <div class="slide__content">
        <svg class="slide__overlay" viewBox="0 0 720 405" preserveAspectRatio="xMaxYMax slice">
          <path class="slide__overlay-path" d="M0,0 150,0 500,405 0,405" />
        </svg>
        <div class="slide__text">
          <h2 class="slide__text-heading">Contact Us</h2>
          <span class="slide__text-desc">Where accomplishments are acknowledged and connections are made!</span>
          <a class="slide__text-link" href="">LEARN MORE</a>
                  </div>
      </div>
    </div>
    <div class="slide slide-6  ">
      <div class="slide__bg"></div>
      <div class="slide__content">
        <svg class="slide__overlay" viewBox="0 0 720 405" preserveAspectRatio="xMaxYMax slice">
          <path class="slide__overlay-path" d="M0,0 150,0 500,405 0,405" />
        </svg>
        <div class="slide__text">
          <h2 class="slide__text-heading">Visionary Artists</h2>
          <span class="slide__text-desc">Women with the power to create, nurture and transform!</span>
          <a class="slide__text-link" href="">LEARN MORE</a>
                  </div>
      </div>
    </div>
  </div>
</div>


 

<style>
.slide:nth-child(1) {
  left: 0;
}
.slide:nth-child(1) .slide__bg {
  left: 0;
  background-image: url("http://myfkra.com/uploads/banner/4e01922ff2c731634890f728d4866ed2.png");
}
.slide:nth-child(1) .slide__overlay-path {
  fill: #C0C0C0;
}
@media (max-width: 991px) {
  .slide:nth-child(1) .slide__text {
    background-color: #C0C0C0;
  }
}


  
 

/*slide2*/
.slide:nth-child(2) {
  left: 100%;
}
.slide:nth-child(2) .slide__bg {
  left: -50%;
  background-image: url("http://myfkra.com/uploads/banner/2e0fd593ca5ecd66c73668f986dd905d.png");
}
.slide:nth-child(2) .slide__overlay-path {
  fill: #C0C0C0;
}
@media (max-width: 991px) {
  .slide:nth-child(2) .slide__text {
    background-color: #C0C0C0;
  }
}
 
/*slide3*/
.slide:nth-child(3) {
  left: 200%;
}
.slide:nth-child(3) .slide__bg {
  left: -100%;
  background-image: url("http://myfkra.com/uploads/banner/93043d108dc7511bca3c1892ff2cd8d5.jpg");
}
.slide:nth-child(3) .slide__overlay-path {
  fill: #C0C0C0;
}
@media (max-width: 991px) {
  .slide:nth-child(3) .slide__text {
    background-color: #C0C0C0;
  }
}
 
/*slide4*/
.slide:nth-child(4) {
  left: 300%;
}
.slide:nth-child(4) .slide__bg {
  left: -150%;
 background-image: url("http://myfkra.com/uploads/banner/369da2d31051c8d3603675352f117751.jpg");
}
.slide:nth-child(4) .slide__overlay-path {
  fill: #C0C0C0;
}

@media (max-width: 991px) {
  .slide:nth-child(4) .slide__text {
    background-color: rgba(203, 198, 195, 0.8);
  }
}

 

/*slide5*/
.slide:nth-child(5) {
  left: 400%;
}
.slide:nth-child(5) .slide__bg {
  left: -200%;
   background-image: url("http://myfkra.com/uploads/banner/0a9e1f0773d05a69c98a06a802069b68.jpg");
}
.slide:nth-child(5) .slide__overlay-path {
  fill: #C0C0C0;
}

@media (max-width: 991px) {
  .slide:nth-child(5) .slide__text {
    background-color: rgba(203, 198, 195, 0.8);
  }
}

 
/*slide6*/
.slide:nth-child(6) {
  left: 500%;
}
.slide:nth-child(6) .slide__bg {
  left: -250%;
  background-image: url("http://myfkra.com/uploads/banner/bcd1f3731ff734f3869c2b26f11a1894.jpg");
}
.slide:nth-child(6) .slide__overlay-path {
  fill: #C0C0C0;
}

@media (max-width: 991px) {
  .slide:nth-child(6) .slide__text {
    background-color: rgba(203, 198, 195, 0.8);
  }
}

 

/*slide7*/
.slide:nth-child(7) {
  left: 600%;
}
.slide:nth-child(7) .slide__bg {
  left: -300%;
  background-image: url("http://myfkra.com/uploads/banner/c9a8dda827ec1347f280b2e32f30860a.jpg");
}
.slide:nth-child(7) .slide__overlay-path {
  fill: #C0C0C0;
}

@media (max-width: 991px) {
  .slide:nth-child(7) .slide__text {
    background-color: rgba(203, 198, 195, 0.8);
  }
}


</style>  

<audio autoplay>
  
  <source src="http://myfkra.com/myassets/song.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>  
</section>

<!--divider-->
<section>
<div class="or-spacer center-block">
  <div class="mask"></div>
  <span><i class="fa fa-long-arrow-down" aria-hidden="true"></i></span>
</div>
</section>
<!--divider-->


<section id="services">
  <div class="container">
    <div class="row">
      <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="800ms">
        <div class="single-service">
          <div class="wow bounceInLeft" data-wow-duration="1000ms" data-wow-delay="1000ms"> <img src="http://myfkra.com/myassets/images/home/icon1.png" alt=""> </div>
          <h2>Creativity</h2>
          <p>Bringing creative ideas into reality.</p>
        </div>
      </div>
      <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="1000ms">
        <div class="single-service">
          <div class="wow bounceInDown animated" data-wow-duration="1000ms" data-wow-delay="1500ms"> <img src="http://myfkra.com/myassets/images/home/icon2.png" alt=""> </div>
          <h2>Women</h2>
          <p>Spread Your Wings</p>
        </div>
      </div>
      <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="1300ms">
        <div class="single-service">
          <div class="wow bounceInRight" data-wow-duration="1000ms" data-wow-delay="1000ms"> <img src="http://myfkra.com/myassets/images/home/icon3.png" alt=""> </div>
          <h2>Arab World </h2>
          <p>Catering to the women of the Arab World</p>
        </div>
      </div>
    </div>
  </div>
</section>
<!--/#services-->

<!--divider-->
<section>
<div class="or-spacer center-block one">
  <div class="mask"></div>
  <span><i class="fa fa-long-arrow-down" aria-hidden="true"></i></span>
</div>
</section>
<!--divider-->



<section >
  <div class="container">
    <div class="row sponser">
      <div class="slide">
        <img class="img-responsive" src="http://myfkra.com/myassets/images/home/sponser.jpg" alt="">
      </div>
      <!--<div class="slide">
        
      </div>
      <div class="slide">
        
      </div>-->
    </div>
  </div>
</section>

<!--divider-->
<section>
<div class="or-spacer center-block ">
  <div class="mask"></div>
  <span><i class="fa fa-long-arrow-down" aria-hidden="true"></i></span>
</div>
</section>
<!--divider-->


<section>
  <div class="container">
    <div class="row">
    <style>
	.quick-content {
  list-style-type: none;
}

.quick-content h3 {
  font: bold 20px/1.5 ;
  margin-top:0;
}

.quick-content li img {
  float: left;
  margin: 0 15px 0 0;
}


.quick-content li {
  padding: 10px;
  overflow: auto;
}

.quick-content li:hover {
  background: #eee;
  cursor: pointer;
}
.home-content h3{
	font-size:24px;
}
	</style>
      <div class="col-md-6">
        <ul class="quick-content home-content">
         <li>
      <img class="wow pulse animated" data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s"  src="http://myfkra.com/myassets/icons/about.png" >
     
      <h3>About</h3>
      <p>A description of what “MyFkra” is all about, who is behind it, and who are the dynamos that contribute to it.</p>
    </li>
      
    <li>
      <img class="wow pulse animated" data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s"  src="http://myfkra.com/myassets/icons/creativity.png" >
     
      
      
      <h3>Secrets of Success Stories</h3>
      <p>In this section, an interview with a creative woman will be conducted on a regular basis. She will tell us about her talents, mission & vision. Moreover, there will also be a regular interview with an ‘achiever’ woman that influenced the society and left her footprint in a special/ creative way. The featured women would act as a role models whereby, other women strive to reach their level of achievement.</p>
    </li>

    <li>
      <img class="wow pulse animated" data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s"  src="http://myfkra.com/myassets/icons/artist.png" >
       
      <h3>Visionary Artists</h3>
      <p>Here, MyFkra will feature an artist each month which will display her art, a description of her current & upcoming work, and a reportage about the creative work. Topics covered: art, design, music, and photography.</p>
    </li>

   
        </ul>
      </div>
      <div class="col-md-6">
        <ul class="quick-content home-content">
         
    <li>
      <img class="wow pulse animated" data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s"  src="http://myfkra.com/myassets/icons/blog.png" >
       
      <h3>MyFkra Blog</h3>
      <p>In the Blog, MyFkra dynamos will be sharing their thoughts, and current work. You will find: 1) Doctors who will provide weekly tips, 2) Fashion Consultants that will give a weekly tip related to fashion and shopping, 3) Writers and Journalists who will talk about issues concerning motherhood and how to deal with children, and 4) Various weekly news articles about women related matters such as events, products, etc.</p>
    </li>
    <li>
      <img class="wow pulse animated" data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s"  src="http://myfkra.com/myassets/icons/vishnaryart.png" >
       
      <h3>Inspiring Creations</h3>
      <p>A platform to display the unique artistic creations of Arab ladies every month. Moreover, one will soon be able to strike a deal by purchasing the lovely creations. </p>
    </li>
    <li>
      <img class="wow pulse animated" data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s"  src="http://myfkra.com/myassets/icons/here.png" >
       
      <h3>Here and There</h3>
      <p>See the latest women-related activities and events happening in the region. View photos and reportages of events that support women.</p>
    </li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!--divider-->
<section>
<div class="or-spacer center-block two">
  <div class="mask"></div>
  <span><i class="fa fa-long-arrow-down" aria-hidden="true"></i></span>
</div>
</section>
<!--divider-->



<!--/#features-->

<section id="clients">
  <div class="container">
    <div class="row" style="background-image:url(http://myfkra.com/myassets/images/home/calenderside.png); background-size:contain; background-repeat:no-repeat; background-position:center">
      <div class="col-sm-12">
        <div class="clients text-center wow bounceInRight" data-wow-duration="800ms" data-wow-delay="1200ms">
          <h1 class="title">What's On?</h1>
          <p>If you want more details about any of the above, drop us a message</p>
          <div id="calendar" class="fc-calendar-container"></div>
        </div>
      </div>
    </div>
  </div>
  </div>
</section>
<script>

  $(document).ready(function() {
  
    $('#calendar').fullCalendar({
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
      },
      //defaultDate: '2016-05-12',
      editable: true,
      eventLimit: true, // allow "more" link when too many events
      events: {
        url: '/home/calFeed/',
        error: function() {
          $('#script-warning').show();
          //alert ("erroe");
        }
      },
      loading: function(bool) {
        $('#loading').toggle(bool);
        //alert ("loading");
      }
    });
    
  });

</script>


<!--divider-->
<section>
<div class="or-spacer center-block ">
  <div class="mask"></div>
  <span><i class="fa fa-long-arrow-down" aria-hidden="true"></i></span>
</div>
</section>
<!--divider-->

<section class="container">
  <div class="row">
    <div class="col-md-4">
    <h2>Facebook</h2>
    <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId=164105590372229";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/MY-Fkra-1454003488161070" data-tabs="timeline" data-width="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/MY-Fkra-1454003488161070" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/MY-Fkra-1454003488161070">MY Fkra</a></blockquote></div>
    </div>
     <div class="col-md-4">
     <h2>Instagram</h2>

     <!-- LightWidget WIDGET --><script src="//lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/b9cbcbab3dcf5a74bab3ec57cd2001f8.html" id="lightwidget_b9cbcbab3d" name="lightwidget_b9cbcbab3d"  scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;"></iframe>
    </div>
    <div class="col-md-4">
    <h2>Youtube</h2>
    
    <script type="text/javascript" src="http://myfkra.com/assets/js/ytce-frgallery.js"></script><div style="width:100%;max-width:275px;" class="ytce" data-user="myfkra" data-rows="3" data-ratio="hd" data-width="130" data-margin="15" data-desc="100" data-desc_color="9E9E9E" data-title="30" data-title_color="000000" data-https="0" data-duration="1" data-views="1" data-likes="1" data-dislikes="1" data-fav="1" data-cols="2" ></div>
    </div>
  </div>
</section>


    <footer id="footer">
        <div class="container">
            <div class="row">
                <!--<div class="col-sm-12 text-center bottom-separator">
                    <img src="images/home/under.png" class="img-responsive inline" alt="">
                </div>-->
                <div class="col-md-4 col-sm-6"><h2 style="margin-top: 0; margin-bottom: 26px;">Testimonials</h2>
                    <div class="testimonial bottom">
                                                <div class="media slide">
                            <div class="center-block">
                                <a href="#"><img src="http://myfkra.com/uploads/testimonial/88a0b1b60385859439a9a967e5e65927.jpg " alt="" class="center-block"></a>
                            </div>
                            <div class="media-body">
                                <blockquote style="text-align:right">"أتاح لي فريق "فكرتي"من خلال معرضهم المميز، فرصة الحصول على أول ظهور إعلامي لمشروعي" حجابي". والذي ساعدني على تحقيق نجاح أكبر بعد عرض تصاميم أزيائي فيه، وإيصال أسلوبي المميز وقطعي الفريدة إلى الناس" </blockquote>
                                <h3 style="text-align:right"><p>مروة زكي – مصر</p></h3>
                            </div>
                         </div>                         <div class="media slide">
                            <div class="center-block">
                                <a href="#"><img src="http://myfkra.com/uploads/testimonial/01173d17b5c86f8619437f40eb8eaf96.jpg " alt="" class="center-block"></a>
                            </div>
                            <div class="media-body">
                                <blockquote style="text-align:right">"لا يمكن أن أفوّت فرصة الاشتراك بأي حدث ينظمّه فريق "فكرتي"، فجميع مناسباتهم تتميّز بجودة التنظيم والحضور الواسع. ولقد ساعدوني على توسيع دائرة زبائني من خلال المقابلة التيلفزيونية التي نظّموها لي، وعرض تصاميم مشروعي "حَرْف"مثل لوحات أبيات الشعر أو الأسماء التي تظهر جمالية الخط العربي بطريقة حديثة، وغيرها من القطع المنزلية المعدّة حسب الطلب في معارضهم." </blockquote>
                                <h3 style="text-align:right"><p>لين دويدري – سوريا</p></h3>
                            </div>
                         </div>                         <div class="media slide">
                            <div class="center-block">
                                <a href="#"><img src="http://myfkra.com/uploads/testimonial/cccdfcff94f7a9089842cc8b9ad4bd7b.jpg " alt="" class="center-block"></a>
                            </div>
                            <div class="media-body">
                                <blockquote style="text-align:right">"كامرأة عربية أشكر فريق "فكرتي" لأنّهم أتاحوا لمشروعي " إكسسوارات نانو" المصنوعة يدوياً والمبتكرة فرصة الوصول إلي العالم العربي، من خلال معارضهم وصفحاتهم والإعلام. بالإضافة إلى تشجيعهم ودعمهم المستمر." </blockquote>
                                <h3 style="text-align:right"><p>نهاد فرنجية – لبنان</p></h3>
                            </div>
                         </div>                         <div class="media slide">
                            <div class="center-block">
                                <a href="#"><img src="http://myfkra.com/uploads/testimonial/e9e6da4904c9a06c323e565b8e7ff261.jpg " alt="" class="center-block"></a>
                            </div>
                            <div class="media-body">
                                <blockquote style="text-align:right">"بحبي لصنع المنحوتات الفنية التي تؤكل بدأت، وبدعم من فريق "فكرتي" انطلقت. أشكر "فكرتي" فبتشجيعهم استوحيت الفن وصنعته حلوى." </blockquote>
                                <h3 style="text-align:right"><p>دارين سباعي – سوريا</p></h3>
                            </div>
                         </div>                         <div class="media slide">
                            <div class="center-block">
                                <a href="#"><img src="http://myfkra.com/uploads/testimonial/26351143f877a7672f128760850d4f77.jpg " alt="" class="center-block"></a>
                            </div>
                            <div class="media-body">
                                <blockquote style="text-align:right">"منذ ١٤ عام وأنا أصمم وأنفذ المجوهرات والحلي مستخدمةً الفضة والشرائط الحريرية والجلدية والأحجار والأخشاب والزجاج. ولقد تشرّفت مؤخراً بمساعدة وتشجيع فريق "فكرتي" الذين يبذلون مجهود رائع لتشجيع السيدات الموهوبات والفنانات في الصناعات اليدوية" </blockquote>
                                <h3 style="text-align:right"><p>لميا حجازي – مصر</p></h3>
                            </div>
                         </div>                      
                    </div> 
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="contact-info bottom">
                        <h2>Email Us</h2>
                        <address>
                     <p>  To speak with us directly <br/><a class="title" href="mailto:she@myfkra.com">she@myfkra.com</a> </p><br> 
                     <p>To publicize your writing <br/><a class="title" href="mailto:success@myfkra.com">blog@myfkra.com</a></p> <br> 
                    <p>To display your art & creativity <br/><a class="title" href="mailto:blog@myfkra.com">creations@myfkra.com</a></p> <br> 
                      <p>To refer a successful role model <br/><a class="title" href="mailto:creations@myfkra.com">success@myfkra.com</a></p> <br> 
               
                        </address>

                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="contact-form bottom">
                        <h2>Send a message</h2>

                           <form action="http://myfkra.com/" class="form-horizontal" role="form" enctype="multipart/form-data" method="post" accept-charset="utf-8">
                     <!--   <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> -->
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" required placeholder="Name">
                            </div>
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" required placeholder="Email Id">
                            </div>
                            <div class="form-group">
                                <textarea name="message" id="message" required class="form-control" rows="8" placeholder="Your text here"></textarea>
                            </div>                        
                            <div class="form-group">
                                <input type="submit" name="submit" class="btn btn-submit" value="Submit">
                            </div>
                      <!--  </form> -->
                       </form>  
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="copyright-text text-center">
                        <p>&copy; Myfkra 2016. All Rights Reserved.</p>
<!--                        <p>Crafted by <a target="_blank" href="http://www.aloremedia.com">Alore Media</a></p>-->
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!--/#footer-->

    <script type="text/javascript" src="http://myfkra.com/myassets/js/jquery.js"></script>
    <script type="text/javascript" src="http://myfkra.com/myassets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://myfkra.com/myassets/js/lightbox.min.js"></script>
    <script type="text/javascript" src="http://myfkra.com/myassets/js/wow.min.js"></script>
    <script type="text/javascript" src="http://myfkra.com/myassets/js/main.js"></script>  
    <script src="http://myfkra.com/myassets/js/p/jquery.dlmenu.js"></script>
		<script src="http://myfkra.com/myassets/js/p/pagetransitions.js"></script> 
	<script>
        jssor_1_slider_init = function() {
            
            var jssor_1_SlideoTransitions = [
              [{b:5500,d:3000,o:-1,r:240,e:{r:2}}],
              [{b:-1,d:1,o:-1,c:{x:51.0,t:-51.0}},{b:0,d:1000,o:1,c:{x:-51.0,t:51.0},e:{o:7,c:{x:7,t:7}}}],
              [{b:-1,d:1,o:-1,sX:9,sY:9},{b:1000,d:1000,o:1,sX:-9,sY:-9,e:{sX:2,sY:2}}],
              [{b:-1,d:1,o:-1,r:-180,sX:9,sY:9},{b:2000,d:1000,o:1,r:180,sX:-9,sY:-9,e:{r:2,sX:2,sY:2}}],
              [{b:-1,d:1,o:-1},{b:3000,d:2000,y:180,o:1,e:{y:16}}],
              [{b:-1,d:1,o:-1,r:-150},{b:7500,d:1600,o:1,r:150,e:{r:3}}],
              [{b:10000,d:2000,x:-379,e:{x:7}}],
              [{b:10000,d:2000,x:-379,e:{x:7}}],
              [{b:-1,d:1,o:-1,r:288,sX:9,sY:9},{b:9100,d:900,x:-1400,y:-660,o:1,r:-288,sX:-9,sY:-9,e:{r:6}},{b:10000,d:1600,x:-200,o:-1,e:{x:16}}]
            ];
            
            var jssor_1_options = {
              $AutoPlay: true,
              $SlideDuration: 800,
              $SlideEasing: $Jease$.$OutQuint,
              $CaptionSliderOptions: {
                $Class: $JssorCaptionSlideo$,
                $Transitions: jssor_1_SlideoTransitions
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$
              }
            };
            
            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
            
            //responsive code begin
            //you can remove responsive code if you don't want the slider scales while window resizing
            function ScaleSlider() {
                var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
                if (refSize) {
                    refSize = Math.min(refSize, 1920);
                    jssor_1_slider.$ScaleWidth(refSize);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }
            ScaleSlider();
            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            //responsive code end
        };
		$(document).ready(function(){
  $('.testimonial').bxSlider({
    minSlides: 1,
    maxSlides: 1,
    slideMargin: 0,
	speed:1500,
	pause:10000
  });
   $('.sponser').bxSlider({
    minSlides: 1,
    maxSlides: 1,
    slideMargin: 0
  });
});
    </script>
	
	<script>
        jssor_1_slider_init();
    </script>
	
	

<script src='http://myfkra.com/myassets/js/moment.min.js'></script>
<script src='http://myfkra.com/myassets/js/jquery.min.js'></script>
<script src='http://myfkra.com/myassets/js/fullcalendar.min.js'></script>
<script src='http://myfkra.com/myassets/js/gcal.js'></script>
<script src='http://myfkra.com/myassets/js/jquery.bxslider.js'></script>
	
	</section>
	</body>
</html>