Commit 87debd408084125cf4be5576cb9fdfb1f588768e

Authored by Eugeny Galkovskiy
1 parent 22d53c49

our objects

Showing 2 changed files with 288 additions and 287 deletions   Show diff stats
frontend/views/site/index.php
... ... @@ -6,303 +6,304 @@ $this->title = 'KB Energy';
6 6  
7 7 ?>
8 8  
  9 +<div id="main-page">
  10 + <section class="no-mb">
  11 + <!-- *** JUMBOTRON ***
  12 + _________________________________________________________ -->
9 13  
10   -<section class="no-mb">
11   - <!-- *** JUMBOTRON ***
12   -_________________________________________________________ -->
13   -
14   - <div class="jumbotron">
15   -
16   - <div class="dark-mask"></div>
17   -
18   - <div class="container">
19   - <div class="row mb-small">
20   - <div class="col-sm-12 text-center">
21   - <h1>Universal is great</h1>
22   - <h2>Last week more than 100 companies signed up to help them in their projects.</h2>
23   - </div>
24   - </div>
25   -
26   - <div class="row">
27   - <div class="col-sm-6 mb-small">
28   - <img class="img-responsive" src="img/template-mac.png" alt="">
29   - </div>
30   -
31   - <div class="col-sm-6 text-center-xs">
32   - <p class="text-uppercase">Business. Corporate. Agency.
33   - <br/>Portfolio. Blog. E-commerce.
34   - <br/>We have covered everything.</p>
35   - <p>See our current packages comparison
36   - <br/>to choose the right one for you.</p>
37   - <p><a href="#packages" class="scroll-to btn btn-template-transparent-black">See packages</a>
38   - </p>
39   -
40   - </div>
41   - </div>
42   - </div>
43   - </div>
44   -
45   - <!-- *** JUMBOTRON END *** -->
46   -</section>
47   -
48   -<section class="bar background-white">
49   - <div class="container">
50   - <div class="col-md-12">
51   - <div class="heading text-center">
52   - <h2>Our main focus</h2>
53   - </div>
54   -
55   - <div class="row">
56   - <div class="col-md-4">
57   - <div class="box-simple">
58   - <div class="icon">
59   - <i class="fa fa-desktop"></i>
60   - </div>
61   - <h3>Webdesign</h3>
62   - <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>
63   - </div>
64   - </div>
65   - <div class="col-md-4">
66   - <div class="box-simple">
67   - <div class="icon">
68   - <i class="fa fa-print"></i>
  14 + <div class="jumbotron">
  15 +
  16 + <div class="dark-mask"></div>
  17 +
  18 + <div class="container">
  19 + <div class="row mb-small">
  20 + <div class="col-sm-12 text-center">
  21 + <h1>Universal is great</h1>
  22 + <h2>Last week more than 100 companies signed up to help them in their projects.</h2>
  23 + </div>
  24 + </div>
  25 +
  26 + <div class="row">
  27 + <div class="col-sm-6 mb-small">
  28 + <img class="img-responsive" src="img/template-mac.png" alt="">
  29 + </div>
  30 +
  31 + <div class="col-sm-6 text-center-xs">
  32 + <p class="text-uppercase">Business. Corporate. Agency.
  33 + <br/>Portfolio. Blog. E-commerce.
  34 + <br/>We have covered everything.</p>
  35 + <p>See our current packages comparison
  36 + <br/>to choose the right one for you.</p>
  37 + <p><a href="#packages" class="scroll-to btn btn-template-transparent-black">See packages</a>
  38 + </p>
  39 +
  40 + </div>
  41 + </div>
69 42 </div>
70   - <h3>Print</h3>
71   - <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>
72   - </div>
73 43 </div>
74   - <div class="col-md-4">
75   - <div class="box-simple">
76   - <div class="icon">
77   - <i class="fa fa-globe"></i>
  44 +
  45 + <!-- *** JUMBOTRON END *** -->
  46 + </section>
  47 +
  48 + <section class="bar background-white">
  49 + <div class="container">
  50 + <div class="col-md-12">
  51 + <div class="heading text-center">
  52 + <h2>Our main focus</h2>
  53 + </div>
  54 +
  55 + <div class="row">
  56 + <div class="col-md-4">
  57 + <div class="box-simple">
  58 + <div class="icon">
  59 + <i class="fa fa-desktop"></i>
  60 + </div>
  61 + <h3>Webdesign</h3>
  62 + <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>
  63 + </div>
  64 + </div>
  65 + <div class="col-md-4">
  66 + <div class="box-simple">
  67 + <div class="icon">
  68 + <i class="fa fa-print"></i>
  69 + </div>
  70 + <h3>Print</h3>
  71 + <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>
  72 + </div>
  73 + </div>
  74 + <div class="col-md-4">
  75 + <div class="box-simple">
  76 + <div class="icon">
  77 + <i class="fa fa-globe"></i>
  78 + </div>
  79 + <h3>SEO and SEM</h3>
  80 + <p>Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.</p>
  81 + </div>
  82 + </div>
  83 + </div>
  84 +
  85 + <div class="row">
  86 + <div class="col-md-4">
  87 + <div class="box-simple">
  88 + <div class="icon">
  89 + <i class="fa fa-lightbulb-o"></i>
  90 + </div>
  91 + <h3>Consulting</h3>
  92 + <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>
  93 + </div>
  94 + </div>
  95 + <div class="col-md-4">
  96 + <div class="box-simple">
  97 + <div class="icon">
  98 + <i class="fa fa-envelope-o"></i>
  99 + </div>
  100 + <h3>Email Marketing</h3>
  101 + <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>
  102 + </div>
  103 + </div>
  104 + <div class="col-md-4">
  105 + <div class="box-simple">
  106 + <div class="icon">
  107 + <i class="fa fa-user"></i>
  108 + </div>
  109 + <h3>UX</h3>
  110 + <p>Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.</p>
  111 + </div>
  112 + </div>
  113 + </div>
78 114 </div>
79   - <h3>SEO and SEM</h3>
80   - <p>Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.</p>
81   - </div>
82 115 </div>
83   - </div>
84   -
85   - <div class="row">
86   - <div class="col-md-4">
87   - <div class="box-simple">
88   - <div class="icon">
89   - <i class="fa fa-lightbulb-o"></i>
  116 + </section>
  117 +
  118 + <section class="bar background-pentagon no-mb">
  119 + <div class="container">
  120 + <div class="row showcase">
  121 + <div class="col-md-3 col-sm-6">
  122 + <div class="item">
  123 + <div class="icon"><i class="fa fa-align-justify"></i>
  124 + </div>
  125 + <h4><span class="counter">580</span><br>
  126 +
  127 + Websites</h4>
  128 + </div>
  129 + </div>
  130 + <div class="col-md-3 col-sm-6">
  131 + <div class="item">
  132 + <div class="icon"><i class="fa fa-users"></i>
  133 + </div>
  134 + <h4><span class="counter">100</span><br>
  135 +
  136 + Satisfied Clients</h4>
  137 + </div>
  138 + </div>
  139 + <div class="col-md-3 col-sm-6">
  140 + <div class="item">
  141 + <div class="icon"><i class="fa fa-copy"></i>
  142 + </div>
  143 + <h4><span class="counter">320</span><br>
  144 +
  145 + Projects</h4>
  146 + </div>
  147 + </div>
  148 + <div class="col-md-3 col-sm-6">
  149 + <div class="item">
  150 + <div class="icon"><i class="fa fa-font"></i>
  151 + </div>
  152 + <h4><span class="counter">923</span><br>
  153 +
  154 + Magazines and Brochures</h4>
  155 + </div>
  156 + </div>
90 157 </div>
91   - <h3>Consulting</h3>
92   - <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>
93   - </div>
  158 + <!-- /.row -->
94 159 </div>
95   - <div class="col-md-4">
96   - <div class="box-simple">
97   - <div class="icon">
98   - <i class="fa fa-envelope-o"></i>
  160 + <!-- /.container -->
  161 + </section>
  162 + <!-- /.bar -->
  163 +
  164 + <section class="bar background-white no-mb">
  165 + <div class="container" data-animate="fadeInUpBig">
  166 + <div class="row">
  167 + <div class="col-md-12">
  168 + <div class="heading text-center">
  169 + <h2>Latest works from our portfolio</h2>
  170 + </div>
  171 +
  172 + <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
  173 + mi vitae est. Mauris placerat eleifend leo.</p>
  174 +
  175 +
  176 + <div class="row portfolio">
  177 + <div class="col-sm-4">
  178 + <div class="box-image">
  179 + <div class="image">
  180 + <img src="/img/portfolio-1.jpg" alt="" class="img-responsive">
  181 + </div>
  182 + <div class="bg"></div>
  183 + <div class="name">
  184 + <h3><a href="portfolio-detail.html">Portfolio item</a></h3>
  185 + </div>
  186 + <div class="text">
  187 + <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
  188 + <p class="buttons">
  189 + <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a>
  190 + <a href="#" class="btn btn-template-transparent-primary">Website</a>
  191 + </p>
  192 + </div>
  193 + </div>
  194 + <!-- /.item -->
  195 +
  196 + </div>
  197 +
  198 + <div class="col-sm-4">
  199 + <div class="box-image">
  200 + <div class="image">
  201 + <img src="/img/portfolio-2.jpg" alt="" class="img-responsive">
  202 + </div>
  203 + <div class="bg"></div>
  204 + <div class="name">
  205 + <h3><a href="portfolio-detail.html">Portfolio item</a></h3>
  206 + </div>
  207 + <div class="text">
  208 + <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
  209 + <p class="buttons">
  210 + <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a>
  211 + <a href="#" class="btn btn-template-transparent-primary">Website</a>
  212 + </p>
  213 + </div>
  214 + </div>
  215 + <!-- /.item -->
  216 +
  217 + </div>
  218 +
  219 + <div class="col-sm-4">
  220 + <div class="box-image">
  221 + <div class="image">
  222 + <img src="/img/portfolio-3.jpg" alt="" class="img-responsive">
  223 + </div>
  224 + <div class="bg"></div>
  225 + <div class="name">
  226 + <h3><a href="portfolio-detail.html">Portfolio item</a></h3>
  227 + </div>
  228 + <div class="text">
  229 + <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
  230 + <p class="buttons">
  231 + <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a>
  232 + <a href="#" class="btn btn-template-transparent-primary">Website</a>
  233 + </p>
  234 + </div>
  235 + </div>
  236 + <!-- /.item -->
  237 +
  238 + </div>
  239 +
  240 + </div>
  241 +
  242 +
  243 + <div class="see-more">
  244 + <p>Do you want to see more?</p>
  245 +
  246 + <a href="portfolio-4.html" class="btn btn-template-main">See more of our work</a>
  247 + </div>
  248 +
  249 + </div>
  250 +
99 251 </div>
100   - <h3>Email Marketing</h3>
101   - <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>
102   - </div>
103 252 </div>
104   - <div class="col-md-4">
105   - <div class="box-simple">
106   - <div class="icon">
107   - <i class="fa fa-user"></i>
  253 + </section>
  254 +
  255 + <section class="bar background-gray no-mb">
  256 + <div class="container">
  257 + <div class="row">
  258 + <div class="col-md-12">
  259 + <div class="heading text-center">
  260 + <h2>Our clients</h2>
  261 + </div>
  262 +
  263 + <ul class="owl-carousel customers">
  264 + <li class="item">
  265 + <img src="/img/customer-1.png" alt="" class="img-responsive">
  266 + </li>
  267 + <li class="item">
  268 + <img src="/img/customer-2.png" alt="" class="img-responsive">
  269 + </li>
  270 + <li class="item">
  271 + <img src="/img/customer-3.png" alt="" class="img-responsive">
  272 + </li>
  273 + <li class="item">
  274 + <img src="/img/customer-4.png" alt="" class="img-responsive">
  275 + </li>
  276 + <li class="item">
  277 + <img src="/img/customer-5.png" alt="" class="img-responsive">
  278 + </li>
  279 + <li class="item">
  280 + <img src="/img/customer-6.png" alt="" class="img-responsive">
  281 + </li>
  282 + </ul>
  283 + <!-- /.owl-carousel -->
  284 + </div>
  285 +
108 286 </div>
109   - <h3>UX</h3>
110   - <p>Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.</p>
111   - </div>
112   - </div>
113   - </div>
114   - </div>
115   - </div>
116   -</section>
117   -
118   -<section class="bar background-pentagon no-mb">
119   - <div class="container">
120   - <div class="row showcase">
121   - <div class="col-md-3 col-sm-6">
122   - <div class="item">
123   - <div class="icon"><i class="fa fa-align-justify"></i>
124   - </div>
125   - <h4><span class="counter">580</span><br>
126   -
127   - Websites</h4>
128 287 </div>
129   - </div>
130   - <div class="col-md-3 col-sm-6">
131   - <div class="item">
132   - <div class="icon"><i class="fa fa-users"></i>
133   - </div>
134   - <h4><span class="counter">100</span><br>
135   -
136   - Satisfied Clients</h4>
137   - </div>
138   - </div>
139   - <div class="col-md-3 col-sm-6">
140   - <div class="item">
141   - <div class="icon"><i class="fa fa-copy"></i>
142   - </div>
143   - <h4><span class="counter">320</span><br>
144   -
145   - Projects</h4>
146   - </div>
147   - </div>
148   - <div class="col-md-3 col-sm-6">
149   - <div class="item">
150   - <div class="icon"><i class="fa fa-font"></i>
151   - </div>
152   - <h4><span class="counter">923</span><br>
153   -
154   - Magazines and Brochures</h4>
155   - </div>
156   - </div>
157   - </div>
158   - <!-- /.row -->
159   - </div>
160   - <!-- /.container -->
161   -</section>
162   -<!-- /.bar -->
163   -
164   -<section class="bar background-white no-mb">
165   - <div class="container" data-animate="fadeInUpBig">
166   - <div class="row">
167   - <div class="col-md-12">
168   - <div class="heading text-center">
169   - <h2>Latest works from our portfolio</h2>
170   - </div>
171   -
172   - <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
173   - mi vitae est. Mauris placerat eleifend leo.</p>
174   -
175   -
176   - <div class="row portfolio">
177   - <div class="col-sm-4">
178   - <div class="box-image">
179   - <div class="image">
180   - <img src="/img/portfolio-1.jpg" alt="" class="img-responsive">
181   - </div>
182   - <div class="bg"></div>
183   - <div class="name">
184   - <h3><a href="portfolio-detail.html">Portfolio item</a></h3>
185   - </div>
186   - <div class="text">
187   - <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
188   - <p class="buttons">
189   - <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a>
190   - <a href="#" class="btn btn-template-transparent-primary">Website</a>
191   - </p>
192   - </div>
193   - </div>
194   - <!-- /.item -->
195   -
196   - </div>
197   -
198   - <div class="col-sm-4">
199   - <div class="box-image">
200   - <div class="image">
201   - <img src="/img/portfolio-2.jpg" alt="" class="img-responsive">
202   - </div>
203   - <div class="bg"></div>
204   - <div class="name">
205   - <h3><a href="portfolio-detail.html">Portfolio item</a></h3>
206   - </div>
207   - <div class="text">
208   - <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
209   - <p class="buttons">
210   - <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a>
211   - <a href="#" class="btn btn-template-transparent-primary">Website</a>
212   - </p>
213   - </div>
214   - </div>
215   - <!-- /.item -->
216   -
217   - </div>
218   -
219   - <div class="col-sm-4">
220   - <div class="box-image">
221   - <div class="image">
222   - <img src="/img/portfolio-3.jpg" alt="" class="img-responsive">
223   - </div>
224   - <div class="bg"></div>
225   - <div class="name">
226   - <h3><a href="portfolio-detail.html">Portfolio item</a></h3>
227   - </div>
228   - <div class="text">
229   - <p class="hidden-sm">Pellentesque habitant morbi tristique senectus et netus et malesuada</p>
230   - <p class="buttons">
231   - <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">View</a>
232   - <a href="#" class="btn btn-template-transparent-primary">Website</a>
233   - </p>
234   - </div>
  288 + </section>
  289 +
  290 + <!-- /.bar -->
  291 +
  292 + <section class="bar background-image-fixed-2 no-mb color-white text-center">
  293 + <div class="dark-mask"></div>
  294 + <div class="container">
  295 + <div class="row">
  296 + <div class="col-md-12">
  297 + <div class="icon icon-lg"><i class="fa fa-file-code-o"></i>
  298 + </div>
  299 + <h1>Do you want to see more?</h1>
  300 + <p class="lead">We have prepared for you more than 40 different HTML pages, including 5 variations of homepage.</p>
  301 + <p class="text-center">
  302 + <a href="index3.html" class="btn btn-template-transparent-black btn-lg">Check other homepage</a>
  303 + </p>
  304 + </div>
  305 +
235 306 </div>
236   - <!-- /.item -->
237   -
238   - </div>
239   -
240   - </div>
241   -
242   -
243   - <div class="see-more">
244   - <p>Do you want to see more?</p>
245   -
246   - <a href="portfolio-4.html" class="btn btn-template-main">See more of our work</a>
247   - </div>
248   -
249   - </div>
250   -
251   - </div>
252   - </div>
253   -</section>
254   -
255   -<section class="bar background-gray no-mb">
256   - <div class="container">
257   - <div class="row">
258   - <div class="col-md-12">
259   - <div class="heading text-center">
260   - <h2>Our clients</h2>
261   - </div>
262   -
263   - <ul class="owl-carousel customers">
264   - <li class="item">
265   - <img src="/img/customer-1.png" alt="" class="img-responsive">
266   - </li>
267   - <li class="item">
268   - <img src="/img/customer-2.png" alt="" class="img-responsive">
269   - </li>
270   - <li class="item">
271   - <img src="/img/customer-3.png" alt="" class="img-responsive">
272   - </li>
273   - <li class="item">
274   - <img src="/img/customer-4.png" alt="" class="img-responsive">
275   - </li>
276   - <li class="item">
277   - <img src="/img/customer-5.png" alt="" class="img-responsive">
278   - </li>
279   - <li class="item">
280   - <img src="/img/customer-6.png" alt="" class="img-responsive">
281   - </li>
282   - </ul>
283   - <!-- /.owl-carousel -->
284   - </div>
285   -
286   - </div>
287   - </div>
288   -</section>
289   -
290   -<!-- /.bar -->
291   -
292   -<section class="bar background-image-fixed-2 no-mb color-white text-center">
293   - <div class="dark-mask"></div>
294   - <div class="container">
295   - <div class="row">
296   - <div class="col-md-12">
297   - <div class="icon icon-lg"><i class="fa fa-file-code-o"></i>
298 307 </div>
299   - <h1>Do you want to see more?</h1>
300   - <p class="lead">We have prepared for you more than 40 different HTML pages, including 5 variations of homepage.</p>
301   - <p class="text-center">
302   - <a href="index3.html" class="btn btn-template-transparent-black btn-lg">Check other homepage</a>
303   - </p>
304   - </div>
305   -
306   - </div>
307   - </div>
308   -</section>
309 308 \ No newline at end of file
  309 + </section>
  310 +</div>
310 311 \ No newline at end of file
... ...
frontend/web/favicon.ico
No preview for this file type