تبدیل قالب html به جوملا

[reza_az]

index.php part2

    <!-- Begin Forgot Panel -->
    

                <div class="LoginPanel">
                    <div id="ForgotContent">
                        <div class="headTab">
                            <div class="headTab2">
                                <h1>Lost Password?</h1>
                                <h2>Enter your Email</h2>
                            </div>
                        </div> 
                        <div class="blogLeaveComment">
                            <ul>
                                <li><input id="inputMail2" onfocus="this.value=''" type="text" value="Email ..." />
                                <a class="buttons" id="submit2" href="#" title="Submit"><span>Submit</span></a><div class="clear"></div></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- End Forgot Panel -->
                
                <!-- Begin Menu -->
                <div id="menu">
                    <div id="menuTab">
                        <div id="smoothmenu1" class="ddsmoothmenu">
                            <ul>
                                <li><a href="index-2.html"><span>Home page</span></a>
                                       <ul>
                                        <li><a href="index-2.html">With blog and about</a></li>
                                        <li><a href="index2.html">Without blog and about</a></li>
                                        <li><a href="index3.html">Blog list</a></li>
                                      </ul>
                                </li>
                                <li><a href="blog.html"><span>Blog</span></a>
                                      <ul>
                                        <li><a href="blog.html">Blog / All posts</a></li>
                                        <li><a href="blog-detail.html">Blog / Single post</a></li>
                                      </ul>
                                </li>
                                <li><a href="portfolio.html"><span>Portfolio</span></a>
                                    <ul>
                                        <li><a href="portfolio.html">Portfolio / All projects</a></li>
                                        <li><a href="portfolio-detail.html">Portfolio / Single project</a></li>
                                    </ul>
                                </li>
                                <li><a href="#"><span>Pages</span></a>
                                      <ul>
                                        <li><a href="index-2.html">Home page</a></li>
                                        <li><a href="blog.html"><span>Blog</span></a>
                                            <ul>
                                                <li><a href="blog.html">Blog / List</a></li>
                                                <li><a href="blog-detail.html">Blog / Single Page</a></li>
                                            </ul>
                                        </li>
                                         <li><a href="portfolio.html"><span>Portfolio</span></a>
                                            <ul>
                                                <li><a href="portfolio.html">Portfolio / List</a></li>
                                                <li><a href="portfolio-detail.html">Portfolio / Single Page</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="error-sitemap.html">Error 404 / Sitemap</a></li>
                                        <li><a href="full-page.html">Full width page</a></li>
                                        <li><a href="contact.html">Contact</a></li>
                                      </ul>
                                </li>
                                <li><a href="contact.html"><span>Contact</span></a></li>
                                <li><a href="#"><span>Styles</span></a>
                                      <ul>
                                        <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('none', 60)" checked="checked">960px</a>
                                            <ul>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('styles', 60)">light</a></li>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('dark', 60)">dark</a></li>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('bg', 60)">background</a></li>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('blue', 60)">blue</a></li>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('green', 60)">green</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('styles100', 60)" checked="checked">100% width</a>
                                            <ul>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('styles100', 60)">light</a></li>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('dark100', 60)">dark</a></li>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('bg100', 60)">background</a></li>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('blue100', 60)">blue</a></li>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('green100', 60)">green</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('styles', 60)" checked="checked">2 menu styles</a>
                                            <ul>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('menu', 60)">right</a></li>
                                                <li><a href="templates/<?php echo $this->template ?>/javascript:chooseStyle('styles', 60)">bottom</a></li>
                                            </ul>
                                        </li>
                                      </ul>
                                </li>
                            </ul>
                            <br style="clear: left" />
                        </div>
                    </div>
                    
                    <div id="favTab">
                        <a href="#" class="face" title="Facebook"><span>Facebook</span></a>
                        <a href="#" class="twit" title="Twitter"><span>Twitter</span></a>
                        <a href="#" class="rss" title="RSS"><span>RSS</span></a>
                        <p>Connect</p>
                    </div>
                    
                    <div class="clear"></div>
                </div>
                <!-- End Menu -->
                
            <div class="clear"></div>
            </div>
            <!-- End width960 -->

            <!-- Begin Banner -->
            <div id="banner">
                <div id="slider-wrapper">  
                    <div id="slider" class="nivoSlider">
                        <img src="templates/<?php echo $this->template ?>/common/gfx/theme1/banner/banner.jpg" alt="" />
                        <img src="templates/<?php echo $this->template ?>/common/gfx/theme1/banner/banner2.jpg" alt="" title="#htmlcaption" />
                        <img src="templates/<?php echo $this->template ?>/common/gfx/theme1/banner/banner3.jpg" alt="" /> 
                        <img src="templates/<?php echo $this->template ?>/common/gfx/theme1/banner/banner4.jpg" alt="" /> 
                    </div>
                    <div id="htmlcaption" class="nivo-html-caption"><p>This is an example of a HTML caption with </p></div> 
                </div>
            </div>
            <!-- End Banner -->
            
            <div id="boxHello">
            
                   <!-- Begin Boxgrid -->                        
                <div id="boxgridG">                   
                    <div class="boxgrid slidedown">
                        <img class="cover" src="templates/<?php echo $this->template ?>/common/gfx/theme1/banner/small.jpg" alt="" />
                            <p class="boxH">Latest Project 1</p>
                            <p>Dolor sit ametet, consectetur adipiscing elit. Vestibulum ac. <a href="#" title="" target="_blank">Read more</a></p>    
                    </div>
                    
                      
                    
                     <div class="boxgrid slidedown">
                        <img class="cover" src="templates/<?php echo $this->template ?>/common/gfx/theme1/banner/small3.jpg" alt="" />
                            <p class="boxH">Latest Project 3</p>
                            <p>Dolor sit ametet, consectetur adipiscing elit. Vestibulum ac. <a href="#" title="" target="_blank">Read more</a></p>    
                    </div>
                    <div class="clear"></div>
                </div>
                <!-- End Boxgrid -->