Commit dd489e37 authored by KolluruNikitha's avatar KolluruNikitha
Browse files

website files are added

parents
1.jpeg

96.1 KB

DINNER.jpg

36.8 KB

NIKHIL.jpg

97.4 KB

We show the details of
our team and photo gallery of our team in
this website which are the memories of the summer camp
\ No newline at end of file
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="GYm,fitness,business,company,agency,multipurpose,modern,bootstrap4">
<meta name="author" content="Themefisher.com">
<title>Teensy Pandas| About us</title>
<!-- bootstrap.min css -->
<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
<!-- Icofont Css -->
<link rel="stylesheet" href="plugins/icofont/icofont.min.css">
<!-- Themify Css -->
<link rel="stylesheet" href="plugins/themify/css/themify-icons.css">
<!-- animate.css -->
<link rel="stylesheet" href="plugins/animate-css/animate.css">
<!-- Magnify Popup -->
<link rel="stylesheet" href="plugins/magnific-popup/dist/magnific-popup.css">
<!-- Owl Carousel CSS -->
<link rel="stylesheet" href="plugins/slick-carousel/slick/slick.css">
<link rel="stylesheet" href="plugins/slick-carousel/slick/slick-theme.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header Start -->
<nav class="navbar navbar-expand-lg navigation fixed-top" id="navbar">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<p><img src="nine.png" alt="logo" style="float:right;width:150px;height:150px;">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsid" aria-controls="navbarsid" aria-expanded="false" aria-label="Toggle navigation">
<span class="ti-view-list"></span>
</button>
<div class="collapse text-center navbar-collapse" id="navbarsid">
<ul class="navbar-nav mx-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<li class="nav-item"><a class="nav-link" href="about.html">About us</a></li>
</li>
<li class="nav-item"><a class="nav-link" href="service.html"></a></li>
<li class="nav-item"><a class="nav-link" href="pricing.html">our superhero</a></li>
<li class="nav-item active">
<li class="nav-item"><a class="nav-link" href="blog.html">Experience</a></li>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
<div class="my-md-0 ml-lg-4 mt-4 mt-lg-0 ml-auto text-lg-right mb-3 mb-lg-0">
<a href="tel:+23-345-67890"><h3 class="text-color mb-0"><i class="ti-mobile mr-2"></i>+91 7032131929</h3></a>
</div>
</div>
</div>
</nav>
<!-- Header Close -->
<div class="main-wrapper ">
<section class="page-title bg-2">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="index.html" class="text-sm letter-spacing text-white text-uppercase font-weight-bold">Home</a></li>
<li class="list-inline-item"><span class="text-white">|</span></li>
<li class="list-inline-item"><a href="#" class="text-color text-uppercase text-sm letter-spacing">About us</a></li>
</ul>
<h1 class="text-lg text-white mt-2">Teensy Pandas</h1>
<p style="color:white">Teensy Pandas aims at providing global software solutions to the local people with the Free Software development model by working together with the community of developers and users all over.</p>
</div>
</div>
</div>
</section>
<!-- Why choose us Start -->
<section class="section why">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="section-title">
<div class="divider mb-3"></div>
<h2>OUR TEAM</h2>
</div>
<p style="color:blue">our team teensy pandas is the combination of two individuals words that explains small python library files</p>
</div>
</div>
<div class="row ">
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="nikhila.JPG" alt="logo" style="float:right;width:300px;height:350px;">
<h3 class="mt-3 text-white">NIKHILA</h3>
<li class="list-inline-item"><a href="https://www.facebook.com/themefisher"><i class="ti-instagram"></i></a></li>
<p class="mt-3 mb-4 text-white">MENTOR</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="nikitha.JPG" alt="logo" style="float:right;width:300px;height:300px;">
<h3 class="mt-3 text-white">NIKITHA KOLLURU</h3>
<li class="list-inline-item"><a href="nikitha_kolluru"><i class="ti-instagram"></i></a></li>
<p style="color:pink">insta:nikitha_kolluru</p>
<p class="mt-3 mb-4 text-white">MENTOR</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="NIKHIL.jpg" alt="logo" style="float:right;width:300px;height:350px;">
<h3 class="mt-3 text-white">NIKHIL</h3>
<li class="list-inline-item"><a href="https://www.facebook.com/themefisher"><i class="ti-instagram"></i></a></li>
<p class="mt-3 mb-4 text-white">SPOC</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="karthik.jpg" alt="logo" style="float:right;width:300px;height:350px;">
<h3 class="mt-3 text-white">KARTHIK VEERLA</h3>
<li class="list-inline-item"><a href="https://www.facebook.com/themefisher"><i class="ti-instagram"></i></a></li>
<p class="mt-3 mb-4 text-white">DEVELOPER</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="ash1.jpg" alt="logo" style="float:right;width:300px;height:400px;">
<h3 class="mt-3 text-white">AASRITHA</h3>
<li class="list-inline-item"><a href="https://www.facebook.com/themefisher"><i class="ti-instagram"></i></a></li>
<p class="mt-3 mb-4 text-white">DEVELOPER</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="praneetha.jpg" alt="logo" style="float:right;width:300px;height:350px;">
<h3 class="mt-3 text-white">PRANEETHA RONANKI</h3>
<li class="list-inline-item"><a href="https://www.facebook.com/themefisher"><i class="ti-instagram"></i></a></li>
<p class="mt-3 mb-4 text-white">DEVELOPER</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="prasad.jpg" alt="logo" style="float:right;width:300px;height:350px;">
<h3 class="mt-3 text-white">PRASAD</h3>
<li class="list-inline-item"><a href="https://www.facebook.com/themefisher"><i class="ti-instagram"></i></a></li>
<p class="mt-3 mb-4 text-white">DEVELOPER</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="ramya.jpg" alt="logo" style="float:right;width:300px;height:350px;">
<h3 class="mt-3 text-white">RAMYA</h3>
<li class="list-inline-item"><a href="https://www.facebook.com/themefisher"><i class="ti-instagram"></i></a></li>
<p class="mt-3 mb-4 text-white">DEVELOPER</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="ham.JPG" alt="logo" style="float:right;width:300px;height:350px;">
<h3 class="mt-3 text-white">SAKETH RANGA</h3>
<li class="list-inline-item"><a href="https://www.instagram.com/script_human.us/"><i class="ti-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.facebook.com/saketh6757"><i class="ti-facebook"></i></a></li>
<p class="mt-3 mb-4 text-white">DEVELOPER</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="siri.jpg" alt="logo" style="float:right;width:300px;height:350px;">
<h3 class="mt-3 text-white">SIREESHA MARUDI</h3>
<li class="list-inline-item"><a href="https://www.facebook.com/themefisher"><i class="ti-instagram"></i></a></li>
<p class="mt-3 mb-4 text-white">DEVELOPER</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="vittal.jpg" alt="logo" style="float:right;width:300px;height:350px;">
<h3 class="mt-3 text-white">VITTAL</h3>
<li class="list-inline-item"><a href="https://www.facebook.com/themefisher"><i class="ti-instagram"></i></a></li>
<p class="mt-3 mb-4 text-white">DEVELOPER</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card p-4 text-center mb-4 border-0 bg-black-50 rounded-0 ">
<p><img src="yamini.png" alt="logo" style="float:right;width:300px;height:350px;">
<h3 class="mt-3 text-white">YAMINI </h3>
<li class="list-inline-item"><a href="https://www.facebook.com/themefisher"><i class="ti-instagram"></i></a></li>
<p class="mt-3 mb-4 text-white">DEVELOPER</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Why choose us End -->
<!-- Section Gallery Start -->
<section class="gallery">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="section-title">
<div class="divider mb-3"></div>
<h2>Our gallery</h2>
<p>Alone we can do so little; together we can do so much.</p>
</div>
</div>
</div>
</div>
<div class="container-fluid p-0">
<div class="row no-gutters portfolio-gallery">
<div class="col-lg-3 col-md-6 col-sm-6">
<a href="images/gallery/gallery-01.jpg" class="popup-gallery">
<img src="group5.jpeg" alt="logo" class="img-fluid" width="300" height="400">
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<a href="images/gallery/gallery-02.jpg" class="popup-gallery">
<img src="games.jpg" alt="logo" class="img-fluid" width="300" height="400">
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<a href="images/gallery/gallery-03.jpg" class="popup-gallery">
<img src="hero.jpg" alt="logo" class="img-fluid" width="300" height="400">
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<a href="images/gallery/gallery-04.jpg" class="popup-gallery">
<img src="peacock.jpg" alt="logo" class="img-fluid" width="300" height="400">
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<a href="images/gallery/gallery-05.jpg" class="popup-gallery">
<br> <img src="DINNER.jpg" alt="logo" class="img-fluid" width="300" height="10">
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<a href="images/gallery/gallery-06.jpg" class="popup-gallery">
<img src="grp.jpg" alt="logo" class="img-fluid" width="300" height="400">
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<a href="images/gallery/gallery-07.jpg" class="popup-gallery">
<img src="super.jpg" alt="" class="img-fluid">
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<a href="images/gallery/gallery-08.jpg" class="popup-gallery">
<img src="movie.jpg" alt="" class="img-fluid">
</a>
</div>
</div>
</div>
</section>
<!-- Section Gallery END -->
<!-- footer Start -->
<footer class="footer bg-black-50">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 mb-5 mb-lg-0">
<p><img src="nine.png" alt="logo" style="float:left;width:150px;height:150px;">
<p>Teensy Pandas aims at providing global software solutions to the local people with the Free Software development model by working together with the community of developers and users all over.</p>
<p></p>
</div>
<div class="col-lg-2 col-md-5 mb-5 mb-lg-0">
<div class="footer-widget">
<h4 class="mb-4 text-white letter-spacing text-uppercase">Quick Links</h4>
<ul class="list-unstyled footer-menu lh-40 mb-0">
<li><a href="index.html"><i class="ti-angle-double-right mr-2"></i>Home</a></li>
<li><a href="about.html"><i class="ti-angle-double-right mr-2"></i>About Us</a></li>
<li><a href="pricing.html"><i class="ti-angle-double-right mr-2"></i>Our Superhero</a></li>
<li><a href="blog.html"><i class="ti-angle-double-right mr-2"></i>Experience</a></li>
<li><a href="contact.html"><i class="ti-angle-double-right mr-2"></i>Contact us</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-5">
<div class="footer-widget">
<h4 class="mb-4 text-white letter-spacing text-uppercase">Home location</h4>
<p>Green Fields,
Vaddeswaram, Andhra Pradesh 522502</p>
<span class="text-white">+91 7032131929</span>
<span class="text-white">support@teensypandas.in</span>
</div>
</div>
</div>
<div class="row align-items-center mt-5 px-3 bg-black mx-1">
<div class="col-lg-4">
<p class="text-white mt-3">Teensy Pandas © 2019></a></p>
</div>
</div>
</div>
</footer>
</div>
<!--
Essential Scripts
=====================================-->
<!-- Main jQuery -->
<script src="plugins/jquery/jquery.js"></script>
<!-- Bootstrap 4.3.1 -->
<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- Slick Slider -->
<script src="plugins/slick-carousel/slick/slick.min.js"></script>
<!-- Magnific Popup-->
<script src="plugins/magnific-popup/dist/jquery.magnific-popup.min.js"></script>
<!-- Form Validator -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.form/3.32/jquery.form.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.11.1/jquery.validate.min.js"></script>
<!-- Google Map -->
<script src="plugins/google-map/map.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAkeLMlsiwzp6b3Gnaxd86lvakimwGA6UA&callback=initMap"></script>
<script src="js/script.js"></script>
</body>
</html>
\ No newline at end of file
ash.jpg

398 KB

ash1.jpg

805 KB

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="GYm,fitness,business,company,agency,multipurpose,modern,bootstrap4">
<meta name="author" content="Themefisher.com">
<title>GymFit| Fitness template</title>
<!-- bootstrap.min css -->
<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
<!-- Icofont Css -->
<link rel="stylesheet" href="plugins/icofont/icofont.min.css">
<!-- Themify Css -->
<link rel="stylesheet" href="plugins/themify/css/themify-icons.css">
<!-- animate.css -->
<link rel="stylesheet" href="plugins/animate-css/animate.css">
<!-- Magnify Popup -->
<link rel="stylesheet" href="plugins/magnific-popup/dist/magnific-popup.css">
<!-- Owl Carousel CSS -->
<link rel="stylesheet" href="plugins/slick-carousel/slick/slick.css">
<link rel="stylesheet" href="plugins/slick-carousel/slick/slick-theme.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header Start -->
<nav class="navbar navbar-expand-lg navigation fixed-top" id="navbar">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<h2 class="text-white text-capitalize"></i>Gym<span class="text-color">Fit</span></h2>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsid" aria-controls="navbarsid" aria-expanded="false" aria-label="Toggle navigation">
<span class="ti-view-list"></span>
</button>
<div class="collapse text-center navbar-collapse" id="navbarsid">
<ul class="navbar-nav mx-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown03" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages.</a>
<ul class="dropdown-menu text-center" aria-labelledby="dropdown03">
<li><a class="dropdown-item" href="about.html">About</a></li>
<li><a class="dropdown-item" href="trainer.html">Trainer</a></li>
<li><a class="dropdown-item" href="course.html">Courses</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="service.html">Services</a></li>
<li class="nav-item"><a class="nav-link" href="pricing.html">Memebership</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown05" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Blog.</a>
<ul class="dropdown-menu text-center text-lg-left" aria-labelledby="dropdown05">
<li><a class="dropdown-item" href="blog.html">Blog Grid</a></li>
<li><a class="dropdown-item" href="blog-sidebar.html">Blog Sidebar</a></li>
<li><a class="dropdown-item" href="blog-single.html">Blog Details</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
<div class="my-md-0 ml-lg-4 mt-4 mt-lg-0 ml-auto text-lg-right mb-3 mb-lg-0">
<a href="tel:+23-345-67890"><h3 class="text-color mb-0"><i class="ti-mobile mr-2"></i>+23-563-5688</h3></a>
</div>
</div>
</div>
</nav>
<!-- Header Close -->
<div class="main-wrapper ">
<section class="page-title bg-2">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="index.html" class="text-sm letter-spacing text-white text-uppercase font-weight-bold">Home</a></li>
<li class="list-inline-item"><span class="text-white">|</span></li>
<li class="list-inline-item"><a href="#" class="text-color text-uppercase text-sm letter-spacing">our blog</a></li>
</ul>
<h1 class="text-lg text-white mt-2">blog article</h1>
</div>
</div>
</div>
</section>
<!-- Section Blog start -->
<section class="section blog bg-gray">
<div class="container">
<div class="row">
<div class="col-lg-9">
<div class="row">
<div class="col-lg-6 col-md-6">
<article class="card border-0 rounded-0 mb-4">
<img src="images/blog/post1.jpg" alt="" class="img-fluid">
<div class="mt-3 px-4 py-3 ">
<div class="blog-post-meta text-capitalize mb-2">
<span class="post-meta date-meta mr-2">
<i class="ti-calendar mr-2"></i>March 25, 2019</span>
<span class="post-meta author"><i class="ti-user mr-2 text-muted"></i>john stain</span>
</div>
<a href="blog-single.html"><h4 class="mb-3 font-secondary">Make your fitness Boost with us</h4></a>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, minima.</p>
<a href="blog-single.html" class="text-color mb-3 d-block"><i class="ti-minus mr-2"></i> Read More</a>
</div>
</article>
</div>
<div class="col-lg-6 col-md-6">
<article class="card border-0 rounded-0 mb-4">
<img src="images/blog/post2.jpg" alt="" class="img-fluid">
<div class="mt-3 px-4 py-3">
<div class="blog-post-meta text-capitalize mb-2">
<span class="post-meta date-meta mr-2">
<i class="ti-calendar mr-2"></i>March 25, 2019</span>
<span class="post-meta author"><i class="ti-user mr-2 text-muted"></i>john stain</span>
</div>
<a href="blog-single.html"><h4 class="mb-3 font-secondary">Ethernity beauty health diet plan</h4></a>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, minima.</p>
<a href="blog-single.html" class="text-color mb-3 d-block"><i class="ti-minus mr-2"></i> Read More</a>
</div>
</article>
</div>
<div class="col-lg-6 col-md-6">
<article class="card border-0 rounded-0 mb-4">
<img src="images/blog/post3.jpg" alt="" class="img-fluid">
<div class="mt-3 px-4 py-3">
<div class="blog-post-meta text-capitalize mb-2">
<span class="post-meta date-meta mr-2">
<i class="ti-calendar mr-2"></i>March 25, 2019</span>
<span class="post-meta author"><i class="ti-user mr-2 text-muted"></i>john stain</span>
</div>
<a href="blog-single.html"><h4 class="mb-3 font-secondary">Ever too late to lose weight?</h4></a>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, minima.</p>
<a href="blog-single.html" class="text-color mb-3 d-block"><i class="ti-minus mr-2"></i> Read More</a>
</div>
</article>
</div>
<div class="col-lg-6 col-md-6">
<article class="card border-0 rounded-0 mb-4 mb-lg-0">
<img src="images/blog/post4.jpg" alt="" class="img-fluid">
<div class="mt-3 px-4 py-3 ">
<div class="blog-post-meta text-capitalize mb-2">
<span class="post-meta date-meta mr-2">
<i class="ti-calendar mr-2"></i>March 25, 2019</span>
<span class="post-meta author"><i class="ti-user mr-2 text-muted"></i>john stain</span>
</div>
<a href="blog-single.html"><h4 class="mb-3 font-secondary">Make your fitness Boost with us</h4></a>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, minima.</p>
<a href="blog-single.html" class="text-color mb-3 d-block"><i class="ti-minus mr-2"></i> Read More</a>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-lg-12 mt-5">
<nav aria-label="Page navigation ">
<ul class="pagination justify-content-center">
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
<li class="page-item active" aria-current="page"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card border-0 rounded-0 mb-5">
<form action="#" class="search position-relative">
<input type="text" placeholder="Search" class="form-control">
<i class="ti-search"></i>
</form>
</div>
<div class="mb-5 follow">
<h5 class="font-secondary mb-4"><i class="ti-minus mr-2 text-color"></i>Follow us</h5>
<a href="#" class="text-muted"><i class="ti-facebook"></i></a>
<a href="#" class="text-muted"><i class="ti-twitter"></i></a>
<a href="#" class="text-muted"><i class="ti-linkedin"></i></a>
<a href="#" class="text-muted"><i class="ti-pinterest"></i></a>
<a href="#" class="text-muted"><i class="ti-dribbble"></i></a>
</div>
<div class="mb-5">
<h5 class="font-secondary mb-4"><i class="ti-minus mr-2 text-color"></i>Popular posts</h5>
<div class="media mb-4">
<img src="images/blog/blog-post-5.jpg" alt="" class="img-fluid pr-4 w-50 align-self-center">
<div class="media-body">
<a href="#" class="text-black d-block lh-25"> Track your daily body fitness</a>
</div>
</div>
<div class="media mb-4">
<img src="images/blog/blog-post-6.jpg" alt="" class="img-fluid pr-4 w-50 align-self-center">
<div class="media-body">
<a href="#" class="text-black d-block lh-25">Keep your body fitness track</a>
</div>
</div>