Skip to main content

add 3 vartical menu in row sora in layout showing wegdit(1) solved

 paste this code where u want  ur menu and in sora u can keep it above this code

<b:if cond='data:view.isHomepage'> 

<div class='services-wrapper'>

<div class='container row'>


paste down code above the upper code



 <style>

    .container {

        display: flex;

        justify-content: center; /* Horizontally center the content */

    }


    .vertical-left-menu,

    .vertical-right-menu {

        flex: 1; /* Equal width for left and right menus */

        margin-top: 20px; /* Adjust margin as needed */

    }


    .image-section {

        flex: 1; /* Take remaining space */

        text-align: center; /* Horizontally center the image */

        margin-top: 20px; /* Adjust margin as needed */

    }


    .separator {

        height: 1px;

        background-color: #ddd;

        margin: 10px 0;

    }

</style>


<div class='slider-outer-wrap'>

    <div class='container row' id='slider-wrapper'>


        <!-- Vertical Left Menu -->

        <div class='vertical-left-menu'>

            <div class='slide-menu section' id='slide-menu' name='Vertical icon Menu'>

                <div class='widget LinkList' data-version='1' id='LinkList960'>

                    <h3 class='title'>All Collections</h3>

                    <div class='widget-content'>

                        <ul id='nav3' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>

                            <div class='menu-item'><li itemprop='name'><a href='health_care_url' itemprop='url'><i class='fa fa-heartbeat'/>Health Care</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='camera_url' itemprop='url'><i class='fa fa-camera'/>Camera</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='books_url' itemprop='url'><i class='fa fa-book'/>Books</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='cutlery_url' itemprop='url'><i class='fa fa-cutlery'/>Cutlery</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='sports_url' itemprop='url'><i class='fa fa-soccer-ball-o'/>Sports</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='motorbikes_url' itemprop='url'><i class='fa fa-motorcycle'/>Motorbikes</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='cars_url' itemprop='url'><i class='fa fa-car'/>Cars</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='tools_url' itemprop='url'><i class='fa fa-wrench'/>Tools</a></li></div>

                        </ul>

                    </div>

                </div>

            </div>

        </div>


        <!-- Main Content Area -->

        <div class='image-section'>

            <!-- Image Code Goes Here -->

            <img alt='Your Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYi7TokcWjJHS8tz4ZJB12tvaWzMUWfHmA1nRPYpUsS3RvCht-S_wwMxoJlLdt6s4BCsz-txvUeOuan-99Mu6kWGgKnOImYBYyy_CJb0_wug-Gbw6tI404A2JBBaNN_0ydfNStzKzO9XdIKLTO7xWG-wY5Rm6a9j2VokUqMafzHVTgqB8s2Gshrtc-Ocrl/w250-h250-p-k-no-nu/seo-post-bypost-roadmap-guide-.jpeg'>

            <!-- Separator -->

            <div class='separator'/>

       </img> </div>


        <!-- Vertical Right Menu -->

        <div class='vertical-right-menu'>

            <div class='slide-right-menu section' id='slide-right-menu' name='Vertical Tag'>

                <div class='widget Label' data-version='2' id='Label2'>

                    <div class='widget-title'>

                        <h3 class='title'>Product List</h3>

                    </div>

                    <div class='widget-content list-label'>

                        <ul>

                            <li>

                                <a class='label-name' href='https://'>

                                    kids

                                    <span class='label-count'>4</span>

                                </a>

                            </li>

                            <div class='menu-item'><li itemprop='name'><a href='health_care_url' itemprop='url'><i class='fa fa-heartbeat'/>Health Care</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='camera_url' itemprop='url'><i class='fa fa-camera'/>Camera</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='books_url' itemprop='url'><i class='fa fa-book'/>Books</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='cutlery_url' itemprop='url'><i class='fa fa-cutlery'/>Cutlery</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='sports_url' itemprop='url'><i class='fa fa-soccer-ball-o'/>Sports</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='motorbikes_url' itemprop='url'><i class='fa fa-motorcycle'/>Motorbikes</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='cars_url' itemprop='url'><i class='fa fa-car'/>Cars</a></li></div>

<div class='menu-item'><li itemprop='name'><a href='tools_url' itemprop='url'><i class='fa fa-wrench'/>Tools</a></li></div>

                        </ul>

                    </div>

                </div>

            </div>

        </div>


    </div>

</div>


Labels:

Comments

Post a Comment

Popular posts from this blog

ai tool

 https://smodin.io/free-english-rewriter-and-spinner/ai-detection-remover ai detecter and removal https://originality.ai/blog/highlight-ai-text= for ai highlighter and affiliate marketing https://gptzero.me/  = ai writing detector and highlighter  https://www.zerogpt.com/           = ai content writer detector https://plagiarism-remover.com/humanize-ai-text/           = humanize writer
Post a Comment
Read more

Add Code Box

  HTML CSS And Java Script  <style> .K2_CBox{position:relative;background:#fff;width:100%;border-radius:6px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;padding:10px;margin:30px 0 30px} .K2_CBox .CB_Heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px} .K2_CBox .CB_Heading span{margin:0;font-weight:700;font-family:inherit;font-size:1.1rem} .K2_CBox .C_box_main{cursor:pointer;display:inline-flex;align-items:center;padding:12px;outline:0;border:0;border-radius:50%;background:#004cbd;transition:all .3s ease;-webkit-transition:all .3s ease}.K2_CBox .C_box_main:hover{opacity:.8}.K2_CBox .C_box_main .CBox_icn{flex-shrink:0;display:inline-block;width:18px;height:18px;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-wi...
Post a Comment
Read more

create a list of 100 things someone may now know about SEO

  create a list of 100 things someone may now know abouT SEO stands for Search Engine Optimization. SEO is the process of optimizing a website to improve its visibility and ranking on search engines. Google is the most popular search engine, followed by Bing and Yahoo. SEO involves both on-page and off-page optimization techniques. On-page optimization includes optimizing the content and structure of a website. Off-page optimization includes building backlinks to a website. SEO requires constant monitoring and updating to maintain rankings. Keyword research is the foundation of SEO. Long-tail keywords are easier to rank for than short-tail keywords. Keyword stuffing is a black hat SEO technique that can get a website penalized. Meta tags are important for on-page optimization. Title tags and meta descriptions should be unique and relevant to the page. Header tags (H1, H2, H3) are important for on-page optimization. Content should be well-written and provide value to the reader. Dup...
Post a Comment
Read more