<?php
//If the form is submitted
if(isset($_POST['submit'])) {
	
	if (isset($_POST['url']) && trim($_POST['url']) == '') {
		$antispam=false;
	} else {
		$antispam =true;
	}
	//Check to make sure that the name field is not empty
	if(trim($_POST['name']) == '') {
		$hasError = true;
		$nameError = true;
	} else {
		$name = trim($_POST['name']);
	}

	//Check to make sure that the subject field is not empty
	if(trim($_POST['subject']) == '') {
		$hasError = true;
		$subjectError = true;
	} else {
		$subject = trim($_POST['subject']);
	}

	//Check to make sure sure that a valid email address is submitted
	if(trim($_POST['email']) == '')  {
		$hasError = true;
		$emailError = true;
	} else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", trim($_POST['email']))) {
		$hasError = true;
		$emailError = true;
	} else {
		$email = trim($_POST['email']);
	}

	//Check to make sure comments were entered
	if(trim($_POST['comment']) == '') {
		$hasError = true;
		$commentError = true;
	} else {
		if(function_exists('stripslashes')) {
			$comments = stripslashes(trim($_POST['comment']));
		} else {
			$comments = trim($_POST['comment']);
		}
	}

	//If there is no error, send the email
	if(!isset($hasError) && $antispam==false) {
		$emailTo = 'burakbarbak@hotmail.com'; //Put your own email address here
		$body = "Name: $name \n\nEmail: $email \n\nSubject: $subject \n\nComments:\n $comments";
		$headers = 'From: My Site <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $email;

		mail($emailTo, $subject, $body, $headers);
		$emailSent = true;
	}
}
?>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Mukam - Responsive HTML5/CSS3 Template</title>
    <meta name="keywords" content="HTML5/CSS3 Template" />
    <meta name="description" content="Mukam - Responsive HTML5/CSS3 Template">
    <meta name="author" content="bliccathemes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="css/flexslider.css">
    <link rel="stylesheet" href="css/icons.css">
    <!-- LayerSlider styles -->
    <link rel="stylesheet" href="layerslider/css/layerslider.css" type="text/css">
    <link rel="stylesheet" href="css/main.css">
    
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/yummi-loader.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/styleswitcher.css">
    <link rel="stylesheet" href="css/custom.css" id="styleswitcher">
    <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/jquery-ui.js"></script>
  <!-- jQuery with jQuery Easing, and jQuery Transit JS -->
    <script src="layerslider/jQuery/jquery-easing-1.3.js" type="text/javascript"></script>
    <script src="layerslider/jQuery/jquery-transit-modified.js" type="text/javascript"></script>
    <!-- LayerSlider from Kreatura Media with Transitions -->
    <script src="layerslider/js/layerslider.transitions.js" type="text/javascript"></script>
    <script src="layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
    <!--[if IE 7]>
      <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
  </head>
  <body class="off">
    <div id="mukam-layout">
    <!-- Top Section -->
    <!-- Header -->
    <header id="mukam-header" class="mukam-header mukam-header-large header-1 fadein scaleInv anim_1">
      <div class="top-section-container">
      <div class="top-section">
      <div class="container">
        <div class="row">
          <div class="col-sm-6 col-md-6"><div class="phone"><i class="mukam-mobile icon-3x pull-left"></i> (+01) 112 345 6789</div>
                                <div class="email"><i class="mukam-envelope icon-3x pull-left"></i> info@mukam.com</div>
          </div>
          <div class="col-sm-6 col-md-6">
            <div class="social">
                <div class="search-widget"> 
                <a href="#"><div class="social-box"><i class="mukam-search"></i></div></a>
                <div class="search">
                  <form method="get" action="#">
                  <input type="text" name="s" class="search-query" placeholder="Search">
                  <!--<button class="search" type="submit"><a href="#"><i class="mukam-search"></i></a></button>-->
                  </form>
                </div>
                </div>
                <a href="#"><div class="social-box"><i class="mukam-dribble"></i></div></a>        
                <a href="#"><div class="social-box"><i class="mukam-google"></i></div></a>        
                <a href="#"><div class="social-box"><i class="mukam-skype"></i></div></a>
                <a href="#"><div class="social-box"><i class="mukam-youtube"></i></div></a>
                <a href="#"><div class="social-box"><i class="mukam-tweet"></i></div></a>
                <a href="#"><div class="social-box"><i class="mukam-face"></i></div></a>  
            </div>
          </div>
        </div>
      </div>
    </div>
         <div class="showhide"><div class="trans-topsection">+</div></div>
    </div>    
      <div class="container">
        <div class="row">
          <div class="col-md-12">
          <!-- Main Menu -->
          <nav class="navbar navbar-default header-1" role="navigation">
          <div class="navbar-header">
            <a href="#"><img class="logo" src="img/mukam.png" alt="mukam"></a>
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <div class="shopping hidden-md hidden-lg"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a> </div>
          </div>
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse navbar-ex1-collapse">
            <div class="shopping hidden-xs hidden-sm"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a><div class="shopping-hover-cart"><i class="mukam-shop pull-left"></i><p>Shopping Cart</p><span>(3) Cart Subtotal: $200</span></div></div>
             <ul class="nav navbar-nav navbar-right">
              <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">HOME</a>
              <ul class="dropdown-menu">
                  <li><a class="trigger" href="index.html">HOMEPAGE 1</a></li>
                  <li><a class="trigger" href="homepage2.html">HOMEPAGE 2</a></li>
                  <li><a class="trigger" href="homepage3.html" >HOMEPAGE 3</a></li>
                  <li><a class="trigger" href="homepage4.html" >HOMEPAGE 4</a></li>
                  <li><a class="trigger" href="homepage5.html" >HOMEPAGE 5</a></li>
                  <li><a class="trigger" href="parallax.html" >PARALLAX HOMEPAGE</a></li>
                  <li><a class="trigger" href="blog-homepage.html">BLOGGY HOMEPAGE</a></li>
                  <li><a class="trigger" href="shop-homepage.html" >SHOP HOMEPAGE</a></li>
                </ul>
              </li>
             
              <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PAGES</a><ul class="dropdown-menu">
        
                    <li><a class="trigger" href="aboutus.html">About Us</a></li>
                    <li><a class="trigger" href="aboutus-2.html">About Us 2</a></li>
                    <li><a class="trigger" href="404.html">404 Error Page</a></li>
                    <li><a class="trigger" href="carousel-sliders.html">Carousel Sliders</a></li>
                    <li><a class="trigger" href="columns.html">Columns</a></li>
                    <li><a class="trigger" href="faqs.html">FAQS</a></li>
                    <li><a class="trigger" href="faqs-2.html">FAQS 2</a></li>
                    <li><a class="trigger" href="left-sidebar-page.html">Left Sidebar Page</a></li>
                    <li><a class="trigger" href="right-sidebar-page.html">Right Sidebar Page</a></li>
                    <li><a class="trigger" href="service-one.html">Services</a></li>
                    <li><a class="trigger" href="service-two.html">Services Two</a></li>
                    <li><a class="trigger" href="service-three.html">Services Two</a></li>
                    <li><a class="trigger" href="shortcodes.html">Shortcodes</a></li>
                    <li><a class="trigger" href="pricing-table.html">Tables</a></li>
                    <li><a class="trigger" href="team.html">Team</a></li>

                 </ul>
              </li>
              <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PORTFOLIO</a><ul class="dropdown-menu">

                    <li><a class="trigger" href="portfolio-classic.html">Portfolio Classic</a></li>
                    <li><a class="trigger" href="portfolio-detail.html">Portfolio Detail</a></li>
                    <li><a class="trigger" href="portfolio-leftsidebar.html">Portfolio Big Right</a></li>
                    <li><a class="trigger" href="portfolio-rightsidebar.html">Portfolio Big Left</a></li>
                    <li><a class="trigger" href="portfolio-wide-image.html">Portfolio Wide</a></li>
                    <li><a class="trigger" href="portfolio-grid.html">Portfolio Grid</a></li>

                 </ul>
              </li>
              <li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">BLOG</a><ul class="dropdown-menu">

                    <li><a class="trigger" href="blogpage.html">Blog</a></li>
                    <li><a class="trigger" href="blog-fullwidth.html">Blog Fullwidth</a></li>
                    <li><a class="trigger" href="blog-left-sidebar.html">Left Sidebar Blog</a></li>
                    <li><a class="trigger" href="blog-right-sidebar.html">Right Sidebar Blog</a></li>
                    <li><a class="trigger" href="blog-single.html">Single Blog</a></li>

                 </ul>
              </li>
              <li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">SHOP</a><ul class="dropdown-menu">

                    <li><a class="trigger" href="shop.html">Shop</a></li>
                    <li><a class="trigger" href="shop-list.html">Shop List</a></li>
                    <li><a class="trigger" href="shop-single.html">Single Item</a></li>
                    <li><a class="trigger" href="shop-cart.html">Cart</a></li>
                    

                 </ul>
              </li>
              <li class="multi dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">FEATURES</a>
                 <div class="dropdown-menu multimenu">
                <div class="multimenu-green row-fluid">
                <div class="col-md-3">
                <h4>Features</h4>
                 <ul>
                  <li><a class="trigger" href="notifications.html"><i class="mukam-list pull-left"></i>Notifications</a></li>
                  <li><a class="trigger" href="accordion.html"><i class="mukam-list pull-left"></i>Accordions</a></li>
                  <li><a class="trigger" href="skillsbars.html"><i class="mukam-list pull-left"></i>Skills Bars</a></li>
                  <li><a class="trigger" href="buttons.html"><i class="mukam-list pull-left"></i>Buttons</a></li>
                  <li><a class="trigger" href="googlemaps.html"><i class="mukam-list pull-left"></i>Google Maps</a></li>
                  <li><a class="trigger" href="tabs.html"><i class="mukam-list pull-left"></i>Tabs</a></li>
                </ul>
                </div>
                <div class="col-md-3">
                <h4></h4>
                <ul>
                  <li><a class="trigger" href="featured-faqs.html"><i class="mukam-list pull-left"></i>Faqs</a></li>
                  <li><a class="trigger" href="featured-tables.html"><i class="mukam-list pull-left"></i>Tables</a></li>
                  <li><a class="trigger" href="teamelements.html"><i class="mukam-list pull-left"></i>Team Elements</a></li>
                  <li><a class="trigger" href="contactforms.php"><i class="mukam-list pull-left"></i>Contact Forms</a></li>
                  <li><a class="trigger" href="typography.html"><i class="mukam-list pull-left"></i>Typography</a></li>
                  <li><a class="trigger" href="featured-404.html"><i class="mukam-list pull-left"></i>Error 404</a></li>
                </ul>
                </div>
                <div class="col-md-3">
                <h4>More Features?</h4>
                  <p>Mukam has limitless elements that you can use.</p>
                    <p><i class="icomoon-checkmark pull-left"></i>You buy 1 and get 7 different headers.</p>
                    <p><i class="icomoon-checkmark pull-left"></i>20 different hand crafted banner examples.</p>
                    <p><i class="icomoon-checkmark pull-left"></i>More than 2500 icons included.</p>
                    <p><i class="icomoon-checkmark pull-left"></i>Fully Responsive Design.</p>
                    <p><i class="icomoon-checkmark pull-left"></i>Customize Everything in a minute.</p>

                </div>
                <div class="col-md-3">
                <h4>Extra Features?</h4>
                    <p><i class="icomoon-checkmark pull-left"></i>Bonus Parallax Pages.</p>
                    <p><i class="icomoon-checkmark pull-left"></i>Awesome Animations that you have never seen before.</p>
                    <p><i class="icomoon-checkmark pull-left"></i>Commerce Ready Pages.</p>
                    <p><i class="icomoon-checkmark pull-left"></i>Unlimited backgrounds and colors.</p>
                    <p><i class="icomoon-checkmark pull-left"></i>8 different colors and 6 different hover animations for Buttons.</p>
                    <p><i class="icomoon-checkmark pull-left"></i>Premium Support for FREE!</p>
                  
                </div> 
                </div>
                </div>
              </li>
                            <li class="dropdown"><a href="contact.php" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">CONTACT</a>
                <ul class="dropdown-menu">
                    <li><a class="trigger" href="contact.php">Contact Us</a></li>
                    <li><a class="trigger" href="contact2.php">Contact Us 2</a></li>
                </ul>
              </li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </nav>
          </div>
        </div>
      </div>
    </header>
    <section class="mukam-waypoint" data-animate-down="mukam-header-small header-1" data-animate-up="mukam-header-large header-1">
 <!-- Caption 
    <div class="caption-out fadein scaleInv anim_2">
      <div class="parallax-caption" data-stellar-background-ratio="2">
    <div class="container">
      <div class="row">
        <div class="col-md-9 caption">
          <h3 class="fadein scaleInv anim_3">Portfolio Classic</h3>
          <p class="fadein scaleInv anim_4">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
        </div>
        <div class="col-md-3 breadcrumb fadein scaleInv anim_5">
        <ul><li><a href="#">Home</a></li><li>/ <a href="#">Pages</a></li><li>/ Portfolio Classic</li></ul>
        </div>
      </div>
    </div>
    </div>
  </div>-->
  <div class="caption-out fadein scaleInv anim_2">
    <div class="container">
      <div class="row">
        <div class="col-md-9 caption">
          <h3>Contact Us</h3>
          <p class="fadein scaleInv anim_4">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
        </div>
        <div class="col-md-3 breadcrumb fadein scaleInv anim_5">
        <ul><li><a href="#">Home</a></li><li>/ <a href="#">Pages</a></li><li>/ Contact Us</li></ul>
        </div>
      </div>
    </div>
    </div>
		
	   <div class="google-map-canvas fadein scaleInv anim_3">
			<iframe width="100%" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=tr&amp;geocode=&amp;q=Broadway,+Manhattan,+New+York,+Birle%C5%9Fik+Devletler&amp;aq=1&amp;oq=bro&amp;sll=37.0625,-95.677068&amp;sspn=41.275297,79.013672&amp;t=m&amp;ie=UTF8&amp;hq=&amp;hnear=Broadway,+New+York&amp;z=14&amp;ll=40.720036,-74.001346&amp;output=embed"></iframe>
	   </div>
	  
	  <div class="bg-color grey fadein scaleInv anim_3">
		<div class="container">
			<div class="row">
				<div class="col-md-8 contact">
				<h3>Get in <span>Touch</span></h3>
				<p>Etharums ser quidem rerum facilis dolores nemis omnis fugats nemo minima rerums unsers sadips amets.
				Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem
				aperiam, eaque ipsa quae ipsa quae ab illo inventore. Cras neque nulla, convallis non commodo et, euismod nonsense.
				</p>
				<?php if(isset($hasError)) { //If errors are found ?>
					<p class="error">Please check if you've filled all the fields with valid information. Thank you.</p>
				<?php } ?>

				<?php if(isset($emailSent) && $emailSent == true) { //If email is sent ?>
					<p><strong>Email Successfully Sent!</strong></p>
					<p>Thank you <strong><?php echo $name;?></strong> for using my contact form! Your email was successfully sent and I will be in touch with you soon.</p>
				<?php } ?>
					<form role="form" id="contactform" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
					<div class="col-md-4 form-group  <?php if (isset($nameError) && $nameError == true) { echo "has-error"; } ?>">
					  <input type="name" class="required form-control" name="name" id="inputName" placeholder="Your Name">
					</div>
					<div class="col-md-4 form-group <?php if (isset($emailError) && $emailError == true) { echo "has-error"; } ?>">
					  <input type="email" class="required form-control" name="email" id="inputEmail" placeholder="Email Address">
					</div>
					<div class="col-md-4 form-group <?php if (isset($subjectError) && $subjectError == true) { echo "has-error"; } ?>">
					  <input type="text" class="required form-control" name="subject" id="inputSubject" placeholder="Subject">
					</div>
					<div class="col-md-4 antispam">
					  <input type="url" class="form-control" name="url" id="inputUrl" placeholder="Url">
					</div>
					<div class="clearfix"></div>
					<div class="col-md-12 form-group <?php if (isset($commentError) && $commentError == true) { echo "has-error"; } ?>">
						<textarea class="required form-control" rows="11" name="comment" id="inputComment"></textarea>
					</div>
					<button type="submit" name="submit" value="SUBMIT" class="buton b_inherit buton-2 buton-mini">SUBMIT</button>
					</form>
				</div>
				<div class="col-md-4 contact-info">
				<h3>Contact <span>Info</span></h3>
					<div class="contact-widget">
					<i class="mukam-telephone pull-left widget-icon"></i><p>(+09) 0323 750 4561</p>
					<i class="mukam-envelope pull-left widget-icon"></i><p>mukam@mukam.com</p>
					<i class="mukam-globe pull-left widget-icon"></i><p>www.mukam-theme.com</p>
					<i class="mukam-clock pull-left widget-icon"></i><p>Mon - Sat 9:00am - 6:00 pm</p>
					<i class="mukam-direction pull-left widget-icon"></i><p>Envato Marketplace Melbourne St Sydney TF - 123456 Envato Marketplace Melbourne St Sydney TF - 123456</p>
					</div>
					<div class="social-widget">
					<a href="#"><div class="socialbox"><i class="mukam-face"></i></div></a>
					<a href="#"><div class="socialbox"><i class="mukam-tweet"></i></div></a>
					<a href="#"><div class="socialbox"><i class="mukam-google"></i></div></a>
					<a href="#"><div class="socialbox"><i class="mukam-dribble"></i></div></a>
					<a href="#"><div class="socialbox"><i class="mukam-youtube"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-vine"></i></div></a>
          <a href="#"><div class="socialbox"><i class="icon-linkedin"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-digg2"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-skype"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-stumbleupon"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-pinterest"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-flicker"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-myspace"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-rss"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-social-whale"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-yahoo"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-digg"></i></div></a>
          <a href="#"><div class="socialbox"><i class="mukam-social2"></i></div></a>
					</div>
				</div>
			</div>
		</div>
	  </div>
	<!-- Our Clients -->
    <div class="bg-color grey">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="ourclients">
              <h2>Our <span>Clients</span></h2>
              <div class="ourclients-text">
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.  of type and scrambled it to make a type specimen book. It has survived into electronic typesetting.</p>
              </div>
              <div class="clientslider">
                      <ul class="slides">
                        <li>
                          <img src="content/plantcloud.png" alt="mukam"/>
                        </li>
                        <li>
                          <img src="content/dba.png" alt="mukam"/>
                        </li> 
                        <li>
                          <img src="content/client3.png" alt="mukam"/>
                        </li>
                        <li>
                          <img src="content/atomized.png" alt="mukam"/>
                        </li>
                        <li>
                          <img src="content/conversion.png" alt="mukam"/>
                        </li>
                        <li>
                          <img src="content/plantcloud.png" alt="mukam"/>
                        </li>
                        <!-- items mirrored twice, total of 12 -->
                      </ul>              
              </div>  
            </div>
          </div>
        </div>
      </div>
    </div>
<!-- Bottom Section -->
<!-- Facts Count -->  
  <div class="facts">
  <div class="container">
     <div class="row">
      <div class="col-md-3 timer-wrap">
      <h4>Frappe Consumption</h4>
      <span class="timer" >4451</span><span class="timer-icon pull-right"><i class="brankic1979-coffee icon-2x"></i></span>
      <p>Yes! We love to drink frappe, especially with no sugar.</p>
      </div>
      <div class="col-md-3 timer-wrap">
      <h4>Facebook Popularity</h4>
      <span class="timer" >10510</span><span class="timer-icon pull-right"><i class="mukam-face icon-2x"></i></span>
      <p>Yes! We love to drink frappe, especially with no sugar.</p>
      </div>
      <div class="col-md-3 timer-wrap">
      <h4>People Follow Me</h4>
      <span class="timer" >9980</span><span class="timer-icon pull-right"><i class="mukam-tweet icon-2x"></i></span>
      <p>Yes! We love to drink frappe, especially with no sugar.</p>
      </div>
      <div class="col-md-3 timer-wrap"> 
      <h4>Join our group on</h4>
      <span class="timer" >1026</span><span class="timer-icon pull-right"><i class="icon-linkedin icon-2x"></i></span>
      <p>Yes! We love to drink frappe, especially with no sugar.</p>
      </div>
    </div>
  </div>
  </div>
</section>
    <footer>
      <div class="container">
        <div class="row">
          <!-- Widget Area 1 -->
          <div class="col-md-3">
            <div class="footer-widget">
              <h4>Get in Touch</h4>
              <div class="contact-widget">
                <p><i class="mukam-telephone pull-left widget-icon"></i>(+09) 0323 750 4561</p>
                <p><i class="mukam-envelope pull-left widget-icon"></i>support@mukam.com</p>
                <p><i class="mukam-globe pull-left widget-icon"></i>www.mukam-studio.com</p>
                <p><i class="mukam-clock widget-icon"></i>Mon - Sat 9:00am - 6:00 pm</p>
                <p><i class="mukam-direction pull-left widget-icon"></i>Envato Marketplace Melbourne St Sydney TF - 123456</p>
              </div>
              <div class="social-widget">
                <a href="#"><div class="socialbox"><i class="mukam-face"></i></div></a>
                <a href="#"><div class="socialbox"><i class="mukam-tweet"></i></div></a>
                <a href="#"><div class="socialbox"><i class="mukam-google"></i></div></a>
                <a href="#"><div class="socialbox"><i class="mukam-dribble"></i></div></a>
                <a href="#"><div class="socialbox"><i class="mukam-youtube"></i></div></a>
              </div>
            </div>
          </div>
          <!--<div class="col-md-3">
            <div class="footer-widget">
              <h4>Useful Links</h4>
              <ul>
                <li><a href="#"><i class="mukam-radiocheck pull-left"></i>Home</a></li>
                <li><a href="#"><i class="mukam-radiocheck pull-left"></i>About Us</a></li>
                <li><a href="#"><i class="mukam-radiocheck pull-left"></i>Services</a></li>
                <li><a href="#"><i class="mukam-radiocheck pull-left"></i>Great Team</a></li>
                <li><a href="#"><i class="mukam-radiocheck pull-left"></i>Shortcodes</a></li>
                <li><a href="#"><i class="mukam-radiocheck pull-left"></i>Portfolio</a></li>
                <li><a href="#"><i class="mukam-radiocheck pull-left"></i>Blog</a></li>
                <li><a href="#"><i class="mukam-radiocheck pull-left"></i>Contact Us</a></li>
              </ul>
            </div>
          </div> -->
          <!-- Widget Area 2 -->
          <div class="col-md-3">
            <div class="footer-widget">
              <h4>Popular Tags</h4>
              <div class="textwidget">
              <p>
              Lorem ipsum is simply dummy text of the printing and typesetting industry.
              </p>
              </div>
              <div class="mukam-tag-cloud">
              <ul>
              <li><a href="#">Web Design</a></li>
              <li><a href="#">Photography</a></li>
              <li><a href="#">PSD</a></li>
              <li><a href="#">Themeforest</a></li>
              <li><a href="#">Envato</a></li>
              <li><a href="#">Design</a></li>
              <li><a href="#">Wordpress</a></li>
              <li><a href="#">Logo</a></li>
              </ul>
              </div>
            </div>
          </div>
          <!-- Widget Area 3 -->
          <div class="col-md-3">
            <div class="footer-widget">
              <h4>Popular Posts</h4>
              <div class="popular-post-widget">
                  <article class="popular-post">
                    <img src="content/popular-footer-1.png" alt="mukam">
                    <h6><a href="#">Sample Post with Standard Image & Video</a></h6>
                    <p class="popular-date">Posted 13 September 2013</p>
                    <p class="popular-author"><a href="#">By Admin</a></p>
                  </article>
                  <article class="popular-post">
                    <img src="content/popular-footer-2.png" alt="mukam">
                    <h6><a href="#">Sample Post with Standard Image & Video</a></h6>
                    <p class="popular-date">Posted 13 September 2013</p>
                    <p class="popular-author"><a href="#">By Admin</a></p>
                  </article>
                  <article class="popular-post">
                    <img src="content/popular-footer-3.png" alt="mukam">
                    <h6><a href="#">Sample Post with Standard Image & Video</a></h6>
                    <p class="popular-date">Posted 13 September 2013</p>
                    <p class="popular-author"><a href="#">By Admin</a></p>
                  </article>                  
              </div>
            </div>
          </div>
          <!-- Widget Area 4 -->
          <div class="col-md-3">
            <div class="footer-widget">
              <h4>Latest Tweets</h4>
              <div class="twitter-widget">
                <div class="tweet">
                  <i class="mukam-tweet icon-2x pull-left bird"></i>
                  <p><a href="#">@MukamTheme</a> Jun Check out this great #themeforest item 'Mestro - Responsive <a href="http://t.co/0hT9K6jMwm">http://t.co/0hT9K6jMwm</a></p>
                </div>
              </div>
              <div class="twitter-widget">
                <div class="tweet">
                  <i class="mukam-tweet icon-2x pull-left bird"></i>
                  <p><a href="#">@MukamTheme</a> Jun Check out this great #themeforest item 'Mestro - Responsive #themeforest item '.  <a href="http://t.co/0hT9K6jMwm">http://t.co/0hT9K6jMwm</a></p>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
      <div class="bg-color black fixed-padding">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="copyright-section"><p>Copyright © 2013 mukam. All rights reserved.</p></div>
            </div>
          </div>
        </div>
      </div>
    </footer>
</div>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
     <script src="js/jquery.queryloader2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/twitter-bootstrap-hover-dropdown.min.js"></script>
    <script src="js/jquery.carouFredSel-6.2.1.js"></script>
    <script src="js/jquery.touchSwipe.min.js"></script> 
    <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.stellar.min.js"></script>
    <!-- Masonry -->
    <script src="js/masonry.pkgd.min.js"></script> 
    <script src="js/SmoothScroll.js"></script>   
    <!-- Main.js should be below all javascript --> 
    <script src="js/main.js"></script>
    <script src="js/styleswitcher.js"></script>
    

  </body>
</html>