Featured Posts
Message here

✨ Let's Talk !

Hello, I'm

Sachin Lodhi.

A

Hire me

About me

My job is to build your website so that it is functional and user-friendly but at the same time attractive. Moreover, I add personal touch to your product and make sure that is eye-catching and easy to use. My aim is to bring across your message and identity in the most creative way. I created web design for many famous brand companies.

our services

Web Design

Web Design

The most modern and high-quality design made at a professional level.

Web Development

Web Development

High-quality development of sites at the professional level.

Mobile Apps

Mobile Apps

Professional development of applications for iOS and Android.

Photography

Photography

I make high-quality photos of any category at a professional level.

our clients

What Our Customer Says?

    Resume

    Education

    1. Bachelor of Science (Mathmatics & Physics)

      M.J.P Rohilkhand University
      2021 — 2024 (Pursuing)

      In-depth study of mathematical theories, electronics and physics principles, complemented by hands-on laboratory experience and research projects.

    2. Intermediate (12th)

      Bareilly Inter College, UP Board
      2020 — 2021

      Focused on advanced physics (electronics) , Math, Chemistry providing a solid foundation for further studies in science and technology.

    3. High school (10th)

      Bareilly Inter College, UP Board
      2018 — 2019

      Completed with a focus on science, particularly in physics, electronics, and computer science, achieving strong academic results.

    Certifications

    1. NIELIT O Level-IT [Certified By GOI-NSQF level 4]

      NIELIT HQ, New Delhi
      2023

      Certified in essential IT skills, including python programming, web dev, IoT, Arduino, & database management.

    2. Cybershiksha Certified (Ready4CyberSecurity Program and Linkedin Career Essential)

      Jointly Iniciative By NIELIT, DSCI and Microsoft
      2024

      Completed comprehensive training in cybersecurity, enhancing skills in online safety and digital security practices.

    3. Masters Of Figma UI/UX Begginer to Advance (My APSSDC My Website)

      GUVI & APSSDC
      2024

      Mastered UI/UX design principles, from basic concepts to advanced techniques, using Figma for web and app design.

    4. ADCA+

      APN Institute, MDVTI
      2023

      Developed proficiency in advanced computer applications, including office automation, Accounting, graphics, HTML & C/C++.

    5. DCA (Diploma In Computer Accounting - Tally,Busy,Taxation and Advance Excel)

      Institute of Computer Education (ICE, Kanpur)
      2023

      Specialized in computerized accounting systems, including Tally, Busy, taxation, and advanced Excel functionalities.

    6. CCC (Course On Computer Concepts)

      NIELIT HQ, New Delhi
      2023

      Acquired fundamental computer skills, covering basic concepts, eGov Services, and internet usage.



    My skills

    • HTML5
      95%
    • CSS3
      80%
    • JS/ES6
      60%
    • Figma
      65%
    • Canva
      70%
    • Web design
      80%
    • Graphic design
      70%
    • WordPress
      50%
    • Blogger (Google Blogger)
      95%
    • Python
      55%
    • C/C++
      50%
    • Google Workspace/Google App Script
      60%
    • Computerised Accounting/Taxation
      80%
    • Cyber/IT Security
      50%

    Blog

    demo1

     h

    <b:if cond='data:blog.searchQuery != &quot;&quot;'>

    <h5>Search results for <data:blog.searchQuery/></h5>

    </b:if>



    <b:if cond='data:blog.url == data:blog.homepageUrl'>

      <h5>Latest News</h5>

    <b:elseif cond='data:blog.searchQuery != &quot;&quot;'/>

      <h5>Search results for <data:blog.searchQuery/></h5>

    <b:else/>

      <h5>[content to display in other cases]</h5>

    </b:if>




    <data:blog.searchQuery/> and <data:blog.searchLabel/> 


    eader.main-header {

    1. display: flex;
    2. align-items: center;
    3. justify-content: space-between;
    4. position: relative;
    5. max-width: 100%;
    6. font-family: "Roboto", sans-serif;
    header.main-header .logo a {
    1. font-size: 24px;
    2. font-weight: bold;
    3. color: var(--font-color-1);

    -header.main-header .search-icon svg {

    1. color: var(--font-color-1);
    2. height: 24px;
    .search-results.active {
    1. opacity: 1;
    2. pointer-events: auto;
    3. z-index:
      10
      ;
    .search-results {
    1. position: absolute;
    2. top: 52px;
    3. left: 0;
    4. right: 0;
    5. opacity: 0;
    6. pointer-events: none;
    .search-results .search-input {
    1. width: 100%;
    2. font-size: 16px;
    3. box-sizing: border-box;

    -

    .search-results .search-title {
    1. text-align: center;
    2. font-weight: bolder;
    3. color: var(--orange-yellow-crayola);
    4. font-size: 14px;
    .search-results .search-title {
    1. text-align: center;
    2. font-weight: bolder;
    3. color: var(--orange-yellow-crayola);
    4. font-size: 14px;
    .search-results ul a {
    1. font-size: 16px;
    2. font-weight: bold;
    3. display: inline-block;
    4. width: 100%;
    5. box-sizing: border-box;







    -------------

    <i class="fa-solid fa-circle-arrow-right"></i>

    f0a9


    <i class="fa-solid fa-angles-right"></i>

    f101


    <i class="fa-solid fa-chevron-right"></i>

    f054


    <i class="fa-solid fa-caret-right"></i>

    f0da


    <i class="fa-solid fa-circle-chevron-right"></i>

    f138


    <i class="fa-solid fa-square-caret-right"></i>

    f152

    ------

    https://magistic-templateiki.blogspot.com/?m=1
    https://newslite-default-templateiki.blogspot.com/pikitemplates?m=1

    https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://probloggertemplates.com/&ved=2ahUKEwick8eSjNiGAxU71zgGHYi_A284ChAWegQICxAB&usg=AOvVaw06wnUh9ALHlmIykwK3kYTF

    https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.templateism.com/&ved=2ahUKEwick8eSjNiGAxU71zgGHYi_A284ChAWegQIFhAB&usg=AOvVaw3hZRMNXZWN6ZyRdDJ_OG-I


    https://github.com/zkreations/hamlet



    .square-image {
        width: 100%; /* Ensure figure takes full width of its container */
        max-width: 400px; /* Adjust maximum width as per your design */
        margin: 0 auto; /* Center align the figure */

        /* Set aspect ratio for square shape */
        aspect-ratio: 1 / 1; /* 1:1 aspect ratio for square shape */
        overflow: hidden; /* Ensure no overflow */

        /* Optional styles for border and shadow */
        border: 1px solid #ddd; /* Border for the image */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Shadow for the figure */
    }

    .square-image img {
        width: 100%; /* Make the image fill its parent (figure) */
        height: 100%; /* Ensure the image covers the entire figure */
        object-fit: cover; /* Maintain aspect ratio and cover entire space */
        display: block; /* Ensure proper block display */
    }
    _-----------

        <header class="main-header">

          <div class="logo"><a href="#">LB.</a></div>

          <div class="search-icon">

            <svg

              xmlns="http://www.w3.org/2000/svg"

              fill="none"

              viewBox="0 0 24 24"

              stroke-width="1.5"

              stroke="currentColor"

              class="w-6 h-6"

            >

              <path

                stroke-linecap="round"

                stroke-linejoin="round"

                d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"

              />

            </svg>

          </div>


          <div class="search-results">

            <div class="search-input-container">

              <input

                type="text"

                placeholder="Search Here..."

                class="search-input"

              />

            </div>


            <div class="search-title">Featured Posts</div>


            <div class="results-container">

              <ul>

                <li>

                  <a href="#"

                    >The Science of Sleep: Understanding the Importance of Rest</a

                  >

                </li>


                <li>

                  <a href="#"

                    >Unleashing Your Leadership Potential: Essential Skills for

                    Today's Leaders</a

                  >

                </li>


                <li>

                  <a href="#"

                    >Mastering Personal Finance: Budgeting, Saving, and Investing

                    Strategies</a

                  >

                </li>

              </ul>

            </div>

          </div>

        </header>


    <style> header.main-header {

      display: flex;

      align-items: center;

      justify-content: space-between;

      position: relative;

      max-width: 700px;

      margin: 0 auto;

      background: #edf2f4;

      padding: 8px 32px;

      font-family: "Roboto", sans-serif;

    }


    header.main-header .logo a {

      font-size: 24px;

      font-weight: bold;

      text-decoration: none;

      color: #000;

    }


    header.main-header .search-icon svg {

      height: 24px;

    }


    header.main-header .search-icon {

      padding: 4px;

      cursor: pointer;

    }


    .search-results {

      position: absolute;

      top: 52px;

      left: 0;

      right: 0;

      background: #edf2f4;

      padding: 24px 32px;

      opacity: 0;

      pointer-events: none;

      transition: all 400ms ease;

    }


    .search-results.active {

      opacity: 1;

      pointer-events: auto;

    }


    .search-results .search-input {

      width: 100%;

      border: none;

      padding: 12px 16px;

      font-size: 16px;

      outline: none;

      box-sizing: border-box;

    }


    .search-results .search-title {

      font-size: 14px;

      margin: 16px 0;

    }


    .search-results ul {

      list-style: none;

      padding: 0;

      margin: 0;

    }


    .search-results ul a {

      text-decoration: none;

      font-size: 16px;

      color: #2b2d42;

      font-weight: bold;

      padding: 12px;

      display: inline-block;

      width: 100%;

      box-sizing: border-box;

      transition: all 400ms ease;

    }


    .search-results ul a:hover {

      background: #dae7eb;

    }


    .search-results .results-container {

    max-height: 240px;

    owerflow-y: scroll;}

    </style>




    <script>

    let allPosts = [

      

    ];


    const searchIcon = document.querySelector("header.main-header .search-icon");

    const searchResults = document.querySelector(

      "header.main-header .search-results"

    );

    const searchInput = document.querySelector(".search-results .search-input");

    const searchTitle = document.querySelector(".search-results .search-title");

    const resultsContainer = document.querySelector(".results-container");


    let filteredPosts = [];


    searchIcon.addEventListener("click", () => {

      searchResults.classList.toggle("active");

    });


    const populateSearchResults = () => {

      const ul = document.createElement("ul");


      filteredPosts.forEach((p) => {

        const li = document.createElement("li");

        const a = document.createElement("a");

        a.href = "p.link[p.link.length - 1].href;";

        a.textContent = p.title.$t;


        li.appendChild(a);

        ul.appendChild(li);

      });


      resultsContainer.innerHTML = "";

      resultsContainer.appendChild(ul);

    };


    searchInput.addEventListener("input", (e) => {

      const query = e.target.value.toLowerCase();


      if (query) {

        filteredPosts = allPosts.filter((post) => {

          const title = post.title.$t.toLowerCase();

          return title.includes(query);

        });


        populateSearchResults();

        searchTitle.textContent = "Search Results";

      } else {

        searchTitle.textContent = "Featured Posts";

        resultsContainer.innerHTML = `<ul>

        <li>

          <a href="#"

            >The Science of Sleep: Understanding the Importance of Rest</a

          >

        </li>


        <li>

          <a href="#"

            >Unleashing Your Leadership Potential: Essential Skills for

            Today's Leaders</a

          >

        </li>


        <li>

          <a href="#"

            >Mastering Personal Finance: Budgeting, Saving, and Investing

            Strategies</a

          >

        </li>

      </ul>`;

      }

    });


    const handleAllPosts = (data) => {

          console.log(data);

          allPosts = data.feed.entry;

    }

    </script>


    <script src='/feeds/posts/summary?alt=json-in-script&amp;callback=handleAllPosts'></script>

    ----------

    /* ######## Pagination Widget by SoraBloggingTips ######################### */

    #blog-pager{

        clear:both;

        text-align:center;

        margin:0

    }

     #blog-pager-newer-link a,#blog-pager-older-link a{

        display:block;

        float:left;

        margin-right:6px;

        padding:0 13px;

        border:1px solid #010101;

        text-transform:uppercase;

        line-height:32px;

        font-weight:700;

        color:#010101

    }

     #blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{

        background-color:#010101;

        color:#fff!important

    }

     .showpageNum a,.showpage a,.showpagePoint{

        display:block;

        float:left;

        margin-right:6px;

        padding:0 12px;

        border:1px solid #010101;

        text-transform:uppercase;

        line-height:32px;

        font-weight:700;

        color:#010101

    }

     .showpageNum a:hover,.showpage a:hover{

        background-color:#010101;

        color:#fff!important

    }

     .showpageNum a i,.showpage a i{

        transition:all .0s ease;

        -webkit-transition:all .0s ease;

        -moz-transition:all .0s ease;

        -o-transition:all .0s ease

    }

     .showpagePoint{

        background-color:#010101;

        color:#FFF

    }

     .showpageOf{

        display:none!important

    }

    _------

    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    <script type='text/javascript'>

        var postperpage=7;

    var numshowpage=3;

    var upPageWord ='<< Prev';

    var downPageWord ='Next >>';

    var urlactivepage=location.href;

    var home_page="/";

    </script>

    <script type='text/javascript'>

    //<![CDATA[

    var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+='  '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+=''}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}location.href=alamat}

    //]]>

    </script>

    </b:if>

    </b:if>

    --------

    https://codepen.io/codyhouse/pen/OJgRvj

















    🥳🎂🎉

    https://drive.google.com/file/d/10nxi26lU1MlesfFrIAzc_7SIvYztllSK/view



    https://freefrontend.com/assets/zip/css-timelines/2023-codepenchallenge__timeline.zip





    https://freefrontend.com/css-timelines/


    <h1 class="text" aria-labels" Thank you. Have a nice day!">


    <span class="heading" aria-hidden="true">


    <span> Thank you</span> coan Thank yous/span>


    <span class="filled" Thank you</span>


    <span>Thank you</span>Thank you</span>

    <span>Thank you </span>

    </span>


    <span class="subheading" aria-Riadene"true">For 50K Followers</span></h1>




    1 @import url("https://fonts.googleapis.com/css?family=Dela+Gothic One&display swap");


    2


    3 box-sizing: border-box;


    4)


    5 html,


    6 body {


    7 height: 100%;


    8}


    body (


    10 --text-color: hsl(0 95% 60%);


    11 --bg-color: hsl(00% 100%);


    12 --bg-size: 280px;


    13


    14 display: grid;


    15 place-items: center;


    16 place-content: center;


    17 grid-template-areas: "body":


    18 overflow: hidden;


    19 font-family: "Dela Gothic One", sans-serif;


    20 background-color: var(--bg-color);


    21)


    22 body::before {


    23 --size: 150vmax;


    24 grid-area: body:


    25 content:


    26 inline-size: var(--size);


    27 block-size: var(--size);


    28 background-image: url("https://i.ibb.co/G7CXckH/Frame-1.png");


    29 background-size: var(--bg-size);


    30 background-repeat: repeat;


    31 transform: rotate(45deg);


    32 opacity: 0.25;


    33 animation: bg 6s linear infinite;


    @media (prefers-reduced-motion: reduce) (


    body::before {


    animation-duration: Bs;


    @keyframes bg (


    to {


    background-position: calc(var(--bg-size)-1);


    10)


    11.text (


    12 grad-area: body;


    13 position: relative;


    14 display: flex:


    15 flex-direction: column;


    16 font-size: clamp(trem, 10vein, Grem);


    17)


    18 heading span (


    19 display: block;


    20 text-transform) uppercase;


    21)


    22


    23 heading spun.filled (


    24 color: var(--text-color);


    25)


    26 headingspan:not(.filled) (


    27 --stroke: ain(0.25vmin, 2px) var(--text-color):


    28 color: var(-bg-color);


    29 -webkit-text-stroke: var(-stroke);


    30 text-stroke: var(--stroke):


    31)


    32 subheading (


    33 position: relative;


    margin-block-start; tree; margin-inline-start: auto; 35


    34


    36 foot-size: 0.428em;


    37 color: var(-text-color);


    38)


    hbvsjsvbeivbudfdkjvnddkvdivdf

    Hi SACHIN,

    Greetings from NIELIT Calicut. Welcome to the Remote Embedded Lab Session.

    Your lab session has opened at 09:51:09 hrs on 29:05:2024. The same will be available as per the lab timing allotted to you.

    Please access the lab session by vising http://smart.calicut.nielit.in:10109/vnc.html with password:/BQc3M77B+lEe7MI

    Your server login credentials has changed to:
    Username:mpp-5
    Password:/BQc3M77B+lEe7MI


    Use Firefox/Chrome browser to access the lab session.
    Please access the lab session by vising http://smart.calicut.nielit.in:14799/vnc.html with password:qYCZ8JNxUGyk1K9e

    Your server login credentials has changed to:
     Username:emd-5
     Password:qYCZ8JNxUGyk1K9e
    Please do the permitted Lab activities only. Do not Logout in between lab sessions, just close the browser tab if essential.

    Before your allotted lab time ends, please save your work, logout and diconnect. Your session will be automatically terminated once your allotted time ends,

    Regards

    -Lab Administrator
    labadmin@calicut.nielit.in


    <b:include cond='data:blog.pageType in f(&quot; index&quot;, &quot; LABEL_NAME&quot;, &quot; SEARCH_QUERY&quot;, &quot; archive&quot;}" name="nextprev"/>




    <div class='postnextprev'>

    <b:if cond='data:olderPageUrl'>

    <a class='older' expr:href='data: older PageUrl' rel='previous'>

    <div class='post-nav">

    <span class='old'>

    <data:messages.newer/>

    </span>

    </div>

    </a>

    </b:if>

    </div>


    .post-nav .new:before{
    content: "\f053";
    float:left;
    font-family: FontAwesome;
    font-size: 10px;
    font-weight: 400; text-transform: none; margin: 0 2px 0 0;}
    .post-nav .old:after{content: "\f054";
    float:right}


    .postnextprev{
    float:right;
    max-width: 49%;
    padding-right:5px;}
    .postnextprev:nth-child(even) {
    float:left;
    max-width:49px;}
    <div class='postnextprev'>
    <b:if cond='data:olderPageUrl'>
    <a class='older' expr:href='data: older PageUrl' rel='previous'>
    <div class='post-nav">
    <span class='old'>
    <data:messages.newer/>
    </span>
    </div></a>
    </b:if>
    </div>



    <span class='tag-name'>

    <span>Tags</span>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'>

    <data:label.name/>

    </a>

    </b:loop>

    </span>


    .tag-name span{
    background-color: #e30088;
    color:#fff;
    padding:3px 8px;
    font-size:13px;}
    .tag-name a{
    background-color: #e30088;
    color:#fff;
    padding:3px 8px;
    font-size:13px;}
    .tag-home:before{
    content: "Tag-';}

    -----------------------------
    <div class='postnextprev'>

    <b:if cond='data:olderPageUrl'>

    <a class='older' expr:href='data: older PageUrl' rel='previous'>

    <div class='post-nav'>

    <span class='old'>

    <data:messages.older/>

    </span>

    </div>

    </a>

    </b:if>

    </div>
      
    <div class='postnextprev'>

    <b:if cond='data:newerPageUrl'>

    <a class='newer' expr:href='data:newerPageUrl' rel='next'>

    <div class='post-nav'>

    <span class='new'>

    <data:messages.newer/>

    </span>

    </div>

    </a>

    </b:if>

    </div> 
    ---------------------------









    jhghvjg


















    End of the article

    Comments

    Portfolio

    Contact

    Follow Us

    Facebook X WhatsApp Telegram Instagram Pinterest LinkedIn Discrod
    {}
    Sachin Rajput_

    Please wait...
    Turning code into wesbite...