Custom File Manager

Current Path: /home/shrishakuntlam/domains/shrishakuntlamconstruction.com/public_html

Name	Type	Actions
📁 ..	Folder	Open \| Delete
📄 .htaccess	File	View \| Edit \| Delete
📁 .vscode	Folder	Open \| Delete
📄 2D-vastu.php	File	View \| Edit \| Delete
📄 3D-modelling.php	File	View \| Edit \| Delete
📄 404.html	File	View \| Edit \| Delete
📄 aboutus.php	File	View \| Edit \| Delete
📁 admin	Folder	Open \| Delete
📁 assets	Folder	Open \| Delete
📄 blog-detail.php	File	View \| Edit \| Delete
📄 blog.php	File	View \| Edit \| Delete
📄 building.php	File	View \| Edit \| Delete
📄 consultancy.php	File	View \| Edit \| Delete
📄 contact-us-2.php	File	View \| Edit \| Delete
📄 cqm.txt	File	View \| Edit \| Delete
📄 detailed-estimation.php	File	View \| Edit \| Delete
📄 enquiry-form.php	File	View \| Edit \| Delete
📄 front-elevation.php	File	View \| Edit \| Delete
📁 images	Folder	Open \| Delete
📁 includes	Folder	Open \| Delete
📄 index.php	File	View \| Edit \| Delete
📄 interior.php	File	View \| Edit \| Delete
📄 just2.php	File	View \| Edit \| Delete
📄 material-supplier.php	File	View \| Edit \| Delete
📄 modern-houses.php	File	View \| Edit \| Delete
📄 noc-municipality.php	File	View \| Edit \| Delete
📄 plot-layout.php	File	View \| Edit \| Delete
📄 portfolio.php	File	View \| Edit \| Delete
📄 privacy_policy.php	File	View \| Edit \| Delete
📄 robots.txt	File	View \| Edit \| Delete
📄 service-2.php	File	View \| Edit \| Delete
📄 site-supervisor.php	File	View \| Edit \| Delete
📄 ss.php	File	View \| Edit \| Delete
📄 structural-designing-drawing.php	File	View \| Edit \| Delete
📄 terms_and_conditions.html	File	View \| Edit \| Delete

Editing: blog.php

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

<?php

$blog = "SELECT * FROM `blog` ORDER BY id DESC";
    $queryBlog = mysqli_query($con, $blog);
?>

.my-float {
        margin-top: 16px;
    }
</style>

<style>
    .float1 {
        position: fixed;
        position: left;
        width: 50px;
        height: 120px;
        bottom: 10px;
        /*right:40px;*/
        left: 5px;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 20px;
        z-index: 100;
    }

.my-float1 {
        margin-top: 16px;
    }
</style>
<style>
    body {
        -webkit-user-select: none;
        /* Safari */
        -ms-user-select: none;
        /* IE 10 and IE 11 */
        user-select: none;
        /* Standard syntax */
    }

img {
        pointer-events: none
    }

h1,
    h2,
    h3,
    h4 {
        color: #d49924;
        padding-bottom: 10px;
    }

p {
        text-align: justify;
    }
</style>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-4BWCBB1MMP"
    type="eaa86faed1f0f9f7899d6d43-text/javascript"></script>
<script type="eaa86faed1f0f9f7899d6d43-text/javascript">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

gtag('config', 'G-4BWCBB1MMP');
</script>

button.green-button a {
        text-decoration: none;
        color: #fff;
    }

button.green-button:hover {
        background-color: rgba(255, 255, 255, 0);
        cursor: pointer;
    }

button.green-button:hover a {
        color: #d49924;
    }
</style>

<script type="eaa86faed1f0f9f7899d6d43-text/javascript">
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'../connect.facebook.net/en_US/fbevents.js');
fbq('init', '1067497603662523');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
        src="https://www.facebook.com/tr?id=1067497603662523&amp;ev=PageView&amp;noscript=1" /></noscript>

<div class='main overflow-hidden'>
        
        <?php include("includes/navbar.php") ?>
        
        <section class="section breadcrumb-area overlay-dark d-flex align-items-center" style="height: 25rem">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcrumb-content d-flex flex-column align-items-center text-center">
                            <h1 class="text-dark" >Our Blogs</h1>
                            
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <style>
          /* From Uiverse.io by Yaya12085 */
          .blog-card {
            box-sizing: border-box;
            display: flex;
            max-width: 100%;
            background-color: rgba(255, 255, 255, 1);
            transition: all .15s cubic-bezier(0.4, 0, 0.2, 1);

}

.blog-card:hover {
            box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.081);
          }

.blog-date-time-container {
            writing-mode: vertical-lr;
            transform: rotate(180deg);
            padding: 0.5rem;
          }

.blog-date-time {
            display: flex;
            align-items: center;
            justify-content: space-between;
            /* grid-gap: 1rem; */
            gap: 1rem;
            font-size: 0.75rem;
            line-height: 1rem;
            font-weight: 700;
            text-transform: uppercase;
            color: rgba(17, 24, 39, 1);
          }

.blog-separator {
            width: 1px;
            flex: 1 1 0%;
            background-color: rgba(17, 24, 39, 0.1);
          }

.blog-content {
          
            display: flex;
            flex: 1 1 0%;
            flex-direction: column;
            justify-content: space-between;
          }

.blog-infos {
            border-left: 1px solid rgba(17, 24, 39, 0.1);
            padding: 1rem;

}

.blog-title {
            font-weight: 700;
            text-transform: uppercase;
            font-size: 18.72px;
            color: rgba(17, 24, 39, 1);
          }

.blog-description {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5;
            line-clamp: 5;
            margin-top: 0.5rem;
            font-size: 0.875rem;
            line-height: 1.25rem;
            color: rgba(55, 65, 81, 1);
          }

.blog-action {
            display: block;
            background-color: rgba(253, 224, 71, 1);
            padding: 0.75rem 1.25rem;
            text-align: center;
            font-size: 0.75rem;
            line-height: 1rem;
            font-weight: 700;
            text-transform: uppercase;
            color: rgba(17, 24, 39, 1);
            transition: all .15s cubic-bezier(0.4, 0, 0.2, 1);
          }

.blog-action:hover {
            background-color: rgba(250, 204, 21, 1);
            color: black;
          }

</style>
        <section class="section about-area ptb_100">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    
                <div class="row gap-3 " style="margin-bottom: 1rem">
                <?php
                  if (mysqli_num_rows($queryBlog) > 0) {
                    while ($resBlog = mysqli_fetch_assoc($queryBlog)) {
                ?>
                    <div class="col-12 col-sm-6 col-lg-4 ">
                        
                    <div class="blog-card">
                        <div class="blog-date-time-container">
                          <time class="blog-date-time" >
                          <span><?= date('Y', strtotime($resBlog['created_At'])) ?></span>

</time>
                        </div>
                        <div class="blog-content" style="padding:0 !important">
                          <div class="blog-infos">
                            <div style="padding-bottom:0.8rem;" style="border: 2px solid black">
                              <img  src="admin/blogImages/bannerImage/<?= $resBlog['banner-listing-image'] ?>" alt="dfd">
                            </div>
                            <a href="#">
                              <span class="blog-title">
                                hgfdhfgh
                              </span>
                            </a>
                            <p class="blog-description">
                              famshdghjsa kasdh  dsakdgh k dsakj dkdj sdg dksd sgd 
                            </p>
                          </div>
                          <a class="blog-action" href="blog-detail.php?blogId=<?= $resBlog['id'] ?>">
                            Read Blog
                          </a>
                        </div>
                      </div>
                    </div>
                    <?php
                            }
                        }
                    ?>
                   
                </div>
                </div>
            </div>
        </section>
        
        
        
        
        
        
    </div>
    
    <?php include("includes/footer.php") ?>
    
    
    <div id='menu' class='modal fade p-0'>
        <div class='modal-dialog dialog-animated'>
            <div class='modal-content h-100'>
                <div class='modal-header' data-dismiss='modal'>
                    Menu <i class='far fa-times-circle icon-close'></i>
                </div>
                <div class='menu modal-body'>
                    <div class='row w-100'>
                        <div class='items p-0 col-12 text-center'>
                        </div>
                        <img src='images/logo/logo2.png' alt='AK engg logo' height='100px' width='250px'
                        style='padding:5px;padding-top:20%;'>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    
    <script src="assets/js/jquery/jquery-3.5.1.min.js" type="eaa86faed1f0f9f7899d6d43-text/javascript"></script>
    
    <script src="assets/js/bootstrap/popper.min.js" type="eaa86faed1f0f9f7899d6d43-text/javascript"></script>
    <script src="assets/js/bootstrap/bootstrap.min.js" type="eaa86faed1f0f9f7899d6d43-text/javascript"></script>
    
    <script src="assets/js/plugins/plugins.min.js" type="eaa86faed1f0f9f7899d6d43-text/javascript"></script>
    
    <script src="assets/js/active.js" type="eaa86faed1f0f9f7899d6d43-text/javascript"></script>
   
    <script src="cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js"
        data-cf-settings="eaa86faed1f0f9f7899d6d43-|49" defer></script>
</body>

</html>