Commit a1b32aa154df8e7d49b6a5fd393266d6945bb9e6

Authored by Yarik
1 parent af39abc0

Layout fixes

Showing 2 changed files with 422 additions and 401 deletions   Show diff stats
frontend/views/layouts/main.php
@@ -13,7 +13,7 @@ @@ -13,7 +13,7 @@
13 use frontend\assets\AppAsset; 13 use frontend\assets\AppAsset;
14 use yii\bootstrap\ActiveForm; 14 use yii\bootstrap\ActiveForm;
15 use yii\bootstrap\Nav; 15 use yii\bootstrap\Nav;
16 - use yii\helpers\Html; 16 + use yii\bootstrap\Html;
17 use yii\web\View; 17 use yii\web\View;
18 use yii\widgets\Breadcrumbs; 18 use yii\widgets\Breadcrumbs;
19 19
@@ -25,414 +25,427 @@ @@ -25,414 +25,427 @@
25 ?> 25 ?>
26 26
27 <?php $this->beginPage() ?> 27 <?php $this->beginPage() ?>
28 -  
29 - <!DOCTYPE html>  
30 - <html lang="<?= \Yii::$app->language ?>">  
31 - <head>  
32 - <meta charset="<?= \Yii::$app->charset ?>">  
33 - <meta name="viewport" content="width=device-width, initial-scale=1">  
34 - <!-- Responsivity for older IE -->  
35 - <!--[if lt IE 9]>  
36 - <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>  
37 - <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>  
38 - <![endif]-->  
39 - <?= Html::csrfMetaTags() ?>  
40 - <title><?= Html::encode($seo->title) ?></title>  
41 - <?php $this->head() ?>  
42 - </head>  
43 - <body>  
44 - <?php $this->beginBody() ?>  
45 - <div id="all">  
46 - <header>  
47 - <!-- *** TOP ***  
48 -_________________________________________________________ -->  
49 - <div id="top">  
50 - <div class="container">  
51 - <div class="row">  
52 - <div class="col-xs-5 contact">  
53 - <p class="hidden-sm hidden-xs">Contact us on +420 777 555 333 or hello@universal.com.</p>  
54 - <p class="hidden-md hidden-lg"><a href="#" data-animate-hover="pulse"><i class="fa fa-phone"></i></a>  
55 - <a href="#" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>  
56 - </p>  
57 - </div>  
58 - <div class="col-xs-7">  
59 - <div class="social">  
60 - <a href="#" class="external facebook" data-animate-hover="pulse"><i class="fa fa-facebook"></i></a>  
61 - <a href="#" class="external gplus" data-animate-hover="pulse"><i class="fa fa-google-plus"></i></a>  
62 - <a href="#" class="external twitter" data-animate-hover="pulse"><i class="fa fa-twitter"></i></a>  
63 - <a href="#" class="email" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>  
64 - </div>  
65 - </div>  
66 - </div>  
67 - </div>  
68 - </div>  
69 - <!-- *** TOP END *** -->  
70 -  
71 - <!-- *** NAVBAR ***  
72 - _________________________________________________________ -->  
73 - <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">  
74 -  
75 - <div class="navbar navbar-default yamm" role="navigation" id="navbar">  
76 28
77 - <div class="container">  
78 - <div class="navbar-header">  
79 -  
80 - <a class="navbar-brand home" href="index.html">  
81 - <img src="/img/logo.png" alt="Universal logo" class="hidden-xs hidden-sm">  
82 - <img src="/img/logo-small.png" alt="Universal logo" class="visible-xs visible-sm"><span class="sr-only">Universal - go to homepage</span>  
83 - </a>  
84 - <div class="navbar-buttons">  
85 - <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">  
86 - <span class="sr-only">Toggle navigation</span>  
87 - <i class="fa fa-align-justify"></i>  
88 - </button>  
89 - </div>  
90 - </div>  
91 -  
92 - <div class="navbar-collapse collapse" id="navigation">  
93 - <?php  
94 - echo Nav::widget(  
95 - [  
96 - 'items' => [  
97 - [  
98 - 'label' => 'Home',  
99 - 'url' => [ 'site/index' ],  
100 - ],  
101 - [  
102 - 'label' => 'Contatcs',  
103 - 'url' => [ 'site/contact' ],  
104 - ],  
105 - [  
106 - 'label' => 'Login',  
107 - 'url' => [ 'site/login' ],  
108 - ],  
109 - ],  
110 - 'options' => [  
111 - 'class' => 'nav navbar-nav navbar-right',  
112 - ],  
113 - ]  
114 - );  
115 - ?>  
116 - </div>  
117 -  
118 -  
119 - <div class="collapse clearfix" id="search">  
120 -  
121 - <form class="navbar-form" role="search">  
122 - <div class="input-group">  
123 - <input type="text" class="form-control" placeholder="Search">  
124 - <span class="input-group-btn"> 29 + <!DOCTYPE html>
  30 + <html lang="<?= \Yii::$app->language ?>">
  31 + <head>
  32 + <meta charset="<?= \Yii::$app->charset ?>">
  33 + <meta name="viewport" content="width=device-width, initial-scale=1">
  34 + <!-- Responsivity for older IE -->
  35 + <!--[if lt IE 9]>
  36 + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  37 + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  38 + <![endif]-->
  39 + <?= Html::csrfMetaTags() ?>
  40 + <title><?= Html::encode($seo->title) ?></title>
  41 + <?php $this->head() ?>
  42 + </head>
  43 + <body>
  44 + <?php $this->beginBody() ?>
  45 + <div id="all">
  46 + <header>
  47 + <!-- *** TOP ***
  48 + _________________________________________________________ -->
  49 + <div id="top">
  50 + <div class="container">
  51 + <div class="row">
  52 + <div class="col-xs-5 contact">
  53 + <p class="hidden-sm hidden-xs">
  54 + <?php
  55 + if (!empty( $settings->phone )) {
  56 + echo \Yii::t('app', 'Contact us on ');
  57 + echo Html::a($settings->phone, "tel: {$settings->phone}");
  58 + if (!empty( $settings->email )) {
  59 + echo \Yii::t('app', ' or ');
  60 + echo Html::a($settings->email, "mailto:$settings->email");
  61 + }
  62 + }
  63 + ?>
  64 + </p>
  65 + <p class="hidden-md hidden-lg">
  66 + <a href="#" data-animate-hover="pulse"><i class="fa fa-phone"></i></a>
  67 + <a href="#" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
  68 + </p>
  69 + </div>
  70 + <div class="col-xs-7">
  71 + <div class="social">
  72 + <?php
  73 + if (!empty( $settings->facebook )) {
  74 + echo Html::a(
  75 + Html::icon(
  76 + 'facebook',
  77 + [
  78 + 'prefix' => 'fa fa-',
  79 + ]
  80 + ),
  81 + $settings->facebook,
  82 + [
  83 + 'class' => 'external facebook',
  84 + 'data' => [
  85 + 'animate-hover' => 'pulse',
  86 + ],
  87 + ]
  88 + );
  89 + }
  90 + ?>
  91 + <?php
  92 + if (!empty( $settings->vk )) {
  93 + echo Html::a(
  94 + Html::icon(
  95 + 'vk',
  96 + [
  97 + 'prefix' => 'fa fa-',
  98 + ]
  99 + ),
  100 + $settings->vk,
  101 + [
  102 + 'class' => 'external vk',
  103 + 'data' => [
  104 + 'animate-hover' => 'pulse',
  105 + ],
  106 + ]
  107 + );
  108 + }
  109 + ?>
  110 + <?php
  111 + if (!empty( $settings->google )) {
  112 + echo Html::a(
  113 + Html::icon(
  114 + 'google-plus',
  115 + [
  116 + 'prefix' => 'fa fa-',
  117 + ]
  118 + ),
  119 + $settings->google,
  120 + [
  121 + 'class' => 'external gplus',
  122 + 'data' => [
  123 + 'animate-hover' => 'pulse',
  124 + ],
  125 + ]
  126 + );
  127 + }
  128 + ?>
  129 + <?php
  130 + if (!empty( $settings->twitter )) {
  131 + echo Html::a(
  132 + Html::icon(
  133 + 'twitter',
  134 + [
  135 + 'prefix' => 'fa fa-',
  136 + ]
  137 + ),
  138 + $settings->twitter,
  139 + [
  140 + 'class' => 'external twitter',
  141 + 'data' => [
  142 + 'animate-hover' => 'pulse',
  143 + ],
  144 + ]
  145 + );
  146 + }
  147 + ?>
  148 + <?php
  149 + if (!empty( $settings->ok )) {
  150 + echo Html::a(
  151 + Html::icon(
  152 + 'odnoklassniki',
  153 + [
  154 + 'prefix' => 'fa fa-',
  155 + ]
  156 + ),
  157 + $settings->ok,
  158 + [
  159 + 'class' => 'external odnoklassniki',
  160 + 'data' => [
  161 + 'animate-hover' => 'pulse',
  162 + ],
  163 + ]
  164 + );
  165 + }
  166 + ?>
  167 + <?php
  168 + if (!empty( $settings->email )) {
  169 + echo Html::a(
  170 + Html::icon(
  171 + 'envelope',
  172 + [
  173 + 'prefix' => 'fa fa-',
  174 + ]
  175 + ),
  176 + "mailto:$settings->email",
  177 + [
  178 + 'class' => 'email',
  179 + 'data' => [
  180 + 'animate-hover' => 'pulse',
  181 + ],
  182 + ]
  183 + );
  184 + }
  185 + ?>
  186 + </div>
  187 + </div>
  188 + </div>
  189 + </div>
  190 + </div>
  191 + <!-- *** TOP END *** -->
  192 +
  193 + <!-- *** NAVBAR ***
  194 + _________________________________________________________ -->
  195 + <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
  196 +
  197 + <div class="navbar navbar-default yamm" role="navigation" id="navbar">
  198 +
  199 + <div class="container">
  200 + <div class="navbar-header">
  201 +
  202 + <a class="navbar-brand home" href="index.html">
  203 + <img src="/img/logo.png" alt="Universal logo" class="hidden-xs hidden-sm">
  204 + <img src="/img/logo-small.png" alt="Universal logo" class="visible-xs visible-sm"><span class="sr-only">Universal - go to homepage</span>
  205 + </a>
  206 + <div class="navbar-buttons">
  207 + <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
  208 + <span class="sr-only">Toggle navigation</span>
  209 + <i class="fa fa-align-justify"></i>
  210 + </button>
  211 + </div>
  212 + </div>
  213 +
  214 + <div class="navbar-collapse collapse" id="navigation">
  215 + <?php
  216 + echo Nav::widget(
  217 + [
  218 + 'items' => [
  219 + [
  220 + 'label' => 'Home',
  221 + 'url' => [ 'site/index' ],
  222 + ],
  223 + [
  224 + 'label' => 'Contatcs',
  225 + 'url' => [ 'site/contact' ],
  226 + ],
  227 + [
  228 + 'label' => 'Login',
  229 + 'url' => [ 'site/login' ],
  230 + ],
  231 + ],
  232 + 'options' => [
  233 + 'class' => 'nav navbar-nav navbar-right',
  234 + ],
  235 + ]
  236 + );
  237 + ?>
  238 + </div>
  239 +
  240 +
  241 + <div class="collapse clearfix" id="search">
  242 +
  243 + <form class="navbar-form" role="search">
  244 + <div class="input-group">
  245 + <input type="text" class="form-control" placeholder="Search">
  246 + <span class="input-group-btn">
125 247
126 <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button> 248 <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
127 249
128 </span> 250 </span>
  251 + </div>
  252 + </form>
  253 +
  254 + </div>
  255 + <!--/.nav-collapse -->
  256 +
  257 + </div>
  258 +
  259 +
  260 + </div>
  261 + <!-- /#navbar -->
  262 +
  263 + </div>
  264 +
  265 + <!-- *** NAVBAR END *** -->
  266 +
  267 + </header>
  268 +
  269 + <!-- *** FeedBack MODAL ***
  270 + _________________________________________________________ -->
  271 +
  272 + <div class="modal fade" id="feedback-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
  273 + <div class="modal-dialog">
  274 +
  275 + <div class="modal-content">
  276 + <div class="modal-header">
  277 + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
  278 + <h3 class="modal-title" id="Login">Feedback</h3>
  279 + </div>
  280 + <div class="modal-body">
  281 +
  282 + <?php $form = ActiveForm::begin(
  283 + [
  284 + 'id' => 'feedback-form',
  285 + 'method' => 'POST',
  286 + 'action' => '/site/feedback',
  287 + ]
  288 + ); ?>
  289 +
  290 + <?= $form->field($feedback, 'name')
  291 + ->textInput(); ?>
  292 +
  293 + <?= $form->field($feedback, 'email')
  294 + ->textInput(); ?>
  295 +
  296 + <?= $form->field($feedback, 'phone')
  297 + ->textInput(); ?>
  298 +
  299 + <?= $form->field($feedback, 'message')
  300 + ->textarea(
  301 + [
  302 + 'rows' => 4,
  303 + ]
  304 + ); ?>
  305 +
  306 + <p class="text-center">
  307 + <?= Html::submitButton(
  308 + 'Send',
  309 + [
  310 + 'class' => 'send-form btn btn-lg btn-template-primary',
  311 + ]
  312 + ) ?>
  313 + </p>
  314 +
  315 + <?php ActiveForm::end(); ?>
  316 +
  317 + </div>
  318 + </div>
129 </div> 319 </div>
130 - </form>  
131 -  
132 </div> 320 </div>
133 - <!--/.nav-collapse -->  
134 -  
135 - </div>  
136 -  
137 -  
138 - </div>  
139 - <!-- /#navbar -->  
140 -  
141 - </div>  
142 -  
143 - <!-- *** NAVBAR END *** -->  
144 -  
145 - </header>  
146 -  
147 - <!-- *** FeedBack MODAL ***  
148 -_________________________________________________________ -->  
149 -  
150 - <div class="modal fade" id="feedback-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">  
151 - <div class="modal-dialog">  
152 -  
153 - <div class="modal-content">  
154 - <div class="modal-header">  
155 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>  
156 - <h3 class="modal-title" id="Login">Feedback</h3>  
157 - </div>  
158 - <div class="modal-body">  
159 -  
160 - <?php $form = ActiveForm::begin(  
161 - [  
162 - 'id' => 'feedback-form',  
163 - 'method' => 'POST',  
164 - 'action' => '/site/feedback',  
165 - ]  
166 - ); ?>  
167 -  
168 - <?= $form->field($feedback, 'name')  
169 - ->textInput(); ?>  
170 -  
171 - <?= $form->field($feedback, 'email')  
172 - ->textInput(); ?>  
173 -  
174 - <?= $form->field($feedback, 'phone')  
175 - ->textInput(); ?>  
176 -  
177 - <?= $form->field($feedback, 'message')  
178 - ->textarea(  
179 - [  
180 - 'rows' => 4,  
181 - ]  
182 - ); ?>  
183 -  
184 - <p class="text-center">  
185 - <?= Html::submitButton(  
186 - 'Send',  
187 - [  
188 - 'class' => 'send-form btn btn-lg btn-template-primary',  
189 - ]  
190 - ) ?>  
191 - </p>  
192 -  
193 - <?php ActiveForm::end(); ?>  
194 -  
195 - </div>  
196 - </div>  
197 - </div>  
198 - </div>  
199 -  
200 - <!-- *** FeedBack MODAL END *** -->  
201 -  
202 - <!-- *** FeedBack MODAL ***  
203 -_________________________________________________________ -->  
204 -  
205 - <div class="modal fade" id="success-modal" tabindex="-1" role="dialog" aria-labelledby="Success" aria-hidden="true">  
206 - <div class="modal-dialog">  
207 -  
208 - <div class="modal-content">  
209 - <div class="modal-header">  
210 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>  
211 - <h3 class="modal-title" id="Success">Success</h3>  
212 - </div>  
213 - <div class="modal-body">  
214 -  
215 - <p>Thank for your reply, we will call you, maybe.</p>  
216 - <p class="text-center">  
217 - <button type="button" class="btn btn-template-primary" data-dismiss="modal">Close</button>  
218 - </p>  
219 - </div>  
220 - </div>  
221 - </div>  
222 - </div>  
223 -  
224 - <!-- *** FeedBack MODAL END *** -->  
225 -  
226 - <!-- *** Breadcrumbs *** -->  
227 - <div id="heading-breadcrumbs">  
228 - <div class="container">  
229 - <div class="row">  
230 - <div class="col-md-7">  
231 - <h1><?= $seo->h1 ?></h1>  
232 - </div>  
233 - <div class="col-md-5">  
234 - <?= Breadcrumbs::widget(  
235 - [  
236 - 'links' => isset($this->params[ 'breadcrumbs' ]) ? $this->params[ 'breadcrumbs' ] : [],  
237 - ]  
238 - ) ?>  
239 -  
240 - </div>  
241 - </div>  
242 - </div>  
243 - </div>  
244 - <!-- *** Breadcrumbs END *** -->  
245 -  
246 - <?= $content ?>  
247 -  
248 -  
249 - <!-- *** GET IT *** 321 +
  322 + <!-- *** FeedBack MODAL END *** -->
  323 +
  324 + <!-- *** FeedBack MODAL ***
250 _________________________________________________________ --> 325 _________________________________________________________ -->
251 -  
252 - <div id="get-it">  
253 - <div class="container">  
254 - <div class="col-md-8 col-sm-12">  
255 - <h3>Do you want cool website like this one?</h3>  
256 - </div>  
257 - <div class="col-md-4 col-sm-12">  
258 - <a href="#" class="btn btn-template-transparent-primary" data-toggle="modal" data-target="#feedback-modal">Contact us!</a>  
259 - </div>  
260 - </div>  
261 - </div>  
262 -  
263 -  
264 - <!-- *** GET IT END *** -->  
265 -  
266 - <!-- *** FOOTER ***  
267 -_________________________________________________________ -->  
268 -  
269 - <footer id="footer">  
270 - <div class="container">  
271 - <div class="col-md-6 col-sm-12">  
272 - <h4>About us</h4>  
273 -  
274 - <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>  
275 -  
276 - <hr>  
277 -  
278 - <h4>Join our monthly newsletter</h4>  
279 -  
280 - <form>  
281 - <div class="input-group">  
282 -  
283 - <input type="text" class="form-control">  
284 -  
285 - <span class="input-group-btn">  
286 -  
287 - <button class="btn btn-default" type="button"><i class="fa fa-send"></i></button>  
288 -  
289 - </span>  
290 - 326 +
  327 + <div class="modal fade" id="success-modal" tabindex="-1" role="dialog" aria-labelledby="Success" aria-hidden="true">
  328 + <div class="modal-dialog">
  329 +
  330 + <div class="modal-content">
  331 + <div class="modal-header">
  332 + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
  333 + <h3 class="modal-title" id="Success">Success</h3>
  334 + </div>
  335 + <div class="modal-body">
  336 +
  337 + <p>Thank for your reply, we will call you, maybe.</p>
  338 + <p class="text-center">
  339 + <button type="button" class="btn btn-template-primary" data-dismiss="modal">Close</button>
  340 + </p>
  341 + </div>
  342 + </div>
  343 + </div>
291 </div> 344 </div>
292 - <!-- /input-group -->  
293 - </form>  
294 -  
295 - <hr class="hidden-md hidden-lg hidden-sm">  
296 -  
297 - </div>  
298 - <!-- /.col-md-3 -->  
299 -  
300 - <!-- <div class="col-md-3 col-sm-6">-->  
301 - <!-- -->  
302 - <!-- <h4>Blog</h4>-->  
303 - <!-- -->  
304 - <!-- <div class="blog-entries">-->  
305 - <!-- <div class="item same-height-row clearfix">-->  
306 - <!-- <div class="image same-height-always">-->  
307 - <!-- <a href="#">-->  
308 - <!-- <img class="img-responsive" src="img/detailsquare.jpg" alt="">-->  
309 - <!-- </a>-->  
310 - <!-- </div>-->  
311 - <!-- <div class="name same-height-always">-->  
312 - <!-- <h5><a href="#">Blog post name</a></h5>-->  
313 - <!-- </div>-->  
314 - <!-- </div>-->  
315 - <!-- -->  
316 - <!-- <div class="item same-height-row clearfix">-->  
317 - <!-- <div class="image same-height-always">-->  
318 - <!-- <a href="#">-->  
319 - <!-- <img class="img-responsive" src="img/detailsquare.jpg" alt="">-->  
320 - <!-- </a>-->  
321 - <!-- </div>-->  
322 - <!-- <div class="name same-height-always">-->  
323 - <!-- <h5><a href="#">Blog post name</a></h5>-->  
324 - <!-- </div>-->  
325 - <!-- </div>-->  
326 - <!-- -->  
327 - <!-- <div class="item same-height-row clearfix">-->  
328 - <!-- <div class="image same-height-always">-->  
329 - <!-- <a href="#">-->  
330 - <!-- <img class="img-responsive" src="img/detailsquare.jpg" alt="">-->  
331 - <!-- </a>-->  
332 - <!-- </div>-->  
333 - <!-- <div class="name same-height-always">-->  
334 - <!-- <h5><a href="#">Very very long blog post name</a></h5>-->  
335 - <!-- </div>-->  
336 - <!-- </div>-->  
337 - <!-- </div>-->  
338 - <!-- -->  
339 - <!-- <hr class="hidden-md hidden-lg">-->  
340 - <!-- -->  
341 - <!-- </div>-->  
342 - <!-- /.col-md-3 -->  
343 -  
344 - <div class="col-md-4 col-sm-12 col-md-offset-2">  
345 -  
346 - <h4>Contact</h4>  
347 -  
348 - <p><strong>Universal Ltd.</strong>  
349 - <br>13/25 New Avenue  
350 - <br>Newtown upon River  
351 - <br>45Y 73J  
352 - <br>England  
353 - <br>  
354 - <strong>Great Britain</strong>  
355 - </p>  
356 -  
357 - <a href="contact.html" class="btn btn-small btn-template-main">Go to contact page</a>  
358 -  
359 - <hr class="hidden-md hidden-lg hidden-sm">  
360 -  
361 - </div>  
362 - <!-- /.col-md-3 -->  
363 -  
364 -  
365 - <!-- <div class="col-md-3 col-sm-6">-->  
366 - <!-- -->  
367 - <!-- <h4>Photostream</h4>-->  
368 - <!-- -->  
369 - <!-- <div class="photostream">-->  
370 - <!-- <div>-->  
371 - <!-- <a href="#">-->  
372 - <!-- <img src="img/detailsquare.jpg" class="img-responsive" alt="#">-->  
373 - <!-- </a>-->  
374 - <!-- </div>-->  
375 - <!-- <div>-->  
376 - <!-- <a href="#">-->  
377 - <!-- <img src="img/detailsquare2.jpg" class="img-responsive" alt="#">-->  
378 - <!-- </a>-->  
379 - <!-- </div>-->  
380 - <!-- <div>-->  
381 - <!-- <a href="#">-->  
382 - <!-- <img src="img/detailsquare3.jpg" class="img-responsive" alt="#">-->  
383 - <!-- </a>-->  
384 - <!-- </div>-->  
385 - <!-- <div>-->  
386 - <!-- <a href="#">-->  
387 - <!-- <img src="img/detailsquare3.jpg" class="img-responsive" alt="#">-->  
388 - <!-- </a>-->  
389 - <!-- </div>-->  
390 - <!-- <div>-->  
391 - <!-- <a href="#">-->  
392 - <!-- <img src="img/detailsquare2.jpg" class="img-responsive" alt="#">-->  
393 - <!-- </a>-->  
394 - <!-- </div>-->  
395 - <!-- <div>-->  
396 - <!-- <a href="#">-->  
397 - <!-- <img src="img/detailsquare.jpg" class="img-responsive" alt="#">-->  
398 - <!-- </a>-->  
399 - <!-- </div>-->  
400 - <!-- </div>-->  
401 - <!-- -->  
402 - <!-- </div>-->  
403 - <!-- /.col-md-3 -->  
404 - </div>  
405 - <!-- /.container -->  
406 - </footer>  
407 - <!-- /#footer -->  
408 -  
409 - <!-- *** FOOTER END *** -->  
410 -  
411 - <!-- *** COPYRIGHT ***  
412 -_________________________________________________________ -->  
413 -  
414 - <div id="copyright">  
415 - <div class="container">  
416 - <div class="col-md-12">  
417 - <p class="pull-left">&copy; 2015. Your company / name goes here</p>  
418 - <p class="pull-right">Template by <a href="https://bootstrapious.com">Bootstrapious</a> &  
419 - <a href="https://remoteplease.com">Remote Please</a>  
420 - <!-- 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 -->  
421 - </p>  
422 - 345 +
  346 + <!-- *** FeedBack MODAL END *** -->
  347 +
  348 + <!-- *** Breadcrumbs *** -->
  349 + <div id="heading-breadcrumbs">
  350 + <div class="container">
  351 + <div class="row">
  352 + <div class="col-md-7">
  353 + <h1><?= $seo->h1 ?></h1>
  354 + </div>
  355 + <div class="col-md-5">
  356 + <?= Breadcrumbs::widget(
  357 + [
  358 + 'links' => isset( $this->params[ 'breadcrumbs' ] ) ? $this->params[ 'breadcrumbs' ] : [],
  359 + ]
  360 + ) ?>
  361 +
  362 + </div>
  363 + </div>
  364 + </div>
  365 + </div>
  366 + <!-- *** Breadcrumbs END *** -->
  367 +
  368 + <?= $content ?>
  369 +
  370 +
  371 + <!-- *** GET IT ***
  372 + _________________________________________________________ -->
  373 +
  374 + <div id="get-it">
  375 + <div class="container">
  376 + <div class="col-md-8 col-sm-12">
  377 + <h3>Do you want cool website like this one?</h3>
  378 + </div>
  379 + <div class="col-md-4 col-sm-12">
  380 + <a href="#" class="btn btn-template-transparent-primary" data-toggle="modal" data-target="#feedback-modal">Contact us!</a>
  381 + </div>
  382 + </div>
  383 + </div>
  384 +
  385 +
  386 + <!-- *** GET IT END *** -->
  387 +
  388 + <!-- *** FOOTER ***
  389 + _________________________________________________________ -->
  390 +
  391 + <footer id="footer">
  392 + <div class="container">
  393 + <div class="col-md-6 col-sm-12">
  394 + <?php
  395 + if (!empty( $settings->about )) {
  396 + ?>
  397 + <h4><?php echo \Yii::t('app', 'About us'); ?></h4>
  398 + <p><?php echo $settings->about; ?></p>
  399 + <?php
  400 + }
  401 + ?>
  402 + </div>
  403 +
  404 + <div class="col-md-4 col-sm-12 col-md-offset-2">
  405 +
  406 + <h4><?php echo \Yii::t('app', 'Contact'); ?></h4>
  407 +
  408 + <p>
  409 + 13/25 New Avenue
  410 + <br>Newtown upon River
  411 + <br>45Y 73J
  412 + <br>England
  413 + <br>
  414 + <strong>Great Britain</strong>
  415 + </p>
  416 +
  417 + <a href="contact.html" class="btn btn-small btn-template-main">Go to contact page</a>
  418 +
  419 + <hr class="hidden-md hidden-lg hidden-sm">
  420 +
  421 + </div>
  422 + </div>
  423 + <!-- /.container -->
  424 + </footer>
  425 + <!-- /#footer -->
  426 +
  427 + <!-- *** FOOTER END *** -->
  428 +
  429 + <!-- *** COPYRIGHT ***
  430 + _________________________________________________________ -->
  431 +
  432 + <div id="copyright">
  433 + <div class="container">
  434 + <div class="col-md-12">
  435 + <p class="pull-left">&copy; 2015. <?= $settings->name; ?></p>
  436 + </div>
  437 + </div>
  438 + </div>
  439 + <!-- /#copyright -->
  440 +
  441 + <!-- *** COPYRIGHT END *** -->
  442 +
  443 + <div id="content">Scroll &darr;</div>
  444 + <a href="#" id="back-to-top" title="Back to top">&uarr;</a>
  445 +
423 </div> 446 </div>
424 - </div>  
425 - </div>  
426 - <!-- /#copyright -->  
427 -  
428 - <!-- *** COPYRIGHT END *** -->  
429 -  
430 - <div id="content">Scroll &darr;</div>  
431 - <a href="#" id="back-to-top" title="Back to top">&uarr;</a>  
432 -  
433 - </div>  
434 - <!-- /#all -->  
435 - <?php $this->endBody() ?>  
436 - </body>  
437 - </html> 447 + <!-- /#all -->
  448 + <?php $this->endBody() ?>
  449 + </body>
  450 + </html>
438 <?php $this->endPage() ?> 451 <?php $this->endPage() ?>
439 \ No newline at end of file 452 \ No newline at end of file
frontend/web/css/custom.css
@@ -115,4 +115,12 @@ @@ -115,4 +115,12 @@
115 115
116 #content { 116 #content {
117 height: 2000px; 117 height: 2000px;
  118 +}
  119 +
  120 +#top .social a:hover.vk {
  121 + background: #507299;
  122 +}
  123 +
  124 +#top .social a:hover.odnoklassniki {
  125 + background: #ee8208;
118 } 126 }
119 \ No newline at end of file 127 \ No newline at end of file