Alexey Boroda / kristal-estet

Commit a86beefd42ae538d4bab77c98e70f686fc9e7509

Authored by Eugeny Galkovskiy
1 parent a0e8d4e0

Главная

Showing 21 changed files with 137 additions and 160 deletions   Show diff stats
Inline Side-by-side
frontend/assets/AppAsset.php
  Show/Hide comments   View file @a86beef
... ... @@ -15,7 +15,7 @@
15 15 'css/site.css',
16 16 'css/animate.css',
17 17 'css/style.css',
18   - 'css/style.default.css',
  18 + 'css/style.turquoise.css',
19 19 'css/owl.carousel.css',
20 20 'css/owl.theme.css',
21 21 '//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800',
... ...
frontend/views/layouts/main.php
  Show/Hide comments   View file @a86beef
... ... @@ -71,6 +71,7 @@
71 71 <meta charset="<?= \Yii::$app->charset ?>">
72 72 <meta name="viewport" content="width=device-width, initial-scale=1">
73 73 <?= Html::csrfMetaTags() ?>
  74 + <link type="image/x-icon" href="/img/favicon.ico" rel="icon">
74 75 <title><?= Html::encode($seo->title) ?></title>
75 76 <?php $this->head() ?>
76 77 </head>
... ...
frontend/views/site/index.php
  Show/Hide comments   View file @a86beef
... ... @@ -10,30 +10,28 @@ $this-&gt;title = &#39;My Yii Application&#39;;
10 10 <!-- *** JUMBOTRON ***
11 11 _________________________________________________________ -->
12 12  
13   - <div class="jumbotron">
  13 + <div class="jumbotron header-kristal">
14 14  
15 15 <div class="dark-mask"></div>
16 16  
17 17 <div class="container">
18 18 <div class="row mb-small">
19 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 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 25 </div>
24 26  
25 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 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 35 </p>
38 36  
39 37 </div>
... ... @@ -44,39 +42,39 @@ _________________________________________________________ --&gt;
44 42 <!-- *** JUMBOTRON END *** -->
45 43 </section>
46 44  
47   -<section class="bar background-white">
  45 +<section class="bar background-white kristal-cont">
48 46 <div class="container">
49 47 <div class="col-md-12">
50 48 <div class="heading text-center">
51   - <h2>Our main focus</h2>
  49 + <h2>Наши услуги</h2>
52 50 </div>
53 51  
54 52 <div class="row">
55 53 <div class="col-md-4">
56 54 <div class="box-simple">
57 55 <div class="icon">
58   - <i class="fa fa-desktop"></i>
  56 + <img src="/img/main_icons/icon1.png" alt="">
59 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 60 </div>
63 61 </div>
64 62 <div class="col-md-4">
65 63 <div class="box-simple">
66 64 <div class="icon">
67   - <i class="fa fa-print"></i>
  65 + <img src="/img/main_icons/icon2.png" alt="">
68 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 69 </div>
72 70 </div>
73 71 <div class="col-md-4">
74 72 <div class="box-simple">
75 73 <div class="icon">
76   - <i class="fa fa-globe"></i>
  74 + <img src="/img/main_icons/icon3.png" alt="">
77 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 78 </div>
81 79 </div>
82 80 </div>
... ... @@ -85,28 +83,28 @@ _________________________________________________________ --&gt;
85 83 <div class="col-md-4">
86 84 <div class="box-simple">
87 85 <div class="icon">
88   - <i class="fa fa-lightbulb-o"></i>
  86 + <img src="/img/main_icons/icon4.png" alt="">
89 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 90 </div>
93 91 </div>
94 92 <div class="col-md-4">
95 93 <div class="box-simple">
96 94 <div class="icon">
97   - <i class="fa fa-envelope-o"></i>
  95 + <img src="/img/main_icons/icon5.png" alt="">
98 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 99 </div>
102 100 </div>
103 101 <div class="col-md-4">
104 102 <div class="box-simple">
105 103 <div class="icon">
106   - <i class="fa fa-user"></i>
  104 + <img src="/img/main_icons/icon6.png" alt="">
107 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 108 </div>
111 109 </div>
112 110 </div>
... ... @@ -114,43 +112,35 @@ _________________________________________________________ --&gt;
114 112 </div>
115 113 </section>
116 114  
117   -<section class="bar background-pentagon no-mb">
  115 +<section class="bar background-pentagon no-mb kristal-cont">
118 116 <div class="container">
119 117 <div class="row showcase">
120 118 <div class="col-md-3 col-sm-6">
121 119 <div class="item">
122   - <div class="icon"><i class="fa fa-align-justify"></i>
123   - </div>
124 120 <h4><span class="counter">580</span><br>
125 121  
126   - Websites</h4>
  122 + Клиентов</h4>
127 123 </div>
128 124 </div>
129 125 <div class="col-md-3 col-sm-6">
130 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 130 </div>
137 131 </div>
138 132 <div class="col-md-3 col-sm-6">
139 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 137 </div>
146 138 </div>
147 139 <div class="col-md-3 col-sm-6">
148 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 144 </div>
155 145 </div>
156 146 </div>
... ... @@ -159,104 +149,16 @@ _________________________________________________________ --&gt;
159 149 <!-- /.container -->
160 150 </section>
161 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 153 </section>
253 154  
254   -<section class="bar background-gray no-mb">
  155 +
  156 +<section class="bar background-gray no-mb kristal-cont">
255 157 <div class="container">
256 158 <div class="row">
257 159 <div class="col-md-12">
258 160 <div class="heading text-center">
259   - <h2>Our clients</h2>
  161 + <h2>Наши партнёры</h2>
260 162 </div>
261 163  
262 164 <ul class="owl-carousel customers">
... ... @@ -275,9 +177,6 @@ _________________________________________________________ --&gt;
275 177 <li class="item">
276 178 <img src="/img/customer-5.png" alt="" class="img-responsive">
277 179 </li>
278   - <li class="item">
279   - <img src="/img/customer-6.png" alt="" class="img-responsive">
280   - </li>
281 180 </ul>
282 181 <!-- /.owl-carousel -->
283 182 </div>
... ... @@ -288,20 +187,29 @@ _________________________________________________________ --&gt;
288 187  
289 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 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 202 </div>
306   - </div>
307   -</section>
308 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 217 \ No newline at end of file
... ...
frontend/web/css/custom.css
  Show/Hide comments   View file @a86beef
... ... @@ -130,4 +130,72 @@
130 130  
131 131 #navigation .navbar-nav ul.dropdown-menu li.active {
132 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 202 \ No newline at end of file
... ...
frontend/web/css/style.turquoise.css
  Show/Hide comments   View file @a86beef
... ... @@ -2072,7 +2072,7 @@ fieldset[disabled] .btn-template-primary.active {
2072 2072 }
2073 2073  
2074 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 2076 border-top: solid 1px #999999;
2077 2077 border-bottom: solid 1px #999999;
2078 2078 }
... ...
frontend/web/img/customer-1.png
View file @a86beef

23.7 KB | W: | H:

36.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/customer-2.png
View file @a86beef

33.9 KB | W: | H:

31.3 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/customer-3.png
View file @a86beef

13 KB | W: | H:

28.7 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/customer-4.png
View file @a86beef

18.9 KB | W: | H:

28.3 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/customer-5.png
View file @a86beef

46.1 KB | W: | H:

30.6 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/favicon.ico
View file @a86beef
No preview for this file type
frontend/web/img/full_screen_photo.jpg 0 → 100644
View file @a86beef

721 KB
frontend/web/img/girl_01.png 0 → 100644
View file @a86beef

296 KB
frontend/web/img/main_icons/icon1.png 0 → 100644
View file @a86beef

8.21 KB
frontend/web/img/main_icons/icon2.png 0 → 100644
View file @a86beef

9.64 KB
frontend/web/img/main_icons/icon3.png 0 → 100644
View file @a86beef

6.15 KB
frontend/web/img/main_icons/icon4.png 0 → 100644
View file @a86beef

6.59 KB
frontend/web/img/main_icons/icon5.png 0 → 100644
View file @a86beef

4.93 KB
frontend/web/img/main_icons/icon6.png 0 → 100644
View file @a86beef

14.6 KB
frontend/web/img/photogrid.jpg
View file @a86beef

435 KB | W: | H:

1.28 MB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
frontend/web/img/photogrid_old.jpg 0 → 100644
View file @a86beef

435 KB