HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/ViralPost-Stories/new/
Current File : /home/htlwork.com/www/dev/ViralPost-Stories/new/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=Poppins:wght@100;200;300;400;500;600;700;800;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="col-sm-12"> 
	    <figure>
		  <img src="images/banner.webp" alt="">
		  <figcaption>
		    <h2>'Tell Me Your Story for Rs 10': This Engineer is Building an 'Army' of Emotional Support for Indians</h2>
		  </figcaption>
		</figure>
	    <!--video class="video" src="images/banner-video.mp4" autoplay="" loop="" muted="muted" controlslist="nodownload"></video--> 
      </div><!--/ -->
	
    </div><!--/ row -->
  </div>
</div><!--/ banner -->

<section class="latest-news mrt-10">
  <div class="container">
    <div class="row">
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-01.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">I Grew an Urban Jungle at Home While Juggling a Full-Time Job</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-02.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-03.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">How I Used Centuries-Old Fabric to Turn Rs 25000 Investment Into A Rs 4 Crore Empire</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-04.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-12 btn-main text-center">
			  <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">
	    <div class="title-main">
	      <h3><span>Topics</span></h3>
	    </div>
	  </div>
	  
	  <div class="col-sm-12 pad-0">
	    <div class="owl-carousel owl-theme" id="owl-demo-1">
		
		  <div class="item">
		    <a class="brand-link" href="#"></a>
		    <figure><a href="#"><img src="images/topics-01.webp" alt="image"/></a></figure>
		    <div class="inner">
			  <h4>Agriculture</h4>
		    </div>
		  </div>
		
		  <div class="item">
		    <a class="brand-link" href="#"></a>
		    <figure><a href="#"><img src="images/topics-02.webp" alt="image"/></a></figure>
		    <div class="inner">
			  <h4>Changemakers</h4>
		    </div>
		  </div>
		
		  <div class="item">
		    <a class="brand-link" href="#"></a>
		    <figure><img src="images/topics-03.webp" alt="image"/></a></figure>
		    <div class="inner">
			  <h4>Culture</h4>
		    </div>
		  </div>
		
		  <div class="item">
		    <a class="brand-link" href="#"></a>
		    <figure><img src="images/topics-04.webp" alt="image"/></a></figure>
		    <div class="inner">
			  <h4>Food</h4>
		    </div>
		  </div>
		
		  <div class="item">
		    <a class="brand-link" href="#"></a>
		    <figure><img src="images/topics-05.webp" alt="image"/></a></figure>
		    <div class="inner">
			  <h4>History</h4>
		    </div>
		  </div>
		
		</div><!--/ owl-demo -->
	  </div>
			
	</div><!--/ row --> 
  </div>
</section><!--/ topics News -->

<section class="video-sec">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>Video Stories</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/video-01.jpg" alt="image"/>
			<div class="play-wrap"><img src="images/play.svg" title=""></div>
		  </figure>
			<div class="inner">
			  <h4><a href="#">She Makes Rs 10 Lakh/Year Making Desi Dolls!</a></h4>
		    </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/video-02.jpg" alt="image"/>
			<div class="play-wrap"><img src="images/play.svg" title=""></div>
		  </figure>
			<div class="inner">
			  <h4><a href="#">You can't miss this ambidextrous teacher's 3D illusions!</a></h4>
		    </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/video-03.jpg" alt="image"/>
			<div class="play-wrap"><img src="images/play.svg" title=""></div>
		  </figure>
			<div class="inner">
			  <h4><a href="#">This Gangubai Is a Hindustani Classical Music Legend.</a></h4>
		    </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/video-04.jpg" alt="image"/>
			<div class="play-wrap"><img src="images/play.svg" title=""></div>
		  </figure>
			<div class="inner">
			  <h4><a href="#">India’s Oldest Ganeshotsav!</a></h4>
		    </div>
		</div>
	  </div>
			
	</div><!--/ row --> 
  </div>
</section><!--/ video-sec -->

<section class="topics-news visual-stories">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>Visual Stories</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 visual-coll">
	    <div class="item">
		  <a class="brand-link" href="#"></a>
		  <figure><a href="#"><img src="images/topics-01.webp" alt="image"/></a></figure>
		  <div class="inner">
			<h4>Punjab Farmer Quits Traditional Wheat Farming To Grow Exotic Flowers, Makes Rs 1 Lakh Per Acre</h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 visual-coll">
	    <div class="item">
		  <a class="brand-link" href="#"></a>
		  <figure><a href="#"><img src="images/visual-stories-01.jpg" alt="image"/></a></figure>
		  <div class="inner">
			<h4>Birendra Krishna Bhadra, The Man Whose Voice Wakes Up Millions on Mahalaya</h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 visual-coll">
	    <div class="item">
		  <a class="brand-link" href="#"></a>
		  <figure><a href="#"><img src="images/visual-stories-02.jpg" alt="image"/></a></figure>
		  <div class="inner">
			<h4>Couple Behind Assam School That Accepts Only Plastic as Fee Share How It's Going 7 Years On</h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 visual-coll">
	    <div class="item">
		  <a class="brand-link" href="#"></a>
		  <figure><a href="#"><img src="images/visual-stories-03.jpg" alt="image"/></a></figure>
		  <div class="inner">
			<h4>How I Used Centuries-Old Fabric to Turn Rs 25000 Investment Into A Rs 4 Crore Empire</h4>
		  </div>
		</div>
	  </div>
			
	</div><!--/ row --> 
  </div>
</section><!--/ topics News -->

<section class="latest-news mrt-15">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>Sustainability</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-01.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">I Grew an Urban Jungle at Home While Juggling a Full-Time Job</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-02.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-03.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">How I Used Centuries-Old Fabric to Turn Rs 25000 Investment Into A Rs 4 Crore Empire</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-04.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
	</div><!--/ row --> 
  </div>
</section><!--/ Latest News -->

<section class="positivity-wrap mrb-20">
  <div class="container">
    <div class="row">
	
	  <div class="col-sm-12">
	    <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>
	  </div><!--/ col sm -->
			
	</div><!--/ row --> 
  </div>
</section><!--/ positivity wrap -->

<section class="video-sec brand-campaigns">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>Brand campaigns</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/brand-campaigns-01.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4><a href="#">Igniting Ideas for Impact</a></h4>
			<p><img src="images/accenture-logo.webp" alt="image"></p>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/brand-campaigns-02.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4><a href="#">LICHFL Womentaries</a></h4>
			<p><img src="images/Client-logo.webp" alt="image"></p>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/brand-campaigns-03.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4><a href="#">Childhood Dialogues</a></h4>
			<p><img src="images/eksteplogo-logo.png" alt="image"></p>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/brand-campaigns-04.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4><a href="#">#OneForOurPlanet</a></h4>
			<p><img src="images/PernodRichardIndia-logo.webp" alt="image"></p>
		  </div>
		</div>
	  </div>
			
	</div><!--/ row --> 
  </div>
</section><!--/ video-sec -->		

<section class="latest-news mrt-15">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>Startup</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-01.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">I Grew an Urban Jungle at Home While Juggling a Full-Time Job</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-02.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-03.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">How I Used Centuries-Old Fabric to Turn Rs 25000 Investment Into A Rs 4 Crore Empire</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-04.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
	</div><!--/ row --> 
  </div>
</section><!--/ Latest News -->

<section class="video-sec">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>ViralPost Impact</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/impact-01.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4><a href="#">Fulfilled a teenager’s dream</a></h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/impact-02.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4><a href="#">Helped cancer patients find a new voice</a></h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/impact-03.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4><a href="#">Gifted a way out of poverty</a></h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/impact-04.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4><a href="#">Skilled women for better livelihoods</a></h4>
		  </div>
		</div>
	  </div>
			
	</div><!--/ row --> 
  </div>
</section><!--/ video-sec -->

<section class="video-sec">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>EDITOR’s PICK</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/editor-pick-01.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4 class="textbreak2"><a href="#">Why A Bengaluru Chef is Upcycling Leftover Grains From Breweries Into Flour, Brownies, Laddus</a></h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/editor-pick-02.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4 class="textbreak2"><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>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/editor-pick-03.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4 class="textbreak2"><a href="#">Meet the Self-Taught Designer Behind Jerseys Worn by Indian Cricketers & Asian Games Athletes</a></h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/editor-pick-04.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4 class="textbreak2"><a href="#">Started As a Haryana Farmer's Summer Biz, Story of Delhi's Iconic 'Kuremal Mohanlal Kulfi'</a></h4>
		  </div>
		</div>
	  </div>
			
	</div><!--/ row --> 
  </div>
</section><!--/ video-sec -->

<section class="newsletter-wrap">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <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" class="btn">
          </form>
		</div>
	  </div>
			
	</div><!--/ row --> 
  </div>
</section><!--/ video-sec -->

<section class="latest-news mrt-15">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>Innovation</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/innovation-01.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/innovation-02.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/innovation-03.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">How I Used Centuries-Old Fabric to Turn Rs 25000 Investment Into A Rs 4 Crore Empire</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-04.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
	</div><!--/ row --> 
  </div>
</section><!--/ Latest News -->

<section class="video-sec deep-dive">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>Deep Dive</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
	  
	  <div class="col-sm-4 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/Environmentday-revised.webp" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4 class="textbreak1"><a href="#">Shaping Sustainability: Environment Day 2022</a></h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/EV-revised.webp" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4 class="textbreak1"><a href="#">Electric Vehicles in India</a></h4>
		  </div>
		</div>
	  </div>
			
	</div><!--/ row --> 
  </div>
</section><!--/ video-sec -->

<section class="video-sec deep-dive">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>ViralPost Events and Awards</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
	  
	  <div class="col-sm-4 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/events-awards-01.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4 class="textbreak1"><a href="#">Best Housing Society Awards</a></h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/events-awards-02.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4 class="textbreak1"><a href="#">India's Water Warriors Awards</a></h4>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4 video-coll">
	    <div class="video-box">
		  <figure>
		    <a class="brand-link" href="#"></a>
		    <img src="images/events-awards-03.jpg" alt="image"/>
		  </figure>
		  <div class="inner">
			<h4 class="textbreak1"><a href="#">Sustainable Tourism Awards</a></h4>
		  </div>
		</div>
	  </div>
			
	</div><!--/ row --> 
  </div>
</section><!--/ video-sec -->

<section class="latest-news mrt-15 mrb-0">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>Agriculture</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/agriculture-01.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">TN Woman Doubles Income Through Organic Farming, Builds Better Future for Daughters</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/agriculture-02.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <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 class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/agriculture-03.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">How I Used Centuries-Old Fabric to Turn Rs 25000 Investment Into A Rs 4 Crore Empire</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/blog-04.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
	</div><!--/ row --> 
  </div>
</section><!--/ Latest News -->

<section class="latest-news mrt-0">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="title-main">
	      <div class="title-flex">
		    <h3><span>Small Businesses</span></h3>
			<p><a href="#">See All</a></p>
		  </div>
	    </div>
	  </div>
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">MBA Grad’s Farm-to-Doorstep Startup Delivers Organic Foods Within 15 Hours of Harvest</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/small-businesses-01.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">Engineer’s Idea Sells Products Nearing Expiry Quicker; Prevents Waste in Landfills</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/small-businesses-02.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll coll-bgnone">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">21000 Bottles Upcycled: Kerala Woman Turns Waste Glass into Stunning Home Decor Items</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/small-businesses-03.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
			<div class="col-sm-6 new-coll">
			  <div class="new-box">
				<div class="new-content">
				  <p><a href="#">Art</a></p>
				  <h4 class="entry-title"><a href="#" rel="bookmark">How To Start & Run a Successful Home Baking Business? Entrepreneur Shares Steps</a></h4>
				  <p class="align">
				    <span>17 Oct 2023</span>
				    <span>10 Min Read</span>
				  </p>
				</div>
			    <figure><img src="images/small-businesses-04.jpg" alt="image"/></figure>
			  </div>
			</div><!--/ col sm -->
			
	</div><!--/ row --> 
  </div>
</section><!--/ Latest News -->

<div class="text-wrap">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <div class="inner">
	      <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>	
        
    </div><!--/ row -->
  </div>
</div>  

<footer class="footer">
  <div class="container">    
    <div class="row"> 
	
      <div class="col-sm-5">
	    <div class="wg-1">			
          <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-4">
        <div class="wg-1">
          <address>
		    <h5>Share your Story</h5>
		    <p><a href="mailto:editorial@viralpoststories.com">editorial@viralpoststories.com</a></p>
		  </address>
		  
          <address>
		    <h5>Send Feedback</h5>
		    <p><a href="mailto:editorial@viralpoststories.com">contact@viralpoststories.com</a></p>
		  </address>
		  
		  <div class="icon-ft">
		    <h5>Follow Us</h5>
            <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><!--/ 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-12"><p>© 2023 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:3
        },
        1000:{
            items:4
        }
    }
}) 

$('#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:3
        },
        1000:{
            items:4
        }
    }
})  

$('#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>