Basic Html Template Text
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Xtra Blog</title>
<link rel="stylesheet" href="#">
<link href="#" rel="stylesheet">
<link href="" rel="stylesheet">
<link href="" rel="stylesheet">
</head>
<body>
<header class="tm-header" id="tm-header">
<div class="tm-header-wrapper">
<button class="navbar-toggler" type="button" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="tm-site-header">
<div class="mb-3 mx-auto tm-site-logo"><i class="fas fa-times fa-2x"></i></div>
<h1 class="text-center">Web Page</h1>
</div>
<nav class="tm-nav" id="tm-nav">
<ul>
<li class="tm-nav-item active"><a href="index.html" class="tm-nav-link">
<i class="fas fa-home"></i>
Blog Home
</a></li>
<li class="tm-nav-item"><a href="post.html" class="tm-nav-link">
<i class="fas fa-pen"></i>
Single Post
</a></li>
<li class="tm-nav-item"><a href="about.html" class="tm-nav-link">
<i class="fas fa-users"></i>
About Xtra
</a></li>
<li class="tm-nav-item"><a href="contact.html" class="tm-nav-link">
<i class="far fa-comments"></i>
Contact Us
</a></li>
</ul>
</nav>
<div class="tm-mb-65">
<a rel="nofollow" href="#" class="tm-social-link">
<i class="#"></i>
</a>
<a href="https://twitter.com" class="tm-social-link">
<i class="fab fa-twitter tm-social-icon"></i>
</a>
<a href="https://instagram.com" class="tm-social-link">
<i class="fab fa-instagram tm-social-icon"></i>
</a>
<a href="https://linkedin.com" class="tm-social-link">
<i class="fab fa-linkedin tm-social-icon"></i>
</a>
</div>
<p class="tm-mb-80 pr-5 text-white">
</div>
</header>
<div class="container-fluid">
<main class="tm-main">
<!-- Search form -->
<div class="row tm-row">
<div class="col-12">
<form method="GET" class="form-inline tm-mb-80 tm-search-form">
<input class="form-control tm-search-input" name="query" type="text" placeholder="Search..." aria-label="Search">
<button class="tm-search-button" type="submit">
<i class="fas fa-search tm-search-icon" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
<div class="row tm-row">
<article class="col-12 col-md-6 tm-post">
<hr class="tm-hr-primary">
<a href="post.html" class="effect-lily tm-post-link tm-pt-60">
<div class="tm-post-link-inner">
<img src="img/img-01.jpg" alt="Image" class="img-fluid">
</div>
<span class="position-absolute tm-new-badge">New</span>
<h2 class="tm-pt-30 tm-color-primary tm-post-title">shffh</h2>
</a>
<p class="tm-pt-30">
Ufyduffuigig
</p>
<div class="d-flex justify-content-between tm-pt-45">
<span class="tm-color-primary">Travel . Events</span>
<span class="tm-color-primary">June 24, 2020</span>
</div>
<hr>
<div class="d-flex justify-content-between">
<span>36 comments</span>
<span>by Admin Nat</span>
</div>
</article>
<article class="col-12 col-md-6 tm-post">
<hr class="tm-hr-primary">
<a href="post.html" class="effect-lily tm-post-link tm-pt-60">
<div class=" tm-post-link-inner">
<img src="img/img-02.jpg" alt="Image" class="img-fluid">
</div>
<span class="position-absolute tm-new-badge">New</span>
<h2 class="tm-pt-30 tm-color-primary tm-post-title">Multi-purpose blog template</h2>
</a>
<p class="tm-pt-30">
<a rel="nofollow" href="#" target="_blank">Xtra Blog</a>
</p>
<div class="d-flex justify-content-between tm-pt-45">
<span class="tm-color-primary">Creative . Design . Business</span>
<span class="tm-color-primary">June 16, 2020</span>
</div>
<hr>gghbhn
<div class="d-flex justify-content-between">
<span>48 comments</span>
<span>by Admin Sam</span>
</div>
</article>
<article class="col-12 col-md-6 tm-post">
<hr class="tm-hr-primary">
<a href="post.html" class="effect-lily tm-post-link tm-pt-20">
<div class="tm-post-link-inner">
<img src="img/img-03.jpg" alt="Image" class="img-fluid">
</div>
<h2 class="tm-pt-30 tm-color-primary tm-post-title">gtxtxyc</h2>
</a>
<p class="tm-pt-30">
You are <u>allowed</u> yyyctchvhv
</p>
<div class="d-flex justify-content-between tm-pt-45">
<span class="tm-color-primary">Music . Audio</span>
<span class="tm-color-primary">June 11, 2020</span>
</div>
<hr>
<div class="d-flex justify-content-between">
<span>24 comments</span>
<span>by John Walker</span>
</div>
</article>
<article class="col-12 col-md-6 tm-post">
<hr class="tm-hr-primary">
<a href="post.html" class="effect-lily tm-post-link tm-pt-20">
<div class="tm-post-link-inner">
<img src="img/img-04.jpg" alt="Image" class="img-fluid">
</div>
<h2 class="tm-pt-30 tm-color-primary tm-post-title"></h2>
</a>
<p class="tm-pt-30">
You are <u>not allowed</u> dbbcnc
</p>
<div class="d-flex justify-content-between tm-pt-45">
<span class="tm-color-primary">Artworks . Design</span>
<span class="tm-color-primary">June 4, 2020</span>
</div>
<hr>
<div class="d-flex justify-content-between">
<span>71 comments</span>
<span>by Admin </span>
</div>
</article>
<article class="col-12 col-md-6 tm-post">
<hr class="tm-hr-primary">
<a href="post.html" class="effect-lily tm-post-link tm-pt-20">
<div class="tm-post-link-inner">
<img src="img/img-05.jpg" alt="Image" class="img-fluid">
</div>
<h2 class="tm-pt-30 tm-color-primary tm-post-title">bxbxnnxn</h2>
</a>
<p class="tm-pt-30">
Hfncncn
<br>
Title #099 New #0CC <br>
<span class="tm-color-primary">Text #999 Line #CCC Next #0CC Prev #F0F0F0</span>
</p>
<div class="d-flex justify-content-between tm-pt-45">
<span class="tm-color-primary">Creative . Video . Audio</span>
<span class="tm-color-primary">May 31, 2020</span>
</div>
<hr>
<div class="d-flex justify-content-between">
<span>84 comments</span>
<span>by Admin Sam</span>
</div>
</article>
<article class="col-12 col-md-6 tm-post">
<hr class="tm-hr-primary">
<a href="post.html" class="effect-lily tm-post-link tm-pt-20">
<div class="tm-post-link-inner">
<img src="img/img-06.jpg" alt="Image" class="img-fluid">
</div>
<h2 class="tm-pt-30 tm-color-primary tm-post-title">Donec convallis varius risus</h2>
</a>
<p class="tm-pt-30">
dbhxbnzb
</p>
<div class="d-flex justify-content-between tm-pt-45">
<span class="tm-color-primary">Visual . Artworks</span>
<span class="tm-color-primary">June 16, 2020</span>
</div>
<hr>
<div class="d-flex justify-content-between">
<span>96 comments</span>
<span>by Admin Sam</span>
</div>
</article>
</div>
<div class="row tm-row tm-mt-100 tm-mb-75">
<div class="tm-prev-next-wrapper">
<a href="#" class="mb-2 tm-btn tm-btn-primary tm-prev-next disabled tm-mr-20">Prev</a>
<a href="#" class="mb-2 tm-btn tm-btn-primary tm-prev-next">Next</a>
</div>
<div class="tm-paging-wrapper">
<span class="d-inline-block mr-3">Page</span>
<nav class="tm-paging-nav d-inline-block">
<ul>
<li class="tm-paging-item active">
<a href="#" class="mb-2 tm-btn tm-paging-link">1</a>
</li>
<li class="tm-paging-item">
<a href="#" class="mb-2 tm-btn tm-paging-link">2</a>
</li>
<li class="tm-paging-item">
<a href="#" class="mb-2 tm-btn tm-paging-link">3</a>
</li>
<li class="tm-paging-item">
<a href="#" class="mb-2 tm-btn tm-paging-link">4</a>
</li>
</ul>
</nav>
</div>
</div>
<footer class="row tm-row">
<hr class="col-12">
<div class="col-md-6 col-12 tm-color-gray">
Design: <a rel="nofollow" target="_parent" href="#" class="tm-external-link">#</a>
</div>
<div class="col-md-6 col-12 tm-color-gray tm-copyright">
Copyright 2020 Web Company Co. Ltd.
</div>
</footer>
</main>
</div>
<script src="#"></script>
<script src="#"></script>
</body>
</html>