<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>News and Stories | Tech for Clean Air</title>

	<!-- responsive meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- For IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <!-- master stylesheet -->
    <link rel="stylesheet" href="css/hover-min.css">
    <link rel="stylesheet" href="css/style.css">
	<!-- Responsive stylesheet -->
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/navigation-responsive.css">
	<link rel="stylesheet" href="css/home-page-responsive.css">
    <!-- Favicon -->
    
    <link rel="icon" type="image/png" sizes="96x96" href="images/favicon.png">

    <!-- Fixing Internet Explorer-->
    <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <script src="js/html5shiv.js"></script>
    <![endif]-->
    
</head>

<body>

    <div class="page-wrapper">

        <?php include("include/header.php"); ?>

        <section class="breadcrumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="inner-content clearfix">
                            <div class="title float-left">
                               <h1>News and Stories</h1>
                            </div>
                            <div class="breadcrumb-menu float-right">
                                <ul class="clearfix">
                                    <li><a href="index.php">Home</a></li>
                                    <li class="active">News and Stories</li>
                                </ul>    
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section id="blog-area" class="blog-large-area news-story">
            <div class="container">
                <div class="row">
                	
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <div class="sec-title-four mb-0">
                            <h2 class="mb-3">Latest News and Stories</h2>
                        </div>
                    </div>
                	<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
                    	<div class="blog-post">
                        	<div class="single-blog-post style3">
                                <div class="img-holder">
                                    <img src="images/program/4.jpg" alt="Awesome Image">
                                    <div class="overlay-style-two"></div>
                                    <div class="post-date">
                                        <h3><span>News</span></h3>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <h3 class="blog-title"><a href="#">Rising Oil Price Should Re-Focus US on Solar</a></h3>
                                    <div class="meta-box">
                                        <ul class="meta-info">
                                            <li><a href="#"><b>Admin</b></a></li>
                                            <li><a href="#">15-02-22</a></li>
                                        </ul> 
                                        <div class="author-icon">
                                            <span class="icon-user"></span>    
                                        </div>  
                                    </div> 
                                    <div class="text">
                                        <p>Same as saying through shrinking from toil &amp; pain these cases perfectly simple we will denounce righteous indignation and dislike men who are so beguiled and demoralized by of the moment, so blinded by desire, that they cannot desire bound to ensue...</p>
                                    </div>  
                                </div>
                                <div class="button">
                                    <a class="btn-three" href="#">Read More
                                        <span class="icon-null"></span>
                                    </a> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
                    	<div class="blog-post">
                        	<div class="single-blog-post style3">
                                <div class="img-holder">
                                    <img src="images/program/2.jpg" alt="Awesome Image">
                                    <div class="overlay-style-two"></div>
                                    <div class="post-date">
                                         <h3><span>Story</span></h3>
                                    </div>
                                </div>
                                <div class="text-holder">
                                    <h3 class="blog-title"><a href="#">Rising Oil Price Should Re-Focus US on Solar</a></h3>
                                    <div class="meta-box">
                                        <ul class="meta-info">
                                            <li><a href="#"><b>Admin</b></a></li>
                                            <li><a href="#">15-02-22</a></li>
                                        </ul> 
                                        <div class="author-icon">
                                            <span class="icon-user"></span>    
                                        </div>  
                                    </div> 
                                    <div class="text">
                                        <p>Same as saying through shrinking from toil &amp; pain these cases perfectly simple we will denounce righteous indignation and dislike men who are so beguiled and demoralized by of the moment, so blinded by desire, that they cannot desire bound to ensue...</p>
                                    </div>  
                                </div>
                                <div class="button">
                                    <a class="btn-three" href="#">Read More
                                        <span class="icon-null"></span>
                                    </a> 
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <!--Start sidebar Wrapper-->
                    
                    <!--End Sidebar Wrapper-->
                </div>
                
                <div class="row">
                    <div class="col-md-12">
                        <ul class="post-pagination text-center">
                            <li><a href="#"><i class="fa fa-caret-left" aria-hidden="true"></i></a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </div>
                
            </div>
        </section>
        




    <!--End Why Choose Area-->
        
        <!-- /.sec-pad -->

        <?php include("include/footer.php"); ?>
        


    </div><!-- /.page-wrapper -->

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/jquery.enllax.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/owl.js"></script>
    <script src="js/wow.js"></script>
    <script src="js/isotope.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/bootstrap-select.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/custom.js"></script>



</body>
</html>