Issue with nested angular ui-routes
<p>I have created homepage angular js template, but I am not confident that the approach I prefer is it proper or not, else the way is proper or not.</p>

<p>I used angular-ui for routing.</p>

<p>My strategy to code for homepage is that header and footer are reusable for all templates, So I manage it common section in ui-router. </p>

<p>I can achieve that but in every state I required to define header-footer under each view. If it's about 2-3 state then it's ok but if we think that there are hunderend of states and every views of each states required to define header/footer it's too lengthy and as a programmer perspective, it's wrong. So I required kind suggestion that how could I improve this template coding.</p>

<p><a href="https://i.stack.imgur.com/qGcxj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qGcxj.jpg" alt="Homepage layout"></a></p>

<blockquote>
  <p>index.html</p>
</blockquote>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en" ng-app="AppAquireConsole" class="no-js"&gt;
    &lt;head&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/&gt;
        &lt;meta name="MobileOptimized" content="320" /&gt;
        &lt;meta name="description" content="AquireConsole" /&gt;
        &lt;meta http-equiv="Cache-control" content="public"/&gt;
        &lt;link type="text/css" rel="stylesheet" href="/css/angular-csp.css"/&gt;
        &lt;link type="text/css" rel="stylesheet" href="/css/font-awesome.css"/&gt;        
        &lt;link type="text/css" rel="stylesheet" href="/css/bootstrap.min.css"/&gt;
        &lt;link type="text/css" rel="stylesheet" href="/css/ngNotificationsBar.min.css"/&gt;
        &lt;link type="text/css" rel="stylesheet" href="/css/font.css"/&gt;
        &lt;link type="text/css" rel="stylesheet" href="/css/style.css"/&gt;
        &lt;link type="text/css" rel="stylesheet" href="/css/custom.css"/&gt;
        &lt;link type="text/css" rel="stylesheet" href="/css/magnific-popup.css"/&gt;
        &lt;link type="text/css" rel="stylesheet" href="/css/responsive-layout.css"/&gt;
        &lt;link type="text/css" rel="stylesheet" href="/css/mgmenu.css"/&gt;
        &lt;link type="text/css" rel="stylesheet" href="/css/langdd.css"/&gt;
        &lt;title&gt;Welcome to AquireConsole&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div&gt;&lt;notifications-bar class="notifications"&gt;&lt;/notifications-bar&gt;&lt;/div&gt;
        &lt;header id="ccr-header" ui-view="globalHeaderLine1"&gt;&lt;/header&gt;
        &lt;section id="ccr-site-title" ui-view="globalHeaderLine2"&gt;&lt;/section&gt;
        &lt;div class="clear"&gt;&lt;/div&gt;
        &lt;div ui-view&gt;&lt;/div&gt;
        &lt;footer ui-view="footer"&gt;&lt;/footer&gt;

        &lt;!-- Javascript Dependencies --&gt;
        &lt;!-- Application --&gt;
        &lt;script type="text/javascript" src="/vendor/utils/modernizr.custom.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/vendor/jquery/jquery.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/vendor/angular/angular.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/vendor/angular/angular-resource.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/vendor/angular/angular-route.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/vendor/angular/angular-ui-router.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/vendor/angular/ngNotificationsBar.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/vendor/angular/angular-re-captcha.js"&gt;&lt;/script&gt;
        &lt;!-- Application boostrap --&gt;
        &lt;script type="text/javascript" src="/client/app.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/services/UserService.js"&gt;&lt;/script&gt;
        &lt;!-- Application Components --&gt;
        &lt;script type="text/javascript" src="/modules/home/controllers/HomeCtrl.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/modules/home/controllers/ContactusCtrl.js"&gt;&lt;/script&gt;           
        &lt;script type="text/javascript" src="/modules/auth/controllers/auth.js"&gt;&lt;/script&gt;
        &lt;script type = "text/javascript" src = "/modules/auth/directives/authPopupDirective.js" &gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/client/app.routes.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="/vendor/custom/auth.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<blockquote>
  <p>app.js</p>
</blockquote>

<pre><code>   'use strict';    
angular.
        module('AppWhizbite', [
            'ngResource', 'ngRoute', 'ui.router', 'ngNotificationsBar', 'reCAPTCHA'
        ]);
</code></pre>

<blockquote>
  <p>app.route.js</p>
</blockquote>

<pre><code>    /*
 * @Author: user11
 * @Date:   2016-03-15 16:59:03
 * @Last Modified by:   user11
 * @Last Modified time: 2016-03-18 12:27:17
 * @Purpose: Appliction default route
 */

(function () {

    function authInterceptor($window) {
        return{
            request: function (config) {
                if ($window.localStorage['hz-token']) {
                    config.headers.Authorization = 'Bearer ' + $window.localStorage['hz-token'];
                }
                return config;
            }
        }
    }

    /*
     * Default Route of application
     * @param {$stateProvider} Object
     * @param {$routeProvider} Object
     * @return
     */
    function config($stateProvider, $urlRouterProvider, $httpProvider) {
        $urlRouterProvider.otherwise('/home');
        $httpProvider.interceptors.push('authInterceptor');
        $stateProvider
                .state('app', {
                    url: '/home',
                    views: {
                        'globalHeaderLine1': {
                            templateUrl: '/partials/headerLine1.html',
                            controller: 'SigninCtrl',
                            controllerAs: 'Signin'
                        },
                        'globalHeaderLine2': {
                            templateUrl: '/partials/headerLine2.html'
                        },
                        'globalHeaderLine3@app': {
                            templateUrl: '/partials/headerLine3.html'
                        },
                        'globalHeaderLine4@app': {
                            templateUrl: '/partials/headerLine4.html'
                        },
                        'globalHeaderLine5@app': {
                            templateUrl: '/partials/headerLine5.html'
                        },
                        'globalHeaderLine6@app': {
                            templateUrl: '/partials/headerLine6.html'
                        },
                        'globalHeaderLine7@app': {
                            templateUrl: '/partials/headerLine7.html'
                        },
                        '': {
                            templateUrl: '/views/home/home.html',
                            controller: 'HomeCtrl',
                            controllerAs: 'Home'
                        },
                        'footer': {
                            templateUrl: '/partials/footer.html'
                        }
                    }
                })
                .state("resetpassword", {
                    url: "/resetpassword",                   
                    views: {
                        'globalHeaderLine1': {
                            templateUrl: '/partials/headerLine1.html',
                            controller: 'SigninCtrl',
                            controllerAs: 'Signin'
                        },
                        'globalHeaderLine2': {
                            templateUrl: '/partials/headerLine2.html'
                        },
                        '': {
                            templateUrl: '/views/auth/resetpassword.html',
                            controller: 'ResetPasswordCtrl',
                            controllerAs: 'ResetPassword'
                        },
                        'footer': {
                            templateUrl: '/partials/footer.html'
                        }
                    }
                })
                .state('contactus', {
                    url: '/contactus',
                    views: {
                        '': {
                            templateUrl: '/views/home/contactus.html',
                            controller: 'ContactusCtrl',
                            controllerAs: 'Contact'
                        }
                    }
                })
    }


    angular
            .module('AppAquireConsole')
            .factory('authInterceptor', ['$window', authInterceptor])
            .config(['$stateProvider', '$urlRouterProvider', '$httpProvider', config])
            .run(function ($rootScope, $http, notifications, $location, UserService) {
                if ($location.path() === '/resetpassword' &amp;&amp; ('' !== $location.search().q)) {
                    $http({
                        method: "GET",
                        url: '/api/user/resetPassword?forgotPasswordToken=' + $location.search().q
                    }).success(function (data) {
                        if (data.status === 0) {
                            $location.path("#/");
                            notifications.showSuccess({
                                message: 'This token has been expired',
                                hideDelay: 3000, //miliseconds
                                hide: true // boolean
                            });
                        }
                    });
                }
            });
}());
</code></pre>

<blockquote>
  <p>Headerline1.html     </p>
</blockquote>

<pre><code>&lt;!-- Header row 1 --&gt;
&lt;section class="fullwidth" id="ccr-nav-top"&gt;
    &lt;div class=""&gt;
        &lt;div class="container"&gt;
            &lt;div class="top-menu-out-row"&gt;
                &lt;nav class="top-menu"&gt;
                    &lt;ul class="left-top-menu"&gt;
                        &lt;li class="s" ng-show="!isAuth"&gt;
                            &lt;a id="sign_in_link" class="popup-modal" href="#signup-modal" data-selector="user"&gt;Sign in&lt;/a&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;ul class="left-top-menu z1" ng-show="isAuth"&gt;
                        &lt;li class="icons heading_icon1 i4"&gt;
                            &lt;a href="/"&gt;&lt;/a&gt;
                            &lt;div id="comment_bubble3"&gt;28&lt;/div&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;div class="right-top-menu" ng-controller='SignoutCtrl'&gt;
                        &lt;!--&lt;div class="help" ng-show="isAuth"&gt;
                            &lt;a href="javascript:void(0)" ng-click='doLogout()'&gt;Sign out&lt;/a&gt;
                        &lt;/div&gt;--&gt;

                        &lt;div id="mgmenu1" class="mgmenu_fixed" hz-mg-menu&gt;
                            &lt;!-- Begin Mega Menu Container --&gt;
                            &lt;ul class="mgmenu"  ng-show="isAuth"&gt;
                                &lt;!-- Begin Mega Menu --&gt;
                                &lt;li class="username-menu"&gt;
                                    &lt;a href="#"&gt;
                                        &lt;div class="user_img_div"&gt;&lt;img src="/images/review-of-the-day-img.png" alt="" /&gt;&lt;/div&gt;
                                    &lt;/a&gt;
                                    &lt;!-- Begin Item --&gt;
                                    &lt;div class="dropdown_container user_menu_list_div dropdown_right"&gt;
                                        &lt;!-- Begin Item Container --&gt;
                                        &lt;ul&gt;
                                            &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-user"&gt;&lt;/i&gt;Profile&lt;/a&gt;&lt;/li&gt;
                                            &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-cog"&gt;&lt;/i&gt;Settings&lt;/a&gt;&lt;/li&gt;
                                            &lt;!--
                                            &lt;li&gt;&lt;a href="#"&gt;Dashboard&lt;/a&gt;&lt;/li&gt;
                                            &lt;li&gt;&lt;a href="#"&gt;Groups&lt;/a&gt;&lt;/li&gt;
                                            &lt;li&gt;&lt;a href="#"&gt;Ads&lt;/a&gt;&lt;/li&gt;
                                            &lt;li&gt;&lt;a href="#"&gt;Go Pro&lt;/a&gt;&lt;/li&gt;
                                            --&gt;
                                            &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-info"&gt;&lt;/i&gt;help&lt;/a&gt;&lt;/li&gt;
                                            &lt;li&gt;
                                                &lt;a href="javascript:void(0)" ng-click='doLogout()'&gt;&lt;i class="fa fa-sign-out"&gt;&lt;/i&gt;Sign out&lt;/a&gt;
                                            &lt;/li&gt;
                                        &lt;/ul&gt;
                                    &lt;/div&gt;
                                    &lt;!-- End Item Container --&gt;
                                &lt;/li&gt;
                            &lt;/ul&gt;
                            &lt;!-- End Mega Menu --&gt;
                        &lt;/div&gt;
                        &lt;!-- Country Dropdown --&gt;
                        &lt;div id="country-select" class="country-select" ng-show='isAuth'&gt;                            
                            &lt;select id="country" class="lang" name="lang" hz-country&gt;
                                &lt;option data-image="/images/01260a4075c6211b85c238bca9da530c0082ad57.png" id="cn" value="cn"&gt;中国&lt;/option&gt;
                                &lt;option data-image="/images/118bfcf23d08303ac780159a88e4fe08e1a5486c.png" id="us" value="us"&gt;United States&lt;/option&gt;
                                &lt;option data-image="/images/1f3187b21407a166ca4be416239d651773ff16f7.png" id="fr" value="fr"&gt;France&lt;/option&gt;
                                &lt;option data-image="/images/212ecb1ec871853889b99415d892ff146e298572.png" id="es" value="es"&gt;España&lt;/option&gt;
                                &lt;option data-image="/images/4f01294423da719620ec085fdcb296aae770b9b8.png" id="ja" value="ja"&gt;日本&lt;/option&gt;
                                &lt;option data-image="/images/5418615051e7c75c739b37410a3880b2d446de49.png" id="de" value="de"&gt;Deutschland&lt;/option&gt;
                                &lt;option data-image="/images/5b0fdd9f3c689d5513f14a573f337f3ed8ff0b90.png" id="se" value="se"&gt;Sverige&lt;/option&gt;
                                &lt;option data-image="/images/6562d12469d881ade4e601271c8bc9611de26c47.png" id="nl" value="nl"&gt;Nederland&lt;/option&gt;
                                &lt;option data-image="/images/65d695205c65a59c11bb6b0e648f8b0762c93f23.png" id="no" value="no"&gt;Norge&lt;/option&gt;
                                &lt;option data-image="/images/8083ba7d7bef31ea102f103eb6de2fe91fa499a9.png" id="pt" value="pt"&gt;Portugal &lt;/option&gt;
                                &lt;option data-image="/images/96b92c16a40f014348697954e0a6392d46436711.png" id="ru" value="ru"&gt;Росси́я&lt;/option&gt;
                                &lt;option data-image="/images/ac84a0fd7788953be215d0c39e0f6475c5e02708.png" id="uk" value="uk"&gt;United Kingdom&lt;/option&gt;
                                &lt;option data-image="/images/c1ab60a593e63abaf097f80c6da3c3b73977465f.png" id="it" value="it"&gt;Italiana&lt;/option&gt;
                                &lt;option data-image="/images/d6c81a98d767f6da1b0df6a3433253b3a1c6d92c.png" id="gr" value="gr"&gt;Ελλάδα&lt;/option&gt;
                            &lt;/select&gt;
                        &lt;/div&gt;
                        &lt;!-- Help --&gt;   
                        &lt;div class="help" ng-show="!isAuth"&gt;
                            &lt;a href="/"&gt;Help&lt;/a&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/nav&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;
&lt;div class="clear"&gt;&lt;/div&gt;
</code></pre>

<blockquote>
  <p>Headerline2.html</p>
</blockquote>

<pre><code>    &lt;!-- Header row 2 --&gt;
&lt;div class="container"&gt;
    &lt;div class="site-logo"&gt;
        &lt;a class="navbar-brand" href="/"&gt;
            &lt;img alt="AquireConsole" src="/images/AquireConsole-header-logo.png" /&gt;
        &lt;/a&gt;
        &lt;div class="clear"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- Global search --&gt;
    &lt;div class="site-logo-search-bar"&gt;
        &lt;div class="nav-submit-button"&gt;
            &lt;input type="submit" value="Go" class="nav-submit-input"/&gt;
        &lt;/div&gt;
        &lt;div class="site-logo-search-bar-first"&gt;
            &lt;input type="text" placeholder="where (show the nearest place to local search)" class="search-bar-input-text search-bar-input-text-first"/&gt;
        &lt;/div&gt;
        &lt;div class="site-logo-search-bar-second"&gt;
            &lt;input type="text" placeholder="find cuisine / food" class="search-bar-input-text search-bar-input-text-second"&gt;
        &lt;/div&gt;
        &lt;div class="clear"&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;  
</code></pre>

<blockquote>
  <p>Headerline3.html</p>
</blockquote>

<pre><code>    &lt;!-- Header row 3 --&gt;
&lt;div class="p1-hero-wrapper shift-with-hiw"&gt;
    &lt;div id="hero" data-native-currency="INR"&gt;
        &lt;video class="fillWidth" loop autoplay muted&gt;
            &lt;source src="/home_video/3c1da09f38a9b452b62859c4cef223adfd590216.mp4" data-src="home_video/3c1da09f38a9b452b62859c4cef223adfd590216.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'/&gt;
        &lt;/video&gt;
    &lt;/div&gt;
    &lt;div class="clear"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="clear"&gt;&lt;/div&gt;
</code></pre>

<blockquote>
  <p>Homepage.html</p>
  
  <p>I have used ui-view to get globalheaderline3 for homepage only. Any other page there is not required to use globalheaderline3.</p>
</blockquote>

<pre><code>&lt;div class="container_video" ui-view="globalHeaderLine3"&gt;&lt;/div&gt;
&lt;div class="container"&gt;            
    &lt;div class="datas-menu-card-row"&gt;
        &lt;div class="datas-menu-box datas-menu-box-right"&gt;
            &lt;div class="datas-menu-box-titel"&gt;
                &lt;div class="datas-menu-box-blue-titel"&gt;
                    Telepizza
                &lt;/div&gt;
                &lt;div class="datas-menu-box-black-titel"&gt;Barcelona, Spain&lt;/div&gt;
                &lt;div class="clear"&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="datas-menu-box-menu-out"&gt; &lt;img src="/images/menu-card-3.png" alt=""/&gt; &lt;/div&gt;
            &lt;div class="datas-menu-box-ratings-out"&gt;
                &lt;div class="datas-menu-box-ratings-clo"&gt; &lt;span class="icon_img icon_img1 sr_right_raw2"&gt;&lt;/span&gt; 445 &lt;/div&gt;
                &lt;div class="datas-menu-box-ratings-clo"&gt; &lt;span class="icon_img icon_img2 sr_right_raw2"&gt;&lt;/span&gt; 445 &lt;/div&gt;
                &lt;div class="clear"&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="datas-menu-box-details"&gt;
                &lt;div class="datas-menu-box-details-left"&gt; Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem... &lt;/div&gt;
                &lt;div class="datas-menu-box-details-right"&gt;
                    &lt;div class="datas-menu-box-details-menu"&gt;
                        &lt;ul&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img1 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;order online&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img2 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;chat&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img3 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;reserve&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img4 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;photo&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img5 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;videos&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img6 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;go to data&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                        &lt;div class="clear"&gt;&lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="clear"&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="clear"&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="latest-review-titel"&gt;Latest Review&lt;/div&gt;
            &lt;div class="latest-review-details"&gt;
                &lt;div class="latest-review-left-div"&gt;
                    &lt;div class="latest-review-left-img"&gt;&lt;img src="/images/latest-review-img.png" alt=""/&gt;&lt;/div&gt;
                    &lt;div class="latest-review-left-name"&gt;
                        &lt;div class="latest-review-left-flage"&gt;&lt;img src="/images/flag-img.png" alt=""/&gt;&lt;/div&gt;
                        John Smith
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="latest-review-right-div"&gt;
                    What a hidden foodie haven! The ambiance is a relaxed with chic decor and healthy atmosphere.  The music set the tone with everything from Rolling Stones to Sublime coming through the speakers. The music set the tone with everything from Rolling Stones to Sublime coming through the speakers.
                    &lt;div class="latest-review-right-row"&gt;
                        &lt;div class="latest-review-redmore"&gt;&lt;a href="#"&gt;Read more...&lt;/a&gt;&lt;/div&gt;
                        &lt;div class="clear"&gt;&lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="clear"&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="clear"&gt;&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="datas-menu-box datas-menu-box-left"&gt;
            &lt;div class="datas-menu-box-titel"&gt;
                &lt;div class="datas-menu-box-blue-titel"&gt;
                    DE Jong Vis Specialist
                &lt;/div&gt;
                &lt;div class="datas-menu-box-black-titel"&gt;Barcelona, Spain&lt;/div&gt;
                &lt;div class="clear"&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="datas-menu-box-menu-out"&gt; &lt;img src="/images/new-menu-img-2.png" alt=""/&gt; &lt;/div&gt;                
            &lt;div class="datas-menu-box-details"&gt;
                &lt;div class="datas-menu-box-details-left"&gt; Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem... &lt;/div&gt;
                &lt;div class="datas-menu-box-details-right"&gt;
                    &lt;div class="datas-menu-box-details-menu"&gt;
                        &lt;ul&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img1 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;order online&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img2 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;chat&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img3 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;reserve&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img4 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;photo&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img5 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;videos&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href="#"&gt;&lt;span class="icon_img6 heading_icon1"&gt; &lt;/span&gt;&lt;span&gt;go to data&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                        &lt;div class="clear"&gt;&lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="clear"&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="clear"&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="latest-review-titel"&gt;Latest Review&lt;/div&gt;
            &lt;div class="latest-review-details"&gt;
                &lt;div class="latest-review-left-div"&gt;
                    &lt;div class="latest-review-left-img"&gt;&lt;img src="/images/latest-review-img.png" alt=""/&gt;&lt;/div&gt;
                    &lt;div class="latest-review-left-name"&gt;
                        &lt;div class="latest-review-left-flage"&gt;&lt;img src="/images/flag-img.png" alt=""/&gt;&lt;/div&gt;
                        John Smith
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="latest-review-right-div"&gt;                        
                    What a hidden foodie haven! The ambiance is a relaxed with chic decor and healthy atmosphere.  The music set the tone with everything from Rolling Stones to Sublime coming through the speakers. The music set the tone with everything from Rolling Stones to Sublime coming through the speakers.
                    &lt;div class="latest-review-right-row"&gt;
                        &lt;div class="latest-review-redmore"&gt;&lt;a href="#"&gt;Read more...&lt;/a&gt;&lt;/div&gt;
                        &lt;div class="clear"&gt;&lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="clear"&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="clear"&gt;&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="clear"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="resturant-box-row-line"&gt;&lt;/div&gt;
    &lt;div class="clear"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="clear"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<blockquote>
  <p>Footer.html</p>
</blockquote>

<pre><code>&lt;!-- Footer content row 1 --&gt;
&lt;span id="footer_height"&gt;
    &lt;aside id="ccr-footer-sidebar-five"&gt;
        &lt;div class="container"&gt;
            &lt;div class="bottom-dro-img"&gt;
                &lt;img alt="" src="/images/footer-img.png"&gt; &lt;/div&gt;
            &lt;div class="clear"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="clear"&gt;&lt;/div&gt;
    &lt;/aside&gt;
    &lt;footer id="ccr-footer"&gt;
        &lt;div class="container"&gt;
            &lt;div class="copyright"&gt;
                Copyright &amp;copy; 2016 AquireConsole&amp;trade;. All rights reserved.&lt;/div&gt;
            &lt;div class="clear"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="clear"&gt;&lt;/div&gt;
    &lt;/footer&gt;
&lt;/span&gt;
</code></pre>