main.php 15.8 KB
<?php
    /**
     * @var View         $this
     * @var string       $content
     * @var SeoComponent $seo
     * @var User         $user
     */
    
    use artbox\core\components\SeoComponent;
    use artbox\core\models\User;
    use frontend\assets\AppAsset;
    use yii\bootstrap\Nav;
    use yii\helpers\Html;
    use yii\web\View;
    
    AppAsset::register($this);
    $user = \Yii::$app->user->identity;
    $seo = Yii::$app->get('seo');
?>

<?php $this->beginPage() ?>
  
  <!DOCTYPE html>
  <html lang="<?= \Yii::$app->language ?>">
    <head>
      <meta charset="<?= \Yii::$app->charset ?>">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <!-- Responsivity for older IE -->
      <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
        <?= Html::csrfMetaTags() ?>
      <title><?= Html::encode($seo->title) ?></title>
        <?php $this->head() ?>
    </head>
    <body>
        <?php $this->beginBody() ?>
      <div id="all">
        <header>
          <!-- *** TOP ***
_________________________________________________________ -->
          <div id="top">
            <div class="container">
              <div class="row">
                <div class="col-xs-5 contact">
                  <p class="hidden-sm hidden-xs">Contact us on +420 777 555 333 or hello@universal.com.</p>
                  <p class="hidden-md hidden-lg"><a href="#" data-animate-hover="pulse"><i class="fa fa-phone"></i></a>
                    <a href="#" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
                  </p>
                </div>
                <div class="col-xs-7">
                  <div class="social">
                    <a href="#" class="external facebook" data-animate-hover="pulse"><i class="fa fa-facebook"></i></a>
                    <a href="#" class="external gplus" data-animate-hover="pulse"><i class="fa fa-google-plus"></i></a>
                    <a href="#" class="external twitter" data-animate-hover="pulse"><i class="fa fa-twitter"></i></a>
                    <a href="#" class="email" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- *** TOP END *** -->
      
          <!-- *** NAVBAR ***
  _________________________________________________________ -->
          <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
        
            <div class="navbar navbar-default yamm" role="navigation" id="navbar">
          
              <div class="container">
                <div class="navbar-header">
              
                  <a class="navbar-brand home" href="index.html">
                    <img src="/img/logo.png" alt="Universal logo" class="hidden-xs hidden-sm">
                    <img src="/img/logo-small.png" alt="Universal logo" class="visible-xs visible-sm"><span class="sr-only">Universal - go to homepage</span>
                  </a>
                  <div class="navbar-buttons">
                    <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
                      <span class="sr-only">Toggle navigation</span>
                      <i class="fa fa-align-justify"></i>
                    </button>
                  </div>
                </div>
            
                <div class="navbar-collapse collapse" id="navigation">
                    <?php
                        echo Nav::widget(
                            [
                                'items'   => [
                                    [
                                        'label' => 'Home',
                                        'url'   => [ 'site/index' ],
                                    ],
                                    [
                                        'label' => 'Dropdown',
                                        'url'   => [ '#' ],
                                    ],
                                    [
                                        'label' => 'Login',
                                        'url'   => [ 'site/login' ],
                                    ],
                                ],
                                'options' => [
                                    'class' => 'nav navbar-nav navbar-right',
                                ],
                            ]
                        );
                    ?>
                </div>
            
            
                <div class="collapse clearfix" id="search">
              
                  <form class="navbar-form" role="search">
                    <div class="input-group">
                      <input type="text" class="form-control" placeholder="Search">
                      <span class="input-group-btn">

                    <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>

                </span>
                    </div>
                  </form>
            
                </div>
                <!--/.nav-collapse -->
          
              </div>
        
        
            </div>
            <!-- /#navbar -->
      
          </div>
      
          <!-- *** NAVBAR END *** -->
    
        </header>
    
        <!-- *** LOGIN MODAL ***
_________________________________________________________ -->
    
        <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
          <div class="modal-dialog modal-sm">
        
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="Login">Customer login</h4>
              </div>
              <div class="modal-body">
                <form action="customer-orders.html" method="post">
                  <div class="form-group">
                    <input type="text" class="form-control" id="email_modal" placeholder="email">
                  </div>
                  <div class="form-group">
                    <input type="password" class="form-control" id="password_modal" placeholder="password">
                  </div>
              
                  <p class="text-center">
                    <button class="btn btn-template-main"><i class="fa fa-sign-in"></i> Log in</button>
                  </p>
            
                </form>
            
                <p class="text-center text-muted">Not registered yet?</p>
                <p class="text-center text-muted">
                  <a href="customer-register.html"><strong>Register now</strong></a>! It is easy and done in 1&nbsp;minute and gives you access to special discounts and much more!
                </p>
          
              </div>
            </div>
          </div>
        </div>
    
        <!-- *** LOGIN MODAL END *** -->
      
          <?= $content ?>
    
    
        <!-- *** GET IT ***
        _________________________________________________________ -->
    
        <div id="get-it">
          <div class="container">
            <div class="col-md-8 col-sm-12">
              <h3>Do you want cool website like this one?</h3>
            </div>
            <div class="col-md-4 col-sm-12">
              <a href="#" class="btn btn-template-transparent-primary">Buy this template now</a>
            </div>
          </div>
        </div>
    
    
        <!-- *** GET IT END *** -->
    
        <!-- *** FOOTER ***
_________________________________________________________ -->
    
        <footer id="footer">
          <div class="container">
            <div class="col-md-6 col-sm-12">
              <h4>About us</h4>
          
              <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
          
              <hr>
          
              <h4>Join our monthly newsletter</h4>
          
              <form>
                <div class="input-group">
              
                  <input type="text" class="form-control">
              
                  <span class="input-group-btn">

                        <button class="btn btn-default" type="button"><i class="fa fa-send"></i></button>

                    </span>
            
                </div>
                <!-- /input-group -->
              </form>
          
              <hr class="hidden-md hidden-lg hidden-sm">
        
            </div>
            <!-- /.col-md-3 -->
        
            <!--                    <div class="col-md-3 col-sm-6">-->
            <!--                        -->
            <!--                        <h4>Blog</h4>-->
            <!--                        -->
            <!--                        <div class="blog-entries">-->
            <!--                            <div class="item same-height-row clearfix">-->
            <!--                                <div class="image same-height-always">-->
            <!--                                    <a href="#">-->
            <!--                                        <img class="img-responsive" src="img/detailsquare.jpg" alt="">-->
            <!--                                    </a>-->
            <!--                                </div>-->
            <!--                                <div class="name same-height-always">-->
            <!--                                    <h5><a href="#">Blog post name</a></h5>-->
            <!--                                </div>-->
            <!--                            </div>-->
            <!--                            -->
            <!--                            <div class="item same-height-row clearfix">-->
            <!--                                <div class="image same-height-always">-->
            <!--                                    <a href="#">-->
            <!--                                        <img class="img-responsive" src="img/detailsquare.jpg" alt="">-->
            <!--                                    </a>-->
            <!--                                </div>-->
            <!--                                <div class="name same-height-always">-->
            <!--                                    <h5><a href="#">Blog post name</a></h5>-->
            <!--                                </div>-->
            <!--                            </div>-->
            <!--                            -->
            <!--                            <div class="item same-height-row clearfix">-->
            <!--                                <div class="image same-height-always">-->
            <!--                                    <a href="#">-->
            <!--                                        <img class="img-responsive" src="img/detailsquare.jpg" alt="">-->
            <!--                                    </a>-->
            <!--                                </div>-->
            <!--                                <div class="name same-height-always">-->
            <!--                                    <h5><a href="#">Very very long blog post name</a></h5>-->
            <!--                                </div>-->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                        -->
            <!--                        <hr class="hidden-md hidden-lg">-->
            <!--                    -->
            <!--                    </div>-->
            <!-- /.col-md-3 -->
        
            <div class="col-md-4 col-sm-12 col-md-offset-2">
          
              <h4>Contact</h4>
          
              <p><strong>Universal Ltd.</strong>
                <br>13/25 New Avenue
                <br>Newtown upon River
                <br>45Y 73J
                <br>England
                <br>
                <strong>Great Britain</strong>
              </p>
          
              <a href="contact.html" class="btn btn-small btn-template-main">Go to contact page</a>
          
              <hr class="hidden-md hidden-lg hidden-sm">
        
            </div>
            <!-- /.col-md-3 -->
        
        
            <!--                    <div class="col-md-3 col-sm-6">-->
            <!--                        -->
            <!--                        <h4>Photostream</h4>-->
            <!--                        -->
            <!--                        <div class="photostream">-->
            <!--                            <div>-->
            <!--                                <a href="#">-->
            <!--                                    <img src="img/detailsquare.jpg" class="img-responsive" alt="#">-->
            <!--                                </a>-->
            <!--                            </div>-->
            <!--                            <div>-->
            <!--                                <a href="#">-->
            <!--                                    <img src="img/detailsquare2.jpg" class="img-responsive" alt="#">-->
            <!--                                </a>-->
            <!--                            </div>-->
            <!--                            <div>-->
            <!--                                <a href="#">-->
            <!--                                    <img src="img/detailsquare3.jpg" class="img-responsive" alt="#">-->
            <!--                                </a>-->
            <!--                            </div>-->
            <!--                            <div>-->
            <!--                                <a href="#">-->
            <!--                                    <img src="img/detailsquare3.jpg" class="img-responsive" alt="#">-->
            <!--                                </a>-->
            <!--                            </div>-->
            <!--                            <div>-->
            <!--                                <a href="#">-->
            <!--                                    <img src="img/detailsquare2.jpg" class="img-responsive" alt="#">-->
            <!--                                </a>-->
            <!--                            </div>-->
            <!--                            <div>-->
            <!--                                <a href="#">-->
            <!--                                    <img src="img/detailsquare.jpg" class="img-responsive" alt="#">-->
            <!--                                </a>-->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                    -->
            <!--                    </div>-->
            <!-- /.col-md-3 -->
          </div>
          <!-- /.container -->
        </footer>
        <!-- /#footer -->
    
        <!-- *** FOOTER END *** -->
    
        <!-- *** COPYRIGHT ***
_________________________________________________________ -->
    
        <div id="copyright">
          <div class="container">
            <div class="col-md-12">
              <p class="pull-left">&copy; 2015. Your company / name goes here</p>
              <p class="pull-right">Template by <a href="https://bootstrapious.com">Bootstrapious</a> &
                <a href="https://remoteplease.com">Remote Please</a>
                <!-- Not removing these links is part of the license conditions of the template. Thanks for understanding :) If you want to use the template without the attribution links, you can do so after supporting further themes development at https://bootstrapious.com/donate  -->
              </p>
        
            </div>
          </div>
        </div>
        <!-- /#copyright -->
    
        <!-- *** COPYRIGHT END *** -->
  
  
      </div>
      <!-- /#all -->
        <?php $this->endBody() ?>
    </body>
  </html>
<?php $this->endPage() ?>