Basic Html Template Text

Tanumoy Ghosh
By -
0

 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>

Post a Comment

0Comments

Post a Comment (0)