Skip to content

GitLab

Commit dd489e37 authored by KolluruNikitha's avatar KolluruNikitha
Browse files

website files are added

parents
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 3261 additions and 0 deletions
1.jpeg 0 → 100644
View file @ dd489e37
1.jpeg

96.1 KB

DINNER.jpg 0 → 100644
View file @ dd489e37
DINNER.jpg

36.8 KB

NIKHIL.jpg 0 → 100644
View file @ dd489e37
NIKHIL.jpg

97.4 KB

README.md 0 → 100644
View file @ dd489e37
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
about.html 0 → 100644
View file @ dd489e37
<!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 0 → 100644
View file @ dd489e37
ash.jpg

398 KB

ash1.jpg 0 → 100644
View file @ dd489e37
ash1.jpg

805 KB

blog-sidebar.html 0 → 100644
View file @ dd489e37
<!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>