{"id":256060,"date":"2015-04-27T06:59:02","date_gmt":"2015-04-27T02:59:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=256060"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=256060","title":{"rendered":"\u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f Joomla"},"content":{"rendered":"
\n

\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/h4>\n

\u0412 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439<\/a> \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u0438\u0437\u0443\u0447\u0438\u043b\u0438, \u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0442\u0435\u043c\u0443 \u0434\u043b\u044f WordPress. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u044d\u0442\u043e\u0433\u043e \u0436\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Corporate Blue<\/a> \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0430\u0439\u0442 \u043d\u0430 \u0432\u0442\u043e\u0440\u043e\u0439 \u043f\u043e \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0441\u0442\u0438 CMS \u2013 Joomla! \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0432\u0451\u0440\u0441\u0442\u043a\u0430, \u0431\u0443\u0434\u0435\u043c \u0441\u0447\u0438\u0442\u0430\u0442\u044c, \u0447\u0442\u043e Joomla! \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0437\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c Joomla!, \u0442\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0437\u0434\u0435\u0441\u044c<\/a>. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435 \u043c\u044b \u043d\u0435 \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c CSS \u0441\u0442\u0438\u043b\u0438 \u0438 HTML \u043a\u043e\u0434 \u2013 \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u0432 \u0441\u0430\u043c\u043e\u0439 \u043f\u0435\u0440\u0432\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435<\/a>. \u0412\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u043b\u044f Joomla!
<\/a> <\/p>\n

\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/h4>\n

\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430, \u0432 \u043b\u044e\u0431\u043e\u043c \u0443\u0434\u043e\u0431\u043d\u043e\u043c \u0434\u043b\u044f \u0432\u0430\u0441 \u043c\u0435\u0441\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0430\u043f\u043a\u0443 \u043d\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u00abwhitesquare\u00bb. \u0412 \u043d\u0435\u0439 \u0434\u043e\u043b\u0436\u043d\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0442\u0440\u0438 \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0438: css, images \u0438 language. \u0412 \u043f\u0430\u043f\u043a\u0430\u0445 css \u0438 images \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0444\u0430\u0439\u043b\u044b index.html \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:<\/p>\n

<!DOCTYPE html><title><\/title> <\/code><\/pre>\n
  \u042d\u0442\u0438 \u0444\u0430\u0439\u043b\u044b \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0430\u043c\u0438 \u0438, \u043f\u043e \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c CMS, \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u043f\u0443\u0441\u0442\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u0440\u0438 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0438 \u043a \u044d\u0442\u0438\u043c \u043f\u0430\u043f\u043a\u0430\u043c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e.
  \u0414\u0430\u043b\u0435\u0435, \u0432 \u043f\u0430\u043f\u043a\u0435 css \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0443\u0441\u0442\u043e\u0439 \u0444\u0430\u0439\u043b \u0441\u0442\u0438\u043b\u0435\u0439 template.css, \u0430 \u0432 \u043f\u0430\u043f\u043a\u0435 language \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0443 en-GB, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u0443\u0441\u0442\u043e\u0439 \u0444\u0430\u0439\u043b en-GB.tpl_whitesquare.ini \u0438 \u0444\u0430\u0439\u043b en-GB.tpl_whitesquare.sys.ini \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:<\/p>\n
TPL_WHITESQUARE_XML_DESCRIPTION="Whitesquare is the Joomla 3 site template." <\/code><\/pre>\n
   <\/p>\n
  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c, \u0447\u0442\u043e \u0432\u0441\u0435 \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442. \u041f\u0430\u043f\u043a\u0430 language \u043d\u0443\u0436\u043d\u0430 \u0434\u043b\u044f \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u043e\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0438 \u0441 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c\u0438 \u044f\u0437\u044b\u043a\u0430\u043c\u0438: en-GB, ru-RU \u0438 \u0442.\u0434. \u041a\u0430\u0436\u0434\u0430\u044f \u044f\u0437\u044b\u043a\u043e\u0432\u0430\u044f \u043f\u0430\u043f\u043a\u0430 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0434\u0432\u0430 \u0444\u0430\u0439\u043b\u0430 \u0441 \u043a\u043b\u044e\u0447\u0430\u043c\u0438. \u041a\u043b\u044e\u0447\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u0441\u043e\u0431\u043e\u0439 \u043f\u0430\u0440\u0443 \u0441 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c \u043a\u043b\u044e\u0447\u0430 \u0438 \u0435\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c. \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043a\u043b\u044e\u0447\u0435\u0439 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432 \u0431\u0443\u0434\u0443\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u043c\u0438, \u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u2013 \u0440\u0430\u0437\u043d\u044b\u043c\u0438. \u0422\u0430\u043a\u043e\u0439 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u0430\u0445. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u043e \u0443\u0447\u0435\u0431\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440, \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439 \u044f\u0437\u044b\u043a \u2013 en-GB. \u041f\u0435\u0440\u0432\u044b\u0439 \u0444\u0430\u0439\u043b en-GB.tpl_whitesquare.ini \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043a\u043b\u044e\u0447\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0432\u0438\u0434\u044f\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0441\u0430\u0439\u0442\u0430, \u0430 \u0432\u0442\u043e\u0440\u043e\u0439 \u2014 en-GB.tpl_whitesquare.sys.ini \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043a\u043b\u044e\u0447\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439.
  \u0414\u0430\u043b\u0435\u0435 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0443\u0441\u0442\u044b\u0435 \u0444\u0430\u0439\u043b\u044b component.php, error.php \u0438 index.php. \u041e\u043d\u0438 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u044f\u0442\u0441\u044f \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c.
  \u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0448\u0430\u0433\u043e\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438: favicon.ico, template_preview.png \u0438 template_thumbnail.png. \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0434\u0432\u0435 \u2013 \u044d\u0442\u043e \u043f\u0440\u0435\u0432\u044c\u044e\u0448\u043a\u0438 \u0431\u0443\u0434\u0443\u0449\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438 \u043e\u043d\u0438 \u0438\u043c\u0435\u044e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u044b 640\u0445480 \u0438 206\u0445150 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e.
  \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0444\u0430\u0439\u043b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u2013 \u044d\u0442\u043e templateDetails.xml. \u041d\u0430 \u0434\u0430\u043d\u043d\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u2014 \u044d\u0442\u043e \u0441\u0430\u043c\u044b\u0439 \u0432\u0430\u0436\u043d\u044b\u0439 \u0444\u0430\u0439\u043b, \u043e\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430: <\/p>\n
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE install PUBLIC "-\/\/Joomla! 2.5\/\/DTD template 1.0\/\/EN" "http:\/\/www.joomla.org\/xml\/dtd\/1.6\/template-install.dtd"> <extension version="2.5" type="template" client="site">     <name>whitesquare<\/name>     <creationDate>2015-02-25<\/creationDate>     <author>pcklab<\/author>     <authorEmail><\/authorEmail>     <authorUrl>http:\/\/www.pcklab.com<\/authorUrl>     <copyright>\u00a9 2014 Pixel Cook Laboratory. All Rights Reserved.<\/copyright>     <license>GNU General Public License version 2 or later; see LICENSE.txt<\/license>     <version>1.0.0<\/version>     <description>TPL_WHITESQUARE_XML_DESCRIPTION<\/description>      <files>         <folder>css<\/folder>         <folder>images<\/folder>         <folder>js<\/folder>         <folder>language<\/folder>         <filename>component.php<\/filename>         <filename>error.php<\/filename>         <filename>favicon.ico<\/filename>         <filename>index.php<\/filename>         <filename>template_preview.png<\/filename>         <filename>template_thumbnail.png<\/filename>         <filename>templateDetails.xml<\/filename>     <\/files>      <positions>     <\/positions>      <languages folder="language">         <language tag="en-GB">en-GB\/en-GB.tpl_whitesquare.ini<\/language>         <language tag="en-GB">en-GB\/en-GB.tpl_whitesquare.sys.ini<\/language>     <\/languages> <\/extension> <\/code><\/pre>\n
  \u0411\u043e\u043b\u044c\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u044d\u0442\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u043f\u043e\u043d\u044f\u0442\u043d\u0430, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u043e\u044f\u0441\u043d\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:
  \u041f\u043e\u043b\u0435 description \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u043a\u043b\u044e\u0447 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0443\u043a\u0430\u0437\u0430\u043b\u0438 \u0432 en-GB.tpl_whitesquare.sys.ini
  \u041f\u043e\u043b\u0435 files \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043f\u043e\u043b\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0447\u0435\u043d\u044c \u0432\u0441\u0435\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0438 \u043f\u0430\u043f\u043e\u043a, \u043b\u0435\u0436\u0430\u0449\u0438\u0445 \u0432 \u043a\u043e\u0440\u043d\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430.
  \u041f\u043e\u043b\u0435 languages \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u043f\u0438\u0441\u043e\u043a \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432, \u0430 \u043f\u043e\u043b\u0435 positions \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0447\u0443\u0442\u044c \u043f\u043e\u0437\u0436\u0435.
  \u0422\u0435\u043f\u0435\u0440\u044c, \u043a\u043e\u0433\u0434\u0430 \u043a\u0430\u0440\u043a\u0430\u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0433\u043e\u0442\u043e\u0432, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0432 CMS. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u043f\u0430\u043d\u0435\u043b\u044c \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 Joomla!, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e Extension -> Extension manager, \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0443 Install from Directory \u0438 \u0432 \u043f\u043e\u043b\u0435 Install Directory \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u043f\u0443\u0442\u044c \u0434\u043e \u043f\u0430\u043f\u043a\u0438 whitesquare, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0438 \u0444\u0430\u0439\u043b\u044b \u0448\u0430\u0431\u043b\u043e\u043d\u0430.<\/p>\n
  <\/p>\n
  \u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443 Install \u0438 \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u0441\u044f \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443. \u041e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d. \u0417\u0430\u0439\u0434\u0438\u0442\u0435 \u0432 \u043c\u0435\u043d\u044e Extension -> Template manager, \u043d\u0430\u0439\u0434\u0438\u0442\u0435 \u0448\u0430\u0431\u043b\u043e\u043d whitesquare \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0438 \u0432 \u043f\u043e\u043b\u0435 Default, \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043d\u0430 \u0437\u0432\u0435\u0437\u0434\u043e\u0447\u043a\u0443, \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0435\u0442 \u043d\u0430\u0448 \u0448\u0430\u0431\u043b\u043e\u043d \u2013 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e. \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0443\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0430\u0434\u0440\u0435\u0441 \u0441\u0430\u0439\u0442\u0430, \u0433\u0434\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430 Joomla! \u0438 \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u043f\u0443\u0441\u0442\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430.<\/p>\n
\u041f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043e\u0441\u043c\u043e\u0442\u0440<\/h4>\n
  <\/p>\n
  \u0415\u0441\u043b\u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u043c\u0430\u043a\u0435\u0442, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u0447\u0442\u043e \u043d\u0430\u0448\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0448\u0430\u043f\u043a\u0438 \u0438 \u0444\u0443\u0442\u0435\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0442\u0441\u044f \u043d\u0430 \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445. \u0422\u0430\u043a\u0436\u0435, \u043d\u0430 \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445, \u043a\u0440\u043e\u043c\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0439, \u0435\u0441\u0442\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440 \u0441\u043b\u0435\u0432\u0430 \u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041f\u043e\u0438\u0441\u043a \u0438 \u0432\u0441\u0435 \u0432\u0438\u0434\u044b \u043c\u0435\u043d\u044e \u043c\u044b \u043e\u0444\u043e\u0440\u043c\u0438\u043c \u0432 \u0432\u0438\u0434\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 Joomla!, \u0430 \u0432\u0441\u0435 \u0442\u0435\u043a\u0441\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u044b \u0447\u0435\u0440\u0435\u0437 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\n
\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446<\/h4>\n
  \u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432 \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0434\u043b\u044f Joomla! \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u043c\u0430\u043a\u0435\u0442\u0430 \u0438 \u0441\u0442\u0438\u043b\u0435\u0439 \u0434\u043b\u044f \u043d\u0435\u0433\u043e. \u041c\u044b \u0436\u0435 \u043e\u043f\u0438\u0448\u0435\u043c \u0432\u0435\u0441\u044c \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u043d\u0430 Joomla! \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0445 \u043c\u0430\u043a\u0435\u0442\u043e\u0432.<\/p>\n
  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u0447\u043d\u0435\u043c \u0441\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u0447\u0435\u0440\u0435\u0437 \u043c\u0435\u043d\u044e Content -> Article Manager. \u0414\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443 New \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443. \u0412 \u043f\u043e\u043b\u0435 Title \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f \u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0431\u0435\u0437 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439. \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b Home, About us, Services, Partners, Customers, Projects, Careers, Contact. \u041f\u043e\u0441\u043b\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0434\u043e\u043b\u0436\u0435\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n
  <\/p>\n
\u0428\u0430\u0431\u043b\u043e\u043d \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/h4>\n
  \u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0448\u0430\u0433\u043e\u043c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b Joomla! \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0444\u0430\u0439\u043b index.php, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0432 \u043f\u0430\u043f\u043a\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432 \u043d\u0435\u0433\u043e \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u043a\u0430\u0440\u043a\u0430\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:<\/p>\n
<?php defined('_JEXEC') or die; $app = JFactory::getApplication(); $doc = JFactory::getDocument(); $menu = $app->getMenu(); $lang = JFactory::getLanguage();  $template_url = $this->baseurl . '\/templates\/' . $this->template; $doc->addStyleSheet($template_url . '\/css\/template.css'); $doc->addStyleSheet('http:\/\/fonts.googleapis.com\/css?family=Oswald:400,300');  $is_home_page = $menu->getActive() == $menu->getDefault($lang->getTag()); ?>  <!doctype html> <html> <head>     <jdoc:include type="head"\/>     <meta http-equiv="X-UA-Compatible" content="IE=Edge">     <!--[if lt IE 9]>     <script src="http:\/\/html5shiv.googlecode.com\/svn\/trunk\/html5.js"><\/script>     <![endif]--> <\/head> <body> <div class="wrapper">     <header><\/header>     <nav class="main-navigation"><\/nav>     <div class="main-heading"><\/div>     <jdoc:include type="message"\/>     <jdoc:include type="component"\/> <\/div> <footer><\/footer> <\/body> <\/html> <\/code><\/pre>\n
  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c, \u0447\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e. \u0412\u043d\u0430\u0447\u0430\u043b\u0435 \u0438\u0434\u0435\u0442 PHP \u0431\u043b\u043e\u043a, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435. \u041f\u0435\u0440\u0432\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 \u2013 \u044d\u0442\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 Joomla! \u0414\u0430\u043b\u0435\u0435 \u043c\u044b \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u043c\u0435\u043d\u044e \u0438 \u044f\u0437\u044b\u043a\u0430. \u0414\u043b\u044f \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0441\u0442\u0438\u043b\u0435\u0439 \u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0430\u044f \u043f\u0443\u0442\u044c \u0434\u043e \u043d\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0418 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u2014 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043b\u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u043e\u043c\u0430\u0448\u043d\u0435\u0439. \u041f\u043e\u043c\u0438\u043c\u043e \u043f\u0440\u043e\u0447\u0435\u0433\u043e, \u0432 \u044d\u0442\u043e\u043c \u0436\u0435 \u0431\u043b\u043e\u043a\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 CSS \u0444\u0430\u0439\u043b \u043d\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0448\u0440\u0438\u0444\u0442\u043e\u0432.
  \u0414\u0430\u043b\u0435\u0435 \u0438\u0434\u0435\u0442 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 html \u0448\u0430\u0431\u043b\u043e\u043d, \u0432 \u0442\u0435\u043b\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u0434\u0432\u0430 \u0431\u043b\u043e\u043a\u0430 \u2014 .wrapper \u0438 footer. \u0421\u0435\u043a\u0446\u0438\u044f head \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432 Joomla! \u0414\u0430\u043b\u044c\u0448\u0435 \u0438\u0434\u0435\u0442 \u043c\u0435\u0442\u0430-\u0442\u0435\u0433 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430 Internet Explorer \u0432 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c, \u0430 \u0437\u0430\u0442\u0435\u043c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 HTML5 \u0442\u0435\u0433\u043e\u0432 \u0432 \u0441\u0442\u0430\u0440\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u044f\u0445 IE. \u0411\u043b\u043e\u043a .wrapper \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043f\u0443\u0441\u0442\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u0434\u043b\u044f \u0448\u0430\u043f\u043a\u0438 \u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439, \u043d\u043e \u0441\u0430\u043c\u043e\u0439 \u0432\u0430\u0436\u043d\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u043b\u043e\u043a\u0430 .wrapper \u2013 \u0438\u043c\u0435\u043d\u043d\u043e \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f.
  \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0443\u0436\u043d\u043e \u0441\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0443\u044e\u0441\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0444\u043e\u043d \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432 \u0444\u0430\u0439\u043b images\/bg.png \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u0441\u0442\u0438\u043b\u0435\u0439 \u0432 \u0444\u0430\u0439\u043b template.css:<\/p>\n
\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
\n
body {     margin: 0;     border-top: 5px solid #7e7e7e;     background: #f8f8f8 url(..\/images\/bg.png);     color: #8f8f8f;     font: 12px Tahoma, sans-serif; } a {     color: #525252; }  img {     border: 0; }  p {     margin: 20px 0; }  .pull-left {     float: left; }  .pull-right {     float: right; }  .aligncenter {     display: block;     margin-right: auto;     margin-left: auto; }  .inputbox {     padding: 0 10px;     height: 30px;     border: 1px solid #e7e7e7;     background-color: #f3f3f3;     color: #b2b2b2;     vertical-align: top; }  .button {     height: 32px;     border: none;     background-color: #29c5e6;     color: #fff;     font-family: 'Oswald', sans-serif; }  .image {     outline: 1px solid #c9c9c9;     border: 1px solid #fff; }  figure img {     display: block; }  .wrapper {     margin: auto;     max-width: 960px; }  header {     padding: 20px 0; }  aside {     float: left;     width: 250px; }  aside + .item-page {     margin-left: 280px;     padding-bottom: 50px; }  footer {     clear: both;     background: #7e7e7e;     color: #dbdbdb;     font-size: 11px; } <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u0438\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u0443 \u043d\u0430\u0441 \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u043e\u044f\u0432\u0438\u0442\u044c\u0441\u044f \u0441\u0435\u0440\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441 \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u043d\u0435\u0441\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c. \u041a \u043d\u0435\u043c\u0443 \u043c\u044b \u0432\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u043f\u043e\u0437\u0436\u0435.<\/p>\n
\u041b\u043e\u0433\u043e\u0442\u0438\u043f<\/h4>\n
  <\/p>\n
  \u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043c\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438 \u0441 \u043a\u0430\u0440\u043a\u0430\u0441\u043e\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u043c \u043a \u0435\u0435 \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044e. \u041d\u0430\u0447\u043d\u0435\u043c \u0441 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430. \u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430 \u0432 images\/logo.png. \u0412 \u0431\u043b\u043e\u043a header \u043d\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u0434\u043b\u044f \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430:<\/p>\n
<header>     <a href="\/"><img src="<?php echo $template_url;?>\/images\/logo.png" alt="<?php echo  JText::_('TPL_WHITESQUARE_LOGO');?>"><\/a> <\/header> <\/code><\/pre>\n
  \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 \u0434\u043b\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u0435\u043a\u0441\u0442 \u0447\u0435\u0440\u0435\u0437 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 Text::_(). \u041a\u043b\u044e\u0447\u0430 TPL_WHITESQUARE_LOGO \u0443 \u043d\u0430\u0441 \u0435\u0449\u0435 \u043d\u0435\u0442, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0432 \u0444\u0430\u0439\u043b \\language\\en-GB\\en-GB.tpl_whitesquare.ini:<\/p>\n
TPL_WHITESQUARE_LOGO="Whitesquare logo" <\/code><\/pre>\n
  \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442 \u043d\u0435 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0441\u0430\u0439\u0442\u0430. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u044e\u0447 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439, \u0430 Joomla! \u0442\u0430\u043a \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u0430, \u0447\u0442\u043e \u043e\u043d\u0430 \u0447\u0438\u0442\u0430\u0435\u0442 \u043a\u043b\u044e\u0447\u0438 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0439 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u041c\u043e\u0436\u043d\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0435\u0433\u043e \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0437\u0430\u043d\u043e\u0432\u043e, \u043d\u043e \u043c\u044b \u043f\u043e\u0441\u0442\u0443\u043f\u0438\u043c \u043f\u0440\u043e\u0449\u0435 \u2013 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u044d\u0442\u043e\u0442 \u0436\u0435 \u043a\u043b\u044e\u0447 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b {joomla_root}\\language\\en-GB\\en-GB.tpl_whitesquare.ini, \u0433\u0434\u0435 {joomla_root} \u2013 \u044d\u0442\u043e \u043f\u0430\u043f\u043a\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430 Joomla!<\/p>\n
\u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0438\u0441\u043a\u0430<\/h4>\n
  <\/p>\n
  Joomla! \u0443\u0436\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0444\u043e\u0440\u043c\u044b \u043f\u043e\u0438\u0441\u043a\u0430. \u0415\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Extensions -> Module Manager \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430. \u0415\u0441\u043b\u0438 \u0432 \u0432\u0430\u0448\u0435\u0439 CMS \u043e\u043d \u043d\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d, \u0442\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e, \u043d\u0430\u0436\u0430\u0432 \u043a\u043d\u043e\u043f\u043a\u0443 New \u0438 \u0432\u044b\u0431\u0440\u0430\u0432 \u0438\u0437 \u0441\u043f\u0438\u0441\u043a\u0430 \u043f\u0443\u043d\u043a\u0442 Search.
  \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u2013 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u00ab\u043f\u043e\u0437\u0438\u0446\u0438\u044e\u00bb \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f. \u041f\u043e\u0437\u0438\u0446\u0438\u0438 (positions) \u2013 \u044d\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0435\u043d\u043d\u044b\u0435 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043c\u043e\u0434\u0443\u043b\u0438. \u041f\u043e\u0437\u0438\u0446\u0438\u0438 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435 templateDetails.xml \u0432 \u0431\u043b\u043e\u043a\u0435 positions:<\/p>\n
<positions>     <position>search<\/position> <\/positions> <\/code><\/pre>\n
  \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0432\u0435\u0440\u043d\u0438\u0442\u0435\u0441\u044c \u0432 Module Manager \u0438 \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u043c\u043e\u0434\u0443\u043b\u044c Search \u043d\u0430 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435. \u0418 \u0432 \u043f\u043e\u043b\u044f\u0445 \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f:
  Box Label: \u043f\u0440\u043e\u0431\u0435\u043b 
  Box Text: Search 
  Search Button: Yes 
  Button position: Right
  Search Button Image: No 
  Button text: GO 
  Show Title: Hide
  Position: Whitesquare Search
  \u0410 \u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 Advanced \u0432 \u043f\u043e\u043b\u0435 Module Class Suffix \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u00ab-block\u00bb. \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u0444\u043e\u0440\u043c\u044b \u043f\u043e\u0438\u0441\u043a\u0430 \u043e\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u043e\u0438\u0441\u043a\u0430.
  \u0422\u0435\u043f\u0435\u0440\u044c, \u043a\u043e\u0433\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d, \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0435\u0433\u043e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d index.php:<\/p>\n
<header>     ...     <jdoc:include type="modules" name="search"\/> <\/header> <\/code><\/pre>\n
  \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u0432 template.css:<\/p>\n
\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
\n
.search-block {     float: right; }   .search-query {     margin-right: -4px; } <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  <\/p>\n
\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f<\/h4>\n
  <\/p>\n
  \u041c\u0435\u043d\u044e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0441\u0430\u0439\u0442\u0430 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u0440\u0438 \u044d\u0442\u0430\u043f\u0430: \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0435\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u044b, \u0437\u0430\u0442\u0435\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c \u044d\u0442\u0430\u043f\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0432\u044f\u0436\u0435\u0442 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0441 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u043f\u043e\u0437\u0438\u0446\u0438\u0435\u0439.
  \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u043f\u0438\u0441\u043a\u0430\u043c\u0438 \u043c\u0435\u043d\u044e \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Menus -> Menu Manager \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430. \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0442\u0430\u043c \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u043c\u0435\u043d\u044e \u043f\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c Main Menu. \u0417\u0430\u0439\u0434\u0438\u0442\u0435 \u0432 \u043d\u0435\u0433\u043e.
  \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e \u2013 \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443 New \u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0448\u0443\u044e\u0441\u044f \u0444\u043e\u0440\u043c\u0443 \u2013 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:
  Menu Title: \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 About us
  Menu Item Type: Single Article
  Select Article: About us
  \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0432\u0441\u0435 \u043f\u0443\u043d\u043a\u0442\u044b \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e: Home, About us, Services, Partners, Customers, Projects, Careers, Contact.<\/p>\n
  <\/p>\n
  \u0414\u0430\u043b\u0435\u0435 \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 templateDetails.xml \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e:<\/p>\n
<positions> \u2026     <position>menu<\/position> <\/positions> <\/code><\/pre>\n
  \u0414\u0430\u043b\u0435\u0435 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043c\u0435\u043d\u044e. \u041c\u043e\u0434\u0443\u043b\u044c \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0443\u0436\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d \u0432 Joomla!, \u043e\u043d \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f Main Menu. \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0435\u0433\u043e \u0447\u0435\u0440\u0435\u0437 \u043c\u0435\u043d\u044e Extensions -> Module Manager -> Main Menu. \u0412 \u043f\u043e\u043b\u0435 Select Menu \u0443\u043a\u0430\u0436\u0438\u0442\u0435 Main Menu, \u0430 \u0432 \u043f\u043e\u043b\u0435 Position: Whitesquare Menu. \u041f\u043e\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0443 Advanced \u0438 \u0432 \u043f\u043e\u043b\u0435 Module tag \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 nav, \u0430 \u0432 \u043f\u043e\u043b\u0435 Menu Class Suffix \u0432\u0432\u0435\u0441\u0442\u0438 \u00ab-top\u00bb. \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043d\u0430\u043c \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c CSS \u043a\u043b\u0430\u0441\u0441\u044b \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u0431\u043e\u043b\u0435\u0435 \u0433\u0438\u0431\u043a\u043e \u0438 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u043e.
  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u0435\u043f\u0435\u0440\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043d\u0443\u0436\u043d\u0443\u044e \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0432 \u0441\u0430\u043c \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u0448\u0430\u043f\u043a\u0438:<\/p>\n
... <\/header> <nav class="main-navigation">     <jdoc:include type="modules" name="menu"\/> <\/nav> <\/code><\/pre>\n
  \u041d\u0430 \u0434\u0430\u043d\u043d\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u043c\u0435\u043d\u044e \u0443\u0436\u0435 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445, \u043d\u043e \u0431\u0435\u0437 \u0441\u0442\u0438\u043b\u0435\u0439. \u0421\u0442\u0438\u043b\u0438\u0437\u0443\u0435\u043c \u0435\u0433\u043e:<\/p>\n
\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
\n
.main-navigation {     border: 1px solid #e7e7e7;     background: #f3f3f3; }  .menu-top {     margin: 0;     padding: 0; }  .menu-top li {     display: inline-block;     margin: 0;     padding: 10px 30px;     list-style-position: inside;     text-transform: uppercase;     font: 14px 'Oswald', sans-serif; }  .menu-top li.current {     background: #29c5e6; }  .menu-top a {     color: #b2b2b2;     text-decoration: none; }  .menu-top li.current a {     color: #fff; } <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  <\/p>\n
\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/h4>\n
  <\/p>\n
  Joomla! \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0441\u0442\u0430\u0442\u0435\u0439 \u0432 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043d\u043e \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043d\u0430\u043c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043d\u0435 \u043d\u0443\u0436\u0435\u043d, \u0430 \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0445, \u043e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0438\u043c\u0435\u0442\u044c \u0441\u043e\u0432\u0441\u0435\u043c \u0434\u0440\u0443\u0433\u0443\u044e \u0432\u0435\u0440\u0441\u0442\u043a\u0443, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u043c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0432\u0441\u0442\u0430\u0432\u043a\u0443 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0438 \u0432\u0441\u0442\u0430\u0432\u0438\u043c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0432\u043d\u0443\u0442\u0440\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0442\u0430\u043a, \u043a\u0430\u043a \u044d\u0442\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e.
  \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0435\u043e\u0440\u0438\u0438. \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0437\u0430\u0434\u0430\u044e\u0442\u0441\u044f \u0432 Joomla! \u0432 \u0442\u0440\u0451\u0445 \u043c\u0435\u0441\u0442\u0430\u0445:<\/p>\n
    \n
  • \u0412 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 Article Manager \u0437\u0430\u0434\u0430\u044e\u0442\u0441\u044f \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0441\u0442\u0430\u0442\u0435\u0439.<\/li>\n
  • \u0412 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u0445 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u0437\u0430\u0434\u0430\u044e\u0442\u0441\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u043f\u0435\u0440\u0435\u0431\u0438\u0432\u0430\u044e\u0442 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435<\/li>\n
  • \u0415\u0441\u043b\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e \u043c\u0435\u043d\u044e, \u0442\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0435\u0433\u043e \u043d\u0430 \u0434\u0430\u043d\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0431\u0443\u0434\u0443\u0442 \u043f\u0435\u0440\u0435\u0431\u0438\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438<\/li>\n<\/ul>\n
      \u0418\u0441\u0445\u043e\u0434\u044f \u0438\u0437 \u044d\u0442\u043e\u0433\u043e, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e, \u0442.\u043a. \u043d\u0430\u0448 \u0434\u0438\u0437\u0430\u0439\u043d \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u0438 \u043d\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u043b\u0438\u0448\u043d\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432. \u0418, \u043f\u043e \u043c\u0435\u0440\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438, \u0431\u0443\u0434\u0435\u043c \u0432\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0434\u043b\u044f \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u0418\u0442\u0430\u043a, \u043f\u0440\u043e\u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n
      \n
    • \u0412 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u0437\u0430\u0439\u0434\u0438\u0442\u0435 \u0432 Content -> Article manager, \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443 Options \u0438 \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0439 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 Articles \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u043e\u043b\u0435\u0439 \u043f\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f Hide \u0438 No.<\/li>\n
    • \u0414\u0430\u043b\u0435\u0435, \u0442\u0430\u043c \u0436\u0435, \u0432 Article manager \u0437\u0430\u0439\u0434\u0438\u0442\u0435 \u0432 \u043a\u0430\u0436\u0434\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e \u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0443 Options \u0438 \u043f\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u043e\u043b\u0435\u0439 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 Use Global.<\/li>\n
    • \u0418 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c \u0448\u0430\u0433\u043e\u043c \u0437\u0430\u0439\u0434\u0438\u0442\u0435 \u0432 Menus -> Menu Manager -> Main Menu \u0438 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0430\u043d\u0438\u0446\u044b \u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 Options \u0442\u0430\u043a \u0436\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u043e\u043b\u0435\u0439 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 Use Global.<\/li>\n<\/ul>\n
        \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u0438\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u043e\u043f\u0430\u0434\u0435\u0442 \u0441\u043e \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441\u0430\u0439\u0442\u0430. \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0443\u0436\u043d\u043e \u0435\u0433\u043e \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u043d\u0430\u0437\u0430\u0434 \u043d\u0430 \u0432\u0441\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043a\u0440\u043e\u043c\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0439, \u0432\u0441\u0442\u0430\u0432\u0438\u0432 \u0435\u0433\u043e \u0432\u044b\u0437\u043e\u0432 \u0432 index.php \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438: <\/p>\n
      <\/nav> <?php if (!$is_home_page): ?>     <div class="main-heading">         <h1><?php echo $this->getTitle();?><\/h1>     <\/div> <?php endif;?> <\/code><\/pre>\n
        \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0443\u0436\u043d\u043e \u0441\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0438\u0439\u0441\u044f \u0431\u043b\u043e\u043a. \u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0444\u043e\u043d \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0432 \u0444\u0430\u0439\u043b images \/h1-bg.png \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0441\u0442\u0438\u043b\u0435\u0432\u044b\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430:<\/p>\n
      \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
      \n
      .main-heading {     margin: 30px 0;     padding-left: 20px;     background: transparent url(..\/images\/h1-bg.png); }  .main-heading h1 {     display: inline-block;     margin: 0;     padding: 0 10px;     background: url(..\/images\/bg.png);     color: #7e7e7e;     text-transform: uppercase;     font: 40px\/40px 'Oswald', sans-serif; } <\/code><\/pre>\n
        <\/div>\n<\/div>\n
        <\/p>\n
      \u0424\u0443\u0442\u0435\u0440<\/h4>\n
         <\/p>\n
        \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0430\u0435\u043c \u043a \u0441\u0430\u043c\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043d\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u0440\u0435\u0436\u0435\u043c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043c \u0438\u0445 \u0432 \u0432 \u043f\u0430\u043f\u043a\u0443 images<\/p>\n
        images\/footer-logo.png \u2013 \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u0444\u0443\u0442\u0435\u0440\u0430
        images\/social.png \u2013 \u0441\u043f\u0440\u0430\u0439\u0442\u044b \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0438\u043a\u043e\u043d\u043e\u043a
        images\/social-small.png \u2013 \u0441\u043f\u0440\u0430\u0439\u0442\u044b \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0445 \u0438\u043a\u043e\u043d\u043e\u043a<\/p>\n
        \u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0432\u0441\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u044b, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u0437\u0433\u043b\u044f\u043d\u0435\u043c \u043d\u0430 \u0431\u043b\u043e\u043a Sitemap. \u041e\u043d \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0434\u0432\u0443\u0445 \u043a\u043e\u043b\u043e\u043d\u043e\u043a. \u0421\u0435\u0439\u0447\u0430\u0441, \u043a\u043e\u0433\u0434\u0430 \u043d\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0430\u043c \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u043f\u0440\u043e\u0449\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043c\u0435\u043d\u044e, \u0441\u043e\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u0438\u0437 \u0434\u0432\u0443\u0445 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Menus -> Menu Manager \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043c\u0435\u043d\u044e Sitemap left \u0441 \u043f\u0443\u043d\u043a\u0442\u0430\u043c\u0438 Home, About, Services \u0438 Sitemap right \u0441 \u043f\u0443\u043d\u043a\u0442\u0430\u043c\u0438 Partners, Support \u0438 Contact. \u041f\u0443\u043d\u043a\u0442\u044b \u043c\u0435\u043d\u044e \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438. \u0414\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u044d\u0442\u0438\u0445 \u0434\u0432\u0443\u0445 \u043c\u0435\u043d\u044e \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u043e\u0437\u0438\u0446\u0438\u0438 sitemap-left \u0438 sitemap-right \u0438 \u0441\u0432\u044f\u0437\u0430\u0442\u044c \u043c\u0435\u043d\u044e \u0441 \u043f\u043e\u0437\u0438\u0446\u0438\u044f\u043c\u0438 \u0447\u0435\u0440\u0435\u0437 \u043d\u043e\u0432\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 Sitemap left \u0438 Sitemap right. \u041f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 Advanced \u0432 \u043f\u043e\u043b\u0435 Menu Class Suffix \u0432\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u2013sitemap, \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0432 CSS \u0441\u0442\u0438\u043b\u044f\u0445 \u043e\u0442\u043b\u0438\u0447\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0442\u0438\u043f \u043c\u0435\u043d\u044e \u043e\u0442 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445.
        \u0414\u0430\u043b\u0435\u0435 \u0434\u0435\u043b\u0430\u0435\u043c \u0432\u0451\u0440\u0441\u0442\u043a\u0443 \u0432 \u0431\u043b\u043e\u043a\u0435 footer \u0444\u0430\u0439\u043b\u0430 index.php:<\/p>\n
      <footer>     <div class="footer-content">         <div class="twitter">             <h3 class="footer-heading"><?php echo JText::_('TPL_WHITESQUARE_TWITTER_FEED_TITLE');?><\/h3>             <time datetime="2012-10-23"><a href="#" class="twitter-time">23 oct<\/a><\/time>             <p>In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et                 nulla. In eget mi dui, sit amet scelerisque nunc. Aenean aug<\/p>         <\/div>         <div class="sitemap">             <h3 class="footer-heading"><?php echo JText::_('TPL_WHITESQUARE_SITEMAP_TITLE');?><\/h3>             <div class="column first">                 <jdoc:include type="modules" name="sitemap-left"\/>             <\/div>             <div class="column">                 <jdoc:include type="modules" name="sitemap-right"\/>             <\/div>         <\/div>         <div class="social">             <h3 class="footer-heading"><?php echo JText::_('TPL_WHITESQUARE_SOCIAL_TITLE');?><\/h3>             <a href="http:\/\/twitter.com\/" class="social-icon twitter-icon"><\/a>             <a href="http:\/\/facebook.com\/" class="social-icon facebook-icon"><\/a>             <a href="http:\/\/plus.google.com\/" class="social-icon google-plus-icon"><\/a>             <a href="http:\/\/vimeo.com\/" class="social-icon-small vimeo-icon"><\/a>             <a href="http:\/\/youtube.com\/" class="social-icon-small youtube-icon"><\/a>             <a href="http:\/\/flickr.com\/" class="social-icon-small flickr-icon"><\/a>             <a href="http:\/\/instagram.com\/" class="social-icon-small instagram-icon"><\/a>             <a href="\/index.php?option=com_content&view=category&id=2&format=feed&type=rss"                class="social-icon-small rss-icon"><\/a>         <\/div>         <div class="footer-logo">             <a href="\/"><img src="<?php echo $template_url;?>\/images\/footer-logo.png" alt="<?php echo JText::_('TPL_WHITESQUARE_LOGO');?>"><\/a>             <p><?php echo JText::_('TPL_WHITESQUARE_COPYRIGHT');?><\/p>         <\/div>     <\/div> <\/footer> <\/code><\/pre>\n
        \u0412 \u044d\u0442\u043e\u043c \u0431\u043b\u043e\u043a\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u043e\u043a, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0438\u0445 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u0444\u0430\u0439\u043b\u044b \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u043a\u0430\u043a \u043c\u044b \u0434\u0435\u043b\u0430\u043b\u0438 \u0432 \u0431\u043b\u043e\u043a\u0435 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430:<\/p>\n
      TPL_WHITESQUARE_TWITTER_FEED_TITLE="Twitter feed" TPL_WHITESQUARE_SITEMAP_TITLE="Sitemap" TPL_WHITESQUARE_SOCIAL_TITLE="Social networks" TPL_WHITESQUARE_COPYRIGHT="Copyright © 2012 Whitesquare. A <a href="http:\/\/pcklab.com">pcklab<\/a> creation" <\/code><\/pre>\n
        \u041f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0441\u0442\u0438\u043b\u0438 \u0432 template.css:<\/p>\n
      \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
      \n
      .footer-content {     margin: auto;     padding: 10px 0;     max-width: 960px;     height: 90px; }  .footer-heading {     margin: 0 0 10px 0;     border-bottom: 1px solid #919191;     color: #fff;     text-transform: uppercase;     font: 14px 'Oswald', sans-serif; }  footer a {     color: #dbdbdb; }  footer p {     margin: 5px 0; }  .twitter-time {     color: #b4aeae; }  .twitter {     float: left;     width: 300px; }  .twitter p {     padding-right: 15px; }  .sitemap {     float: left;     margin-left: 20px;     padding-right: 15px;     width: 150px; }  .sitemap .column {     display: inline-block;     margin-left: 40px; }  .sitemap .column.first {     margin-left: 0; }  .menu-sitemap {     margin: 0;     padding: 0;     list-style-type: none; }  .sitemap a {     display: block;     margin-bottom: 5px;     text-decoration: none;     font-size: 12px; }  .sitemap a:hover {     text-decoration: underline; }  .social {     float: left;     margin-left: 20px;     width: 130px; }  .social-icon {     display: inline-block;     margin-right: 10px;     width: 30px;     height: 30px;     background: url(..\/images\/social.png) no-repeat; }  .social-icon-small {     display: inline-block;     margin: 5px 6px 0 0;     width: 16px;     height: 16px;     background: url(..\/images\/social-small.png) no-repeat; }  .twitter-icon {     background-position: 0 0; }  .facebook-icon {     background-position: -30px 0; }  .google-plus-icon {     background-position: -60px 0; }  .vimeo-icon {     background-position: 0 0; }  .youtube-icon {     background-position: -16px 0; }  .flickr-icon {     background-position: -32px 0; }  .instagram-icon {     background-position: -48px 0; }  .rss-icon {     background-position: -64px 0; }  .footer-logo {     float: right;     margin-top: 20px;     text-align: right;     font-size: 10px; } <\/code><\/pre>\n
        <\/div>\n<\/div>\n
        \u0412 \u0438\u0442\u043e\u0433\u0435 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044f\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u0430\u0439\u0442\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n
        <\/p>\n
      \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/h4>\n
        <\/p>\n
        \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0443 \u043d\u0430\u0441 \u0443\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0430. \u041d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0435\u0435 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u0440\u0430\u043c\u043a\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla!, \u043e\u0434\u043d\u0430\u043a\u043e \u043c\u044b \u043f\u043e\u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u0432\u043e\u0441\u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u043e\u043b\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443 \u0438\u0437 psd \u043c\u0430\u043a\u0435\u0442\u0430 \u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u0438\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c \u0433\u043b\u0430\u0432\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043d\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0438\u0437 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0432\u043b\u0430\u0434\u0435\u043b\u0435\u0446 \u0441\u0430\u0439\u0442\u0430 \u043c\u043e\u0433 \u0437\u0430\u0439\u0442\u0438 \u0432 \u044d\u0442\u0443 \u043f\u0430\u043d\u0435\u043b\u044c \u0438 \u0447\u0442\u043e-\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u044f\u044f \u043a\u043e\u0434 \u0441\u0430\u043c\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u041f\u0435\u0440\u0432\u044b\u043c \u0434\u0435\u043b\u043e\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043d\u0430\u0440\u0435\u0437\u0430\u0442\u044c \u0432\u0441\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432 \u043f\u0430\u043f\u043a\u0443 images, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043a\u043e\u0440\u043d\u0435 \u043f\u0430\u043f\u043a\u0438, \u0433\u0434\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430 Joomla!. \u041d\u0430\u0437\u043e\u0432\u0451\u043c \u044d\u0442\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0442\u0430\u043a:<\/p>\n
        home-1.png
        home-2.png
        home-3.png 
        home-4.png
        home-5.png
        clients-1.png
        clients-2.png
        clients-3.png
        clients-4.png
        clients-5.png
        clients-6.png
        clients-7.png 
        \u0414\u0430\u043b\u0435\u0435, \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u043a \u0444\u043e\u0440\u043c\u0435 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b Content -> Article Manager -> Home \u0438 \u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 Content \u043d\u0430\u0436\u043c\u0438\u0442\u0435 Tools -> Source code \u0438 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:<\/p>\n
      \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
      \n
      <div class="slider">     <div class="content">         <div class="title">Fusce vitae nibn quis diam fermentum<\/div>         <div class="subtitle">Etiam adipscing ultricies commodo.<\/div>     <\/div>     <ol class="links">         <li class="active">Lorem ipsum dolop<\/li>         <li>Ultricies pellentesque<\/li>         <li>Aliquam ipsum<\/li>         <li>Nullam sed mauris ut<\/li>     <\/ol> <\/div> <article class="teaser" style="width: 50%;">     <div class="heading">         <h3 class="heading-text">About whitesquare<\/h3>     <\/div>     <figure class="image"><img src="images\/home-1.png" alt="" width="135" height="135" \/><\/figure>     In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean augue arcu, convallis ac vulputate vitae, mollis non lectus. Donec hendrerit lacus ac massa ornare hendrerit sagittis lacus tempor. Vivamus et dui et neque accumsan varius et ut erat. Enean augue arcu, convallis ac ultrices.     <p class="more"><a href="about-us\/">Read more<\/a><\/p> <\/article> <article class="teaser" style="width: 50%;">     <div class="heading">         <h3 class="heading-text">A word from our ceo<\/h3>     <\/div>     <figure class="image"><img src="images\/home-2.png" alt="" width="135" height="135" \/><\/figure>     <i>In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean augue arcu, convallis ac vulputate vitae, mollis non lectus. Donec hendrerit lacus ac massa ornare hendrerit sagittis lacus tempor. Vivamus et dui et neque accumsan varius et ut erat. Enean augue arcu, convallis ac ultrices.<\/i>     <p class="more">Yane Naumoski, CEO<\/p> <\/article> <article class="teaser" style="width: 33%;">     <div class="heading">         <h3 class="heading-text">Services<\/h3>     <\/div>     In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean augue arcu, convallis ac vulputate vitae, mollis non lectus. Donec hendrerit lacus ac massa ornare hendrerit sagittis lacus tempor. Vivamus et dui et neque accumsan varius et ut erat. Enean augue arcu, convallis ac ultrices.     <p class="more"><a href="services\/">Read more<\/a><\/p> <\/article> <article class="teaser" style="width: 33%;">     <div class="heading">         <h3 class="heading-text">Our teams<\/h3>     <\/div>     <div class="small-block">         <figure class="image"><img src="images\/home-3.png" alt="" width="35" height="35" \/><\/figure>         <h4 class="teaser-small-heading">Lorem ipsum<\/h4>         <p class="teaser-small-paragraph">In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et<\/p>     <\/div>     <div class="small-block">         <figure class="image"><img src="images\/home-4.png" alt="" width="35" height="35" \/><\/figure>         <h4 class="teaser-small-heading">Lorem ipsum<\/h4>         <p class="teaser-small-paragraph">In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et<\/p>     <\/div>     <div class="small-block">         <figure class="image"><img src="images\/home-5.png" alt="" width="35" height="35" \/><\/figure>         <h4 class="teaser-small-heading">Lorem ipsum<\/h4>         <p class="teaser-small-paragraph">In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et<\/p>     <\/div> <\/article> <article class="teaser" style="width: 33%;">     <div class="heading">         <h3 class="heading-text">24\/7\/365 Support<\/h3>     <\/div>     <p class="teaser-small-paragraph">In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean augue arcu, convallis ac vulputate vitae, mollis non lectus. Donec hendrerit lacus ac massa ornare hendrerit sagittis lacus tempor. Vivamus et dui et neque accumsan varius et ut erat. Enean augue arcu, convallis ac ultrices.<\/p>     <p class="teaser-small-paragraph more"><a href="contact\/">Read more<\/a><\/p> <\/article> <article class="teaser clients" style="width: 100%;">     <div class="heading">         <h3 class="heading-text">Our clients<\/h3>     <\/div>     <img src="images\/clients-1.png" alt="" width="61" height="83" \/> <img src="images\/clients-2.png" alt="" width="74" height="83" \/> <img src="images\/clients-3.png" alt="" width="163" height="83" \/> <img src="images\/clients-4.png" alt="" width="72" height="83" \/> <img src="images\/clients-5.png" alt="" width="104" height="83" \/> <img src="images\/clients-6.png" alt="" width="78" height="83" \/> <img src="images\/clients-7.png" alt="" width="87" height="83" \/><\/article> <\/code><\/pre>\n
        <\/div>\n<\/div>\n
        \u0422\u0435\u043f\u0435\u0440\u044c \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0441\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u0434.<\/p>\n
      \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
      \n
      .slider {     margin-top: 30px;     text-transform: uppercase;     font-weight: 300;     font-family: 'Oswald', sans-serif; }  .slider .content {     padding: 30px 40px;     height: 220px;     background: #e2e2e2; }  .slider .title {     color: #5a5a5a;     font-size: 42px; }  .slider .subtitle {     color: #acacac;     font-size: 20px; }  .slider .links {     display: block;     margin: 0;     padding: 10px;     border-bottom: 1px solid #e7e7e7;     background: #f3f3f3;     color: #8f8f8f;     counter-reset: list 0; }  .slider .links li {     display: inline-block;     margin-right: 55px;     font-size: 18px;     line-height: 23px;     cursor: pointer; }  .slider .links li.active {     color: #29c5e6; }  .slider .links li:before {     display: inline-block;     margin-right: 10px;     width: 23px;     background: #8f8f8f;     color: #fff;     content: counter(list) " ";     counter-increment: list;     text-align: center;     font-size: 16px;     cursor: pointer; }  .slider .links li.active:before {     background: #29c5e6; }  .teaser {     display: block;     float: left;     box-sizing: border-box;     padding: 0 10px;     vertical-align: top; }  .teaser .heading {     margin: 40px 0 20px;     height: 16px;     background: transparent url(..\/images\/h1-bg.png); }  .teaser .bullet {     display: inline-block;     margin-right: -4px;     width: 16px;     height: 16px;     background: #29c5e6;     vertical-align: top; }  .teaser .heading-text {     display: inline-block;     margin: 0;     padding: 0 10px;     background: url(..\/images\/bg.png);     text-transform: uppercase;     font: normal 14px\/16px 'Oswald', sans-serif; }  .teaser .image {     float: left;     margin-right: 20px; }  .teaser .small-block {     margin-bottom: 10px; }  .teaser .small-block .image {     margin-right: 10px; }  .teaser .more, .teaser .more a {     margin-bottom: 0;     color: #525252; }  .teaser-small-heading {     display: block;     margin: 0;     color: #525252;     text-transform: uppercase;     font-weight: normal;     font-size: 11px; }  .teaser-small-paragraph {     margin: 4px 0;     font-size: 11px; }  .clients img {     display: inline-block;     margin-right: 30px; } <\/code><\/pre>\n
        <\/div>\n<\/div>\n
        <\/p>\n
      \u0421\u0430\u0439\u0434\u0431\u0430\u0440<\/h4>\n
        \u0415\u0441\u043b\u0438 \u0432\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043d\u0430 psd \u043c\u0430\u043a\u0435\u0442\u044b, \u0442\u043e \u0443\u0432\u0438\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u043e\u0442 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u043d\u0430\u043b\u0438\u0447\u0438\u0435\u043c \u043b\u0435\u0432\u043e\u0439 \u043a\u043e\u043b\u043e\u043d\u043a\u0438.<\/p>\n
        <\/p>\n
        \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0432 index.php \u043f\u0435\u0440\u0435\u0434 \u0432\u044b\u0437\u043e\u0432\u043e\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:<\/p>\n
      <?php if (!$is_home_page): ?>     <aside>         <nav class="aside-navigation">             <jdoc:include type="modules" name="submenu"\/>         <\/nav>         <h2 class="sidebar-heading"><?php echo JText::_('TPL_WHITESQUARE_OFFICES_TITLE');?><\/h2>         <div class="map">             <img src="\/images\/sample.png" width="230" height="180" alt="<?php echo JText::_('TPL_WHITESQUARE_OFFICES_TITLE');?>">         <\/div>     <\/aside> <?php endif;?> <jdoc:include type="component"\/> <\/code><\/pre>\n
        \u042d\u0442\u043e\u0442 \u0431\u043b\u043e\u043a \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445, \u043a\u0440\u043e\u043c\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0439. \u0417\u0434\u0435\u0441\u044c \u0432\u0435\u0440\u0441\u0442\u043a\u0430 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0434\u0432\u0443\u0445 \u0447\u0430\u0441\u0442\u0435\u0439: \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043f\u043e\u0434\u043c\u0435\u043d\u044e \u0438 \u0431\u043b\u043e\u043a \u043a\u0430\u0440\u0442\u044b \u043e\u0444\u0438\u0441\u043e\u0432.
        \u0414\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u0442\u044b \u043a\u0430\u0440\u0442\u0438\u043d\u044b \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u043e\u0434\u043c\u0435\u043d\u044e \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0445 \u043f\u043e\u0441\u0442\u043e\u0432 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435. \u041f\u043e\u0434\u043c\u0435\u043d\u044e \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0442\u043e\u043c\u0443, \u043a\u0430\u043a \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0432\u0438\u0434\u044b \u043c\u0435\u043d\u044e. \u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u043f\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438: Lorem ipsum, Donec tincidunt laoreet, Vestibulum elit, Etiam pharetra, Phasellus placerat. \u0417\u0430\u0442\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u043e\u0435 \u043c\u0435\u043d\u044e \u043f\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c Submenu \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432 \u043d\u0435\u0433\u043e \u0432\u044b\u0448\u0435\u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e, \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u044e submenu \u0432 templateDetails.xml \u0438 \u043c\u043e\u0434\u0443\u043b\u044c Submenu, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0439 \u044d\u0442\u0443 \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0438 \u043c\u0435\u043d\u044e Submenu. \u0412 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044f \u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 Advanced \u0443\u043a\u0430\u0436\u0438\u0442\u0435 Menu Class Suffix: \u00ab-aside\u00bb
        \u0411\u043b\u043e\u043a \u043a\u0430\u0440\u0442\u044b \u043e\u0441\u043e\u0431\u044b\u0445 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u043d\u0435 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u043a\u043b\u044e\u0447 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438:<\/p>\n
      TPL_WHITESQUARE_OFFICES_TITLE="Our offices" <\/code><\/pre>\n
        \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0438 \u0434\u043b\u044f \u043a\u0430\u0440\u0442\u044b \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043f\u0443\u0441\u0442\u043e\u0439 \u0444\u0430\u0439\u043b sample.png \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0435\u0433\u043e \u0432 \u043f\u0430\u043f\u043a\u0443 images \u0432 \u043a\u043e\u0440\u043d\u0435 \u0441\u0430\u0439\u0442\u0430 Joomla!
        \u0412 \u0437\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0438:<\/p>\n
      \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
      \n
      .aside-navigation {     border: 1px solid #e7e7e7;     background: #f3f3f3; }  .menu-aside {     margin: 0;     padding: 0;     text-transform: uppercase; }  .menu-aside li {     padding: 10px;     border-top: 1px solid #e7e7e7;     list-style: square inside;     font: 14px 'Oswald', sans-serif;     font-weight: 300; }  .menu-aside li:first-child {     border: none; }  .menu-aside li.current-menu-item, .menu-aside li.current-menu-item a {     color: #29c5e6; }  .menu-aside a {     color: #8f8f8f;     text-decoration: none; }  .sidebar-heading {     margin: 30px 0 0 0;     padding: 10px;     background: #29c5e6;     color: #fff;     text-transform: uppercase;     font: 14px 'Oswald', sans-serif; }  .map {     margin: 0 0 30px 0;     padding: 10px;     border: 1px solid #e7e7e7;     background: #f3f3f3; }  <\/code><\/pre>\n
        <\/div>\n<\/div>\n
        <\/p>\n
      \u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 About us<\/h4>\n
         <\/p>\n
        \u0422\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u043f\u043e\u043b\u043d\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 About us. \u041f\u043e \u0442\u043e\u0439 \u0436\u0435 \u0441\u0445\u0435\u043c\u0435, \u043a\u0430\u043a \u043c\u044b \u043d\u0430\u043f\u043e\u043b\u043d\u044f\u043b\u0438 \u0433\u043b\u0430\u0432\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u2013 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u044c\u0442\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0438\u0445 \u0432 \u043f\u0430\u043f\u043a\u0443 images \u0441\u0430\u0439\u0442\u0430 Joomla! \u041d\u0430\u0437\u043e\u0432\u0438\u0442\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n
        about-1.png
        about-2.png
        team-Nobriga.jpg
        team-Pittsley.jpg
        team-Rousselle.jpg
        team-Shoff.jpg
        team-Simser.jpg
        team-Tondrea.jpg
        team-Venuti.jpg
        team-Wollman.jpg<\/p>\n
        \u0414\u0430\u043b\u0435\u0435 \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u0432 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u0438 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u0434 \u0447\u0435\u0440\u0435\u0437 \u043c\u0435\u043d\u044e Tools -> Source code:<\/p>\n
      \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
      \n
      <blockquote class="main-blockquote"> <p>\u201cQUISQUE IN ENIM VELIT, AT DIGNISSIM EST. NULLA UL CORPER, DOLOR AC PELLENTESQUE PLACERAT, JUSTO TELLUS GRAVIDA ERAT, VEL PORTTITOR LIBERO ERAT.\u201d<\/p> <cite>John Doe, Lorem Ipsum<\/cite><\/blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non neque ac sem accumsan rhoncus ut ut turpis. In hac habitasse platea dictumst. Proin eget nisi erat, et feugiat arcu. Duis semper porttitor lectus, ac pharetra erat imperdiet nec. Morbi interdum felis nulla. Aenean eros orci, pellentesque sed egestas vitae, auctor aliquam nisi. Nulla nec libero eget sem rutrum iaculis. Quisque in enim velit, at dignissim est. Nulla ullamcorper, dolor ac pellentesque placerat, justo tellus gravida erat, vel porttitor libero erat condimentum metus. Donec sodales aliquam orci id suscipit. Proin sed risus sit amet massa ultrices laoreet quis a erat. Aliquam et metus id erat vulputate egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p> <p>Donec vel nisl nibh. Aenean quam tortor, tempus sit amet mattis dapibus, egestas tempor dui. Duis vestibulum imperdiet risus pretium pretium. Nunc vitae porta ligula. Vestibulum sit amet nulla quam. Aenean lacinia, ante vitae sodales sagittis, leo felis bibendum neque, mattis sagittis neque urna vel magna. Sed at sem vitae lorem blandit feugiat.<\/p> <p>Donec vel orci purus, ut ornare orci. Aenean rutrum pellentesque quam. Quisque gravida adipiscing augue, eget commodo augue egestas varius. Integer volutpat, tellus porta tincidunt sodales, lacus est tempus odio, fringilla blandit tortor lectus ut sem. Pellentesque nec sem lacus, sit amet consequat neque. Etiam varius urna quis arcu cursus in consectetur dui tincidunt. Quisque arcu orci, lacinia eget pretium vel, iaculis pellentesque nibh. Etiam cursus lacus eget neque viverra vestibulum. Aliquam erat volutpat. Duis pulvinar tellus ut urna facilisis mollis. Maecenas ac pharetra dui. Pellentesque neque ante, luctus eget congue eget, rhoncus vel mauris. Duis nisi magna, aliquet a convallis non, venenatis at nisl. Nunc at quam eu magna malesuada dignissim. Duis bibendum iaculis felis, eu venenatis risus sodales non. In ligula mi, faucibus eu tristique sed, vulputate rutrum dolor.<\/p> <p><img class="image" src="\/images\/about-1.png" alt="about-1" width="320" height="175" \/><img class="image pull-right" src="\/images\/about-2.png" alt="about-2" width="320" height="175" \/><\/p> <h2 class="content-heading">Our team<\/h2> <div class="team-row"> <figure><img class="image" src="\/images\/team-Doe.jpg" alt="" width="96" height="96" \/><figcaption>John Doe<span class="occupation">ceo<\/span><\/figcaption><\/figure> <figure><img class="image" src="\/images\/team-Pittsley.jpg" alt="" width="96" height="96" \/><figcaption>Saundra Pittsley<span class="occupation">team leader<\/span><\/figcaption><\/figure> <figure><img class="image" src="\/images\/team-Pittsley.jpg" alt="" width="96" height="96" \/><figcaption>Julio Simser<span class="occupation">senior developer<\/span><\/figcaption><\/figure> <figure><img class="image" src="\/images\/team-Simser.jpg" alt="" width="96" height="96" \/><figcaption>Margery Venuti<span class="occupation">senior developer<\/span><\/figcaption><\/figure> <figure><img class="image" src="\/images\/team-Venuti.jpg" alt="" width="96" height="96" \/><figcaption>Fernando Tondrea<span class="occupation">developer<\/span><\/figcaption><\/figure> <\/div> <div class="team-row"> <figure><img class="image" src="\/images\/team-Tondrea.jpg" alt="" width="96" height="96" \/><figcaption>Ericka Nobriga<span class="occupation">art director<\/span><\/figcaption><\/figure> <figure><img class="image" src="\/images\/team-Nobriga.jpg" alt="" width="96" height="96" \/><figcaption>Cody Rousselle<span class="occupation">senior ui designer<\/span><\/figcaption><\/figure> <figure><img class="image" src="\/images\/team-Rousselle.jpg" alt="" width="96" height="96" \/><figcaption>Erik Wollman<span class="occupation">senior ui designer<\/span><\/figcaption><\/figure> <figure><img class="image" src="\/images\/team-Wollman.jpg" alt="" width="96" height="96" \/><figcaption>Dona Shoff<span class="occupation">ux designer<\/span><\/figcaption><\/figure> <figure><img class="image" src="\/images\/team-Shoff.jpg" alt="" width="96" height="96" \/><figcaption>Darryl Brunton<span class="occupation">ui designer<\/span><\/figcaption><\/figure> <\/div> <\/code><\/pre>\n
        <\/div>\n<\/div>\n
        \u0418 \u0441\u0442\u0438\u043b\u0438 \u0432 template.css:<\/p>\n
      \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
      \n
      .main-blockquote {     margin: 0;     padding: 10px 20px;     background: #29c5e6;     font-weight: 300;     font-family: 'Oswald', sans-serif; }  .main-blockquote p {     margin: 0;     color: #fff;     font-style: italic;     font-size: 33px; }  .main-blockquote cite {     display: block;     margin: 0;     color: #1d8ea6;     text-align: right;     font-style: normal;     font-size: 20px; }  .content-heading {     clear: both;     margin: 30px 0 0 0;     padding: 0 10px;     background: #29c5e6;     color: #fff;     text-transform: uppercase;     font: 30px 'Oswald', sans-serif;     font-weight: 300; }  .footer-content {     margin: auto;     padding: 10px 0;     max-width: 960px;     height: 90px; }  .footer-heading {     margin: 0 0 10px 0;     border-bottom: 1px solid #919191;     color: #fff;     text-transform: uppercase;     font: 14px 'Oswald', sans-serif; }  footer a {     color: #dbdbdb; }  footer p {     margin: 5px 0; }  .team-row figure {     display: inline-block;     margin: 20px 0 0;     font-weight: 300;     font-family: 'Oswald', sans-serif; }  .team-row figure + figure {     margin-left: 43px; }  .team-row figcaption {     margin-top: 5px;     font-weight: 300;     font-size: 16px; }  .team-row .occupation {     display: block;     color: #29c5e6;     font-size: 14px; } <\/code><\/pre>\n
        <\/div>\n<\/div>\n
        <\/p>\n
      \u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u0438\u0441\u043a\u0430<\/h4>\n
        <\/p>\n
        \u0412 \u0441\u0430\u043c\u043e\u043c \u043d\u0430\u0447\u0430\u043b\u0435, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0438 \u0448\u0430\u0431\u043b\u043e\u043d \u0448\u0430\u043f\u043a\u0438, \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0432 \u043d\u0435\u0433\u043e \u043f\u043e\u0438\u0441\u043a. \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u043f\u043e\u0438\u0441\u043a\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0435\u0439\u0447\u0430\u0441 \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0434\u043b\u044f \u043d\u0435\u0435 \u0441\u0442\u0438\u043b\u0438:<\/p>\n
      \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043e\u0434<\/b><\/p>\n
      \n
      .search {     margin-left: 280px;     padding-bottom: 50px; } .icon-search {     display: inline-block;     width: 21px;     height: 21px;     background: url(..\/images\/search.png) center center no-repeat; }  .search .btn-toolbar {     height: 30px; } <\/code><\/pre>\n
        <\/div>\n<\/div>\n
        \u041c\u043e\u0434\u0443\u043b\u044c \u043f\u043e\u0438\u0441\u043a\u0430 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0438\u043a\u043e\u043d\u043a\u0430 \u043f\u043e\u0438\u0441\u043a\u0430 \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043a\u0438, \u043d\u043e \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435 \u0435\u0435 \u043d\u0435\u0442, \u0442\u043e \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0435\u0435 \u0441\u0430\u043c\u0438\u043c. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0430\u0439\u0434\u0438\u0442\u0435 \u043b\u044e\u0431\u0443\u044e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0443\u044e \u0438\u043a\u043e\u043d\u043a\u0443 \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c \u043b\u0443\u043f\u044b \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u0435 \u0435\u0435 \u043f\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c search.png \u0432 \u043f\u0430\u043f\u043a\u0443 images \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0420\u0430\u0437\u043c\u0435\u0440 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c 16\u044516 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439.<\/p>\n
      \u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u0435\u0447\u0430\u0442\u0438<\/h4>\n
        \u041f\u043e\u043c\u0438\u043c\u043e index.php \u0432 \u043a\u043e\u0440\u043d\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043b\u0435\u0436\u0430\u0442 \u0435\u0449\u0435 2 php \u0444\u0430\u0439\u043b\u0430. \u041f\u0435\u0440\u0432\u044b\u0439 \u0438\u0437 \u043d\u0438\u0445 \u2013 \u044d\u0442\u043e \u0441omponent.php. \u042d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u0435\u0447\u0430\u0442\u0438, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0441\u043c\u043e\u0436\u0435\u0442 \u043e\u0442\u043a\u0440\u044b\u0442\u044c, \u043a\u043b\u0438\u043a\u043d\u0443\u0432 \u043d\u0430 \u0438\u043a\u043e\u043d\u043a\u0443 \u043f\u0435\u0447\u0430\u0442\u0438 \u0432 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438. \u0412 \u0441\u0430\u043c\u043e\u043c \u043d\u0430\u0447\u0430\u043b\u0435 \u043c\u044b \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u043b\u0438 \u043f\u043e\u043a\u0430\u0437 \u044d\u0442\u0438\u0445 \u0438\u043a\u043e\u043d\u043e\u043a \u0432 \u0441\u0442\u0430\u0442\u044c\u044f\u0445 \u0447\u0435\u0440\u0435\u0437 \u043c\u0435\u043d\u044e Content -> Article Manager -> Options -> Show Print Icon \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430. \u041d\u043e, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d, \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u043c\u044b \u043e\u0431\u044f\u0437\u0430\u043d\u044b. \u041d\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:<\/p>\n
      <?php defined('_JEXEC') or die; $app = JFactory::getApplication(); $doc = JFactory::getDocument(); $menu = $app->getMenu(); $lang = JFactory::getLanguage();  $template_url = $this->baseurl . '\/templates\/' . $this->template; $doc->addStyleSheet($template_url . '\/css\/template.css'); $doc->addStyleSheet('http:\/\/fonts.googleapis.com\/css?family=Oswald:400,300');  $is_home_page = $menu->getActive() == $menu->getDefault($lang->getTag()); ?>  <!doctype html> <html> <head>     <jdoc:include type="head"\/>     <meta http-equiv="X-UA-Compatible" content="IE=Edge">     <!--[if lt IE 9]>     <script src="http:\/\/html5shiv.googlecode.com\/svn\/trunk\/html5.js"><\/script>     <![endif]--> <\/head> <body>  <div class="wrapper">     <?php if (!$is_home_page): ?>         <div class="main-heading">             <h1><?php echo $this->getTitle();?><\/h1>         <\/div>     <?php endif;?>     <jdoc:include type="component"\/> <\/div> <\/body> <\/html> <\/code><\/pre>\n
        \u041a\u0430\u043a \u0432\u044b \u0432\u0438\u0434\u0438\u0442\u0435, \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0444\u0430\u0439\u043b\u0430 index.php. \u041e\u0442\u043b\u0438\u0447\u0438\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043c\u044b \u0443\u0431\u0440\u0430\u043b\u0438 \u043d\u0435\u043d\u0443\u0436\u043d\u044b\u0435 \u0434\u043b\u044f \u043f\u0435\u0447\u0430\u0442\u0438 \u0431\u043b\u043e\u043a\u0438: \u0448\u0430\u043f\u043a\u0443, \u0444\u0443\u0442\u0435\u0440 \u0438 \u0431\u043e\u043a\u043e\u0432\u0443\u044e \u043a\u043e\u043b\u043e\u043d\u043a\u0443.<\/p>\n
      \u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043e\u0448\u0438\u0431\u043a\u0438<\/h4>\n
        <\/p>\n
        \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u2013 \u044d\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u043e\u0448\u0438\u0431\u043a\u0438. \u0415\u0435 \u0448\u0430\u0431\u043b\u043e\u043d \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435 error.php. \u041a\u043e\u0434 \u044d\u0442\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n
      <?php defined('_JEXEC') or die; $template_url = $this->baseurl . '\/templates\/' . $this->template; ?>  <!doctype html> <html> <head>     <title><?php echo $this->error->getCode(); ?> <?php echo $this->error->getMessage(); ?><\/title>     <link rel="stylesheet" href="<?php echo $template_url; ?>\/css\/template.css" type="text\/css"\/>     <link rel="stylesheet" href="http:\/\/fonts.googleapis.com\/css?family=Oswald:400,300" type="text\/css"\/>     <meta http-equiv="X-UA-Compatible" content="IE=Edge">     <!--[if lt IE 9]>     <script src="http:\/\/html5shiv.googlecode.com\/svn\/trunk\/html5.js"><\/script>     <![endif]--> <\/head> <body>  <div class="wrapper">     <header>         <a href="\/"><img src="<?php echo $template_url;?>\/images\/logo.png" alt="<?php echo JText::_('TPL_WHITESQUARE_LOGO');?>"><\/a>     <\/header>\t     <div class="main-heading">     <h1><?php echo JText::_('TPL_WHITESQUARE_ERROR');?><\/h1>     <\/div>     <?php echo $this->error->getCode(); ?> <?php echo $this->error->getMessage(); ?> <\/div> <\/body> <\/html> <\/code><\/pre>\n
        \u0412 \u0446\u0435\u043b\u043e\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0437\u0434\u0435\u0441\u044c \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u0430 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c, \u043d\u043e \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u044e\u0430\u043d\u0441\u043e\u0432. \u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u0434\u0430\u043d\u043d\u044b\u0439 \u0442\u0438\u043f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0432\u0438\u0434\u0430 \u00ab<jdoc:include type="\u2026"\/>\u00bb, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u0432\u0441\u0435\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438 \u0434\u0430\u0436\u0435 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 head, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0442\u0435\u0433\u0438 \u0432 \u0431\u043b\u043e\u043a\u0435 head \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0432\u0440\u0443\u0447\u043d\u0443\u044e. \u0412 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u043d\u043e\u0432\u044b\u0439 \u043a\u043b\u044e\u0447 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438: TPL_WHITESQUARE_ERROR \u0441\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c \u00abError\u00bb. \u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0435\u0433\u043e \u0432 \u0444\u0430\u0439\u043b\u0430\u0445 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0418 \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0441 \u043a\u043e\u0434\u043e\u043c \u0438 \u0442\u0435\u043a\u0441\u0442\u043e\u043c \u043e\u0448\u0438\u0431\u043a\u0438.<\/p>\n
      \u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h4>\n
        \u041d\u0430 \u044d\u0442\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla! \u0437\u0430\u043a\u043e\u043d\u0447\u0435\u043d\u043e. \u0413\u043e\u0442\u043e\u0432\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0437\u0434\u0435\u0441\u044c<\/a>.<\/p>\n
        \u0421\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u043e \u0432\u0435\u0440\u0441\u0442\u043a\u0435 \u044d\u0442\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430:
              \u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0427\u0430\u0441\u0442\u044c 1<\/a>
              \u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0427\u0430\u0441\u0442\u044c 2 \u2014 Bootstrap<\/a>
              \u0412\u0435\u0440\u0441\u0442\u043a\u0430 \u0434\u043b\u044f \u0441\u0430\u043c\u044b\u0445 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0445. \u0412\u0435\u0440\u0441\u0442\u0430\u0435\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u043e \u0411\u042d\u041c\u0443<\/a> (xnim<\/a>)
              \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0448\u0430\u0431\u043b\u043e\u043d 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441 \u043d\u0430 \u0431\u0430\u0437\u0435 Bootstrap \u0432\u0451\u0440\u0441\u0442\u043a\u0438<\/a> (lexnekr<\/a>)
              \u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0442\u0435\u043c\u0443 \u0434\u043b\u044f WordPress<\/a>     \t<\/p>\n
      <\/div>\n
       \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438  http:\/\/habrahabr.ru\/post\/256635\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
      \n
      \u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/h4>\n
        \u0412 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439<\/a> \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u0438\u0437\u0443\u0447\u0438\u043b\u0438, \u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0442\u0435\u043c\u0443 \u0434\u043b\u044f WordPress. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u044d\u0442\u043e\u0433\u043e \u0436\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Corporate Blue<\/a> \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0430\u0439\u0442 \u043d\u0430 \u0432\u0442\u043e\u0440\u043e\u0439 \u043f\u043e \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0441\u0442\u0438 CMS \u2013 Joomla! \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0432\u0451\u0440\u0441\u0442\u043a\u0430, \u0431\u0443\u0434\u0435\u043c \u0441\u0447\u0438\u0442\u0430\u0442\u044c, \u0447\u0442\u043e Joomla! \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0437\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c Joomla!, \u0442\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0437\u0434\u0435\u0441\u044c<\/a>. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435 \u043c\u044b \u043d\u0435 \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c CSS \u0441\u0442\u0438\u043b\u0438 \u0438 HTML \u043a\u043e\u0434 \u2013 \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u0432 \u0441\u0430\u043c\u043e\u0439 \u043f\u0435\u0440\u0432\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435<\/a>. \u0412\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u043b\u044f Joomla!  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-256060","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/256060","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=256060"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/256060\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=256060"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=256060"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=256060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}