HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/mobileivpuertorico/
Current File : /home/htlwork.com/www/dev/mobileivpuertorico/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Mobile IV Puerto Rico</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link href="css/swiper.min.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	
	<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
	
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
	
    <!-- Custom Fonts -->
	<link href="font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
	
	<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all"> 
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
	
<script>
$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});

$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.back-to-top').addClass("scroll");
    }
    else{
        $('.back-to-top').removeClass("scroll");
    }
});
</script>

</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<header class="header"> 
  <section class="head-top">   
    <div class="container-fluid">
      <div class="row">
      
	    <div class="col-sm-7 head-left">
		  <ul>
            <li><a href="tel:7876529200"><i class="fa-solid fa-phone"></i> <small class="hidden">Call Us</small><span>Call: 787 652 9200</span></a></li>
            <li><a href="mailto:info@mobileivpuertorico.com"><i class="fa-solid fa-envelope"></i> <small class="hidden">Email Us</small><span>Email: info@mobileivpuertorico.com</span></a></li>
          </ul>
        </div>
	  
	    <div class="col-sm-5 head-right">
		  <ul>
            <li><a href="#"><i class="fa-solid fa-user"></i> Login/Register</a></li>
			<li><a href="#"><i class="fa-regular fa-clock"></i> Schedule Now</a></li>
          </ul>	
        </div>	
                
      </div><!--/ row -->
    </div>
  </section>
  
  <nav>
    <div class="container-fluid">
      <div class="navbar">
        
		<i class='fa fa-navicon bx bx-menu'></i>
	    <div class="logo"><a href="index.html"><img src="images/logo.png" al="image"></a></div>
		
        <div class="nav-links">
	    
		  <div class="sidebar-logo">
		    <span class="logo-name"><img src="images/logo.png" al="image"></span>
            <i class="fa fa-close fa-xmark bx bx-x"></i>
		  </div>
		  
		  <ul class="links">			
            <li><a href="#">Home</a></li>		
			<li class="main-menu">
              <a href="#">In-Home Services</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="#">Vitamin IV Therapy</a></li>
				<li><a href="#">Special IV</a></li>
				<li><a href="#">Treatments</a></li>
				<li><a href="#">Medical Care</a></li>
              </ul>
            </li>
			
			<li><a href="#">Shipped To You</a></li>
			<li><a href="#">Community</a></li></a></li>
			<li><a href="#">Memberships</a></li></a></li></a></li>
			<li><a href="#">Locations</a></li>
			<li><a href="#">About Us</a></li>
			<li><a href="#">Contact us</a></li>
          </ul>
		</div><!--/ nav-links -->
		
      </div>
    </div><!--/ container -->
	
  </nav><!--/ nav -->
</header>

<section class="banner" id="Home">
  <div class="container-fluid">
    <div class="row">
	
	  <div class="col-sm-3 banner-left banner-col">
	    <figure data-animation="animated fadeInUp" class="">
		  <img src="images/banner-01.jpg" alt="image"  class="slide-image image-01"/>
		</figure>
		
		<!--img src="images/dummy-shape-01.png" alt="image" class="shape-01"/-->
		<div class="layer_img move_anim_two shape-03"><img src="images/dummy-shape-03.png" alt=""></div>
		  
		<!--div class="call-btn">
		  <div class="icon"><i class="fa fa-phone"></i></div>
		  <span>Online Support<a href="tel:07876529200"> 787 652 9200</a></span>
		</div-->
	  </div><!--/ banner-col -->

	  <div class="col-sm-6 banner-center banner-col">
	    <div class="slide-info">
		  <div class="slide-text text-center">
		    <h1>The Global Leader in Mobile <span>IV Therapy</span></h1>
			<p Class="mrb-40">Excepteur sint occaecat cupidatat non proident sunt <br>in culpa qui officia deserunt mollit.</p>    
            <p><a href="#" class="btn">Book IV Therapy <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> <a href="#" class="btn">View All Services <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
		  </div>
		</div><!--/ slide-info -->
	  </div>
	  
	  <div class="col-sm-3 banner-right banner-col text-end">
	    <figure data-animation="animated fadeInUp" class=""> 
		  <img src="images/banner-02.jpg" alt="image"  class="slide-image image-02"/>
		  <img src="images/banner-03.jpg" alt="image"  class="slide-image image-03"/>
		</figure>
		
		<div class="layer_img move_anim shape-02"><img src="images/dummy-shape-02.png" alt="image" class=""/></div>
	  </div><!--/ banner-col -->
	
	</div><!-- row -->
  </div><!-- container --> 
</section><!--/ banner -->

<section class="about-tag">
  <div class="container">
    <div class="row">  
	  
	  <div class="col-sm-4 col-at mrb-30">
	    <div class="box-padd">
		  <figure><a href="#"><img src="images/icon-01.png"></a></figure>
		  <div class="inner">
		    <h4>Mobile IV Therapy Services</h4>
		    <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest.</p>
		  </div>	  
        </div>
      </div>
	  
	  <div class="col-sm-4 col-at mrb-30">
	    <div class="box-padd">
		  <figure><a href="#"><img src="images/icon-02.png"></a></figure>
		  <div class="inner">
		    <h4>Mobile IV Treatment Menu</h4>
		    <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest.</p>
		  </div>	  
		</div>	  
      </div>	  
	  
	  <div class="col-sm-4 col-at mrb-30">
	    <div class="box-padd">
		  <figure><a href="#"><img src="images/icon-03.png"></a></figure>
		  <div class="inner">
		    <h4>Book Mobile IV Therapy Now</h4>
		    <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest.</p>
		  </div>	  
		</div>	  
      </div>	    
	  
    </div><!--/ row -->
  </div>
</section>  

<section class="services-wrap pad-t70">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 mrb-50 text-center aos-init aos-animate" data-aos="fade-up" data-aos-duration="2000">
	    <h2 class=""><small>Our Services</small>We Offer Better Service For You</h2>
		<p class="content">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-3 services-col aos-init" data-aos="fade-up" data-aos-duration="2000">
	    <div class="services-box">
		  <div class="number">01</div>
		  <figure>
		    <img src="images/icon-01.png" alt="Image">
		  </figure>
		  
		  <div class="info">
			<h4>Vitamin IV Therapy</h4>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eius mod tempor incididunt labore dolore magna.</p>
			<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
		  </div>
		  <div class="shape"><img src="images/services-01.jpg" alt=""></div>
		</div><!--/ services-box -->
	  </div><!--/ services-col -->  
	  
	  <div class="col-sm-3 services-col aos-init" data-aos="fade-up" data-aos-duration="2000">
	    <div class="services-box">
		  <div class="number">02</div>
		  <figure>
		    <img src="images/icon-05.png" alt="Image">
		  </figure>
		  
		  <div class="info">
			<h4>Special IV</h4>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eius mod tempor incididunt labore dolore magna.</p>
			<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
		  </div>
		  <div class="shape"><img src="images/services-02.jpg" alt=""></div>
		</div><!--/ services-box -->
	  </div><!--/ services-col -->  
	  
	  <div class="col-sm-3 services-col aos-init" data-aos="fade-up" data-aos-duration="2000">
	    <div class="services-box">
		  <div class="number">03</div>
		  <figure>
		    <img src="images/icon-06.png" alt="Image">
		  </figure>
		  
		  <div class="info">
			<h4>Treatments</h4>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eius mod tempor incididunt labore dolore magna.</p>
			<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
		  </div>
		  <div class="shape"><img src="images/services-03.jpg" alt=""></div>
		</div><!--/ services-box -->
	  </div><!--/ services-col -->  
	  
	  <div class="col-sm-3 services-col aos-init" data-aos="fade-up" data-aos-duration="2000">
	    <div class="services-box">
		  <div class="number">04</div>
		  <figure>
		    <img src="images/icon-07.png" alt="Image">
		  </figure>
		  
		  <div class="info">
			<h4>Medical Care</h4>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eius mod tempor incididunt labore dolore magna.</p>
			<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
		  </div>
		  <div class="shape"><img src="images/services-04.jpg" alt=""></div>
		</div><!--/ services-box -->
	  </div><!--/ services-col -->  
	  
    </div><!--/ row --> 
  </div>
</section>

<section class="service-approach">
  <div class="container">
    <div class="row align-items-center">
      
      <div class="col-sm-8 title aos-init aos-animate" data-aos="fade-up" data-aos-duration="2000">
		<h2 class="mrb-30">Sheila Pérez Canals, MD</h2>
		<p class="mrb-40">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
		<p class="mrb-40">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
		<p><a class="btn" href="#">View More <i class="fa-solid fa-arrow-right"></i></a></p>
      </div><!--/ col-sm -->
		
      <div class="col-sm-4 sw-col">
	    <div class="service-box">
		  <figure class="img-hover"><img src="images/owner.png" alt=""></figure>
		</div><!--/ service-box -->
	  </div><!--/ sw-col -->
      
    </div><!--/ row --> 
  </div>
  <video autoplay="" loop="" playsinline="" muted=""><source src="images/mobileivpuertorico.mp4"></video>
</section>


<section class="faq-wrap">
  <div class="container">
    <div class="row aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
        
      <div class="col-sm-6 left-grid"> 
	    <div class="title mrb-30">
	      <h2><small>Get To Know Us</small>How it works</h2>
		  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eius mod tempor incididunt labore dolore magna.</p>
	    </div><!--/ col-sm -->
 
        <div class="accordion" id="accordionExample">
		
          <div class="accordion-item">
            <h3 class="accordion-header">
			  <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Choose your IV</button>
		    </h3>
            <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
              <div class="accordion-body">
                <p>Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.</p>       
              </div>
            </div>
          </div>
		  
          <div class="accordion-item">
            <h3 class="accordion-header">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Book & consult</button>
			</h3>
            <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
              <div class="accordion-body">
                <p>Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.</p>
			  </div>
            </div>
          </div>
		  
          <div class="accordion-item">
            <h3 class="accordion-header">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Relax & rejuvenate</button>
			</h3>
            <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
              <div class="accordion-body">
			    <p>Lorem ipsum dolor sit amet consectur adipiscing elit sed eius mod ex tempor incididunt labore dolore magna aliquaenim ad minim eniam.</p>
			  </div>
            </div>
          </div>
		  
        </div>
      </div><!--/ left -->
	  
	  <div class="col-sm-6 right-grid">
	    <div class="row">
		  <div class="col-sm-6 left">
		    <figure data-animation="animated fadeInUp" class=""><img src="images/banner-02.jpg" alt="image" class="image"></figure>
			<div class="layer_img move_anim shape-02"><img src="images/dummy-shape-02.png" alt="image" class=""></div>
		    <img src="images/dummy-shape-06.png" alt="image" class="shape-01">
		  </div><!--/ left -->
		  
		  <div class="col-sm-6 right">
		    <figure data-animation="animated fadeInUp" class=""><img src="images/banner-03.jpg" alt="image" class="image"></figure>		    
			<div class="layer_img move_anim_two shape-03"><img src="images/dummy-shape-03.png" alt=""></div>
		  </div><!--/ right -->
	    </div>
	  </div><!--/ right -->
      
    </div>
  </div>
</section>

<section class="client-feedback">
  <div class="container">
    <div class="row align-items-center">
	  
	  <div class="col-sm-5 left-grid aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2><small>Mobile IV Puerto Rico Reviews</small>What People Are Saying</h2>
		<p class="mrb-30">Consectetur adipiscing elit sed do eiusmod tempor.</p>
		<p><a href="#" class="btn">View All <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>	
	  </div>
	  
	  <div class="col-sm-7 right-grid pad-0 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="owl-carousel owl-theme" id="owl-demo-2">
		  
		  <div class="item">		  
		    <div class="feedback-box">
			  <div class="thumbnail">
			    <figure><img src="images/testimonial-01.png" alt=""></figure>
				<span class="qoute-icon"><i class="fa-solid fa-quote-right"></i></span>
			  </div>
		      <div class="content"> 
			    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
				<div class="rating">
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				</div>
				<h4>Timothy <span>40 years old</span></h4>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="feedback-box">
			  <div class="thumbnail">
			    <figure><img src="images/testimonial-02.png" alt=""></figure>
				<span class="qoute-icon"><i class="fa-solid fa-quote-right"></i></span>
			  </div>
		      <div class="content"> 
			    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
				<div class="rating">
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				</div>
				<h4>Anna <span>32 years old</span></h4>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="feedback-box">
			  <div class="thumbnail">
			    <figure><img src="images/testimonial-01.png" alt=""></figure>
				<span class="qoute-icon"><i class="fa-solid fa-quote-right"></i></span>
			  </div>
		      <div class="content"> 
			    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
				<div class="rating">
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				</div>
				<h4>Timothy <span>40 years old</span></h4>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="feedback-box">
			  <div class="thumbnail">
			    <figure><img src="images/testimonial-02.png" alt=""></figure>
				<span class="qoute-icon"><i class="fa-solid fa-quote-right"></i></span>
			  </div>
		      <div class="content"> 
			    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
				<div class="rating">
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				</div>
				<h4>Anna <span>32 years old</span></h4>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		</div> 		  
	  </div><!-- col -->
			
    </div><!-- row-->
  </div>
</section>

<section class="blog-news">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12 text-center mrb-30 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
		<h2><small>Latest Articles</small>Get News with Mobile IV Puerto Rico</h2>
	  </div>
	  
	  <div class="col-sm-6 left-grid aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="blog-info">
	      <div class="thumbnail"><a href="#"><img src="images/banner-01.jpg" alt="image"></a></div>
		  <div class="content">
		    <div class="blog-date"><span class="day">28</span><span class="month">Dec</span></div>
		    <div class="category-wrap"><a href="#">Article</a></div>
		    <h3><a href="#">Can Florida Humidity Cause Dehydration?</a></h3>
		    <p>Lorem ipsum dolor sit amet consectur adipiscing elit, sed do eiusmod tempor incididunt ut labore...</p>
			<ul class="blog-meta">
			  <li><i class="fa-regular fa-square-check"></i> 28 Dec, 2024</li>
			  <li><i class="fa-regular fa-comments"></i> Com 0</li>
		    </ul>
		  </div>
		</div><!--/ blog-info -->
	  </div><!--/ left-grid -->
	  
	  <div class="col-sm-6 right-grid aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="blog-info">
	      <div class="thumbnail"><a href="#"><img src="images/banner-02.jpg" alt="image"></a></div>
		  <div class="content">
		    <div class="blog-date"><span class="day">28</span><span class="month">Dec</span></div>
		    <div class="category-wrap"><a href="#">Article</a></div>
		    <h3><a href="#">What is IV Hydration, And How Long Do The Benefits Last?</a></h3>
			<ul class="blog-meta">
			  <li><i class="fa-regular fa-square-check"></i> 28 Dec, 2024</li>
			  <li><i class="fa-regular fa-comments"></i> Com 0</li>
		    </ul>
		  </div>
		</div><!--/ blog-info -->
		
	    <div class="blog-info">
	      <div class="thumbnail"><a href="#"><img src="images/banner-03.jpg" alt="image"></a></div>
		  <div class="content">
		    <div class="blog-date"><span class="day">28</span><span class="month">Dec</span></div>
		    <div class="category-wrap"><a href="#">Article</a></div>
		    <h3><a href="#">Semaglutide vs Tirzepatide: Discover the Differences In Weight Loss</a></h3>
			<ul class="blog-meta">
			  <li><i class="fa-regular fa-square-check"></i> 28 Dec, 2024</li>
			  <li><i class="fa-regular fa-comments"></i> Com 0</li>
		    </ul>
		  </div>
		</div><!--/ blog-info -->
		
	    <div class="blog-info">
	      <div class="thumbnail"><a href="#"><img src="images/dummy-01.webp" alt="image"></a></div>
		  <div class="content">
		    <div class="blog-date"><span class="day">28</span><span class="month">Dec</span></div>
		    <div class="category-wrap"><a href="#">Article</a></div>
		    <h3><a href="#">Diseases That Cause Dehydration in Adults</a></h3>
			<ul class="blog-meta">
			  <li><i class="fa-regular fa-square-check"></i> 28 Dec, 2024</li>
			  <li><i class="fa-regular fa-comments"></i> Com 0</li>
		    </ul>
		  </div>
		</div><!--/ blog-info -->
	  </div><!--/ left-grid -->
			
	</div><!--/ row --> 
  </div>
</section><!--/ blog-news -->

<footer class="footer">  
   <div class="back-to-top"><a href="#Home" class="BackTo"><i class="fa-solid fa-chevron-up"></i></a></div>
   <script>
$(document).ready(function(){
 let scroll_link = $('.BackTo');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>

  <div class="container">
    <div class="row">
	
	  <div class="col-sm-8 footer-left">
	    <div class="row">
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image"></a></div>
			  
			  <p>We proudly provide professional mobile IV hydration and vitamin therapy services through our affiliated physician practice, tailored to meet your needs.</p>
			  
			  <address>
			    <p><span>Call:</span> <a href="tel:7876529200">787 652 9200</a></p>
			    <p><span>Email:</span> <a href="mailto:info@info@mobileivpuertorico.com">info@mobileivpuertorico.com</a></p>
			  </address>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Quick Links</h4>
			  <ul>
				<li><a href="#">Anxiety</a></li>
				<li><a href="#">Allergies</a></li>
				<li><a href="#">Altitude Sickness</a></li>
				<li><a href="#">Athletics</a></li>
				<li><a href="#">Beauty</a></li>
				<li><a href="#">Cold & Flu</a></li>
				<li><a href="#">Dehydration</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>IV Treatments</h4>	
			  <ul>
				<li><a href="#">Anxiety</a></li>
				<li><a href="#">Allergies</a></li>
				<li><a href="#">Altitude Sickness</a></li>
				<li><a href="#">Athletics</a></li>
				<li><a href="#">Beauty</a></li>
				<li><a href="#">Cold & Flu</a></li>
				<li><a href="#">Dehydration</a></li>
			  </ul>			  
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm --> 
           
        </div><!-- row -->            
      </div><!-- footer-left -->
	  
	  <div class="col-sm-4 footer-right">
	    <div class="wg-1">
		  <h4>Sign up for our newsletter! </h4>
	      <div class="newsletter">
		    <p>Enter your email address to register to our newsletter subscription</p>
		    <form>
		      <div class="form-group col-sm-7"><input type="email" name="EMAIL" placeholder="Email Address" class="form-control"></div>
			  
			  <div class="form-group col-sm-5">
			    <div class="btn">
				  <input type="submit" class="submit" value="Subscribe">
				  <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
			    </div><!--/ btn -->
			  </div>
		    </form>
		  </div><!--/ newsletter -->
		  
		  <div class="icon-ft">
		    <a href="#" target="_blank"><i class="fa-brands fa-facebook-f facebook"></i></a>
		    <a href="#" target="_blank"><i class="fa-brands fa-x-twitter twitter"></i></a>
		    <a href="#" target="_blank"><i class="fa-brands fa-instagram instagram"></i></a>
		    <a href="#" target="_blank"><i class="fa-brands fa-youtube youtube"></i></a>
		  </div>
		</div><!--/ wg-1 -->
	  </div><!-- footer-right -->
	  
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-12"><p class="copyright">Copyright © 2024 All Rights Reserved With <span>Mobile IV Puerto Rico</span>.</p></div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
  
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>	
<script src="dist/aos.js"></script>	

<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>

<script>
  // search-box open close js code
let navbar = document.querySelector(".navbar");
//let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");

//searchBox.addEventListener("click", ()=>{
  <!-- navbar.classList.toggle("showInput"); -->
  <!-- if(navbar.classList.contains("showInput")){ -->
    <!-- searchBox.classList.replace("bx-search" ,"bx-x"); -->
  <!-- }else{-->
    <!-- searchBox.classList.replace("bx-x" ,"bx-search"); -->
  <!-- } -->
<!-- }); -->

// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
menuOpenBtn.onclick = function() {
navLinks.style.left = "0";
}
menuCloseBtn.onclick = function() {
navLinks.style.left = "-100%";
}


// sidebar submenu open close js code
$(".htmlcss-arrow").click(function(){
 $(".htmlCss-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".htmlCss-sub-menu" ).toggle("hidden");
});
$(".more-arrow").click(function(){
  $(".more-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".more-sub-menu" ).toggle("hidden");
});

</script>

<script>        
// Wrap the counter animation in a function
function startCounterAnimation(target) {
    $(target).prop('Counter', 0).animate({
        Counter: $(target).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(target).text(Math.ceil(now));
        }
    });
}

// Use Intersection Observer to detect when the element is in the viewport
const observer = new IntersectionObserver(entries => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            // Start the counter animation when the element is in the viewport
            startCounterAnimation(entry.target);
            // Unobserve the target element to avoid starting the animation multiple times
            observer.unobserve(entry.target);
        }
    });
},{threshold: 0.5 }); // Adjust the threshold as needed

// Observe each element with the 'counter' class
$('.counter').each(function () {
    // Add each element to the Intersection Observer
    observer.observe(this);
});
 
</script>

<script>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:4
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:2
        }
    }
}) 

$('#owl-demo-3').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:3
        }
    }
}) 

</script>  
</body>
<script>
  AOS.init();
</script>
</html>