<!DOCTYPE html>
<html lang="en">
<head>

    <!-- META -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <meta name="robots" content="" />    
    <meta name="description" content="" />
    
    <!-- FAVICONS ICON -->
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
    
    <!-- PAGE TITLE HERE -->
    <title> Membership | Global Communication Research Association (GCRA)</title>
    
    <!-- MOBILE SPECIFIC -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- [if lt IE 9]>
        <script src="js/html5shiv.min.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif] -->
    
    <!-- BOOTSTRAP STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/fontawesome/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="css/flaticon.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css">
    <link rel="stylesheet" type="text/css" href="css/magnific-popup.min.css">
    <link rel="stylesheet" type="text/css" href="css/loader.min.css">    
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" class="skin" type="text/css" href="css/skin/skin-1.css">
    <link rel="stylesheet" type="text/css" href="css/custom.css"> 
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,300italic,400italic,500,500italic,700,700italic,900italic,900' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800italic,800,700italic' rel='stylesheet' type='text/css'>
    <link href="http://fonts.googleapis.com/css?family=Crete+Round:400,400i&amp;subset=latin-ext" rel="stylesheet">

</head>

<body id="bg">

	<div class="page-wraper"> 
       	
        <!-- HEADER START -->
        <?php include('include/header.php');?>
        <!-- HEADER END -->
        
        <!-- CONTENT START -->
        <div class="page-content">
        
            <!-- INNER PAGE BANNER -->
            <div class="wt-bnr-inr overlay-wraper" style="background-image:url(images/background/bg-8.jpg);">
            	<div class="overlay-main bg-black opacity-07"></div>
                <div class="container">
                    <div class="wt-bnr-inr-entry">
                        <h1 class="text-white">Membership GCRA</h1>
                    </div>
                </div>
            </div>
            <!-- INNER PAGE BANNER END -->
            
            <!-- BREADCRUMB ROW -->                            
            <div class="bg-gray-light p-tb20">
            	<div class="container">
                    <ul class="wt-breadcrumb breadcrumb-style-2">
                        <li><a href="javascript:void(0);"><i class="fa fa-home"></i> Home</a></li>
                        <li>Membership</li>
                        <li>Membership GCRA</li>
                    </ul>
                </div>
            </div>
            <!-- BREADCRUMB ROW END -->
            
             
            <!-- ABOUT COMPANY SECTION START -->
            <div class="section-full p-t30 p-b40">
                <div class="container">
                	<!-- TITTLE START -->
                    
                    <!-- TITLE END -->                	
                    <div class="row">
                    	
                        <div class="col-md-12">
                        	
                        	<!-- <img src="images/about-pic.jpg" class="img-responsive pull-left m-r30"> -->
                            <div class="section-head text-left p-b10">
                                <h2 class="m-b0">Membership Global Communication Research Association (GCRA)</h2>
                            </div>
                        	
                        </div>
                        <!-- Form -->
                        <div class="col-md-12 container-fluid ">
                            <form action="" method="post"  class="border-1">
                                <!--<h2 class="text-center">New Membership form</h2>-->
                                <div class="row">
                                    <div class="mb-3 col-md-4 form-group"> 
                                        <label for="txtName" class="form-label">Full Name</label>
                                        <input type="text" class="form-control" name="name" id="" placeholder="Enter your name">
                                    </div>
                                    <div class="mb-3 col-md-4 form-group"> 
                                        <label for="txtEmil" class="form-label">Email</label>
                                        <input type="email" class="form-control" name="email" id="" placeholder="Enter your Email">
                                    </div>
                                    <div class="mb-3 col-md-4 form-group"> 
                                        <label for="mobilno" class="form-label">Mobile Number</label>
                                        <input type="text" class="form-control" name="mobile no." id="" placeholder="Enter your Mobile Number">
                                    </div>
                                
                                    <div class="mb-3 col-md-4 form-group"> 
                                        <label for="txtName" class="form-label">Other Telephone Number</label>
                                        <input type="text" class="form-control" name="" id="" placeholder="Enter your telephone Number">
                                    </div>
                                    <div class="mb-3 col-md-4 form-group">
                                        <label for="country">Country</label>
                                        <input type="text" class="form-control" name="" id="Enter country name">
                                    </div>
                                    <div class="mb-3 col-md-4 form-group">
                                        <label for="country">State</label>
                                        <input type="text" class="form-control" name="" id="Enter country name">
                                    </div>
                                
                                    <div class="mb-3 col-md-6 form-group">
                                        <label for="country">City/Distict</label>
                                        <input type="text" class="form-control" name="city" id="">
                                    </div>
                                    <div class="mb-3 col-md-6 form-group">
                                        <label for="municipality">Municipality</label>
                                        <input type="text" class="form-control" name="municipality" id="">
                                    </div>    
                               
                                    <div class="mb-3 col-md-6 form-group">
                                        <label for="ZiP code">ZIP/Postal Code</label>
                                        <input type="text" class="form-control" name="Zipcode" id="">
                                    </div>
                                    <div class="mb-3 col-md-6 form-group" >
                                        <label for="membership">Membership Type</label><br>
                                        <select name="selector" id="" class="form-control">
                                            <option value="Select Membership" class="selected">Select Membership</option>
                                            <option value="employed">Employed professionals</option>
                                            <option value="non-employed">Non-employed professionals</option>
                                            <option value="students">Students</option>
                                            <option value="life members">Life members</option>
                                            <option value="voting members">Voting members</option>
                                            <option value="associate members">Associate members</option>
                                            <option value="institutional members">Institutional members</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="mb-3 form-group">
                                    <label for="postage address">Postage Address</label><br>
                                    <textarea class="form-control" name="postage address" id="" cols="72" rows="5"></textarea>
                                </div>
                                <div class="mb-3 form-group">
                                    <label for="signature">Upload Signature</label>
                                    <input type="file" class="form-control" name="signature" id="" placeholder="upload signature">
                                </div>
                                <div class="text-right" style="border-radius:10px">
                                    <a href="#" type="submit" role="button" class="m-b15 site-button m-r15 radius-sm">Submit</a>
                                    <a href="#" type="reset" role="button" class="m-b15 site-button black m-r15 radius-sm">Reset</a>
                                </div>
                                
                            </form>
                        </div>     
                    </div>
                </div>
            </div>   
            <!-- ABOUT COMPANY SECTION END -->
                                
        </div>
        <!-- CONTENT END -->
        
        <!-- FOOTER START -->
        <?php include('include/footer.php');?>
        <!-- FOOTER END -->
        
       
        
    </div>
    

<!-- JAVASCRIPT  FILES ========================================= --> 
<script type="text/javascript"  src="js/jquery-1.12.4.min.js"></script><!-- JQUERY.MIN JS -->
<script type="text/javascript"  src="js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script type="text/javascript"  src="js/bootstrap-select.min.js"></script><!-- FORM JS -->
<script type="text/javascript"  src="js/jquery.bootstrap-touchspin.min.js"></script><!-- FORM JS -->
<script type="text/javascript"  src="js/magnific-popup.min.js"></script><!-- MAGNIFIC-POPUP JS -->
<script type="text/javascript"  src="js/waypoints.min.js"></script><!-- WAYPOINTS JS -->
<script type="text/javascript"  src="js/counterup.min.js"></script><!-- COUNTERUP JS -->
<script type="text/javascript"  src="js/waypoints-sticky.min.js"></script><!-- COUNTERUP JS -->
<script type="text/javascript" src="js/isotope.pkgd.min.js"></script><!-- MASONRY  -->
<script type="text/javascript"  src="js/owl.carousel.min.js"></script><!-- OWL  SLIDER  -->
<script type="text/javascript"  src="js/stellar.min.js"></script><!-- PARALLAX BG IMAGE   --> 
<script type="text/javascript"  src="js/scrolla.min.js"></script><!-- ON SCROLL CONTENT ANIMTE   --> 
<script type="text/javascript"  src="js/custom.js"></script><!-- CUSTOM FUCTIONS  -->

 
</body>
</html>
