Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: media in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 260

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 272

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

Notice: Undefined index: mime in /usr/www/users/habibi/plugins/system/t3/includes/core/minify.php on line 440

<!DOCTYPE html>
<!--[if IE 8]>         <html lang="en-gb" dir="ltr" class="ie8 lt-ie9 lt-ie10 com_contact view-contact itemid-479 mm-hover j39"> <![endif]-->
<!--[if IE 9]>         <html lang="en-gb" dir="ltr" class="ie9 lt-ie10 com_contact view-contact itemid-479 mm-hover j39"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="en-gb" dir="ltr" class="com_contact view-contact itemid-479 mm-hover j39"> <!--<![endif]-->

  <head>
    <base href="https://habibiamosque.org.za/index.php/en/contact" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Islam, Habibia, Soofie, Masjid, Mosque, Tasawwuf, Sufism, Sufi, Soofie Saheb, Sufi Saheb, education, spirituality, Ihsaan, South Africa, Cape Town" />
	<meta name="description" content="Hazrath Soofie Saheb RA travelled to the Cape and bought the land on which the Habibia Masjid and madrasah now stands in Doornhoogte" />
	<meta name="generator" content="Joomla! - Open Source Content Management" />
	<title>Contact</title>
	<link href="/templates/ja_fixel/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
	<link href="https://habibiamosque.org.za/index.php/en/component/search/?Itemid=479&amp;format=opensearch" rel="search" title="Search Habibia Soofie Saheb Masjid, Cape Town" type="application/opensearchdescription+xml" />
	<link href="/templates/ja_fixel/css/themes/dark-green/bootstrap.css" rel="stylesheet" type="text/css" />
	<link href="/media/system/css/modal.css?5aa4b6e8d1e5def7e25d96d118108009" rel="stylesheet" type="text/css" />
	<link href="/media/com_attachments/css/attachments_hide.css" rel="stylesheet" type="text/css" />
	<link href="/plugins/system/jcemediabox/css/jcemediabox.css?1d12bb5a40100bbd1841bfc0e498ce7b" rel="stylesheet" type="text/css" />
	<link href="/plugins/system/jcemediabox/themes/standard/css/style.css?50fba48f56052a048c5cf30829163e4d" rel="stylesheet" type="text/css" />
	<link href="/templates/system/css/system.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_fixel/css/themes/dark-green/template.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_fixel/css/themes/dark-green/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_fixel/css/themes/dark-green/template-responsive.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_fixel/css/themes/dark-green/megamenu.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_fixel/css/themes/dark-green/megamenu-responsive.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_fixel/css/themes/dark-green/off-canvas.css" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_fixel/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:100italicc" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:300italic" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:400italic" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:500" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:700" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:500italic" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:700italic" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:900" rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Roboto:900italic" rel="stylesheet" type="text/css" />
	<link href="/templates/ja_fixel/fonts/novecentowide/stylesheet.css" rel="stylesheet" type="text/css" />
	<script type="application/json" class="joomla-script-options new">{"csrf.token":"ca1a71599b9ffaffb06ad940602aca0d","system.paths":{"root":"","base":""},"system.keepalive":{"interval":840000,"uri":"\/index.php\/en\/component\/ajax\/?format=json"},"joomla.jtext":{"JLIB_FORM_FIELD_INVALID":"Invalid field:&#160"}}</script>
	<script src="/media/system/js/mootools-core.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<script src="/media/system/js/core.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<script src="/media/system/js/mootools-more.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<script src="/media/system/js/modal.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<script src="/media/jui/js/jquery.min.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<script src="/media/jui/js/jquery-noconflict.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<script src="/media/jui/js/jquery-migrate.min.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<script src="/media/com_attachments/js/attachments_refresh.js" type="text/javascript"></script>
	<!--[if lt IE 9]><script src="/media/system/js/polyfill.event.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script><![endif]-->
	<script src="/media/system/js/keepalive.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<script src="/media/system/js/punycode.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<script src="/media/system/js/validate.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<script src="/plugins/system/t3/base/bootstrap/js/bootstrap.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script>
	<!--[if lt IE 9]><script src="/media/system/js/html5fallback.js?5aa4b6e8d1e5def7e25d96d118108009" type="text/javascript"></script><![endif]-->
	<script src="https://www.google.com/recaptcha/api/js/recaptcha_ajax.js" type="text/javascript"></script>
	<script src="/plugins/system/jcemediabox/js/jcemediabox.js?0c56fee23edfcb9fbdfe257623c5280e" type="text/javascript"></script>
	<script src="/plugins/system/t3/base/js/jquery.tap.min.js" type="text/javascript"></script>
	<script src="/plugins/system/t3/base/js/off-canvas.js" type="text/javascript"></script>
	<script src="/plugins/system/t3/base/js/script.js" type="text/javascript"></script>
	<script src="/plugins/system/t3/base/js/menu.js" type="text/javascript"></script>
	<script src="/plugins/system/t3/base/js/responsive.js" type="text/javascript"></script>
	<script src="/t3-assets/js/js-de417-12584.js" type="text/javascript"></script>
	<script src="/plugins/system/t3/base/js/jquery.equalheight.js" type="text/javascript"></script>
	<script src="/templates/ja_fixel/js/jquery.address.js" type="text/javascript"></script>
	<script src="/templates/ja_fixel/js/jquery.article.js" type="text/javascript"></script>
	<script type="text/javascript">

		jQuery(function($) {
			SqueezeBox.initialize({});
			SqueezeBox.assign($('a.modal').get(), {
				parse: 'rel'
			});
		});

		window.jModalClose = function () {
			SqueezeBox.close();
		};
		
		// Add extra modal close functionality for tinyMCE-based editors
		document.onreadystatechange = function () {
			if (document.readyState == 'interactive' && typeof tinyMCE != 'undefined' && tinyMCE)
			{
				if (typeof window.jModalClose_no_tinyMCE === 'undefined')
				{	
					window.jModalClose_no_tinyMCE = typeof(jModalClose) == 'function'  ?  jModalClose  :  false;
					
					jModalClose = function () {
						if (window.jModalClose_no_tinyMCE) window.jModalClose_no_tinyMCE.apply(this, arguments);
						tinyMCE.activeEditor.windowManager.close();
					};
				}
		
				if (typeof window.SqueezeBoxClose_no_tinyMCE === 'undefined')
				{
					if (typeof(SqueezeBox) == 'undefined')  SqueezeBox = {};
					window.SqueezeBoxClose_no_tinyMCE = typeof(SqueezeBox.close) == 'function'  ?  SqueezeBox.close  :  false;
		
					SqueezeBox.close = function () {
						if (window.SqueezeBoxClose_no_tinyMCE)  window.SqueezeBoxClose_no_tinyMCE.apply(this, arguments);
						tinyMCE.activeEditor.windowManager.close();
					};
				}
			}
		};
		
jQuery(function($) {
			 $('.hasTip').each(function() {
				var title = $(this).attr('title');
				if (title) {
					var parts = title.split('::', 2);
					var mtelement = document.id(this);
					mtelement.store('tip:title', parts[0]);
					mtelement.store('tip:text', parts[1]);
				}
			});
			var JTooltips = new Tips($('.hasTip').get(), {"maxTitleChars": 50,"fixed": false});
		});
jQuery(function($){ initPopovers(); $("body").on("subform-row-add", initPopovers); function initPopovers (event, container) { $(container || document).find(".hasPopover").popover({"html": true,"trigger": "hover focus","container": "body"});} });
jQuery( document ).ready(function()
				{Recaptcha.create("6Le7UdgSAAAAAD1WQPBT4o9LqVaw-YrT_gsYsxMa", "jform_captcha", {theme: "clean",lang : 'en',tabindex: 0});});
JCEMediaBox.init({popup:{width:"",height:"",legacy:0,lightbox:0,shadowbox:0,resize:1,icons:1,overlay:1,overlayopacity:0.8,overlaycolor:"#000000",fadespeed:500,scalespeed:500,hideobjects:0,scrolling:"fixed",close:2,labels:{'close':'Close','next':'Next','previous':'Previous','cancel':'Cancel','numbers':'{$current} of {$total}'},cookie_expiry:"",google_viewer:0},tooltip:{className:"tooltip",opacity:0.8,speed:150,position:"br",offsets:{x: 16, y: 16}},base:"/",imgpath:"plugins/system/jcemediabox/img",theme:"standard",themecustom:"",themepath:"plugins/system/jcemediabox/themes",mediafallback:0,mediaselector:"audio,video"});
	</script>

    
<!-- META FOR IOS & HANDHELD -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="YES" />
<!-- //META FOR IOS & HANDHELD -->






<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- For IE6-8 support of media query -->
<!--[if lt IE 9]>
<script type="text/javascript" src="/plugins/system/t3/base/js/respond.min.js"></script>
<![endif]-->

<script type="text/javascript">
	//<![CDATA[
	var T3JSVars = {
		baseUrl: '',
		tplUrl: '/templates/ja_fixel',
		finishedMsg: '<em>That\'s all.</em>',
		msgText: '<em>Loading the next set of posts...</em>'
	};
	//]]>
</script>
  </head>

  <body>

    
<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="wrap t3-mainnav navbar-collapse-fixed-top">

  <div class="container navbar">
    <div class="navbar-inner">

      <button id="fixel-btn-navbar" type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".fixel-nav-collapse">
        <i class="icon-reorder"></i>
  	  </button>
      
      <!-- LOGO -->
      <div class="logo logo-image has-images">
        <div class="brand">
          <a href="/" title="Habibia Soofie Saheb Masjid - Cape Town">
                        <img class="logoimg" src="/images/Habibia_new/Masjid/MasjidPics/DSC00685.jpg" alt="Habibia Soofie Saheb Masjid - Cape Town" />
                        <span>Habibia Soofie Saheb Masjid - Cape Town</span>
          </a>
          <small class="site-slogan hidden-phone">A spiritual legacy of serving the community! Established in 1323H (1905).</small>
        </div>
      </div>
      <!-- //LOGO -->

      <div class="fixel-nav-collapse nav-collapse collapse always-show">
              <div  class="t3-megamenu animate elastic"  data-duration="400" data-responsive="true">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="nav navbar-nav level0">
<li itemprop='name'  data-id="435" data-level="1">
<a itemprop='url' class="" href="/index.php/en/"   data-target="#">Home </a>

</li>
<li itemprop='name' class="dropdown mega" data-id="491" data-level="1">
<a itemprop='url' class=" dropdown-toggle" href="/index.php/en/masjid"   data-target="#" data-toggle="dropdown">Masjid <em class="caret"></em></a>

<div class="nav-child dropdown-menu mega-dropdown-menu"  style="width: 560px"  data-width="560"><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span5 mega-col-nav" data-width="5"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1">
<li itemprop='name' class="mega mega-group" data-id="627" data-level="2" data-group="1">
<a itemprop='url' class=" dropdown-header mega-group-title" href="/index.php/en/masjid/history-masjid"   data-target="#">History </a>

<div class="nav-child mega-group-ct"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="613" data-level="3">
<a itemprop='url' class="" href="/index.php/en/masjid/history-masjid/history-of-the-institution"   data-target="#">It all began... </a>

</li>
<li itemprop='name'  data-id="614" data-level="3">
<a itemprop='url' class="" href="/index.php/en/masjid/history-masjid/heritage-of-leaders"   data-target="#">Heritage of Leaders </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
<li itemprop='name' class="mega mega-group" data-id="629" data-level="2" data-group="1">
<a itemprop='url' class=" dropdown-header mega-group-title" href="/index.php/en/masjid/present"   data-target="#">Present </a>

<div class="nav-child mega-group-ct"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="625" data-level="3">
<a itemprop='url' class="" href="/index.php/en/masjid/present/mosque-gallery"   data-target="#">About the Mosque </a>

</li>
<li itemprop='name'  data-id="622" data-level="3">
<a itemprop='url' class="" href="/index.php/en/masjid/present/present-imamat"   data-target="#">Present Imamat </a>

</li>
<li itemprop='name'  data-id="628" data-level="3">
<a itemprop='url' class="" href="/index.php/en/masjid/present/soofie-masaajid"   data-target="#">Soofie Masaajid </a>

</li>
<li itemprop='name'  data-id="667" data-level="3">
<a itemprop='url' class="" href="/index.php/en/masjid/present/latest"   data-target="#">Latest </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
</ul>
</div></div>
<div class="span4 mega-col-nav" data-width="4"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1">
<li itemprop='name' class="mega mega-group" data-id="623" data-level="2" data-group="1">
<a itemprop='url' class=" dropdown-header mega-group-title" href="/index.php/en/masjid/programmes"   data-target="#">Programmes </a>

<div class="nav-child mega-group-ct"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="730" data-level="3">
<a itemprop='url' class="" href="/index.php/en/masjid/programmes/meelad-un-nabi-saw-1437"   data-target="#">Al-Mawlid al-Nabawi al-Munawwar </a>

</li>
<li itemprop='name'  data-id="729" data-level="3">
<a itemprop='url' class="" href="/index.php/en/masjid/programmes/marhaba-muharram-1437"   data-target="#">Marhaba Muharram al-Haram </a>

</li>
<li itemprop='name'  data-id="630" data-level="3">
<a itemprop='url' class="" href="/index.php/en/masjid/programmes/hajj-1435"   data-target="#">Hajj Mabrur </a>

</li>
<li itemprop='name'  data-id="745" data-level="3">
<a itemprop='url' class="" href="/index.php/en/masjid/programmes/ramadaan-al-kareem-1437"   data-target="#">Ramadan Karim </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
</ul>
</div></div>
<div class="span3 mega-col-nav" data-width="3"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1">
<li itemprop='name'  data-id="632" data-level="2">
<a itemprop='url' class="" href="/index.php/en/masjid/contact"   data-target="#">CONTACT </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
<li itemprop='name' class="dropdown mega" data-id="489" data-level="1">
<a itemprop='url' class=" dropdown-toggle" href="/index.php/en/mazaar"   data-target="#" data-toggle="dropdown">Mazaar <em class="caret"></em></a>

<div class="nav-child dropdown-menu mega-dropdown-menu"  style="width: 560px"  data-width="560"><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span5 mega-col-nav" data-width="5"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1">
<li itemprop='name' class="mega mega-group" data-id="634" data-level="2" data-group="1">
<a itemprop='url' class=" dropdown-header mega-group-title" href="/index.php/en/mazaar/history"   data-target="#">History </a>

<div class="nav-child mega-group-ct"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="615" data-level="3">
<a itemprop='url' class="" href="/index.php/en/mazaar/history/our-founders"   data-target="#">Our Founders </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
<li itemprop='name' class="mega mega-group" data-id="636" data-level="2" data-group="1">
<a itemprop='url' class=" dropdown-header mega-group-title" href="/index.php/en/mazaar/present-mazaar"   data-target="#">Present </a>

<div class="nav-child mega-group-ct"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="616" data-level="3">
<a itemprop='url' class="" href="/index.php/en/mazaar/present-mazaar/habibul-awraad"   data-target="#">Habibul Awraad </a>

</li>
<li itemprop='name'  data-id="668" data-level="3">
<a itemprop='url' class="" href="/index.php/en/mazaar/present-mazaar/mazaar-gallery"   data-target="#">Mazaar Gallery </a>

</li>
<li itemprop='name'  data-id="671" data-level="3">
<a itemprop='url' class="" href="/index.php/en/mazaar/present-mazaar/our-shijrah-shareef"   data-target="#">Our Shijrah Shareef </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
</ul>
</div></div>
<div class="span4 mega-col-nav" data-width="4"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1">
<li itemprop='name' class="mega mega-group" data-id="638" data-level="2" data-group="1">
<a itemprop='url' class=" dropdown-header mega-group-title" href="/index.php/en/mazaar/events-mazaar"   data-target="#">Events </a>

<div class="nav-child mega-group-ct"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="617" data-level="3">
<a itemprop='url' class="" href="/index.php/en/mazaar/events-mazaar/wisaal-dates"   data-target="#">Wisaal Dates </a>

</li>
<li itemprop='name'  data-id="672" data-level="3">
<a itemprop='url' class="" href="/index.php/en/mazaar/events-mazaar/urs-shareef-1435"   data-target="#">Urs Shareef </a>

</li>
<li itemprop='name'  data-id="618" data-level="3">
<a itemprop='url' class="" href="/index.php/en/mazaar/events-mazaar/mazaar-opening-1434"   data-target="#">Mazaar opening 1434 </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
<li itemprop='name'  data-id="637" data-level="2">
<a itemprop='url' class="" href="/index.php/en/mazaar/contact-mazaar"   data-target="#">CONTACT </a>

</li>
</ul>
</div></div>
<div class="span3 mega-col-nav" data-width="3"><div class="mega-inner">
</div>
</div></div>
</li>
<li itemprop='name' class="dropdown mega" data-id="487" data-level="1">
<a itemprop='url' class=" dropdown-toggle" href="/index.php/en/quran-institute"   data-target="#" data-toggle="dropdown">Madressa <em class="caret"></em></a>

<div class="nav-child dropdown-menu mega-dropdown-menu"  style="width: 560px"  data-width="560"><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span5 mega-col-nav" data-width="5"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1">
<li itemprop='name' class="mega mega-group" data-id="639" data-level="2" data-group="1">
<a itemprop='url' class=" dropdown-header mega-group-title" href="/index.php/en/quran-institute/history"   data-target="#">Our Heritage... </a>

<div class="nav-child mega-group-ct"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="640" data-level="3">
<a itemprop='url' class="" href="/index.php/en/quran-institute/history/madressa-heritage"   data-target="#">Habibia Soofie Madressa </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
<li itemprop='name' class="mega mega-group" data-id="641" data-level="2" data-group="1">
<a itemprop='url' class=" dropdown-header mega-group-title" href="/index.php/en/quran-institute/present-mazaar"   data-target="#">Present </a>

<div class="nav-child mega-group-ct"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="644" data-level="3">
<a itemprop='url' class="" href="/index.php/en/quran-institute/present-mazaar/mazaar-opening-1434"   data-target="#">Madressa News </a>

</li>
<li itemprop='name'  data-id="642" data-level="3">
<a itemprop='url' class="" href="/index.php/en/quran-institute"   data-target="#">Madressa Prospectus</a>

</li>
<li itemprop='name'  data-id="669" data-level="3">
<a itemprop='url' class="" href="/index.php/en/quran-institute/present-mazaar/nursery"   data-target="#">Habibia Junior Madressa </a>

</li>
<li itemprop='name'  data-id="674" data-level="3">
<a itemprop='url' class="" href="/index.php/en/quran-institute/present-mazaar/madrasah-publications" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes');return false;"   data-target="#">Madressa Publications </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
<li itemprop='name' class="dropdown-submenu mega" data-id="683" data-level="2">
<a itemprop='url' class="" href="/index.php/en/quran-institute/contact-3"   data-target="#">CONTACT </a>

<div class="nav-child dropdown-menu mega-dropdown-menu"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="765" data-level="3">
<a itemprop='url' class="" href="/index.php/en/quran-institute/contact-3/application-form" target="_blank"   data-target="#">Applications </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
</ul>
</div></div>
<div class="span4 mega-col-nav" data-width="4"><div class="mega-inner">
<div class="span3 mega-col-nav" data-width="3"><div class="mega-inner">
</div>
</div></div>
</li>
<li itemprop='name' class="dropdown mega" data-id="488" data-level="1">
<a itemprop='url' class=" dropdown-toggle" href="/index.php/en/community"   data-target="#" data-toggle="dropdown">Community <em class="caret"></em></a>

<div class="nav-child dropdown-menu mega-dropdown-menu"  style="width: 560px"  data-width="560"><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span4 mega-col-nav" data-width="4"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1">
<li itemprop='name' class="mega mega-group" data-id="657" data-level="2" data-group="1">
<a itemprop='url' class=" dropdown-header mega-group-title" href="/index.php/en/community/articles-2"   data-target="#">Articles </a>

<div class="nav-child mega-group-ct"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="688" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/articles-2/basic-aspects-of-islam"   data-target="#">Basic Aspects of Islam </a>

</li>
<li itemprop='name'  data-id="686" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/articles-2/naseegah"   data-target="#">Naseegah </a>

</li>
<li itemprop='name'  data-id="690" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/articles-2/hajj"   data-target="#">Hajj </a>

</li>
<li itemprop='name'  data-id="687" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/articles-2/auliya-allah"   data-target="#">Auliya Allah </a>

</li>
<li itemprop='name'  data-id="693" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/articles-2/islamic-months"   data-target="#">Islamic Months </a>

</li>
<li itemprop='name'  data-id="689" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/articles-2/contemporary-issues"   data-target="#">Contemporary Issues </a>

</li>
<li itemprop='name'  data-id="691" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/articles-2/islam-in-sa"   data-target="#">Islam in SA </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
<li itemprop='name' class="mega mega-group" data-id="663" data-level="2" data-group="1">
<a itemprop='url' class=" dropdown-header mega-group-title" href="/index.php/en/community/social"   data-target="#">Social </a>

<div class="nav-child mega-group-ct"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="664" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/social/donate"   data-target="#">Donate </a>

</li>
<li itemprop='name'  data-id="665" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/social/cemetery"   data-target="#">Cemetery </a>

</li>
<li itemprop='name'  data-id="661" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/social/articles-2"   data-target="#">Outreach </a>

</li>
<li itemprop='name'  data-id="694" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/social/arabic-language-services" target="_blank"   data-target="#">Arabic Translation </a>

</li>
<li itemprop='name'  data-id="662" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/social/youth"   data-target="#">Youth </a>

</li>
<li itemprop='name'  data-id="695" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/social/online-ads" target="_blank"   data-target="#">Online Ads </a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
<li itemprop='name'  data-id="685" data-level="2">
<a itemprop='url' class="" href="/index.php/en/community/contact-4"   data-target="#">CONTACT </a>

</li>
<li itemprop='name'  data-id="666" data-level="2">
<a itemprop='url' class="" href="/index.php/en/community/contact-community"   data-target="#">CONTACT </a>

</li>
<li itemprop='name'  data-id="788" data-level="2">
<a itemprop='url' class="" href="/index.php/en/community/habibia-archives"   data-target="#">Habibia Archives </a>

</li>
<li itemprop='name' class="dropdown-submenu mega" data-id="785" data-level="2">
<a itemprop='url' class="" href="/index.php/en/community/islam-in-south-africa"   data-target="#">Islam in South Africa </a>

<div class="nav-child dropdown-menu mega-dropdown-menu"  ><div class="mega-dropdown-inner">
<div class="row-fluid">
<div class="span12 mega-col-nav" data-width="12"><div class="mega-inner">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2">
<li itemprop='name'  data-id="786" data-level="3">
<a itemprop='url' class="" href="/index.php/en/community/islam-in-south-africa/articles"   data-target="#">Articles </a>

</li>
<li itemprop='name'  data-id="787" data-level="3">
<a itemprop='url' class="" href="https://uwc.primo.exlibrisgroup.com/discovery/fulldisplay?docid=alma993177365903721&amp;context=L&amp;vid=27UWC_INST:UWC&amp;lang=en&amp;search_scope=MyInst_and_CI&amp;adaptor=Local%20Search%20Engine&amp;tab=Everything&amp;query=any,contains,luqmaan&amp;mode=Basic" target="_blank"   data-target="#">Nutrition in SA</a>

</li>
</ul>
</div></div>
</div>
</div></div>
</li>
</ul>
</div></div>
<div class="span4 mega-col-nav" data-width="4"><div class="mega-inner">
<div class="span4 mega-col-nav" data-width="4"><div class="mega-inner">
</div>
</div></div>
</li>
<li itemprop='name' class="current active" data-id="479" data-level="1">
<a itemprop='url' class="" href="/index.php/en/contact"   data-target="#">Contact </a>

</li>
</ul>
</div>
        		</div>
		
		  		  <!-- HEAD SEARCH -->   
		  <div id="social-link-block" class="social-link pull-right">
			

<div class="custom"  >
	<p> </p>
<!-- AddThis Follow BEGIN -->
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53b9439f162c9fd5"></script>
<!-- AddThis Follow END --></div>

		  </div>
		  <!-- //HEAD SEARCH -->
		    		
            <a href="#fixel-top-panel" id="fixel-top-pannel-link" class="top-pannel-link t3-hide" aria-hidden="true">
        <i class="icon-chevron-down"></i>
      </a>
          </div>
  </div>
  
  <!-- SPOTLIGHT 1 -->
  	
<!-- SPOTLIGHT 1 -->
<div id="fixel-top-panel" class="t3-sl t3-sl-1" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="">
	<div class="container">
  	<!-- SPOTLIGHT -->
	<div class="t3-spotlight t3-spotlight-1  row-fluid">
					<div class="span2 item-first" data-default="span2" data-xtablet="span4" data-tablet="span4" data-mobile="span50">
								<div class="t3-module module " id="Mod20"><div class="module-inner"><h3 class="module-title "><span>Top</span></h3><div class="module-ct">
<ul class="nav ">
<li class="item-783 active">	<a href="/index.php/en/masjid/programmes/meelad-un-nabi-saw-1437" >Al-Mawlid al-Nabawi al-Munawwar</a></li><li class="item-784">	<a href="/index.php/en/mazaar/present-mazaar/habibul-awraad" >Habibul Awraad</a></li><li class="item-677">	<a href="/index.php/en/?Itemid=642" >Habibia Soofie Madressa</a></li></ul>
</div></div></div>
							</div>
					<div class="span2 " data-default="span2" data-xtablet="span4" data-tablet="span4" data-mobile="span50">
								<div class="t3-module module " id="Mod28"><div class="module-inner"><h3 class="module-title "><span>Latest News</span></h3><div class="module-ct"><ul class="latestnews mod-list">
	<li itemscope itemtype="https://schema.org/Article">
		<a href="/index.php/en/community/articles-2/islam-in-sa/649-islam-in-south-africa" itemprop="url">
			<span itemprop="name">
				Islam in South Africa			</span>
		</a>
	</li>
	<li itemscope itemtype="https://schema.org/Article">
		<a href="/index.php/en/masjid/210-present/habibia-news/messages/643-notice" itemprop="url">
			<span itemprop="name">
				Notice			</span>
		</a>
	</li>
	<li itemscope itemtype="https://schema.org/Article">
		<a href="/index.php/en/community/articles-2/207-general/634-four-cases-of-drought2" itemprop="url">
			<span itemprop="name">
				Four Cases of Drought			</span>
		</a>
	</li>
	<li itemscope itemtype="https://schema.org/Article">
		<a href="/index.php/en/community/articles-2/207-general/628-foetal-mysteries" itemprop="url">
			<span itemprop="name">
				Foetal Mysteries			</span>
		</a>
	</li>
	<li itemscope itemtype="https://schema.org/Article">
		<a href="/index.php/en/masjid/programmes/meelad-un-nabi-saw-1437/619-meelad-programme-at-habibia" itemprop="url">
			<span itemprop="name">
				Habibia Meelad Programme Gallery			</span>
		</a>
	</li>
</ul>
</div></div></div>
							</div>
					<div class="span2 " data-default="span2" data-xtablet="span4" data-tablet="span4" data-mobile="span50">
								<div class="t3-module module " id="Mod101"><div class="module-inner"><h3 class="module-title "><span>Useful Links</span></h3><div class="module-ct">
<ul class="nav ">
<li class="item-789">	<a href="https://www.livingislam.org/" >Living Islam</a></li><li class="item-782">	<a href="http://etd.uwc.ac.za/handle/11394/6177" target="_blank" >Islamic perspectives on nutrition</a></li><li class="item-781">	<a href="https://youtu.be/NSpkHvIvRNg" target="_blank" >Tafsir of Surah al-Fatihah</a></li><li class="item-767">	<a href="https://www.facebook.com/mnkagee/videos/10155736124594902/" >Habibia Well-point</a></li><li class="item-681"><a href="/index.php/en/welcome" >Welcome</a></li><li class="item-725">	<a href="https://www.youtube.com/channel/UCvGMJ4_0Xt7wW10w2kMaQxg" target="_blank" >Habibia on YouTube!</a></li><li class="item-704">	<a href="http://habibiamosque.org.za/index.php/en/community/articles-2/basic-aspects-of-islam" target="_blank" >Community- Articles</a></li><li class="item-678"><a href="/index.php/en/login" >Login</a></li><li class="item-790">	<a href="http://www.marifah.info/" >Ma'rifah</a></li></ul>
</div></div></div>
							</div>
					<div class="span2 " data-default="span2" data-xtablet="span6" data-tablet="span6" data-mobile="span50">
								<div class="t3-module module black " id="Mod39"><div class="module-inner"><h3 class="module-title "><span>Who's Online</span></h3><div class="module-ct">
			<p>We have 59&#160;guests and no members online</p>

</div></div></div>
							</div>
					<div class="span4 item-last" data-default="span4" data-xtablet="span6" data-tablet="span6">
								<div class="t3-module module " id="Mod100"><div class="module-inner"><h3 class="module-title "><span>In the Name of Allah</span></h3><div class="module-ct">

<div class="custom"  >
	<p><strong>In the Name of Allah, Most Gracious, Most Merciful.</strong></p>
<p><strong>Welcome to the home of the <span style="color: #ffcc00;"><em>Chisti Silsilah</em></span> in the Western Cape.</strong></p></div>
</div></div></div><div class="t3-module module " id="Mod63"><div class="module-inner"><div class="module-ct"><div class="search">
	<form action="/index.php/en/contact" method="post" class="form-inline form-search">
		<label for="mod-search-searchword" class="element-invisible">Search ...</label> <input name="searchword" id="mod-search-searchword" maxlength="200"  class="input" type="text" size="20" placeholder="Search" /> <button class="button btn btn-primary" onclick="this.form.searchword.focus();">Search</button>		<input type="hidden" name="task" value="search" />
		<input type="hidden" name="option" value="com_search" />
		<input type="hidden" name="Itemid" value="479" />
	</form>
</div>
</div></div></div>
							</div>
			</div>
<!-- SPOTLIGHT -->
  </div>
</div>
<!-- //SPOTLIGHT 1 -->

  <!-- //SPOTLIGHT 1 -->
</nav>
<!-- //MAIN NAVIGATION -->




    
<section id="t3-mainbody" class="container t3-mainbody">
  <div class="row">
    
    <!-- MAIN CONTENT -->
    <div id="t3-content" class="t3-content span12"  data-default="span12">
	  <div class="main-content">
        <div id="system-message-container">
	</div>

        <div class="contact">
		
	<div class="contact-wrap clearfix">

				<div class="contact-col1 span8">
			<div class="contact-view">
		
			
						
							<form action="#" method="get" name="selectForm" id="selectForm">
					Select a contact:					<select id="id" name="id" class="input" onchange="document.location.href = this.value">
	<option value="/index.php/en/contact" selected="selected">Habibia Contact</option>
	<option value="/index.php/en/contact/245-habibia-soofie-saheb-masjid/80-nadira-kagee">Nadira Kagee</option>
</select>
				</form>
						
																
						
			
							<h3>Contact</h3>
						
							<div class="contact-misc">
					<p>{jamap}</p>
<p>Habibia Soofie Saheb Masjid A Spiritual Legacy of serving the community! Established in 1323 H / 1905</p>
<p>Website maintained by: <a href="/index.php/en/community/contact-4/16" target="_blank">Moulana Mohammed Luqmaan Kagee</a></p>				</div>
			
							<dl class="contact-position dl-horizontal">
					<dd>
						Head Imam					</dd>
				</dl>
						
			<div class="contact-address dl-horizontal">
			<div class="contact-info">
						
				<span class="jicons-text" >
					<i class="icon-home"></i>
					Address: 				</span>
			
							<span class="contact-street">
					63 Flat Road,
Rylands Estate
<br/>				</span>
					</div>
		<div class="contact-info">
							<span class="contact-suburb">
					Cape Town<br/>				</span>
								</div>
		<div class="contact-info">
							<span class="contact-postcode">
					7764<br/>				</span>
										<span class="contact-country">
					South Africa<br/>				</span>
					</div>
		
	
			<div class="contact-info">
			<span class="jicons-text" >
				<i class="icon-phone"></i>
				Phone: 			</span>
			<span class="contact-telephone">
				(+2721) 6386509			</span>
		</div>
		
			<div class="contact-info">
			<span class="jicons-text" >
				<i class="icon-print"></i>
				Fax: 			</span>
			<span class="contact-fax">
			(+2721) 6332304			</span>
		</div>
		
			<div class="contact-info">
			<span class="jicons-text" >
				<i class="icon-envelope"></i>
				Email: 			</span>
			<span class="contact-emailto">
				<span id="cloak28aa78187e942d6a222351c78f58ac89">This email address is being protected from spambots. You need JavaScript enabled to view it.</span><script type='text/javascript'>
				document.getElementById('cloak28aa78187e942d6a222351c78f58ac89').innerHTML = '';
				var prefix = '&#109;a' + 'i&#108;' + '&#116;o';
				var path = 'hr' + 'ef' + '=';
				var addy28aa78187e942d6a222351c78f58ac89 = '&#97;dm&#105;n' + '&#64;';
				addy28aa78187e942d6a222351c78f58ac89 = addy28aa78187e942d6a222351c78f58ac89 + 'h&#97;b&#105;b&#105;&#97;m&#111;sq&#117;&#101;' + '&#46;' + '&#111;rg' + '&#46;' + 'z&#97;';
				var addy_text28aa78187e942d6a222351c78f58ac89 = '&#97;dm&#105;n' + '&#64;' + 'h&#97;b&#105;b&#105;&#97;m&#111;sq&#117;&#101;' + '&#46;' + '&#111;rg' + '&#46;' + 'z&#97;';document.getElementById('cloak28aa78187e942d6a222351c78f58ac89').innerHTML += '<a ' + path + '\'' + prefix + ':' + addy28aa78187e942d6a222351c78f58ac89 + '\'>'+addy_text28aa78187e942d6a222351c78f58ac89+'<\/a>';
		</script>			</span>
		</div>
		
	</div>

							Download information as:					<a href="/index.php/en/contact?format=vcf">
					vCard</a>
			
			
						

					</div>
		</div>
		<div class="contact-col2 span4">
			<div class="contact-view">
		
		
					
			
							<h3>Contact Form</h3>							
			
<div class="contact-form">
	<form id="contact-form" action="/index.php/en/contact" method="post" class="form-validate form-horizontal">
		<fieldset>
			<legend>Send an Email. All fields with an asterisk (*) are required.</legend>
			<div class="control-group-header">
				<div class="control-contact">
					<label id="jform_contact_name-lbl" for="jform_contact_name" class="hasPopover required" title="Name" data-content="Your name.">
	Name<span class="star">&#160;*</span></label>
					<input type="text" name="jform[contact_name]" id="jform_contact_name"  value="" class="required" size="30"       required aria-required="true"      />
				</div>
				<div class="control-contact">
					<label id="jform_contact_emailmsg-lbl" for="jform_contact_emailmsg" class="hasPopover required" title="Subject" data-content="Enter the subject of your message here.">
	Subject<span class="star">&#160;*</span></label>
					<input type="text" name="jform[contact_subject]" id="jform_contact_emailmsg"  value="" class="required" size="60"       required aria-required="true"      />
				</div>
				<div class="control-contact">
					<label id="jform_contact_email-lbl" for="jform_contact_email" class="hasPopover required" title="Email" data-content="Email Address for contact.">
	Email<span class="star">&#160;*</span></label>
					<input type="email" name="jform[contact_email]" class="validate-email required" id="jform_contact_email" value=""
 size="30"    autocomplete="email"    required aria-required="true"  />				</div>					
				<div class="control-contact">
					<label id="jform_contact_message-lbl" for="jform_contact_message" class="hasPopover required" title="Message" data-content="Enter your message here.">
	Message<span class="star">&#160;*</span></label>
					<textarea name="jform[contact_message]" id="jform_contact_message"  cols="50"  rows="10" class="required"      required aria-required="true"     ></textarea>				</div>		
			</div>
			<div class="re-captcha">
																																	<div class="control-group">
															<div class="control-label">
									<label id="jform_captcha-lbl" for="jform_captcha" class="hasPopover required" title="Captcha" data-content="Please complete the security check.">
	Captcha<span class="star">&#160;*</span></label>
																	</div>
								<div class="controls"><div id="jform_captcha" class=" required"></div></div>
													</div>
															</div>
			<div class="control-group-footer clearfix">
							
					<div class="control-group">
						<input type="checkbox" name="jform[contact_email_copy]" id="jform_contact_email_copy" value="1" />						<label id="jform_contact_email_copy-lbl" for="jform_contact_email_copy" class="hasPopover" title="Send a copy to yourself" data-content="Sends a copy of the message to the address you have supplied.">
	Send a copy to yourself</label>
					</div>
								<div class="control-group">
					<button class="btn btn-primary validate" type="submit">Send Email</button>
					<input type="hidden" name="option" value="com_contact" />
					<input type="hidden" name="task" value="contact.submit" />
					<input type="hidden" name="return" value="" />
					<input type="hidden" name="id" value="1:name" />
					<input type="hidden" name="ca1a71599b9ffaffb06ad940602aca0d" value="1" />				</div>
			</div>
		</fieldset>
	</form>
</div>
			
						
							
						
				
		
		
					</div>
		</div>
		
		
					</div>
</div>

	  </div>
    </div>
    <!-- //MAIN CONTENT -->

        
    
  </div>
</section> 
    
    
<!-- FOOTER -->
<footer id="t3-footer" class="wrap t3-footer">
  <div class="container">
    <div class="row">
        
            <div class="span8 copyright">
        <small>Copyright &#169; 2019 Habibia Soofie Saheb Masjid, Cape Town. All Rights Reserved. Designed by <a href="http://www.joomlart.com/" title="Visit Joomlart.com!" rel="nofollow">JoomlArt.com</a>.</small>
<small><a href="https://www.joomla.org">Joomla!</a> is Free Software released under the <a href="https://www.gnu.org/licenses/gpl-2.0.html">GNU General Public License.</a></small>
      </div>
      	  
	  <!-- FOOTER LOGO -->
      <div class="span4 pull-right">    
        
                <div class="poweredby">
          <a class="t3-logo t3-logo-light" href="http://t3-framework.org" title="Powered By T3 Framework" target="_blank" rel="nofollow">Powered by <strong>T3 Framework</strong></a>
        </div>
        
      </div>
      <!-- //FOOTER LOGO -->

    </div>
  </div>
</footer>
<!-- //FOOTER -->

<!-- BACK TO TOP -->
<div id="back-to-top" class="back-to-top t3-hide">
  <i class="icon-long-arrow-up"></i>
</div>
<script type="text/javascript">
  //<![CDATA[
  (function($){
    $(document).ready(function(){
      $('#back-to-top').click(function(){
        if($(this).hasClass('reveal')){
          $('html, body').stop(true).animate({
            scrollTop: 0
          });
        }
      });

      $(window).scroll(function(){
        $('#back-to-top')[$(window).scrollTop() > ($('#t3-mainbody').length ? $('#t3-mainbody').offset().top : 0) ? 'addClass' : 'removeClass']('reveal');
      });
    });
  })(jQuery);
  //]]>
</script>
<!-- //BACK TO TOP -->


    
<!-- POPUP VIEW -->
<div id="popup-view" class="t3-hide">
	<div id="popup-position">
		<div id="popup-content">
			<div class="popup-head">
				<a id="popup-close" href="/" class="btn-close pull-right icon-remove" title="Close">Close</a>
			</div>
			<div class="popup-nav pull-right">
				<a id="popup-prev" href="/" class="icon-chevron-left" title="Previous"><span>Previous</span></a>
				<a id="popup-next" href="/" class="icon-chevron-right" title="Next"><span>Next</span></a>
			</div>
			<div id="popup-loader" class="fade hide" data-backdrop="">
				<div class="ajax-indicator">Loading...</div>
			</div>
		</div>
	</div>
</div>
<!-- //POPUP VIEW -->

<!-- PAGE LOADER INDICATOR -->
<div id="page-loader" class="fade hide" data-backdrop="">
    <div class="ajax-indicator">Loading...</div>
</div>
<!-- //PAGE LOADER INDICATOR -->

<!-- ARTICLE LOADER INDICATOR -->
<div id="article-loader" class="fade hide" data-backdrop="">
    <div class="ajax-indicator">Loading...</div>
</div>
<!-- //ARTICLE LOADER INDICATOR -->
    
  </body>

</html>