CSS firm. We do in CSS top register

Conversion of the lowercase letters to the lower case and the first top register using CSS (8)

In CSS there is no option of the KP-offers. Other answers offering Text-Transform: Capitalize are incorrect because this parameter uses every word for each word .

Here rude way to do it if you want to the first letter of each element was in the upper case, but this is definitely anywhere next to the actual restrictions:

P (text-transform: LowerCase;) P: First-Letter (Text-Transform: UpperCase;)

This Is An Example Satence.

This is Another Example Satence. And This Is Another, But It Will Be Entirely LowerCase.

How to convert the Uppercase letter to the lower case and the first Uppercase letter for each sentence, as shown below, only with CSS?

From: This is an example of an application.

To: This is an exemplary offer.

Update: When I use Text-Transform: Capize; The result is still the same.

You can not do it solely with CSS. There is an TEXT-TRANSFORM attribute, but it only accepts None, Capitalize Uppercase, UpperCase, LowerCase and Inherit.

You may want to look at the JS solution or on the server solution.

If you can make all the characters with lower case letters on the server than you can apply:

TEXT-TRANSFORM: CAPITALIZE

I do not think that the text transformation will work with capital letters as input.

If you want to use for It will not work for or text area you need to use javascript

which should work well for or </p> <p>CSS allows you to make a flexible text setting, which is presented using the HMTL language. Today we consider the action of the "Text-Transform" property, which gives you the ability to change the font register. This option is supported by all modern browsers and is included in the specification of all CSS versions.</p><p>Purpose</p><p>The TEXT-TRANSFORM property can take three main values \u200b\u200band two additional. For example, you can assign the top register to the entire dedicated text. Or you can give the command to the opposite previous property, where all the characters become line. You can use an appointment using any method convenient for you. For example, using embedded styles. Or you can create</p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/14789/194820.jpg' height="203" width="371" loading=lazy loading=lazy></p><p>Separate file with a description of all properties. What to use the method of assignment, solve only you. "TEXT-TRANSFORM" can take the following values:</p><ul><li>Uppercase. Makes all selected characters in capital. CSS UpperCase is often found, as this value helps to solve many complex tasks associated with the text.</li><li>LowerCase. This property is completely opposite to the UpperCase command.</li><li>Capitalize. Changes the register of the first letter to the top. The remaining characters will not change.</li><li>None. Allows you to cancel all assigned values \u200b\u200b(it is necessary to predetermine the property). As a rule, this value is set by default.</li><li>Inherit. Inherits all the properties of the parent element. It should be noted that IE does not support this property.</li> </ul><p>Application</p><p>Using CSS, the top register (or similar effects) is installed using one simple command. Therefore, there is no need to change or rewrite the entire text. If we are talking about a single-page site, then this property may not be useful. But when under your control is a huge portal, where you need to fix the register of letters in certain fragments, the "Text-Transform" becomes the only effective means. For example, you need to fix the font in the header tags "H2". To do this, add an entry: "h2 (text-transform: uppercase;)", and then all second level headers will have the top register.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/14789/194818.jpg' height="350" width="350" loading=lazy loading=lazy></p><p>Features</p><p>Some may believe that manual text processing and changing the font using the Text-Transform property does not have any differences. But it is not. If you change manually to the uppercase (top register), then when copying this information from your site, the characters will remain unchanged. If you use the CSS language, then everything happens differently. The TEXT-TRANSFORM property is only visually for users changing the font. But in reality, the characters remain unchanged. This happens with all the values \u200b\u200bof this property. Copy information (text) will have an initial register, which is used in the source code of the page. This is the only difference between manual processing and using CSS commands.</p><p>No matter what you want to use - the bottom or top register, the main thing, do not forget the purpose. For example, if you are needed only with a decorative goal, you can safely apply the Text-Transform property. Well, if you know that your users will surely copy the information posted, it is best to manually change the register of the entire text. After all, sometimes readers do not notice such a font substitution. This is especially critical when it comes to important documents and similar information.</p> <p>In the last video, we learned how to delete and add new information to a new version of the HTML document, while reporting this search engines and highlighting visually so that visitors can also see changes. For this, we used <a title="Lisked text and underlined text in HTML: HTML video course. Lesson 19." href="https://totrdlo.ru/en/html-tag-del-ins-html/">tags Del and Ins</a>.</p> <p>In this video, we continue the text of formatting text in the HTML document. We will get acquainted with two HTML tags that indicate the upper and lower text index.</p> <h2>HTML tag SUP is the top index of the text in HTML.</h2> <p>HTML tag <sup> Designed to specify the upper text index in HTML. In some subjects, this tag will be simply indispensable. For example, if you have, or planned, the site associated with any formulas, mathematical or chemical. Or, ate there is a site of building themes, then tag <sup> It will be very useful and will help when writing articles, when writing formulas or any values, for example, square meters in a construction topic.</p> <p>But if your site does not apply to the above topics, this does not mean that the tag <sup> Not useful. It is enough to show fantasy and smelting and find the use of this element.</p> <h3>HTML tag Sub is the lower text index in HTML.</h3> <p>As for the HTML tag <sub> then he is the opposite of the tag <sup> And is responsible for the direction of the lower text index. The lower text index can be used when writing formulas or mathematical equations. But besides this, you may be able to find another use of the tag <sub> .</p> <p><span class="WzqmRq9IauU"></span></p> <p>The following video lesson is devoted to two more tags, which in some situations may simply be indispensable. What they are capable not only to format text, for example, in the article, but also when specifying various information on the site during the layout of the pages. One of the tags carries <a title="Row transfer and horizontal line in HTML: HTML video course. Lesson 21." href="https://totrdlo.ru/en/tag-br-hr/">transfer to HTML.</a> And the second draws a horizontal line.</p> <p>For several lessons, we are already sophisticated with text formatting by CSS, and this time we learn to change the text register. In this regard, cascading style sheets open with us very wide opportunities, and if more precisely, we can:</p> <ul><li>Display the entire text with capital letters;</li> <li>Highlight the entire text with lower case letters;</li> <li>Make so that the first letter of each word began from the top register.</li> </ul><p>"This is all, of course, well, but when can it be needed?" - you ask. Imagine this situation when you need to display all the menu items with capital letters. To do this, it is not necessary to type them, including the Capslock key, or holding a shift button down. It will be enough to set all the items of the list display in the upper case by creating the appropriate rule in the CSS file. And this is just one of many possible situations.</p> <h2>TEXT-TRANSFORM property</h2> <p>We will manage the text register using the TEXT-TRANSFORM property. She has 4 main values \u200b\u200b- uppercase (capital letters), LowerCase (lowercase letters), Capitalize (upper register for each first word letter, the remaining values \u200b\u200bdo not change), None (formatting does not apply). At first glance, you all may seem very difficult.</p> <br><img src='https://i0.wp.com/site4business.net/wp-content/uploads/2015/11/neznakomoe-CSS-svojstvo.jpg' width="100%" loading=lazy loading=lazy> The main thing is not to panic ... <p>But in practice, everything is quite simple, what are you now and make sure. The main thing is to choose the correct selector, because the values \u200b\u200bof the Text-Transform property are inherited.</p> <h3>Selecting capital letters</h3> <p>First of all, I suggest to ask the entire text of the capital letters, for what we create the following CSS rule:</p><p>Body (Text-Transform: UpperCase;)</p><p>In principle, nothing complicated, we just used the UpperCase value. As they say, everything is intuitive. This is how it looks in life:</p> <br><img src='https://i2.wp.com/site4business.net/wp-content/uploads/2015/11/uppercase.jpg' width="100%" loading=lazy loading=lazy> All with a capital letter ... <h3>Lower register - apply for all</h3> <p>The next step let's widely apply lowercase letters, for which we write the following:</p><p>Body (Text-Transform: LowerCase;)</p><p>As you probably guessed, the two meanings with whom we just met are in some extent antonyms. And on the illustration below you can see the result of the property just created.</p> <br><img src='https://i0.wp.com/site4business.net/wp-content/uploads/2015/11/lowercase.jpg' width="100%" loading=lazy loading=lazy> Web page when enabled LowerCase <h3>We allocate the first letter of each word to the top register</h3> <p>To do this, it is enough for us to use the appropriate value:</p><p>Body (Text-Transform: Capitalize;)</p><p>I do not know how often you will use such a CSS rule, but it does not prevent you about such an opportunity, especially when solving nontrivial problems. The result is visible in the image below.</p> <br><img src='https://i2.wp.com/site4business.net/wp-content/uploads/2015/11/capitalize.jpg' width="100%" loading=lazy loading=lazy> Text after applying Capitalize <p>Finally, let's briefly focus on the last value - none. As I said, it can be used to cancel inheritance from the parent. For example, imagine that we have all previous rules, and for paragraphs we should cancel them, for this we write the following:</p><p>P (TEXT-TRANSFORM: NONE;)</p><p>I dare to assume that everything is clear to you if not - ask your questions in the comments. And on this I have everything. I hope this lesson on CSS was useful for you. If it is true:</p> <ul><li>Make a repost of this article on social networks so that more people benefit from it;</li> <li>Subscribe to my newsletter so as not to miss useful and interesting publications on the blog.</li> </ul><p>I do not say goodbye to you. Thank you for your attention to the meeting in the following publications!</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </article> <div class="post-bottom"> <div class="post-share"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir" data-counter=""></div> </div> </div> <div class='yarpp-related'> <div class="related-items"> <div class="headline">Did not find an answer to your question? Look at here</div> <div class="items"> <div class="related-item"> <a class="related-item__title" href="https://totrdlo.ru/en/globalnye-atributy-html-globalnye-atributy-atributy-form.html"><img src="/uploads/76e9eca972d76d729a1e107176de4266.jpg" width="120" height="120" alt="Global Attributes Attributes forms HTML5" class="related-item__image" / loading=lazy loading=lazy>Global Attributes Attributes forms HTML5</a> <div class="related-item__comments"><span></span></div> </div> <div class="related-item"> <a class="related-item__title" href="https://totrdlo.ru/en/javascript---json-i-metody-raboty-s-nim-vvedenie-v-json-chto-za-fail-json-txt.html"><img src="/uploads/daa12339d4a9d87c9bb3fad2bf219fae.jpg" width="120" height="120" alt="Introduction to JSON What the JSON TXT file" class="related-item__image" / loading=lazy loading=lazy>Introduction to JSON What the JSON TXT file</a> <div class="related-item__comments"><span></span></div> </div> <div class="related-item"> <a class="related-item__title" href="https://totrdlo.ru/en/regulyarnye-vyrazheniya-regulyarnye-vyrazheniya-obekt-regexp-proverka-formy.html"><img src="/uploads/9f008fbce33f26545a4f5c00626eff02.jpg" width="120" height="120" alt="Regular Expressions (Regexp Object) Form Check Regular JavaScript Expressions Examples" class="related-item__image" / loading=lazy loading=lazy>Regular Expressions (Regexp Object) Form Check Regular JavaScript Expressions Examples</a> <div class="related-item__comments"><span></span></div> </div> </div> </div> </div> <div style="text-align: center; margin-top: 15px; margin-bottom: 15px; " id="vanna-1965575812"><div class="adsense"><script type="text/javascript">ga_1();</script></div></div> </main> <aside class="sidebar"> <div class="advices" data-theme="vannapedia_v.3"> <div class="headline"></div> <div class="advices-content"> <img src="/uploads/3a3faebd9e0b8c6304f9ab3bd658aaba.jpg" width="120" height="120" alt="How to divide the table in html" class="advices__image" / loading=lazy loading=lazy> <div class="advices__title" data-id="3334"><a href="https://totrdlo.ru/en/kak-razdelit-tablicu-v-html.html">How to divide the table in html</a></div> </div> </div> <div class="vk-widget" id="text-3"> <div class="textwidget"><script type="text/javascript" src="//vk.com/js/api/openapi.js?130"></script> <div id="vk_groups"></div> </div> </div> <div class="sidebar-questions"> <div class="headline">New</div> <ul> <li><a href="https://totrdlo.ru/en/kak-s-pomoshchyu-css-prizhat-footer-k-nizu-okna-brauzera-novye-tegi.html" >New tags final appeal</a></li> <li><a href="https://totrdlo.ru/en/ispolzovanie-tega-footer-dlya-sozdaniya-podvala-na-stranice-pribityi-k-nizu.html" >Nailed to the bottom of the foothold with your own hands for what pages is useful</a></li> <li><a href="https://totrdlo.ru/en/otstupy-v-html-css-otstup-sverhu-css-pozicionirovanie-kontenta-vneshnii-otstup.html" >CSS indentation: Content positioning</a></li> <li><a href="https://totrdlo.ru/en/otstupy-v-yacheikah-tablicy-css-otstuplenie-ot-temy-ili-kak-ubrat-otstupy-po.html" >Retreat from the topic or how to remove indents on the edges of the page</a></li> <li><a href="https://totrdlo.ru/en/dlya-chego-neobhodimy-karty-izobrazheniya-karta-izobrazheniya-v-html-dopolnenie-s.html" >Map image in HTML</a></li> <li><a href="https://totrdlo.ru/en/graficheskie-karty-html-risuem-kartu-izobrazheniya-myshkoi.html" >Play map image mouse</a></li> </ul> </div> <div class="section"> </div> <div class="section"> <div class="headline">Popular articles</div> <ul class="sidebar-posts"> <li><a href="https://totrdlo.ru/en/nadstrochnyi-teg-delaem-v-css-verhnii-registr-verhnii-i-nizhnii.html"><img src="/uploads/3980c0c9813c87eb01780dd4bea482a3.jpg" width="80" height="80" alt="We do in CSS top register" / loading=lazy loading=lazy>We do in CSS top register</a></li> <li><a href="https://totrdlo.ru/en/php-vyvesti-vse-peremennye-post-peremennye-v-php-chto-takoe.html"><img src="/uploads/4c05cce5addd00bf9fb857e1d44b0a7c.jpg" width="80" height="80" alt="PHP output all POST variables" / loading=lazy loading=lazy>PHP output all POST variables</a></li> <li><a href="https://totrdlo.ru/en/javascript---dom-metody-dlya-poiska-uzlov-metody-prednaznachennye-dlya-poiska-uzla-ili.html"><img src="/uploads/689ee035154fed9d2f21933d606ec164.jpg" width="80" height="80" alt="Methods designed to search for a node or collection of nodes in the tree" / loading=lazy loading=lazy>Methods designed to search for a node or collection of nodes in the tree</a></li> </ul> </div> <div class="section"> <div class="headline">New on the site</div> <ul class="sidebar-posts sidebar-photo"> <li><a href="https://totrdlo.ru/en/css-sosednie-elementy-specialnye-selektory-v-css-sosednie-dochernie.html">Special selectors in CSS</a></li> <li><a href="https://totrdlo.ru/en/funkcii-i-usloviya-if-else-v-javascript-uslovnye-operatory-v-javascript--.html">Conditional Operators in JavaScript - Design IF-ELSE - Conditions in JavaScript - Basics IF ELSE JS Examples</a></li> <li><a href="https://totrdlo.ru/en/stilizaciya-nomerov-strok-cifr-v-uporyadochennyh-spiskah-ol-primery.html">Examples of stylish decoration UL Li lists CSS tag OL sets</a></li> <li><a href="https://totrdlo.ru/en/kak-razmestit-elementy-spiska-gorizontalno-primery-stilnogo-oformlenie-ul.html">Examples of stylish decoration UL Li li lists CSS Match HTML tag with OL description</a></li> <li><a href="https://totrdlo.ru/en/css-nadstrochnyi-delaem-v-css-verhnii-registr-html-tegi-i---podstrochnyi.html">We do in CSS top register</a></li> </ul> </div> </aside> </div> <footer class="footer"> <nav class="footer__nav"><ul><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1219"><a href="https://totrdlo.ru/en/">New</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/kamera-samsung-galaxy-s7-sravnenie-s-konkurentami-osnovnye-otlichiya-samsung.html">Main differences Samsung Galaxy S7 and S7 Edge Difference between Galaxy S7 and EDGE</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/obzor-samsung-galaxy-a3-2017-obnovlenie-android-serii-ustanovka-oficialnoi.html">Installing the official firmware on Samsung Galaxy A3 (2017) updates compared to last year's model</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/obzor-samsung-galaxy-s8-glavnyi-flagman-na-android-samsung-galaxy-s8-poluchaet.html">Samsung Galaxy S8 Gets Update Update S8 Android up to 8</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/samsung-tab-3-8-0-tehnicheskie-harakteristiki-tehnologii-mobilnoi-svyazi-i.html">0 Specifications</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1230"><a href="https://totrdlo.ru/en/">Popular</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/ne-sinhroniziruetsya-akkaunt-google-na-android-kak-nastroit-sinhronizaciyu-s.html">How to set up synchronization with accounts on Samsung Galaxy</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/samsung-galaxy-tab-8-0-razmery-razlichnye-datchiki-vypolnyayut-razlichnye-kolichestvennye.html">Samsung Galaxy Tab 8.0 Sizes. Various sensors perform various quantitative measurements and convert physical indicators to signals that the mobile device recognizes</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/top-programm-dlya-sozdaniya-gif-animacii-kak-sdelat-gif-iz-video-sozda-m-gif-animaciyu-kak-delat-gi.html">How to make GIF from video: Create gif animation how to make a gif animation on android</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/chto-skryvaetsya-pod-rasshifrovkoi-modelei-televizorov-samsung-markirovka-i-serii.html">Marking and Series SAMSUNG TV Series SAMSUNG LED TV</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/novye-samsungi-vzryvayutsya-samsung-ostanovil-prodazhi-vzryvayushchihsya.html">Samsung stopped selling exploding smartphones</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/instrukciya-po-ekspluatacii-samsung-galaksi-s6-otzyv-samsung-galaxy-s6-instrukciya-po.html">Feedback: Samsung Galaxy S6 Instructions for use</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/ultrapixel-novaya-tehnologiya-kamery-kompanii-htc-kamera-v-smartfone-s-bolshimi.html">Camera in a smartphone with large pixels or Ultrapixel technology (ultrapixel)</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/kakaya-proshivka-luchshe-dlya-samsung-galaksi-s3-prokachai-svoi-samsung-galaxy-s3-samsung-gt-i9300.html">Machine your Samsung Galaxy S3!</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1236"><a href="https://totrdlo.ru/en/">Recommended</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/samsung-galaxy-note5---tehnicheskie-harakteristiki-samsung-galaxy-note5---tehnicheskie-harakteristiki.html">SAMSUNG GALAXY NOTE5 - Specifications will be released Samsung Galaxy Note 5</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/ostanovka-prilozheniya-servisy-google-play-reshenie-problemy-pochemu-poyavlyaetsya-oshibka.html">Why a mistake of Google Play services appears and how to fix it constantly pops up Google Play</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/chto-delat-esli-telefon-samsung-galaxy-dolgo-zaryazhaetsya-pochemu-smartfon.html">Why is a smartphone charge slowly?</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/pochemu-smartfon-zaryazhaetsya-medlenno-poisk-i-reshenie-problem.html">Why is a smartphone charge slowly?</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/kak-postavit-russkii-yazyk-na-smartfone-dobavlyaem-russkii.html">Add Russian on android</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/samsung-a5-ili-s4-ili-s5-chto-by-vzyali-samsung-galaxy-s6-protiv-galaxy-a5-2017-sravnenie.html">SAMSUNG A5 or S4 or S5?</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/poslednyaya-model-samsunga-galaksi-nout-vstrechaite-ogromnyi-samsung-galaxy-note9.html">Meet the huge Samsung Galaxy Note9</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://totrdlo.ru/en/ustanovka-oficialnoi-proshivki-na-samsung-galaxy-a5-ustanovka.html">Installation of the official firmware on Samsung Galaxy A5 Galaxy A5 Unofficial firmware 4pda</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-6898"><a href="https://totrdlo.ru/en/">About the site</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6900"><a href="">About the site</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6901"><a href="">Advertising on the website</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6902"><a href="">Contacts</a></li> </ul> </li> </ul></nav> <div class="footer-bottom"> <div class="footer-left"> <div class="foot__logo"> <div class="footer__logo-sitename">totrdlo.ru. <span> Ru</span></div> </div> <style> .foot__logo { min-height: 35px; margin: 0 0 11px -79px; padding: 9px 0 0 79px; text-decoration: none; } </style> <p>© 2021 All rights reserved</p> <p>Your mobile guide. Operators. Useful advice</p> <ul class="footer-bottom__nav"> <li><a href="" >Advertising on the project</a></li> </ul> </div> <div class="footer-buttons"> </div> <ul class="footer__soc"> <li><a href="http://vk.com/" target="_blank" class="vk">In contact with</a></li> <li>Odnoklassniki.</li> <li><a href="http://www.facebook.com/" target="_blank" class="fb">Facebook.</a></li> <li><a href="https://twitter.com/" target="_blank" class="twi">Twitter.</a></li> </ul> <div class="footer-right"> <div class="footer__note"></div> <div class="footer__counters" id="text-2"> <div class="textwidget"></div> </div> </div> </div> </footer> </div> </div> <link rel='stylesheet' id='wp-lightbox-bank.css-css' href='/wp-content/plugins/wp-lightbox-bank/assets/css/wp-lightbox-bank.css?ver=4.8.3' type='text/css' media='all' /> <script type='text/javascript' src='https://totrdlo.ru/wp-content/themes/vannapedia_v.3/js/scripts.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.8.3'></script> <script type='text/javascript' src='/assets/scripts1.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "smooth_scroll":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar-fixed", "margin_top" : 10, "margin_bottom" : 0, "stop_id" : "respond", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-4'] } ; </script> <script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script> <script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/wp-lightbox-bank/assets/js/wp-lightbox-bank.js?ver=4.8.3'></script> <script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0'></script> </body> </html>