HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/ViralPost-Stories/
Current File : /home/htlwork.com/www/dev/ViralPost-Stories/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>ViralPost Stories</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet"> 
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&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/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
	
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>	
   
    <!--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>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});
</script>

</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<header class="header">   
  <div class="menu-head">             
    <div class="container">	  
      
	  <nav class="navbar navbar-expand-lg">
	    <div class="container-fluid">
		  <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt=""></a>
		  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
		  
		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav">
			  <li class="current-menu-item"><a href="#">Home</a></li>            
            <li><a href="#">Stories</a>
              <ul class="sub-menu">
                <li><a href="#">News</a></li>
                <li><a href="#">Views</a></li>
                <li><a href="#">Interview</a></li>
              </ul>
            </li>
            <li><a href="#">About</a></li>			
            <li><a href="#">Our Impact</a></li>			
            <li><a href="#">Brand Campaigns</a></li>			
            <li><a href="#">Advertise With Us </a></li>			
            <li><a href="#">Contact Us </a></li>
			
		  </div>
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>


<div class="banner">
  <div class="container">
    <div class="row">

	  <div class="banner-left col-sm-8 pull-right"> 
	    <video class="video" src="images/banner-video.mp4" autoplay="" loop="" muted="muted" controlslist="nodownload"></video> 
      </div><!--/ banner-left -->
	  
	  <div class="banner-right col-sm-4">
	    <div class="banner-post">
		  <a class="img" href="#"><figure><img src="images/banner-right-01.jpg" alt="image"/></figure></a>
		  <div class="featured-title">
			<span class="bdayh-date">October 15, 2023</span>
		    <h2 class="post-title">IAS Officer Shares 10 Life Lessons on How to Navigate Challenges in Society</h2>
		  </div>
		</div><!--/ banner-post -->
		
		<div class="banner-post">
		  <a class="img" href="#"><figure><img src="images/banner-right-02.jpg" alt="image"/></figure></a>
		  <div class="featured-title">
			<span class="bdayh-date">October 15, 2023</span>
		    <h2 class="post-title">Indian Railways: Job Openings at RITES for Engineers, Salary Upto Rs 5.5 Lakh/Year</h2>
		  </div>
		</div><!--/ banner-post -->
	  </div><!--/ banner-right -->
	  
	  <div class="clearfix"></div>
	  
	  <div class="breaking-news-col col-sm-12">
	    <div class="breaking-news">
	      <div class="breaking-title"><i class="fa fa-bullhorn" aria-hidden="true"></i> Breaking News</div>
		  <div class="breaking-block">
		    <marquee behavior="scroll" direction="left" scrollamount="5" onmouseover="this.stop();" onmouseout="this.start();">Indian Railways: Job Openings at RITES for Engineers, Salary Upto Rs 5.5 Lakh/Year</marquee>
		  </div>
		
		  <div class="breaking-controls"></div>
	    </div>
	  </div>
	
    </div><!--/ row -->
  </div>
</div><!--/ banner -->

<section class="latest-news">
  <div class="container">
    <div class="row">
	
		    <div class="col-sm-12"><h3><span>Inspiring Stories</span></h3></div>
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/blog-01.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">Indian Railways Announce Job Openings For Retired Engineers, Salary Up to Rs 210000 Per Month</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Bulletin</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span>
				  </p>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/blog-02.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">I Grew an Urban Jungle at Home While Juggling a Full-Time Job</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Bulletin</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span>
				  </p>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/blog-03.jpg" alt="image"/></figure>
			    <div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">From Selling Fish to Conquering World's Highest Road; A Bihar Woman's Incredible Journey of Grit</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Bulletin</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span>
				  </p>
		       </div>
			 </div>
		    </div><!--/ col sm -->
			
			<div class="col-sm-12 btn-main text-center mrb-20">
			  <p><a class="btn" href="#">Explore more Inspiring Stories</a></p>
		    </div><!--/ col sm -->
			
	</div><!--/ row --> 
  </div>
</section><!--/ Latest News -->

<section class="topics-news">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12"><h3><span>Topics</span></h3></div>
	  
	  <div class="col-sm-12 pad-0">
	    <div class="owl-carousel owl-theme" id="owl-demo-1">
		
		  <div class="item">
		    <div class="inner">
		      <figure><a href="#"><img src="images/topics-01.webp" alt="image"/></a></figure>
			  <h4><a href="#">Agriculture</a></h4>
		    </div>
		  </div>
		
		  <div class="item">
		    <div class="inner">
		      <figure><a href="#"><img src="images/topics-02.webp" alt="image"/></a></figure>
			  <h4><a href="#">Changemakers</a></h4>
		    </div>
		  </div>
		
		  <div class="item">
		    <div class="inner">
		      <figure><img src="images/topics-03.webp" alt="image"/></a></figure>
			  <h4><a href="#">Culture</a></h4>
		    </div>
		  </div>
		
		  <div class="item">
		    <div class="inner">
		      <figure><img src="images/topics-04.webp" alt="image"/></a></figure>
			  <h4><a href="#">Food</a></h4>
		    </div>
		  </div>
		
		  <div class="item">
		    <div class="inner">
		      <figure><img src="images/topics-05.webp" alt="image"/></a></figure>
			  <h4><a href="#">History</a></h4>
		    </div>
		  </div>
		
		</div><!--/ owl-demo -->
	  </div>
			
	</div><!--/ row --> 
  </div>
</section><!--/ topics News -->

<section class="Serva-news">
  <div class="container">
    <div class="row">

		    <div class="col-sm-12">
		      <div class="title-flex">
			    <h3><span>Video Stories</span></h3>
				<p><a href="#">See All</a></p>
			  </div>
			</div>
			
			<div class="col-sm-12">
			  <div class="Serva-box Serva-full">
				<div class="row">
				<div class="col-sm-12">
			      <figure><iframe width="100%" height="250" src="https://www.youtube.com/embed/BgAdK5D7j0Q?si=WOhrqs32JfuUCvg8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></figure>
				  <div class="ln-padd">
				    <h4>She Makes Rs 10 Lakh/Year Making Desi Dolls!</h4>
				    <p>
				      <span><i class="fa fa-user-o" aria-hidden="true"></i> Bulletin</span>
				      <span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span>
				    </p>
					<p>Lorem ipsum dolor sit amet consectetur adipiscing elit. Phasellus dignissim purus facilisis libero suscipit vulputate.Vestibulum rutrum velity rutrum velit in mauris ullamcorper id posuere nisi ornare Fusce quis purus sit amet nisi aliquet sodales Sed quis vestibulum dolor.</p>
					<p><a class="btn" href="#">Read More</a></p>
				  </div>
			    </div>
			  </div><!--/ row -->
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="Serva-box">
			    <figure><iframe width="100%" height="250" src="https://www.youtube.com/embed/Au35GJHjHWE?si=ZBWl5WJkclmTHLQl" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></figure>
				<div class="ln-padd">
				  <h4><a href="#">India’s Oldest Ganeshotsav!</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Bulletin</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span>
				  </p>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="Serva-box">
			    <figure><iframe width="100%" height="250" src="https://www.youtube.com/embed/IZfHRkzYfRo?si=kfOmEYDatBq-zWzN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></figure>
			    <div class="ln-padd">
				  <h4><a href="#">This Gangubai Is a Hindustani Classical Music Legend.</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Bulletin</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span>
				  </p>
		       </div>
			  </div>
		    </div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="Serva-box">
			    <figure><iframe width="100%" height="250" src="https://www.youtube.com/embed/--tDVfIUmFc?si=yDq44nilNOaUCcTR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></figure>
			    <div class="ln-padd">
				  <h4><a href="#">You can't miss this ambidextrous teacher's 3D illusions!</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Bulletin</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span>
				  </p>
		       </div>
			  </div>
		    </div><!--/ col sm -->
			
	</div><!--/ row --> 
  </div>
</section><!--/ Serva News -->
	
<section class="home-wrap">
  <div class="container">
    <div class="row">
	  
	  <div class="col-md-9 home-left">	  		
		
		<div class="latest-news popular-news">
		  <div class="row">
		  
		    <div class="col-sm-12">
			  <div class="title-flex">
			    <h3><span>Visual Stories</span></h3>
				<p><a href="#">See All</a></p>
			  </div>
			</div>
			
			<div class="col-sm-8">
			  <div class="new-box">
			    <figure><img src="images/visual-stories-01.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">Birendra Krishna Bhadra, The Man Whose Voice Wakes Up Millions on Mahalaya</a></h4>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/visual-stories-02.jpg" alt="image"/></figure>
				<div class="ln-padd">
				  <h4>Couple Behind Assam School That Accepts Only Plastic as Fee Share How It's Going 7 Years On</h4>
				</div>
			  </div>
			  
			  <div class="new-box new-background">
			    <figure><img src="images/visual-stories-03.jpg" alt="image"/></figure>
			    <div class="ln-padd">
			      <h4>How I Used Centuries-Old Fabric to Turn Rs 25000 Investment Into A Rs 4 Crore Empire</h4>
		       </div>
			 </div>
		    </div><!--/ col sm -->
			
		  </div><!--/ row --> 
		</div><!--/ Latest News -->
		
		<div class="positivity-movement">
		   <h3>Support the biggest positivity movement</h3>
		   <p>We bring stories straight from the heart of India, to inspire millions and create a wave of impact. Our positive movement is growing bigger everyday, and we would love for you to join it.</p>
		   <p>Please contribute whatever you can, every little penny helps our team in bringing you more stories that support dreams and spread hope.</p>
		   <p><a href="#" class="btn">Contribute ₹501</a> <a href="#" class="btn">Contribute ₹1001</a></p>
		   <img class="movement" src="images/contribution-desktop-resize.webp">
		</div><!--/ positivity movement -->
		
		<div class="latest-news Sustainability Comments-news mrb-0">
		  <div class="row">
	
		    <div class="col-sm-12">
			  <div class="title-flex">
			    <h3><span>Sustainability</span></h3>
				<p><a href="#">See All</a></p>
			  </div>
			</div>
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/Sustainability-01.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">Why A Bengaluru Chef is Upcycling Leftover Grains From Breweries Into Flour, Brownies, Laddus</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Food</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> Oct 15, 2023</span>
				  </p>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/Sustainability-02.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">Fire & Disaster Resistant, This Sustainable Home in Kerala Can be Packed & Relocated!</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Architecture</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> Oct 15, 2023</span>
				  </p>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/Sustainability-03.jpg" alt="image"/></figure>
			    <div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">3 Friends Build Ecofriendly Row Houses in Bengaluru With Gorgeous Ethnic Architecture</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Architecture</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> Oct 15, 2023</span>
				  </p>
		       </div>
			 </div>
		    </div><!--/ col sm -->
			
		  </div><!--/ row --> 
		</div><!--/ Latest News -->
		
		<div class="latest-news Sustainability Comments-news">
		  <div class="row">
	
		    <div class="col-sm-12">
			  <div class="title-flex">
			    <h3><span>Innovation</span></h3>
				<p><a href="#">See All</a></p>
			  </div>
			</div>
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/innovation-01.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">How I-Venture at ISB’s Accelerator Program is Helping Startups Scale & Turn Their Innovative Ideas into Impact </a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Food</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> Oct 15, 2023</span>
				  </p>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/innovation-02.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">Grandpa's Parkinson's Inspires Delhi Boy to Innovate Neuro Gadget That Turns Thoughts to Text</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Architecture</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> Oct 15, 2023</span>
				  </p>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/innovation-03.jpg" alt="image"/></figure>
			    <div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">UPSC Prep Inspired a 24-YO To Innovate QR Code Lockets To Help Locate Missing People</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Architecture</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> Oct 15, 2023</span>
				  </p>
		       </div>
			 </div>
		    </div><!--/ col sm -->
			
		  </div><!--/ row --> 
		</div><!--/ Latest News -->
		
		<div class="latest-news Events-awards Comments-news">
		  <div class="row">
	
		    <div class="col-sm-12">
			  <h3><span>ViralPost Events and Awards</span></h3>
			</div>
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/events-awards-01.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">Best Housing Society Awards</a></h4>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/events-awards-02.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">India's Water Warriors Awards</a></h4>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/events-awards-03.jpg" alt="image"/></figure>
			    <div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">Sustainable Tourism Awards</a></h4>
		       </div>
			 </div>
		    </div><!--/ col sm -->
			
		  </div><!--/ row --> 
		</div><!--/ Latest News -->
		
		<div class="newsletter-sec">
		  <h3>Subscribe to our newsletter</h3>
		  <p>Get your daily dose of uplifting stories, positive impact, and updates delivered straight into your inbox.</p>
		  <form>
            <input type="text" placeholder="Your email address" class="form-control">
            <input type="submit" name="subscribe now" value="subscribe now" class="btn">
          </form>
		</div>
		
		<div class="latest-news Sustainability Comments-news Agriculture">
		  <div class="row">
		  
		    <div class="col-sm-12">
			  <div class="title-flex">
			    <h3><span>Agriculture</span></h3>
				<p><a href="#">See All</a></p>
			  </div>
			</div>
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/agriculture-01.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">Started in Dad's Memory, Assam Farmer’s ‘Rice Library’ Saves Over 500 Indigenous Rice Varieties</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Bulletin</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> Oct 15, 2023</span>
				  </p>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/agriculture-02.jpg" alt="image"/></figure>
				<div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">TN Woman Doubles Income Through Organic Farming, Builds Better Future for Daughters</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Bulletin</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> Oct 15, 2023</span>
				  </p>
				</div>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-4">
			  <div class="new-box new-background">
			    <figure><img src="images/agriculture-03.jpg" alt="image"/></figure>
			    <div class="new-content">
				  <h4 class="entry-title"><a href="#" rel="bookmark">Toured Across India To Learn From Farmers’: How a Retd Colonel Found Passion in Orchid Farming</a></h4>
				  <p>
				    <span><i class="fa fa-user-o" aria-hidden="true"></i> Bulletin</span>
				    <span><i class="fa fa-calendar" aria-hidden="true"></i> Oct 15, 2023</span>
				  </p>
		       </div>
			 </div>
		    </div><!--/ col sm -->
			
		  </div><!--/ row --> 
		</div><!--/ Latest News -->
      </div><!--/ home-left -->
	  
	  <div class="col-md-3 home-right">
	    <div class="widget">
	      <div class="widget-full brand-campaigns">
	        <div class="sidebar-title"><h3><span>Brand Campaigns</span></h3></div>
		    <ul class="mrb-20">
		      <li>
			    <a class="brand-link" href="#"></a>
  		        <figure><img src="images/brand-campaigns-01.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4>Igniting Ideas for Impact</h4>
				  <p><img src="images/accenture-logo.webp" alt="image"></p>
			    </div>
		      </li>
			
			  <li>
			    <a class="brand-link" href="#"></a>
  		        <figure><img src="images/brand-campaigns-02.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4>LICHFL Womentaries</h4>
				  <p><img src="images/Client-logo.webp" alt="image"></p>
			    </div>
		      </li>
			
			  <li>
			    <a class="brand-link" href="#"></a>
  		        <figure><img src="images/brand-campaigns-03.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4>Childhood Dialogues</h4>
				  <p><img src="images/eksteplogo-logo.png" alt="image"></p>
			    </div>
		      </li>
			
			  <li>
			    <a class="brand-link" href="#"></a>
  		        <figure><img src="images/brand-campaigns-04.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4>#OneForOurPlanet</h4>
				  <p><img src="images/PernodRichardIndia-logo.webp" alt="image"></p>
			    </div>
		      </li>
		    </ul>
		  
		    <div class="btn-sidebar"><a class="btn" href="#">See All</a></div>
		  </div>
		</div><!--/ widget -->
		
	    <div class="widget">
	      <div class="widget-full Startup">
	        <div class="sidebar-title"><h3><span>Startup</span></h3></div>
		    <ul class="mrb-20">
		      <li>
			    <a class="brand-link" href="#"></a>
  		        <figure><img src="images/startup-01.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4>Class 12 Dropout Helps Tribals Triple Their Income Through Jamuns, Earns Crores</h4>
				  <p><span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span></p>
			    </div>
		      </li>
			  
			  <li>
			    <a class="brand-link" href="#"></a>
  		        <figure><img src="images/startup-02.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4>'It's Okay To Not Be Okay:' 7 Indians Making Mental Health Affordable & Accessible Every Day</h4>
				  <p><span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span></p>
			    </div>
		      </li>
			  
			  <li>
			    <a class="brand-link" href="#"></a>
  		        <figure><img src="images/startup-03.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4>Tired of Kids Outgrowing Products, 4 Parents Start Subscription Model for Cycles, Cribs & More</h4>
				  <p><span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span></p>
			    </div>
		      </li>
			  
			  <li>
			    <a class="brand-link" href="#"></a>
  		        <figure><img src="images/startup-04.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4>Shoes from Sugarcane? Meet the Gujarat Siblings Making Footwear from Bagasse & Recycled Plastic</h4>
				  <p><span><i class="fa fa-calendar" aria-hidden="true"></i> October 15, 2023</span></p>
			    </div>
		      </li>
		    </ul>
		  
		    <div class="btn-sidebar"><a class="btn" href="#">See All</a></div>
		  </div>
		</div><!--/ widget -->
		
		<div class="widget">
	      <div class="widget-full">
	        <div class="sidebar-title"><h3><span>ViralPost Impact</span></h3></div>
		    <ul class="mrb-20">
		      <li>
  		        <figure><img src="images/impact-01.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">Fulfilled a teenager’s dream</a></h4>
			    </div>
		      </li>
			  
		      <li>
  		        <figure><img src="images/impact-02.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">Helped cancer patients find a new voice</a></h4>
			    </div>
		      </li>
			  
		      <li>
  		        <figure><img src="images/impact-03.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">Gifted a way out of poverty</a></h4>
			    </div>
		      </li>
			  
		      <li>
  		        <figure><img src="images/impact-04.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">Skilled women for better livelihoods</a></h4>
			    </div>
		      </li>
		    </ul>
			
			<div class="btn-sidebar"><a class="btn" href="#">See All</a></div>
		  </div>
		</div><!--/ widget -->
		
		<div class="widget">
	      <div class="widget-full Editor-pick">
	        <div class="sidebar-title"><h3><span>Editor's Pick EDITOR’s PICK</span></h3></div>
		    <ul class="mrb-20">
		      <li>
  		        <figure><img src="images/editor-pick-01.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">Why A Bengaluru Chef is Upcycling Leftover Grains From Breweries Into Flour, Brownies, Laddus</a></h4>
			    </div>
		      </li>
			  
		      <li>
  		        <figure><img src="images/editor-pick-02.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">Mini Brazil of India' Was Once Infamous for Illegal Liquor: How One Man Transformed a Village aaquib wani deisgns sportwear for the indian cricket team	</a></h4>
			    </div>
		      </li>
			  
		      <li>
  		        <figure><img src="images/editor-pick-03.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">Meet the Self-Taught Designer Behind Jerseys Worn by Indian Cricketers & Asian Games Athletes</a></h4>
			    </div>
		      </li>
			  
		      <li>
  		        <figure><img src="images/editor-pick-04.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">Started As a Haryana Farmer's Summer Biz, Story of Delhi's Iconic 'Kuremal Mohanlal Kulfi'</a></h4>
			    </div>
		      </li>
		    </ul>
			
			<div class="btn-sidebar"><a class="btn" href="#">See All</a></div>
		  </div>
		</div><!--/ widget -->
		
		<div class="widget">
	      <div class="widget-full Small-businesses">
	        <div class="sidebar-title"><h3><span>Small Businesses</span></h3></div>
		    <ul class="mrb-20">
		      <li>
  		        <figure><img src="images/small-businesses-01.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">MBA Grad’s Farm-to-Doorstep Startup Delivers Organic Foods Within 15 Hours of Harvest</a></h4>
			    </div>
		      </li>
			  
		      <li>
  		        <figure><img src="images/small-businesses-02.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">Engineer’s Idea Sells Products Nearing Expiry Quicker; Prevents Waste in Landfills</a></h4>
			    </div>
		      </li>
			  
		      <li>
  		        <figure><img src="images/small-businesses-03.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">21000 Bottles Upcycled: Kerala Woman Turns Waste Glass into Stunning Home Decor Items</a></h4>
			    </div>
		      </li>
			  
		      <li>
  		        <figure><img src="images/small-businesses-04.jpg" alt="image"></figure>
			    <div class="col-grid">
			      <h4><a href="#">How To Start & Run a Successful Home Baking Business? Entrepreneur Shares Steps</a></h4>
			    </div>
		      </li>
		    </ul>
			
			<div class="btn-sidebar"><a class="btn" href="#">See All</a></div>
		  </div>
		</div><!--/ widget -->
	  </div><!--/ home-right -->
    </div><!--/ row -->
  </div>	  
</section><!--/ home-wrap -->

<div class="text-wrap">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <h3>Unsung Heroes. Happy Stories. Positive Impact.</h3>
		<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
		<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
		<p>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. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
		<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
	  </div>	
        
    </div><!--/ row -->
  </div>
</div>  

<footer class="footer">
  <div class="container">    
    <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>Vestibulum rutrum velit in mauris ullamcorper, id posuere nisi ornare. Fusce quis purus sit amet nisi aliquet sodales. Sed quis vestibulum dolor.</p>
		  <address><p><span>Phone : </span>+91 9876543210</p></address>
		  <address><p><span>E-mail : </span>info@viralpoststories.com</p></address>	             
        </div>               
      </div><!--/ col-sm -->      
	  
	  <div class="col-sm-5">
	    <div class="wg-1">	
		  <h4>Quick Links</h4> 		
          <ul>
            <li><a href="#">Agriculture Stories</a></li>
			<li><a href="#">Food Stories</a></li>
			<li><a href="#">Innovation Stories</a></li>
			<li><a href="#">Startup Stories</a></li>
			<li><a href="#">Travel Stories</a></li>
			<li><a href="#">Sustainability Stories</a></li>
			<li><a href="#">Culture Stories</a></li>
			<li><a href="#">How To Stories</a></li>
			<li><a href="#">Visual Stories</a></li>
			<li><a href="#">Work with us</a></li>
			<li><a href="#">Privacy Policy</a></li>
			<li><a href="#">Advertise With Us</a></li>
			<li><a href="#">Contact Us</a></li>
			<li><a href="#">Grievance</a></li>
			<li><a href="#">Terms of use</a></li>
          </ul> 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm -->
	 	  
	  <div class="col-sm-3">
	    <div class="wg-1">
	      <h4>Get our newsletter</h4>
          <div class="newsletter">
	        <p>Uplifting stories, positive impact, and updates delivered straight into your inbox.</p>
            <form>
              <input type="text" placeholder="Your email address" class="form-control">
              <input type="submit" name="subscribe now" value="subscribe now" class="btn">
            </form>
          </div>                
        </div>                
      </div><!--/ col-sm -->    
	  
    </div><!-- row -->           
  </div><!--/ container --> 
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
     		
		<div class="col-sm-5">
		  <div class="icon-ft">
            <a href="#" target="_blank"><img src="images/facebook.png"></a>
            <a href="#" target="_blank"><img src="images/twitter.png"></a>
            <a href="#" target="_blank"><img src="images/instagram.png"></a>
            <a href="#" target="_blank"><img src="images/linkedIn.png"></a>
            <a href="#" target="_blank"><img src="images/youtube.png"></a>
          </div> 
		</div>
		
		<div class="col-sm-7"><p>© 2021 All Rights Reserved by ViralPost Stories.</p></div>	
        
      </div><!--/ row -->
    </div>
  </div>  
</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>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

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

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

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

var a = 0;
$(window).scroll(function() {

  var oTop = $('#counter').offset().top - window.innerHeight;
  if (a == 0 && $(window).scrollTop() > oTop) {
    $('.counter-value').each(function() {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
          countNum: countTo
        },

        {

          duration: 7000,
          easing: 'swing',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    a = 1;
  }

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