Commit a86beefd42ae538d4bab77c98e70f686fc9e7509
1 parent
a0e8d4e0
Главная
Showing
21 changed files
with
137 additions
and
160 deletions
Show diff stats
frontend/assets/AppAsset.php
| @@ -15,7 +15,7 @@ | @@ -15,7 +15,7 @@ | ||
| 15 | 'css/site.css', | 15 | 'css/site.css', |
| 16 | 'css/animate.css', | 16 | 'css/animate.css', |
| 17 | 'css/style.css', | 17 | 'css/style.css', |
| 18 | - 'css/style.default.css', | 18 | + 'css/style.turquoise.css', |
| 19 | 'css/owl.carousel.css', | 19 | 'css/owl.carousel.css', |
| 20 | 'css/owl.theme.css', | 20 | 'css/owl.theme.css', |
| 21 | '//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800', | 21 | '//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800', |
frontend/views/layouts/main.php
| @@ -71,6 +71,7 @@ | @@ -71,6 +71,7 @@ | ||
| 71 | <meta charset="<?= \Yii::$app->charset ?>"> | 71 | <meta charset="<?= \Yii::$app->charset ?>"> |
| 72 | <meta name="viewport" content="width=device-width, initial-scale=1"> | 72 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 73 | <?= Html::csrfMetaTags() ?> | 73 | <?= Html::csrfMetaTags() ?> |
| 74 | + <link type="image/x-icon" href="/img/favicon.ico" rel="icon"> | ||
| 74 | <title><?= Html::encode($seo->title) ?></title> | 75 | <title><?= Html::encode($seo->title) ?></title> |
| 75 | <?php $this->head() ?> | 76 | <?php $this->head() ?> |
| 76 | </head> | 77 | </head> |
frontend/views/site/index.php
| @@ -10,30 +10,28 @@ $this->title = 'My Yii Application'; | @@ -10,30 +10,28 @@ $this->title = 'My Yii Application'; | ||
| 10 | <!-- *** JUMBOTRON *** | 10 | <!-- *** JUMBOTRON *** |
| 11 | _________________________________________________________ --> | 11 | _________________________________________________________ --> |
| 12 | 12 | ||
| 13 | - <div class="jumbotron"> | 13 | + <div class="jumbotron header-kristal"> |
| 14 | 14 | ||
| 15 | <div class="dark-mask"></div> | 15 | <div class="dark-mask"></div> |
| 16 | 16 | ||
| 17 | <div class="container"> | 17 | <div class="container"> |
| 18 | <div class="row mb-small"> | 18 | <div class="row mb-small"> |
| 19 | <div class="col-sm-12 text-center"> | 19 | <div class="col-sm-12 text-center"> |
| 20 | - <h1>Universal is great</h1> | ||
| 21 | - <h2>Last week more than 100 companies signed up to help them in their projects.</h2> | 20 | + <h1><span>"Кристал Эстет"</span> — ваш стоматологический центр</h1> |
| 22 | </div> | 21 | </div> |
| 22 | + <div class="col-sm-12 col-md-8 col-md-offset-4"> | ||
| 23 | + <p class="header-text-right">Мы заботимся о Вашем здоровье.<br />Все виды стоматологических услуг европейского качества.</p> | ||
| 24 | + </div> | ||
| 23 | </div> | 25 | </div> |
| 24 | 26 | ||
| 25 | <div class="row"> | 27 | <div class="row"> |
| 26 | - <div class="col-sm-6 mb-small"> | ||
| 27 | - <img class="img-responsive" src="img/template-mac.png" alt=""> | 28 | + <div class="col-sm-6 mb-small hidden-xs hidden-sm"> |
| 29 | + <img class="img-responsive" src="/img/girl_01.png" alt=""> | ||
| 28 | </div> | 30 | </div> |
| 29 | 31 | ||
| 30 | - <div class="col-sm-6 text-center-xs"> | ||
| 31 | - <p class="text-uppercase">Business. Corporate. Agency. | ||
| 32 | - <br/>Portfolio. Blog. E-commerce. | ||
| 33 | - <br/>We have covered everything.</p> | ||
| 34 | - <p>See our current packages comparison | ||
| 35 | - <br/>to choose the right one for you.</p> | ||
| 36 | - <p><a href="#packages" class="scroll-to btn btn-template-transparent-black">See packages</a> | 32 | + <div class="col-sm-6 text-center-xs mtop90"> |
| 33 | + <p>Приглашаем на диагностику.<br />Первая консультация — бесплатно.</p> | ||
| 34 | + <p><a href="#" class="scroll-to btn btn-template-transparent-black">Записаться</a> | ||
| 37 | </p> | 35 | </p> |
| 38 | 36 | ||
| 39 | </div> | 37 | </div> |
| @@ -44,39 +42,39 @@ _________________________________________________________ --> | @@ -44,39 +42,39 @@ _________________________________________________________ --> | ||
| 44 | <!-- *** JUMBOTRON END *** --> | 42 | <!-- *** JUMBOTRON END *** --> |
| 45 | </section> | 43 | </section> |
| 46 | 44 | ||
| 47 | -<section class="bar background-white"> | 45 | +<section class="bar background-white kristal-cont"> |
| 48 | <div class="container"> | 46 | <div class="container"> |
| 49 | <div class="col-md-12"> | 47 | <div class="col-md-12"> |
| 50 | <div class="heading text-center"> | 48 | <div class="heading text-center"> |
| 51 | - <h2>Our main focus</h2> | 49 | + <h2>Наши услуги</h2> |
| 52 | </div> | 50 | </div> |
| 53 | 51 | ||
| 54 | <div class="row"> | 52 | <div class="row"> |
| 55 | <div class="col-md-4"> | 53 | <div class="col-md-4"> |
| 56 | <div class="box-simple"> | 54 | <div class="box-simple"> |
| 57 | <div class="icon"> | 55 | <div class="icon"> |
| 58 | - <i class="fa fa-desktop"></i> | 56 | + <img src="/img/main_icons/icon1.png" alt=""> |
| 59 | </div> | 57 | </div> |
| 60 | - <h3>Webdesign</h3> | ||
| 61 | - <p>Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p> | 58 | + <h3>Профилактика</h3> |
| 59 | + <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p> | ||
| 62 | </div> | 60 | </div> |
| 63 | </div> | 61 | </div> |
| 64 | <div class="col-md-4"> | 62 | <div class="col-md-4"> |
| 65 | <div class="box-simple"> | 63 | <div class="box-simple"> |
| 66 | <div class="icon"> | 64 | <div class="icon"> |
| 67 | - <i class="fa fa-print"></i> | 65 | + <img src="/img/main_icons/icon2.png" alt=""> |
| 68 | </div> | 66 | </div> |
| 69 | - <h3>Print</h3> | ||
| 70 | - <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p> | 67 | + <h3>Терапия</h3> |
| 68 | + <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p> | ||
| 71 | </div> | 69 | </div> |
| 72 | </div> | 70 | </div> |
| 73 | <div class="col-md-4"> | 71 | <div class="col-md-4"> |
| 74 | <div class="box-simple"> | 72 | <div class="box-simple"> |
| 75 | <div class="icon"> | 73 | <div class="icon"> |
| 76 | - <i class="fa fa-globe"></i> | 74 | + <img src="/img/main_icons/icon3.png" alt=""> |
| 77 | </div> | 75 | </div> |
| 78 | - <h3>SEO and SEM</h3> | ||
| 79 | - <p>Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.</p> | 76 | + <h3>Ортопедия</h3> |
| 77 | + <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p> | ||
| 80 | </div> | 78 | </div> |
| 81 | </div> | 79 | </div> |
| 82 | </div> | 80 | </div> |
| @@ -85,28 +83,28 @@ _________________________________________________________ --> | @@ -85,28 +83,28 @@ _________________________________________________________ --> | ||
| 85 | <div class="col-md-4"> | 83 | <div class="col-md-4"> |
| 86 | <div class="box-simple"> | 84 | <div class="box-simple"> |
| 87 | <div class="icon"> | 85 | <div class="icon"> |
| 88 | - <i class="fa fa-lightbulb-o"></i> | 86 | + <img src="/img/main_icons/icon4.png" alt=""> |
| 89 | </div> | 87 | </div> |
| 90 | - <h3>Consulting</h3> | ||
| 91 | - <p>Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p> | 88 | + <h3>Хирургия</h3> |
| 89 | + <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p> | ||
| 92 | </div> | 90 | </div> |
| 93 | </div> | 91 | </div> |
| 94 | <div class="col-md-4"> | 92 | <div class="col-md-4"> |
| 95 | <div class="box-simple"> | 93 | <div class="box-simple"> |
| 96 | <div class="icon"> | 94 | <div class="icon"> |
| 97 | - <i class="fa fa-envelope-o"></i> | 95 | + <img src="/img/main_icons/icon5.png" alt=""> |
| 98 | </div> | 96 | </div> |
| 99 | - <h3>Email Marketing</h3> | ||
| 100 | - <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p> | 97 | + <h3>Ортодонтия</h3> |
| 98 | + <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p> | ||
| 101 | </div> | 99 | </div> |
| 102 | </div> | 100 | </div> |
| 103 | <div class="col-md-4"> | 101 | <div class="col-md-4"> |
| 104 | <div class="box-simple"> | 102 | <div class="box-simple"> |
| 105 | <div class="icon"> | 103 | <div class="icon"> |
| 106 | - <i class="fa fa-user"></i> | 104 | + <img src="/img/main_icons/icon6.png" alt=""> |
| 107 | </div> | 105 | </div> |
| 108 | - <h3>UX</h3> | ||
| 109 | - <p>Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.</p> | 106 | + <h3>Косметология</h3> |
| 107 | + <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p> | ||
| 110 | </div> | 108 | </div> |
| 111 | </div> | 109 | </div> |
| 112 | </div> | 110 | </div> |
| @@ -114,43 +112,35 @@ _________________________________________________________ --> | @@ -114,43 +112,35 @@ _________________________________________________________ --> | ||
| 114 | </div> | 112 | </div> |
| 115 | </section> | 113 | </section> |
| 116 | 114 | ||
| 117 | -<section class="bar background-pentagon no-mb"> | 115 | +<section class="bar background-pentagon no-mb kristal-cont"> |
| 118 | <div class="container"> | 116 | <div class="container"> |
| 119 | <div class="row showcase"> | 117 | <div class="row showcase"> |
| 120 | <div class="col-md-3 col-sm-6"> | 118 | <div class="col-md-3 col-sm-6"> |
| 121 | <div class="item"> | 119 | <div class="item"> |
| 122 | - <div class="icon"><i class="fa fa-align-justify"></i> | ||
| 123 | - </div> | ||
| 124 | <h4><span class="counter">580</span><br> | 120 | <h4><span class="counter">580</span><br> |
| 125 | 121 | ||
| 126 | - Websites</h4> | 122 | + Клиентов</h4> |
| 127 | </div> | 123 | </div> |
| 128 | </div> | 124 | </div> |
| 129 | <div class="col-md-3 col-sm-6"> | 125 | <div class="col-md-3 col-sm-6"> |
| 130 | <div class="item"> | 126 | <div class="item"> |
| 131 | - <div class="icon"><i class="fa fa-users"></i> | ||
| 132 | - </div> | ||
| 133 | - <h4><span class="counter">100</span><br> | 127 | + <h4><span class="counter">2</span><br> |
| 134 | 128 | ||
| 135 | - Satisfied Clients</h4> | 129 | + Года работы</h4> |
| 136 | </div> | 130 | </div> |
| 137 | </div> | 131 | </div> |
| 138 | <div class="col-md-3 col-sm-6"> | 132 | <div class="col-md-3 col-sm-6"> |
| 139 | <div class="item"> | 133 | <div class="item"> |
| 140 | - <div class="icon"><i class="fa fa-copy"></i> | ||
| 141 | - </div> | ||
| 142 | - <h4><span class="counter">320</span><br> | 134 | + <h4><span class="counter">7</span><br> |
| 143 | 135 | ||
| 144 | - Projects</h4> | 136 | + Сертифицированных докторов</h4> |
| 145 | </div> | 137 | </div> |
| 146 | </div> | 138 | </div> |
| 147 | <div class="col-md-3 col-sm-6"> | 139 | <div class="col-md-3 col-sm-6"> |
| 148 | <div class="item"> | 140 | <div class="item"> |
| 149 | - <div class="icon"><i class="fa fa-font"></i> | ||
| 150 | - </div> | ||
| 151 | - <h4><span class="counter">923</span><br> | 141 | + <h4><span class="counter">200</span><br> |
| 152 | 142 | ||
| 153 | - Magazines and Brochures</h4> | 143 | + Видов услуг</h4> |
| 154 | </div> | 144 | </div> |
| 155 | </div> | 145 | </div> |
| 156 | </div> | 146 | </div> |
| @@ -159,104 +149,16 @@ _________________________________________________________ --> | @@ -159,104 +149,16 @@ _________________________________________________________ --> | ||
| 159 | <!-- /.container --> | 149 | <!-- /.container --> |
| 160 | </section> | 150 | </section> |
| 161 | <!-- /.bar --> | 151 | <!-- /.bar --> |
| 162 | - | ||
| 163 | -<section class="bar background-white no-mb"> | ||
| 164 | - <div class="container" data-animate="fadeInUpBig"> | ||
| 165 | - <div class="row"> | ||
| 166 | - <div class="col-md-12"> | ||
| 167 | - <div class="heading text-center"> | ||
| 168 | - <h2>Latest works from our portfolio</h2> | ||
| 169 | - </div> | ||
| 170 | - | ||
| 171 | - <p class="lead">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies | ||
| 172 | - mi vitae est. Mauris placerat eleifend leo.</p> | ||
| 173 | - | ||
| 174 | - | ||
| 175 | - <div class="row portfolio"> | ||
| 176 | - <div class="col-sm-4"> | ||
| 177 | - <div class="box-image"> | ||
| 178 | - <div class="image"> | ||
| 179 | - <img src="/img/portfolio-1.jpg" alt="" class="img-responsive"> | ||
| 180 | - </div> | ||
| 181 | - <div class="bg"></div> | ||
| 182 | - <div class="name"> | ||
| 183 | - <h3><a href="portfolio-detail.html">Portfolio item</a></h3> | ||
| 184 | - </div> | ||
| 185 | - <div class="text"> | ||
| 186 | - <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p> | ||
| 187 | - <p class="buttons"> | ||
| 188 | - <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a> | ||
| 189 | - <a href="#" class="btn btn-template-transparent-primary">Website</a> | ||
| 190 | - </p> | ||
| 191 | - </div> | ||
| 192 | - </div> | ||
| 193 | - <!-- /.item --> | ||
| 194 | - | ||
| 195 | - </div> | ||
| 196 | - | ||
| 197 | - <div class="col-sm-4"> | ||
| 198 | - <div class="box-image"> | ||
| 199 | - <div class="image"> | ||
| 200 | - <img src="/img/portfolio-2.jpg" alt="" class="img-responsive"> | ||
| 201 | - </div> | ||
| 202 | - <div class="bg"></div> | ||
| 203 | - <div class="name"> | ||
| 204 | - <h3><a href="portfolio-detail.html">Portfolio item</a></h3> | ||
| 205 | - </div> | ||
| 206 | - <div class="text"> | ||
| 207 | - <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p> | ||
| 208 | - <p class="buttons"> | ||
| 209 | - <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a> | ||
| 210 | - <a href="#" class="btn btn-template-transparent-primary">Website</a> | ||
| 211 | - </p> | ||
| 212 | - </div> | ||
| 213 | - </div> | ||
| 214 | - <!-- /.item --> | ||
| 215 | - | ||
| 216 | - </div> | ||
| 217 | - | ||
| 218 | - <div class="col-sm-4"> | ||
| 219 | - <div class="box-image"> | ||
| 220 | - <div class="image"> | ||
| 221 | - <img src="/img/portfolio-3.jpg" alt="" class="img-responsive"> | ||
| 222 | - </div> | ||
| 223 | - <div class="bg"></div> | ||
| 224 | - <div class="name"> | ||
| 225 | - <h3><a href="portfolio-detail.html">Portfolio item</a></h3> | ||
| 226 | - </div> | ||
| 227 | - <div class="text"> | ||
| 228 | - <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p> | ||
| 229 | - <p class="buttons"> | ||
| 230 | - <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a> | ||
| 231 | - <a href="#" class="btn btn-template-transparent-primary">Website</a> | ||
| 232 | - </p> | ||
| 233 | - </div> | ||
| 234 | - </div> | ||
| 235 | - <!-- /.item --> | ||
| 236 | - | ||
| 237 | - </div> | ||
| 238 | - | ||
| 239 | - </div> | ||
| 240 | - | ||
| 241 | - | ||
| 242 | - <div class="see-more"> | ||
| 243 | - <p>Do you want to see more?</p> | ||
| 244 | - | ||
| 245 | - <a href="portfolio-4.html" class="btn btn-template-main">See more of our work</a> | ||
| 246 | - </div> | ||
| 247 | - | ||
| 248 | - </div> | ||
| 249 | - | ||
| 250 | - </div> | ||
| 251 | - </div> | 152 | +<section class="image-full-screen"> |
| 252 | </section> | 153 | </section> |
| 253 | 154 | ||
| 254 | -<section class="bar background-gray no-mb"> | 155 | + |
| 156 | +<section class="bar background-gray no-mb kristal-cont"> | ||
| 255 | <div class="container"> | 157 | <div class="container"> |
| 256 | <div class="row"> | 158 | <div class="row"> |
| 257 | <div class="col-md-12"> | 159 | <div class="col-md-12"> |
| 258 | <div class="heading text-center"> | 160 | <div class="heading text-center"> |
| 259 | - <h2>Our clients</h2> | 161 | + <h2>Наши партнёры</h2> |
| 260 | </div> | 162 | </div> |
| 261 | 163 | ||
| 262 | <ul class="owl-carousel customers"> | 164 | <ul class="owl-carousel customers"> |
| @@ -275,9 +177,6 @@ _________________________________________________________ --> | @@ -275,9 +177,6 @@ _________________________________________________________ --> | ||
| 275 | <li class="item"> | 177 | <li class="item"> |
| 276 | <img src="/img/customer-5.png" alt="" class="img-responsive"> | 178 | <img src="/img/customer-5.png" alt="" class="img-responsive"> |
| 277 | </li> | 179 | </li> |
| 278 | - <li class="item"> | ||
| 279 | - <img src="/img/customer-6.png" alt="" class="img-responsive"> | ||
| 280 | - </li> | ||
| 281 | </ul> | 180 | </ul> |
| 282 | <!-- /.owl-carousel --> | 181 | <!-- /.owl-carousel --> |
| 283 | </div> | 182 | </div> |
| @@ -288,20 +187,29 @@ _________________________________________________________ --> | @@ -288,20 +187,29 @@ _________________________________________________________ --> | ||
| 288 | 187 | ||
| 289 | <!-- /.bar --> | 188 | <!-- /.bar --> |
| 290 | 189 | ||
| 291 | -<section class="bar background-image-fixed-2 no-mb color-white text-center"> | ||
| 292 | - <div class="dark-mask"></div> | ||
| 293 | - <div class="container"> | ||
| 294 | - <div class="row"> | ||
| 295 | - <div class="col-md-12"> | ||
| 296 | - <div class="icon icon-lg"><i class="fa fa-file-code-o"></i> | 190 | +<section class="bar background-white kristal-cont"> |
| 191 | + <div class="container"> | ||
| 192 | + <div class="col-md-12"> | ||
| 193 | + <div class="heading text-center"> | ||
| 194 | + <h2>Стоматологический центр «Кристал-Естет»</h2> | ||
| 195 | + </div> | ||
| 196 | + </div> | ||
| 197 | + <div class="col-md-12 text-down"> | ||
| 198 | + <p>Наш центр предлагает полный спектр стоматологических услуг. Основанный в 2015 году, сочетает в себе новейшие технологии, современное оборудование и опыт команды профессионалов. В клинике представлены все существующие в мире стоматологии направления: терапия, ортопедия, ортодонтия, хирургия, имплантология, пародонтология, гигиена, детская стоматология, эстетическая стоматология и профилактика заболеваний зубов и полости рта</p> | ||
| 199 | + <p>Технологическое оснащение представлено фирмами Sirona, Kaeser, Durr, KaVo, и другими немецкими производителями.</p> | ||
| 200 | + <p>Мы стараемся уделить максимальное внимание каждому клиенту, заботимся о его комфорте. Обеспечиваем комплексный подход и реальную помощь первоклассной команды врачей. Идём в ногу со временем и постоянно совершенствуем рабочие навыки, используя современные стоматологические технологии. Наша команда делает все, чтобы пациенты навсегда избавились не только от зубной боли, но и от своих страхов и негативных представлений о стоматологии.</p> | ||
| 297 | </div> | 201 | </div> |
| 298 | - <h1>Do you want to see more?</h1> | ||
| 299 | - <p class="lead">We have prepared for you more than 40 different HTML pages, including 5 variations of homepage.</p> | ||
| 300 | - <p class="text-center"> | ||
| 301 | - <a href="index3.html" class="btn btn-template-transparent-black btn-lg">Check other homepage</a> | ||
| 302 | - </p> | ||
| 303 | - </div> | ||
| 304 | - | ||
| 305 | </div> | 202 | </div> |
| 306 | - </div> | ||
| 307 | -</section> | ||
| 308 | \ No newline at end of file | 203 | \ No newline at end of file |
| 204 | +</section> | ||
| 205 | + | ||
| 206 | + | ||
| 207 | +<div id="get-it" class="kristal-cont"> | ||
| 208 | + <div class="container"> | ||
| 209 | + <div class="col-md-8 col-sm-12"> | ||
| 210 | + <h3>Ждем Вас в нашей клинике!</h3> | ||
| 211 | + </div> | ||
| 212 | + <div class="col-md-4 col-sm-12"> | ||
| 213 | + <a href="#" class="btn btn-template-transparent-primary">Записаться на прием</a> | ||
| 214 | + </div> | ||
| 215 | + </div> | ||
| 216 | +</div> | ||
| 309 | \ No newline at end of file | 217 | \ No newline at end of file |
frontend/web/css/custom.css
| @@ -130,4 +130,72 @@ | @@ -130,4 +130,72 @@ | ||
| 130 | 130 | ||
| 131 | #navigation .navbar-nav ul.dropdown-menu li.active { | 131 | #navigation .navbar-nav ul.dropdown-menu li.active { |
| 132 | background: #38a7bb; | 132 | background: #38a7bb; |
| 133 | +} | ||
| 134 | + | ||
| 135 | +/**/ | ||
| 136 | +.header-kristal .container h1{ | ||
| 137 | + font-weight: inherit; | ||
| 138 | + letter-spacing: 1px; | ||
| 139 | + font-size: 40px; | ||
| 140 | +} | ||
| 141 | +.header-kristal .container h1 span{ | ||
| 142 | + font-weight:bold; | ||
| 143 | +} | ||
| 144 | +.header-kristal .container .header-text-right{ | ||
| 145 | + text-align: left; | ||
| 146 | + font-weight: bold; | ||
| 147 | + font-size: 24px; | ||
| 148 | + line-height: 29px; | ||
| 149 | +} | ||
| 150 | +.header-kristal .container .img-responsive{ | ||
| 151 | + margin-bottom: -68px; | ||
| 152 | + margin-top: -80px; | ||
| 153 | +} | ||
| 154 | +.header-kristal .mtop90{ | ||
| 155 | + margin-top: 90px; | ||
| 156 | +} | ||
| 157 | +.kristal-cont .icon{ | ||
| 158 | + overflow:hidden; | ||
| 159 | + border:none; | ||
| 160 | +} | ||
| 161 | +.kristal-cont .icon img{ | ||
| 162 | + width: 100%; | ||
| 163 | + margin-top: -7px; | ||
| 164 | + padding: 0; | ||
| 165 | +} | ||
| 166 | +.image-full-screen { | ||
| 167 | + height: calc(100vh - 140px); | ||
| 168 | + max-height: 900px; | ||
| 169 | + width: 100%; | ||
| 170 | + background-image: url(../img/full_screen_photo.jpg); | ||
| 171 | + margin-bottom: 0; | ||
| 172 | + box-shadow: inset 0px 100px 150px -100px rgba(0, 0, 0, 0.6), inset 0px -100px 100px -100px rgba(0, 0, 0, 0.75); | ||
| 173 | + background-position: top center; | ||
| 174 | + background-repeat: no-repeat; | ||
| 175 | + background-size: cover; | ||
| 176 | +} | ||
| 177 | +.kristal-cont#get-it { | ||
| 178 | + background: #4fbfa8; | ||
| 179 | + padding: 30px 0 10px; | ||
| 180 | + color: #fff; | ||
| 181 | + text-align: center; | ||
| 182 | +} | ||
| 183 | + | ||
| 184 | +.text-down p{ | ||
| 185 | + font-size: 18px; | ||
| 186 | + padding-bottom: 20px; | ||
| 187 | +} | ||
| 188 | +.text-down p:last-child{ | ||
| 189 | + padding-bottom: 0px; | ||
| 190 | + margin-bottom: 0; | ||
| 191 | +} | ||
| 192 | +@media (max-width: 1199px){ | ||
| 193 | + .header-kristal .container .img-responsive{ | ||
| 194 | + margin-bottom: -68px; | ||
| 195 | + margin-top: -110px; | ||
| 196 | + width: 70%; | ||
| 197 | + } | ||
| 198 | + .header-kristal .mtop90 { | ||
| 199 | + margin-top: 0px; | ||
| 200 | + } | ||
| 133 | } | 201 | } |
| 134 | \ No newline at end of file | 202 | \ No newline at end of file |
frontend/web/css/style.turquoise.css
| @@ -2072,7 +2072,7 @@ fieldset[disabled] .btn-template-primary.active { | @@ -2072,7 +2072,7 @@ fieldset[disabled] .btn-template-primary.active { | ||
| 2072 | } | 2072 | } |
| 2073 | 2073 | ||
| 2074 | .bar.background-pentagon { | 2074 | .bar.background-pentagon { |
| 2075 | - background: url('../img/texture-bw.png') center center repeat; | 2075 | + background: url('../img/texture-turquoise.png') center center repeat; |
| 2076 | border-top: solid 1px #999999; | 2076 | border-top: solid 1px #999999; |
| 2077 | border-bottom: solid 1px #999999; | 2077 | border-bottom: solid 1px #999999; |
| 2078 | } | 2078 | } |
frontend/web/img/customer-1.png
frontend/web/img/customer-2.png
frontend/web/img/customer-3.png
frontend/web/img/customer-4.png
frontend/web/img/customer-5.png
frontend/web/img/favicon.ico
No preview for this file type
721 KB
296 KB
8.21 KB
9.64 KB
6.15 KB
6.59 KB
4.93 KB
14.6 KB
frontend/web/img/photogrid.jpg
435 KB