صحح <header>
    <div class='container'>
        <!-- قائمة التنقل -->
        <nav>
            <ul class='nav-menu'>
                <li><a href='index.html'>Home</a></li>
                <li><a href='about.html'>About Us</a></li>
                <li><a href='services.html'>Services</a></li>
                <li><a href='contact.html'>Contact</a></li>
            </ul>
        </nav>

        <div class='col-md-12'>
            <div class='col-md-4'>
                <b:section id='widget-header'>
                    <b:widget id='Header1' locked='false' title='The magic of growing vegetables (Header)' type='Header'>
                        <b:widget-settings>
                            <b:widget-setting name='displayUrl'/>
                            <b:widget-setting name='displayHeight'>0</b:widget-setting>
                            <b:widget-setting name='sectionWidth'>150</b:widget-setting>
                            <b:widget-setting name='useImage'>false</b:widget-setting>
                            <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
                            <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
                            <b:widget-setting name='displayWidth'>0</b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main'>
                            <b:if cond='data:useImage'>
                                <b:if cond='data:imagePlacement == "BEHIND"'>
                                    <b:if cond='data:mobile'>
                                        <div id='header-inner'>
                                            <div class='titlewrapper' style='background: transparent'>
                                                <h1 class='title' style='background: transparent; border-width: 0px'>
                                                    <b:include name='title'/>
                                                </h1>
                                            </div>
                                            <b:include name='description'/>
                                        </div>
                                    </b:if>
                                    <b:else/>
                                    <div expr:style='background-image: url("" + data:sourceUrl + ""); background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "; background-repeat: no-repeat;' id='header-inner'>
                                        <div class='titlewrapper' style='background: transparent'>
                                            <h1 class='title' style='background: transparent; border-width: 0px'>
                                                <b:include name='title'/>
                                            </h1>
                                        </div>
                                        <b:include name='description'/>
                                    </div>
                                    </b:else/>
                                </b:if>
                                <b:else/>
                                <div id='header-inner'>
                                    <a expr:href='data:blog.homepageUrl' style='display: block'>
                                        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                                    </a>
                                    <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
                                        <b:include name='description'/>
                                    </b:if>
                                </div>
                                </b:else/>
                            </b:if>
                            <b:else/>
                            <div id='header-inner'>
                                <div class='titlewrapper'>
                                    <h1 class='title'>
                                        <b:include name='title'/>
                                    </h1>
                                </div>
                                <b:include name='description'/>
                            </div>
                            </b:else/>
                        </b:if>
                        <b:includable id='description'>
                            <div class='descriptionwrapper'>
                                <p class='description'><span><data:description/></span></p>
                            </div>
                        </b:includable>
                        <b:includable id='title'>
                            <b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
                                <data:title/>
                            </b:tag>
                        </b:includable>
                    </b:widget>
                </b:section>
            </div>

            <div class='col-md-8'>
                <b:section id='widget-adsense'/>
                <img src='https://1.bp.blogspot.com/-Gdhej8dS2Dg/XRfdvp1aZOI/AAAAAAAAC8g/RfhJpBBgVhElyWd43zJnfQrPXnbV8gFTQCLcBGAs/s1600/ads.png' alt='Advertisement'/>
            </div>
        </div>
    </div>
</header>