403Webshell
Server IP : 192.249.121.117  /  Your IP : 216.73.216.251
Web Server : Apache
System : Linux ded4606.inmotionhosting.com 3.10.0-1160.81.1.el7.x86_64 #1 SMP Fri Dec 16 17:29:43 UTC 2022 x86_64
User : oakben5 ( 1001)
PHP Version : 7.4.33
Disable Function : exec,passthru,shell_exec,system
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /home/oakben5/public_html/career/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ Back ]     

Current File : /home/oakben5/public_html/career/ss.html
<!DOCTYPE html>



<html lang="en">

    <head>

     <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

		 

	<link href="https://fonts.googleapis.com/css?family=Damion" rel="stylesheet">

	<!--Map Tag -->

	

     <title>OakBend Med Center</title>

    <!-- Bootstrap -->

    <link href="css/bootstrap.min.css" rel="stylesheet">

    <link href="css/style.css" rel="stylesheet">

    </head>

    

    

    

    

    <body>

   

   

   

   

   

   <section>

        

       <div class="container">

           <div class="row">

          <div class="tpp">

	  

        <div class="row">

	

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

	

		        <img style="vertical-align: middle;width:40%;" src="img/oakbend_01.png" alt="OakBend Med Center">

	

	        </div>

	<div class="col-sm-3"><img src="https://www.oakbendmedcenter.org/old-site/wp-content/uploads/2014/09/Online-Medical-Records.png" class="spimg" >

	</div>

	        

			

	

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

	

             	

				

				<a href="#" target="_blank" > <img border="0" src="http://www.nxnotes.com/pb/rateus_buttons/rateus_thumbsup_blue_200x60.png"></a>

        

            </div>         

           

		   

		   

        </div>

		

	</div> 

           </div>

           

           

           

       </div> 

        

    </section>

   

   <section>

        

        <div class="container">

          <div class="row">

          

           <nav class="navbar navbar-default" >

        

		<div class="container-fluid">

          

		    <div class="navbar-header">

            

			    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

                    <span class="sr-only">Toggle navigation</span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                </button>

          

            </div>

			

    <!-- Main Menu -->

		

            <div id="navbar" class="navbar-collapse collapse" >

			

            <ul class="nav navbar-nav">

			

              <li class="active"><a href="#" style="color: #fff;">Home</a></li>

              <li><a href="#" style="color: #fff;">About Us</a></li>

              <li><a href="#" style="color: #fff;">Services</a></li>

              <li><a href="#" style="color: #fff;">Locations</a></li>

			  <li><a href="#" style="color: #fff;">Patients/Visitors</a></li>

			  <li><a href="#" style="color: #fff;">Way To Give</a></li>

			  <li><a href="#" style="color: #fff;">Contact Us</a></li>

			  <li><a href="#" style="color: #fff;">Blog</a></li>

			  <li><a href="#" style="color: #fff;">Pay My Bill</a></li>

			  

            </ul>

           

            </div>

			

    <!-- End Main Menu -->

			

        </div>

		

    </nav> 

            </div>

        </div>

    </section>

   

   

   <section style="position:relative" >

        <div class="container">

            

            <div class="row">

	

	    <img src="img/slider.jpg" style="width: 100%;">

		

	    <div class="shead">

		

	    <h2 class="ff" style="text-align: center;color: #FFF; font-size:35px;">WHERE <span id="itest" style="font-style: italic;font-family: 'Damion', cursive;font-size: larger;"> <i> ownership </i> </span> MATTERS</h2>

	

	    </div>

	

	</div>

            

            

        </div>

       

    </section>

     

     

   <section >

        <div class="container"  >

            

            <div class="me">

	

	<div class="row" id="search" >

	

	

        <div class="col-sm-2"><h4 style="

    font-weight: bold;

    color: #fff;

">Search Careers by:</h4></div>

		

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

	            

				<select class="form-control">

                <option selected>All Department</option>

                <option value="1">Allergy/Immunology</option>

                <option value="2">Anesthesiology</option>

                <option value="3">Cardiology</option>

                <option value="4">Cardiovascular</option>

                <option value="5">Dentistry</option>

                <option value="6">Diagnostic Radiology</option>

                <option value="7">Diseases of Breast</option>

                <option value="8">Emergency Medicine</option>

                <option value="9">ENT</option>

				<option value="10">Family Physician</option>

				<option value="11">Gastroenterology</option>

				<option value="12">General Surgery</option>

				<option value="13">Geriastric</option>

				<option value="14">Hand Surgery</option>

				<option value="15">Hematology</option>

				<option value="16">Infection Disease</option>

				<option value="17">Internal Medicine</option>

				<option value="18">Neonatology</option>

				<option value="19">Nephrology</option>

				<option value="20">Neurosurgery</option>

				<option value="21">Obstetrics</option>

				<option value="22">Opthalmology</option>

				<option value="23">Oral Surgery</option>

				<option value="24">Orthopedic Surgery</option>

				<option value="25">Otolaryngology</option>

				<option value="26">Pain Management</option>

				<option value="27">Pathology</option>

				<option value="28">Pediatrics</option>

				<option value="29">Physiatrics</option>

				<option value="30">Plastic Surgery</option>

				<option value="31">Podiatry</option>

				<option value="32">Psychiatry</option>

				<option value="33">Psychology</option>

				<option value="34">Pulmonology</option>

				<option value="35">Radiation Oncology</option>

				<option value="36">Radiation Therapy</option>

				<option value="37">Radiology</option>

				<option value="38">Spine Surgery</option>

				<option value="39">Sports Medicine</option>

				<option value="40">Surgical weight loss</option>

				<option value="41">Urology</option>

				<option value="42">Vasular Surgery</option>

				</select>

	

	    </div>

		

	<div class="rt">

		

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

		

		

	            <select class="form-control">

                <option selected>All Types </option>

                <option value="1">FT</option>

                <option value="2">PT</option>

                <option value="3">PRN</option>

                </select>

	

	    </div>

		

	</div>

		

	<div class="rt">

		

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

	

	           <select class="form-control">

               <option selected>All Locations</option>

               <option value="1">Jackson Street</option>

               <option value="2">Williams Way</option>

               <option value="3">Grand Parkway Emergency Center</option>

			   <option value="4">Imaging Center</option>

               <option value="5">Doctors' Center</option>

               <option value="6">New Territory</option>

               <option value="7">Sugar Land</option>

               <option value="8">Wharton</option>

               <option value="9">Hospital for Surgical Excellence</option>

			   <option value="10">Elite Minimally Invasive Surgery</option>

			   <option value="11">Metro Ortho and Spine Surgery Center</option>

			   <option value="12">River Oaks Surgery Center of OakBend Health Center</option>

               </select>

	

	    </div>

		

	</div>

		

	<div class="rt">

		

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

		

	        <div>

	            

				<input type="text" class="form-control" aria-label="Text input with checkbox" placeholder="Keyword search" style="z-index: 0;"> 

  	

            </div>

	

	    </div>

		

	</div>

		

	<div class="rt">

		

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

		<a href="emplist.html">

		

		        <button type="submit" class="btn btn-default">Search</button> </a>

				

		</div>

		

		

		

	</div>

		

    </div>

	

	

	</div>

            

        </div>

    </section>

   

   

   

   <section>

	    <div class="container">

        

        

        <div class="row">

            

            <ul class="nav nav-pills nav-justified">

   

  

        <li class="active"><a  data-toggle="tab" href="#team2">Our Team</a></li>

	    <li><a  data-toggle="tab" href="#values">Our   Values</a></li>

        <li><a  data-toggle="tab" href="#benefits">Our Benefits</a></li>

        <li><a id="showmap"  data-toggle="tab" href="#location" >Our Locations</a></li>

        <li><a  data-toggle="tab" href="#stay">Stay in Touch</a></li>

  

  

  

  

</ul>



<div class="tab-content">

  <div id="team2" class="tab-pane fade in active">

    

    

    <div>





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



            <div class="col-xs-6 col-md-3">

			

			    <div id="card" class="card"> 

  

                    <div class="front"> 

                        

						<img src="img/AI1.jpg">

                    <h3>Al Buga-ay, RN</h3>

					</div> 

					

                    <div class="back">

                    <img src="img/AI1.jpg">

					<p>“I love coming to work here. It’s a place where my input matters, where I’ve been able to grow, and where I want to stay for a long time.”</p>

                         

                    

					</div> 

					

                </div>

			

            </div>



                    <div class="col-xs-6 col-md-3">

			

			    <div id="card2" class="card"> 

                    

					<div class="front"> 

                        

						<img src="img/Chucksteen1.jpg">

                   

                   <h3>Charles Steen, Transporter</h3>

                   

                    </div> 

					

                    <div class="back">

					

                        <img src="img/Chucksteen1.jpg">

                        <p> “I love the daily excellence OakBend strives for. The family atmosphere has helped me to achieve my personal goals.” </p>

                    

					</div> 

                

				</div>

			

            </div>



            <div class="col-xs-6 col-md-3">

			

			    <div id="card3" class="card">

				

                    <div class="front">

					

                        <img src="img/Mariacardozo1.jpg">

				       <h3>Maria Cardozo, RRT</h3>

                    </div> 

					

                    <div class="back">

					

                        <img src="img/Mariacardozo1.jpg">

                        <p>“OakBend is a place of teamwork and communication where everybody cares for our community.”  </p>

                    </div> 

                

				</div>

            </div>

        

            <div class="col-xs-6 col-md-3">

			

			    <div id="card4" class="card"> 

				

                    <div class="front">

					

                        <img src="img/Kayla1.jpg">

                    <h3>Kayla Kuban, RN </h3>

					</div>

					

                    <div class="back">

					

                       <img src="img/Kayla1.jpg">

                    <p>“I love working at OakBend because of the compassionate and dedicated people I am surrounded by. We have a close knit community atmosphere. It’s like a big family!” </p>

					</div> 

					

                </div>

			

            </div>



        </div>

	

	<div class="col-sm-12 clearfix" style="clear:both">

	

        <p style="text-align: justify; font-size: medium;">OakBend Medical Center is an independent, nonprofit community hospital located in the heart of Fort Bend County, providing quality care and exemplary service with its three hospitals,

                                                           as well as many specialty centers. As a community hospital, caring for our patients is personal. Our patients are our neighbors, our family, and our friends. By acting with integrity and 

                                                           compassion, and each person taking ownership for providing quality care, we illustrate an absolute commitment to excellence in all that we do for our community. OakBend Medical Center

                                                           distintguishes itself among its healthcare peers in Fort Bend County by housing serveral unique programs and facilities including the county's only:</p>



        </div>

         

         

         <div class="box col-sm-4"><img src="ico/185929.png" height="50" alt=""> <h6>No Wait Emergency Room </h6></div>

         <div class="box col-sm-4"><img src="ico/147061.png" height="50" alt=""><h6>5-Star Hospital-based Skilled Nursing Facility </h6> </div>

         

         <div class="box col-sm-4"><img src="ico/dd.png"  height="50" alt=""><h6>Advanced Trauma Program </h6></div>

         <div class="box col-sm-4"> <img src="ico/ss.png"  height="50" alt=""><h6>Neonatal ICU with the capacity to care for babies up to 12 weeks premature </h6></div>

         <div class="box col-sm-4"><img src="ico/gt.png"  height="50" alt=""><h6>Acute Care for the Elderly(ACE)Unit</h6></div>

         <div class="box col-sm-4"><img src="ico/r.png" height="50" alt=""><h6>Geriatric Psychiatric Program</h6></div>

         

         

         

         

        

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



        <p style="text-align: justify;font-size: medium;">OakBend Medical Center is located 25 miles outside of downtown Houston with multiple locations throughout the county and greater Houston area.

                                                          We proudly serve the Fort Bend County community including the cities of Richmond, Rosenberg, Sugar Land, Missouri City, Needville, Fulshear, Katy, and Stafford. 

                                                          The OakBend Health System includes Hospital for Surgical Excellence in Sugar Land Texas, The Elite Center for Minimally Invasive Surgery, River Oaks Surgery Center, and Houston Orthopedic & Spine, all located in Houston,Tx. </p>



    </div>



    </div>

    

    

    

    

    

    

    

    

  </div>

  <div id="values" class="tab-pane fade ">

    

      <div >

	

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



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



                <p style="font-size: medium;"><strong><span style="color: #1e7fd1">We Embrace These Values<br>

                    

					</span></strong>Excellence<br>

                                     Integrity<br>

                                     Ownership<br>

                                    Compassion</p>

                    </br>



                <p style="font-size: medium;"><strong><span style="color: #1e7fd1">Our Mission</span></strong><br>

                                              To provide quality healthcare for every person in West Fort Bend County and adjacent communities regardless of ability to pay.</p>

                    

					

					</br>

 

                <p style="font-size: medium;"><strong><span style="color: #1e7fd1">Our Visionary Goal<br>

                    </span></strong>To be the community’s first choice in healthcare.</p>



            </div>



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

			

                <img  src="img/CareerPag.jpg" style="width: 100%;">



            </div>



        </div>



    </div>

      

      

  </div>

  <div id="benefits" class="tab-pane fade">

  

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

	

        <p style="text-align: center;font-size: medium;"> We offer a highly competitive compensation including day one health insurance. Our vendors include:</p>

  

        </br>

			

        <div class="row">

		

                <div class="col-sm-4"><a href="https://www.vsp.com/" target="_blank"><img src="img/vsp-sponsor.png" style="width: 70%;"></a></div>

				<div class="col-sm-4"><img src="img/new.png"></div>

				<div class="col-sm-4"><a href="https://www.vitality.co.uk/" target="_blank"><img src="img/logo_use.png" style="width: 70%;margin-top: 10%;"></a></div>

				

        </div>

		

    </br>

  

    <hr>

  

    </br>

	

	

        <div class="row">

		

                <div class="col-sm-4"><a href="https://www.lfg.com/public/individual" target="_blank"><img src="img/lfg-logo-2x.png" style="width:90%;"></a></div>

                <div class="col-sm-4"><a href="https://www.umr.com/tpa-ap-web/" target="_blank"><img src="img/header_logo.png" style="width: 65%;padding-left: 13%;padding-top: 10%;"></a></div>

                <div class="col-sm-4"><a href="https://www.legalshield.com/" target="_blank"><img src="img/logo.png" style="width: 80%;"></a></div>

        

		</div>

		

    </br>

  

    <hr>

  

    </br>

  

        <div class="row">

		

            <div class="col-sm-3"><img src="img/EAPLogo.png" style="width: 60%;"></div>

            <div class="col-sm-3"><img src="img/Unum-logo.png" style="padding-top: 10%;"></div>

            <div class="col-sm-3"><a href="https://www.humana.com/" target="_blank"><img src="img/guardian_dental_logo.png" style=" width:75%;"></a></div>

            <div class="col-sm-3"><img src="img/Humana_logo.png" style="width: 85%;padding-top: 15%;"></div>

   

        </div>

  

    </div>

  

  

  </div>

  <div  id="stay" class="tab-pane fade">

        

        <div >

          

          

          

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

		

            <div class="col-sm-6" style="background-color: rgba(79, 99, 101, 0.29);padding-top: 1%;">

			

                 

    

	                    <label class="checkbox-inline"  style="font-size: medium;">

                        <input type="checkbox" value="" style="font-size: medium;"> I want to stay in touch. Please send me occasional emails regarding recruitment events and OakBend news.

                        </label>

    

	            </br></br>

	

	                    <p style="font-size: medium;">I am a:(Please select one)</p>

	            </br>

	

	                    <label class="checkbox-inline"  style="font-size: medium;">

                        <input type="checkbox" value="" style="font-size: medium;"> RN

                        </label>

	            </br>

	

	                    <label class="checkbox-inline"  style="font-size: medium;">

                        <input type="checkbox" value="" style="font-size: medium;"> CNA

                        </label>

	            </br>

	

	                    <label class="checkbox-inline"  style="font-size: medium;">

                        <input type="checkbox" value="" style="font-size: medium;"> Tech

                        </label>

	            

				</br>

	

	                    <label class="checkbox-inline"  style="font-size: medium;">

                        <input type="checkbox" value="" style="font-size: medium;"> Other Healthcare Professional

                        </label>

						

						

						

	            

				</br>

	

	            </br>

	

	    <div class="row">

	

            <div class="col-lg-8">

	

                <div class="form-group">

      

                    <input type="text" class="form-control" placeholder="First Name" style="z-index: 0;">

	  

                </div>

	

            </div>

  

        </div>

		

        <div class="row">

		

            <div class="col-lg-8">

	

                <div class="form-group">

      

	                <input type="text" class="form-control" placeholder="Last Name" style="z-index: 0;">

      

                </div>

    

	        </div>

  

        </div>

	

   

        <div class="row">



            <div class="col-lg-8">

	

                <div class="form-group">

  

                    <input type="text" class="form-control"  placeholder="Email Address" style="z-index: 0;">

    

	            </div>

	

                

  

            </div>

  

        </div>

		

    

	

        <div>

		

            <button type="submit" class="btn btn-default" style="background-color: #286ea7;color: #e4e0e0;">Submit</button>

 

        </div>

		

     

            </div>

			

   

	

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

		

		

		

                <img src="images/StayinTouchImage.jpg" style="width: 100%;">

				

				<div class="col-sm-12" style="    padding-top: 10%;">

				

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

				

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

		        </div>

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

				<a href="https://twitter.com/oakbendmedical" target="_blank"><img src="img/tw.png" class="ms2" style="width:50%;"></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:50%;"></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:50%;" ></a>

				</div>

				</div>

				

				

        </div>

  

  

        </div>

         

         

         

         

         

          

          

          

          

</div>

        

        

        

</div> 



<div  id="location" class="tab-pane fade">

<div   >



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

		

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



				    <div class="row">



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

						

						

						    <div id="loc1" class="card"> 

							

                                <div class="front"> 

								

                                    <img src="images/JS.jpg">

		                            <h4 style="color:#286ea7;text-align: center;">Jackson Street Hospital</h4>

									

                                </div> 

								

                                <div class="back">

								

                                    

									<img src="images/JSaddress.jpg">

                                

								</div> 

                            

							</div>

					

					    </div>



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



						    <div id="loc2" class="card"> 

							

                                <div class="front"> 

								

                                    <img src="images/WW.jpg">

		                            <h4 style="color:#286ea7;text-align: center;">Williams Way Hospital</h4>

                                

								</div> 

                                

								<div class="back">

                                    

									 

									<img src="images/WWaddress.jpg">

                                

								</div> 

                            

							</div>

						

                        </div>





                    </div>

  

  

                    <div class="row" >



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



		                    <div id="loc3" class="card"> 

							

                                <div class="front"> 

								

                                    <img src="images/HSE.jpg" >

		                            <h4 style="color:#286ea7;text-align: center;">Hospital For Surgical Excellence</h4>

                                

								</div> 

                                

								<div class="back">

     

	                                

									

									<img src="images/HSEaddress.jpg">

                                

								</div> 

                            

							</div>						   

					



                        </div>





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

						

						    <div id="loc4" class="card"> 

                                

								<div class="front"> 

                                    

									<img src="images/NewTerritory.jpg">

		                            <h4 style="color:#286ea7;text-align: center;">New Territory Imaging Center</h4>

                                

								</div> 

								

                                <div class="back">

								

								<img src="images/Territoryaddress.jpg">

                                   

                         

                                

								</div> 

                            

							</div>

						

                        </div>





                    </div>

			

                    <div class="row">



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

						

						    <div id="loc5" class="card"> 

							

			                    <div class="front">

								

                                    <img src="images/RiverOaksCareerPagelogo.jpg">

		                            <h4 style="color:#286ea7;text-align: center;">River Oaks Surgery</h4>

                                

								</div> 

								

                                <div class="back">

								

                                    

								   <img src="images/Riveroaksaddress.jpg">

                                

								</div> 

                             

							</div>

						

                        </div>



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



						    <div id="loc6" class="card"> 

                                

								<div class="front"> 

                                    

									<img src="images/EliteCareerPagelogo.jpg">

		                            <h4 style="color:#286ea7;text-align: center;">Elite Minimally Invassive</h4>

                                

								</div> 

                                

								<div class="back">

                                    

									 

									<img src="images/Eliteminimallyaddress.jpg">

                                

								</div> 

                            </div>

						

                        </div>



                    </div>

					

					

					

					 <div class="row">



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

						

						    <div id="loc7" class="card"> 

							

			                    <div class="front">

								

                                    <img src="images/MetroCareerPagelogo.jpg">

		                            <h4 style="color:#286ea7;text-align: center;">Metro Ortho & Spine</h4>

                                

								</div> 

								

                                <div class="back">

								

                                 

								   <img src="images/Metroaddress.jpg">

                                

								</div> 

                             

							</div>

						

                        </div>



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



						    <div id="loc8" class="card"> 

                                

								<div class="front"> 

                                    

									<img src="images/GrandParkway.jpg">

		                            <h4 style="color:#286ea7;text-align: center;">Grand Parkway</h4>

                                

								</div> 

                                

								<div class="back">

                                    

									 

									<img src="images/Grandaddress.jpg">

                                

								</div> 

                            </div>

						

                        </div>



                    </div>



                </div>



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



                  

				

                </div>



        </div>



    </div>

</div>





</div>

            

            

            

            

        </div>

        

        

        

        

         

        

        

        

        

        

        

        

        

        

        

         <!--

        

        

        <div class="row"> 

	        

	        

           <ul class="tab" >

            

	    <li><a  id="test1" class="tablinks" onclick="openCity(event, 'team')">Our Team</a></li>

	    <li><a  class="tablinks" onclick="openCity(event, 'values')">Our   Values</a></li>

        <li><a  class="tablinks" onclick="openCity(event, 'benefits')">Our Benefits</a></li>

        <li><a  class="tablinks" onclick="openCity(event, 'location')">Our Locations</a></li>

        <li><a  class="tablinks" onclick="openCity(event, 'stay')">Stay in Touch</a></li>

  

    </ul>

          

          

          

           

           

           

           

           

           

           

           

           

          

          

          

          

          

          

          

          

          

          

          

          

          

          

          

          

          

           

           

           

            </div> 

            

             -->

	        

	        

</div>

	        

	    </div>

	</section>

   

   

   

   

   

   



   <ul class="nav">

    <li><a href="javascript:triggerClick(0)">location1</a>



    </li>

    <li><a href="javascript:triggerClick(1)">location2</a>



    </li>

    <li><a href="javascript:triggerClick(2)">location3</a>



    </li>

    <li><a href="javascript:triggerClick(3)">location4</a>



    </li>

</ul>

<div class="container">

    <div id="map" class="archive-map"></div>

</div>









<script src="http://maps.google.com/maps/api/js"></script>



<script>var markers = new Array();

var map;



var locations = [

    ['<h4>Delhi International Art Festival, New Delhi</h4>', 28.613939, 77.209021],

    ['<h4>ICCR - Horizon Series, New Delhi</h4>', 28.625439, 77.245715],

    ['<h4>Shree Arobindo Asharam, Pondecherry</h4>', 11.936761, 79.834314],

    ['<h4>With Shuba Mudgal, Florance, Italy</h4>', 43.769560, 11.255814],

    ['<h4>Classical Piano by S.A.I.D., London, UK</h4>', 51.507351, -0.127758],

    ['<h4>Piano Unplugged for Nartan Academy, US & Canada</h4>', 40.712784, -74.005941]

];



// 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: 10,

        center: new google.maps.LatLng(20.59, 78.96),

        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,'load',initialize);

function triggerClick(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>









<style>

    

    body {

    padding:0;

    margin:0;

}

.container {

     

}

.archive-map {

    width:100%;

    height:400px;

}

.nav {

    background:rgba(0, 0, 0, 0.5);

    width:100%;

    text-align:center;

    margin:0;

    padding-left:0;

}

.nav li {

    display:inline-block;

}

.nav li a {

    color:#fff;

    padding:10px;

    display:block;

    position:relative;

    z-index:100;

}</style>













<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

  

	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->

    <script src="js/bootstrap.min.js"></script>

	

	

	  

	

	  

    <script src="js/jquery.flip.js"></script>

	

   

    </body>

  

    </html>

Youez - 2016 - github.com/yon3zu
LinuXploit