|
Server IP : 217.21.91.233 / Your IP : 216.73.216.58 Web Server : LiteSpeed System : Linux in-mum-web832.main-hosting.eu 4.18.0-553.34.1.lve.el8.x86_64 #1 SMP Thu Jan 9 16:30:32 UTC 2025 x86_64 User : u952924200 ( 952924200) PHP Version : 8.2.27 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : ON Directory (0755) : /home/u952924200/domains/nadeemtravels.in/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<head>
<?php
require_once __DIR__ . "/include/config.php";
?>
<title>Contact Us | Nadeem Travels</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords"
content="taxi service in raipur, cab booking service in raipur, travel agency in raipur, car rental service in raipur" />
<link rel="icon" type="image/png" href="<?= $favicon ?>">
<link rel="canonical" href="https://nadeemtravels.in/blog.php" />
<link rel="stylesheet" href="https://www.nadeemtravels.in/css/bootstrap.css">
<link rel="stylesheet" href="https://www.nadeemtravels.in/css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="https://www.nadeemtravels.in/css/fontawesome-all.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<style>
.btn-default {
color: #fff;
background-color: #ee4f4f;
border-color: #ee4f4f;
}
.basic-padding {
padding-top: 15px;
padding-bottom: 15px;
}
.image-hover {
background: -webkit-linear-gradient(45deg, #ff89e9 0, #05abe0 100%);
background: linear-gradient(45deg, #ff89e9 0, #05abe0 100%);
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.image-hover .overlay {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: 40px;
text-align: left;
}
.image-hover .overlay::before {
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
opacity: 0;
transition: opacity .35s, transform .45s;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
.image-hover img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
max-width: none;
transition: opacity .35s, transform .45s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
.image-hover h2 {
padding: 130px 0px 0px 0px;
color: #fff;
position: relative;
font-size: 17px;
text-transform: uppercase;
}
.image-hover .btn-hover {
display: inline-block;
color: #fff;
opacity: 0;
margin: 0;
padding: 0;
border: none;
-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
transition: opacity .35s, transform .45s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.image-hover:hover img {
opacity: .6;
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.image-hover:hover .overlay::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.image-hover:hover .btn-hover {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.navbar-light .navbar-nav .nav-link {
font-size: 14px;
}
a.login-button {
font-size: 14px;
}
</style>
</head>
<body>
<?php
include 'menu.php';
?>
<div class="clearfix"></div>
<!-- banner 2 -->
<div class="inner-banner-w3ls">
<div class="container">
</div>
<!-- //banner 2 -->
</div>
<!-- page details -->
<div class="breadcrumb-agile">
<div aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.php">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Blogs</li>
</ol>
</div>
</div>
<!-- //page details -->
<?php
include 'include/connection.php';
include 'header.php';
?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<?php
$stmt = $conn->prepare("SELECT * FROM blog");
$stmt->execute();
$blogs = $stmt->fetchAll(PDO::FETCH_ASSOC);
// echo "<pre>";
// print_r($blogs); die ;
?>
<style>
.card-text {
color: #222222;
}
.blog-title {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: bold;
}
.blog-desc {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.card-image-container {
overflow: hidden;
cursor: pointer;
}
.card-image {
height: 200px;
transition: 0.2s all ease-in-out;
}
.card-image:hover {
transform: scale(1.1);
}
.blog-title {
color: #000000ff;
/* gold color */
text-decoration: none;
}
.blog-title:hover {
color: #000000ff;
/* hover color */
}
</style>
<div class="blogs-container">
<h1 class="text-center mt-5">Our Blogs</h1>
<div class="blogs-cards container">
<div class="d-flex flex-wrap gap-4">
<?php foreach ($blogs as $blog): ?>
<div class="card my-3" style="width: 22rem;">
<div class="card-image-container">
<a href="<?= ROOT ?>blog/<?= urlencode($blog['slug']) ?>"><img src="images/blog/<?= $blog['image'] ?>"
class="card-img-top card-image" alt="Blog Image"> </a>
</div>
<div class="card-body">
<h5 class="card-title">
<i class="fa-regular fa-calendar-days fa-sm"></i>
<span><?= date('d M, Y', strtotime($blog['created_at'])); ?></span>
</h5>
<p class="card-text">
<a href="<?= ROOT ?>blog/<?= urlencode($blog['slug']) ?>"><span
class="blog-title"><?= htmlspecialchars($blog['blog_title']) ?></span></a>
<small class="blog-desc"><?= htmlspecialchars(strip_tags(trim($blog['blog_content']))) ?></small>
</p>
<a href="<?= ROOT ?>blog/<?= urlencode($blog['slug']) ?>" class="btn btn-primary">
Read More
</a>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
<?php include 'footer.php'; ?>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>