<div class="container">







	

	

    <!--Start Tab Heading -->

	

	

	

    <!-- End Tab Heading -->

	

    <!-- Start Team Members -->

	

	



    <!-- End Team Members -->

	

	

	

    <!-- Start Our Values -->

	

    

	

    <!--End Our Values-->



    <!-- Start Our Benefits-->



    

	

    <!--End Our Benefits-->

	

	

	

    <!--Start Location -->



	

	

    <!--End of Locations -->

	

	

	



    <!--Start Stay In Touch -->





    <div id="stay" class="tabcontent">

  

        

  

     

  

       

        <div class="row" style=" text-align: center;">

  

       

		

            <!--div class="col-sm-3">

			

			

			

                <a href="https://www.facebook.com/OakBendMedicalCenter/" target="_blank"><img src="img/images.png" class="ms1" style="width:30%;"></a>

			

			

			

            </div-->

         

		 

		 

            <!--div class="col-sm-3">

			

			

			

                <a href="https://twitter.com/oakbendmedical" target="_blank"><img src="img/tw.png" class="ms2" style="width:30%;"></a>

			

			

			

            </div-->

			

            <!--div class="col-sm-3">

			

			

			

                <a href="https://www.linkedin.com/company/oakbend-medical-center" target="_blank"><img src="img/download.png"  class="ms1" style="width:30%;"></a>

			

			

            

			</div-->

          

            <!--div class="col-sm-3">

			

			

			

                <a href="https://www.instagram.com/explore/locations/714126920/" target="_blank"><img src="img/download.jpg" class="ms2" style="width:30%;" ></a>

            

			

            

			</div-->

			

  

        </div>

		

		

  

    </div>

	///////////////

    <!--End Stay In Touch -->



    </div>

  

    <!--End Backgroung Image Section -->

	

  

    <!--Start Footer Section -->



	<div class="col-sm-12" style="background-color: #333;position: relative;">

	

	

	            <header style="border-bottom: 1px solid #555;padding: 10px 0;margin-bottom: 20px;">

            

			            <div id="bottom-logo"></div>

			

                        <p class="mytop" id="back-top" style="position: absolute;right: 0;top: 11px;margin-bottom: 10px;line-height: 20px;">

						

                            <a href="#top" style="display: block;width: 27px;background: url(https://www.oakbendmedcenter.org/old-site/wp-content/themes/musica/images/icons/back-top-icon.png) no-repeat center #1e7fd1;text-indent: -9999px;font-size: 0;height: 27px;border-radius: 50%;float: left;position: relative;z-index: 0;"></a>

							

                        </p>

            

                </header>

	

	

	    <div class="col-sm-6" style="padding-top: 1%;">

			

			<a style="color:#fff">

	

                <div style="background:#1e7fd1; padding:20px; float:left; border-radius: 0px 41px 0px 42px;-moz-border-radius: 0px 41px 0px 42px;-webkit-border-radius: 0px 41px 0px 42px;"><b>Main Campus Address:</b> 1705 Jackson Street, Richmond, Texas 77469<br><b>Phone:</b> 281-341-3000</div>

					

		    </a>

			

		</div>

			

		<div class="col-sm-6">

			

			<a href="# " style="color: #428bca;">

	

                <img src="https://www.oakbendmedcenter.org/old-site/wp-content/uploads/2016/02/oakbend-awards-2016.png" style="width:100%;">

			

			</a>

			

		</div>

		

	</div>

	

	</div> 

	

    <!--End of Main Container -->

	

	<!-- Start of Footer Section -->



	<footer id="page-footer" style="background-color: #222;padding: 15px 0; font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #444;">

    

	            <div class="wrapper clearfix">

        

                    <div id="copyright" style="text-align: center;margin-bottom: 0;">

		

		                <a href="# " style="color: #428bca;text-decoration: none;"></a>

		

		                    <p><a href="# " style="color: #428bca;text-decoration: none;">Copyright Oakbend 2016 Powered By </a> <a href="http://emrspg.com/" target="_blank" style="color: #428bca;text-decoration: none;">EMR Support Group</a></p>

        

		            </div>

		

		            <div id="copyright" style="float: left;margin-bottom: 0;"></div>

        

                </div>

	

    </footer>

	<!--End Footer Section -->

	

   

   

   

   

   <script>

    

    

    

    

    var markers = new Array();

var map;



var locations = [

    ['<h4>Jackson Street, 1705 Jackson Street, Richmond, TX</h4>', 29.576525,-95.7727607],

    ['<h4>Williams Way, 22003 Southwest Fwy, Richmond, TX</h4>', 29.5550873,-95.7160564],

    ['<h4>Hospital For Surgical Excellence of OakBend, 1211 Hwy 6, Sugar Land, TX</h4>', 29.6050275,-95.6381821],

    ['<h4>OakBend Medical Group, 4911 Sandhill Dr, Sugar Land, TX</h4>', 29.6000259,-95.6846913],

    ['<h4>River Oaks Surgical Center, 4120 Southwest Fwy #100, Houston, TX</h4>', 29.7296927,-95.4462424],

    ['<h4>Elite Center for Minimally Invasive Surgery, 6655 Travis St #200, Houston, TX</h4>', 29.7094407,-95.4058171],

	['<h4>Houston Metro Orthopedic and Spine Surgery, 4219 Richmond Ave, Houston, TX</h4>', 29.7094407,-95.4058171],

	['<h4>Grand Parkway Emergency Center at OakBend Medical Building, 7830 West Grand Parkway South #170, Richmond, TX</h4>', 29.662322,-95.7473737]

];



// Setup the different icons and shadows

var iconURLPrefix = 'http://maps.google.com/mapfiles/ms/icons/';



var icons = [

iconURLPrefix + 'red-dot.png',

iconURLPrefix + 'green-dot.png',

iconURLPrefix + 'green-dot.png',

iconURLPrefix + 'red-dot.png',

iconURLPrefix + 'purple-dot.png',

iconURLPrefix + 'green-dot.png']

var iconsLength = icons.length;



    

    

    

    

    

    

function initialize() {

    

    

    map = new google.maps.Map(document.getElementById('map'), {

        zoom: 12,

        center: new google.maps.LatLng(29.6000259,-95.6846913),

        mapTypeId: google.maps.MapTypeId.ROADMAP,

        mapTypeControl: false,

        streetViewControl: false,

        panControl: false,

        zoomControlOptions: {

            position: google.maps.ControlPosition.LEFT_BOTTOM

        }

    });





    var infowindow = new google.maps.InfoWindow({

        maxWidth: 160

    });



    var iconCounter = 0;



    // Add the markers and infowindows to the map

    for (var i = 0; i < locations.length; i++) {

        var marker = new google.maps.Marker({

            position: new google.maps.LatLng(locations[i][1], locations[i][2]),

            map: map,

            icon: icons[iconCounter],

            title: 'Click to zoom'

        });



        markers.push(marker);



        google.maps.event.addListener(marker, 'mouseover', (function (marker, i) {



            return function () {

                infowindow.setContent(locations[i][0]);

                infowindow.open(map, marker);

                //map.setZoom(9);

                //map.setCenter(marker.getPosition());	

            }

        })(marker, i));



        google.maps.event.addListener(marker, 'click', (function (marker, i) {



            return function () {

                infowindow.setContent(locations[i][0]);

                infowindow.open(map, marker);

                map.setZoom(9);

                map.setCenter(marker.getPosition());

            }

        })(marker, i));





        iconCounter++;

        // We only have a limited number of possible icon colors, so we may have to restart the counter

        if (iconCounter >= iconsLength) {

            iconCounter = 0;

        }



    }

    autoCenter();

    

    

    

    

    

}

    

    

    

    

    

google.maps.event.addDomListener(window,'click',initialize);

function triggerClick(i) {

    initialize()

    alert(i);

    google.maps.event.trigger(markers[i], 'click');

    //map.getBounds();	

}









function autoCenter() {

    //  Create a new viewpoint bound

    var bounds = new google.maps.LatLngBounds();

    //  Go through each...

    for (var i = 0; i < markers.length; i++) {

        bounds.extend(markers[i].position);

    }

    //  Fit these bounds to the map

    map.fitBounds(bounds);

}







</script>