single-blog.php

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <meta name="description" content="E-Registry" />
  <link href="assets/images/favicon/favicon.png" rel="icon" />
  <title>blog</title>

  <link
    href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
    rel="stylesheet" />
  <!--==Font-Awesome-for-icons=====-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" />
  <link rel="stylesheet" href="libraries.css" />
  <link rel="stylesheet" href="single-blog.css" />
</head>

<body>
  <!-- ========================
       page title 
    =========================== -->
  <section class="single-blog">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-12">
          <nav>
            <ol class="breadcrumb mb-0">
              <li class="breadcrumb-item"><a href="index.php">Home</a></li>
              <li class="breadcrumb-item"><a href="blog.php">Blog</a></li>
              <li class="breadcrumb-item active" aria-current="page">
                sadasfadf afdfdsfasfaa fadafsafaas
              </li>
            </ol>
          </nav>
        </div>
        <!-- /.col-12 -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container -->
  </section>
  <!-- /.page-title -->

  <!-- ======================
      Blog Single
    ========================= -->
  <section class="blog blog-single pt-0 pb-80">
    <div class="container">
      <div class="row">
        <div class="col-sm-12 col-md-12 col-lg-8">
          <div class="post-item mb-0">
            <div class="post__img">
              <a href="#">
                <img src="images/a3.jpg" alt="post image" loading="lazy" />
              </a>
            </div>
            <!-- /.post-img -->
            <div class="post__body pb-0">
              <div class="post__meta-cat">
                <a href="#">sdsfd</a><a href="#">fg</a>
              </div>
              <!-- /.blog-meta-cat -->
              <div class="post__meta d-flex align-items-center mb-20">
                <span class="post__meta-date">Jan 20, 2023</span>
                <a class="post__meta-author" href="#">King</a>
                <a class="post__meta-comments" href="#">2 coments</a>
              </div>
              <!-- /.blog-meta -->
              <h1 class="post__title mb-30">
                ehhhdf ahjfdhfhkas fh jkhjfshjfh jahjfhas hkahf
              </h1>
              <div class="post__desc">
                <p>
                  Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                  Quo ad voluptate excepturi, cumque nesciunt, fuga in saepe
                  quidem sunt distinctio enim iste provident vel delectus. Ab
                  architecto recusandae sequi rem?
                </p>
                <p>
                  Lorem ipsum dolor sit amet consectetur adipisicing elit.
                  Autem, dolorum porro voluptatum adipisci distinctio quidem
                  inventore nihil explicabo sed neque deleniti culpa facilis
                  consequatur voluptatibus minima eaque iure asperiores
                  voluptates!
                </p>
                <p>
                  Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                  Explicabo dolores consequuntur laudantium labore illum,
                  iusto a ab dolorum architecto repellendus laborum sed, quam,
                  facilis minima eligendi libero eum vel autem?
                </p>
                <p>
                  Lorem ipsum dolor sit amet consectetur adipisicing elit.
                  Dolorum doloribus in vel, laboriosam cupiditate at deleniti
                  expedita itaque voluptates, quo voluptas eos odio voluptate!
                  Odit voluptate cumque animi asperiores laborum!
                </p>
                <p>
                  Lorem ipsum dolor sit amet consectetur adipisicing elit.
                  Exercitationem asperiores consequuntur facilis obcaecati
                  dolor culpa sunt beatae quo a, repellat voluptates at ullam
                  vel! Dolore fuga optio quo commodi fugiat.
                </p>
              </div>
              <!-- /.blog-desc -->
            </div>
          </div>
          <!-- /.post-item -->
          <div class="d-flex flex-wrap justify-content-between border-top border-bottom pt-30 pb-30 mb-40">
            <div class="blog-share d-flex flex-wrap align-items-center">
              <strong class="mr-20 color-heading">Share</strong>
              <ul class="list-unstyled-social-icons">
                <li>
                  <a href="#"><i class="fab fa-facebook-f"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-twitter"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-google"></i></a>
                </li>
              </ul>
            </div>
            <!-- /.blog-share -->
            <div class="widget-tags">
              <ul class="list-unstyled d-flex flex-wrap mb-0">
                <li><a href="#">Consulting</a></li>
                <li><a href="#">Tech</a></li>
                <li><a href="#">Employee</a></li>
              </ul>
            </div>
            <!-- /.blog-tags -->
          </div>
          <div class="navigation-widget">
            <div class="navigation-inner-container">
              <a href="#" class="navigation-widget-link">
                <div class="navigation-widget-image">
                  <img src="images/a2.jpg" alt="blog thumb" />
                </div>
                <div class="navigation-widget-content">
                  <i class="fa-solid fa-arrow-left" id="icon-wasif"></i>
                  <span>Previous Post</span>
                  <h3 class="navigation-widget-title">fvgfxgs fssaaasf</h3>
                </div>
              </a>
            </div>
            <!-- /.widget-prev  -->
            <div class="navigation-inner-container2">
              <a href="#" class="navigation-widget-link2">
                <div class="navigation-widget-content2">
                  <i class="fa-solid fa-arrow-right" id="icon-wasif2"></i>
                  <span>Next Post</span>
                  <h3 class="navigation-widget-title2">
                    Tips for Immigration
                  </h3>
                </div>
                <div class="navigation-widget-image2">
                  <img src="images/a4.jpg" alt="blog thumb" />
                </div>
              </a>
            </div>
            <!-- /.widget-next  -->
          </div>
        </div>
        <!-- /.col-lg-8 -->
        <div class="col-sm-12 col-md-12 col-lg-4">
          <aside class="sidebar">
            <div class="widget widget-search">
              <h5 class="widget__title">Search</h5>
              <div class="widget__content">
                <form class="widget__form-search">
                  <input type="text" class="form-control" placeholder="Search..." />
                  <button class="btn" type="submit">
                    <i class="icon-search"></i>
                  </button>
                </form>
              </div>
              <!-- /.widget-content -->
            </div>
            <!-- /.widget-search -->
            <!-- /.widget-posts -->
            <div class="widget widget-categories">
              <h5 class="widget__title">Categories</h5>
              <div class="widget-content">
                <ul class="list-unstyled mb-0">
                  <li>
                    <a href="#"><span class="cat-count">4</span><span>Inflation</span></a>
                  </li>
                  <li>
                    <a href="#"><span class="cat-count">0</span><span>sadsa</span></a>
                  </li>
                  <li>
                    <a href="#"><span class="cat-count">3</span><span>sadasda</span></a>
                  </li>
                  <li>
                    <a href="#"><span class="cat-count">2</span><span>asdasd</span></a>
                  </li>
                  <li>
                    <a href="#"><span class="cat-count">4</span><span>Pric</span></a>
                  </li>
                  <li>
                    <a href="#"><span class="cat-count">1</span><span>asdasic</span></a>
                  </li>
                </ul>
              </div>
              <!-- /.widget-content -->
            </div>
            <!-- /.widget-categories -->
            <div class="widget widget-tags">
              <h5 class="widget__title">Tags</h5>
              <div class="widget-content">
                <ul class="list-unstyled mb-0">
                  <li><a href="#">Insights</a></li>
                  <li><a href="#">Industry</a></li>
                  <li><a href="#">Modern</a></li>
                  <li><a href="#">Corporate</a></li>
                  <li><a href="#">Business</a></li>
                </ul>
              </div>
              <!-- /.widget-content -->
            </div>
            <!-- /.widget-tags -->
          </aside>
          <!-- /.sidebar -->
        </div>
        <!-- /.col-lg-4 -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container -->
  </section>
  <!-- /.blog Single -->

  <button id="scrollTopBtn"><i class="fas fa-long-arrow-alt-up"></i></button>
</body>

</html>