Crearea unei pagini web folosind Notepad

Înregistrare de lavesteabuzoiana septembrie 8, 2024 Observații 8

Crearea unei noi pagini web folosind Notepad

Acest tutorial detaliat vă va ghida prin procesul de creare a unei pagini web simple folosind Notepad, un editor de text simplu dar eficient, disponibil pe majoritatea sistemelor de operare.

Introducere

În era digitală, paginile web au devenit o parte esențială a comunicării și a interacțiunii online. De la bloguri personale la magazine online complexe, paginile web oferă o platformă pentru a împărtăși informații, a promova idei și a conecta oamenii. Crearea unei pagini web poate părea o sarcină intimidantă, dar cu instrumentele potrivite, poate fi un proces simplu și captivant. Notepad, un editor de text simplu și accesibil, oferă o modalitate excelentă de a începe călătoria în lumea dezvoltării web.

HTML (HyperText Markup Language) este limbajul de bază folosit pentru a crea structura și conținutul paginilor web. Este un limbaj de marcare, ceea ce înseamnă că folosește tag-uri pentru a defini elementele și conținutul unei pagini web. Fiecare tag HTML este încadrat de paranteze unghiulare, de exemplu, <tag>. Tag-urile HTML sunt folosite pentru a specifica elementele de bază ale unei pagini web, cum ar fi titlul, paragrafele, imaginile, link-urile și multe altele.

Prin utilizarea tag-urilor HTML, putem specifica modul în care elementele sunt afișate, cum ar fi titluri, paragrafe, liste, tabele și multe altele. HTML este un limbaj simplu și intuitiv, care permite dezvoltatorilor web să creeze pagini web complexe și interactive.

Pentru a crea o pagină web folosind Notepad, trebuie să începem prin a crea un fișier HTML. Un fișier HTML este un fișier text simplu care conține cod HTML. Pentru a crea un fișier HTML, urmați acești pași⁚

Deschideți Notepad.
Acum aveți un fișier HTML gol, gata de a fi completat cu cod HTML.

După ce ați creat fișierul HTML, puteți începe să scrieți codul HTML în el. Codul HTML va defini structura și conținutul paginii web. Puteți introduce codul HTML manual sau puteți copia și lipi codul din alte surse.

Un fișier HTML de bază are următoarea structură⁚

<html>
 <head>
 <title>Titlul paginii web</title>
 </head>
 <body>
 <p>Conținutul paginii web</p>
 </body>

Acest cod creează o pagină web simplă cu titlul “Titlul paginii web” și conținutul “Conținutul paginii web”.

HTML oferă o gamă largă de elemente pentru structurarea și formatarea conținutului unei pagini web. Iată câteva elemente de bază⁚

``</b>⁚ Specifică titlul paginii web, afișat în bara de titlu a browserului.</li> <li> <b>`<p>`</b>⁚ Definește un paragraf de text.</li> <li> <b>`<img>`</b>⁚ Inserează o imagine în pagină, cu atributul `src` specificând calea către imagine.</li> <li> <b>`<a>`</b>⁚ Creează un link către o altă pagină web, cu atributul `href` specificând adresa URL.</li> <li> <b>`<ul>`</b>⁚ Definește o listă neordonată, cu elementele listei încadrate între tag-urile `<li>`.</li> <li> <b>`<ol>`</b>⁚ Definește o listă ordonată, cu elementele listei încadrate între tag-urile `<li>`.</li> </ul> <h3> Adăugarea de conținut </h3><p> Pentru a adăuga text, pur și simplu introduceți textul dorit între tag-urile `<p>` pentru paragrafe sau între tag-urile `<li>` pentru elementele de listă. </p> <p> Pentru a adăuga o imagine, utilizați elementul `<img>` cu atributul `src` pentru a specifica calea către fișierul imagine. De exemplu⁚ </p> <pre> <img src="imagine.jpg" alt="Imagine descriptivă"> </pre> <p> Atributul `alt` este important pentru accesibilitate, oferind o descriere text a imaginii pentru utilizatorii cu deficiențe de vedere. </p> <p> Pentru a adăuga un link, utilizați elementul `<a>` cu atributul `href` pentru a specifica adresa URL către care se face legătura. De exemplu⁚ </p> <pre> <a href="https://www.example.com">Link către site-ul example</a> </pre> <p> Textul dintre tag-urile `<a>` va fi afișat ca link. </p> <h3> Utilizarea CSS pentru stilizare </h3><p> Există mai multe modalități de a adăuga stiluri CSS la o pagină web⁚ </p> <ul><pre> <h1 style="color⁚ blue; font-size⁚ 24px;">Titlu</h1> </pre><pre> <style> h1 { color⁚ red; font-size⁚ 30px; } </style> </pre><pre> <link rel="stylesheet" href="style.css"> </pre> </ul> <h3> Adăugarea de stiluri CSS </h3><p> Selectorul identifică elementul HTML la care se aplică stilul. De exemplu, `h1` selectează toate elementele de titlu de nivel 1. Proprietatea specifică aspectul care se modifică, cum ar fi `color` sau `font-size`. Valoarea este valoarea specifică pentru proprietate, cum ar fi `red` sau `16px`. </p> <p> Iată un exemplu de regulă CSS care schimbă culoarea titlului de nivel 1 la roșu și mărimea fontului la 24 de pixeli⁚ </p> <pre> h1 { color⁚ red; font-size⁚ 24px; } </pre> <p> Puteți adăuga mai multe reguli CSS în același fișier, separându-le printr-o linie nouă. De asemenea, puteți utiliza selectoare mai specifice pentru a aplica stiluri la elemente individuale sau la grupuri de elemente. </p> <h3> Elemente de stilizare CSS </h3><ul> <li> <b>Culoare⁚</b> Proprietatea `color` selectează culoarea textului. Puteți specifica o culoare folosind numele culorii (de exemplu, `red`), un cod hexazecimal (de exemplu, `#FF0000`) sau un cod RGB (de exemplu, `rgb(255, 0, 0)`). </li> <li> <b>Font⁚</b> Proprietățile `font-family`, `font-size`, `font-weight` și `font-style` controlează caracteristicile fontului. `font-family` specifică familia fontului (de exemplu, `Arial`, `Times New Roman`), `font-size` specifică mărimea fontului (de exemplu, `16px`), `font-weight` specifică grosimea fontului (de exemplu, `bold`, `normal`) și `font-style` specifică stilul fontului (de exemplu, `italic`, `normal`). </li> <li> <b>Marjă și padding⁚</b> Proprietățile `margin` și `padding` controlează spațiul din jurul elementelor. `margin` se referă la spațiul din jurul elementului, în timp ce `padding` se referă la spațiul din interiorul elementului. </li> <li> <b>Dimensiune și poziționare⁚</b> Proprietățile `width`, `height`, `position`, `top`, `left`, `right` și `bottom` controlează dimensiunea și poziționarea elementelor. `width` și `height` specifică lățimea și înălțimea elementului, `position` specifică modul în care elementul este poziționat (de exemplu, `static`, `relative`, `absolute`, `fixed`), iar celelalte proprietăți specifică poziția elementului în raport cu alte elemente. </li> <li> <b>Afisare⁚</b> Proprietatea `display` controlează modul în care elementul este afișat. Valori comune includ `block`, `inline`, `inline-block`, `none`. </li> </ul> <p> Acestea sunt doar câteva dintre proprietățile CSS disponibile. Pentru o listă completă, consultați documentația CSS. </p> <h3> Salvarea și deschiderea paginii web </h3><p> Există mai multe modalități de a deschide un fișier HTML în browser⁚ </p> <ul><li> <b>Tragerea și plasarea fișierului `index.html` în fereastra browserului⁚</b> Această metodă va deschide fișierul în browserul respectiv. </li> <li> <b>Utilizarea comenzii “Deschidere cu…” din meniul contextual al fișierului⁚</b> Această metodă vă va permite să selectați browserul în care doriți să deschideți fișierul. </li></ul> <h3> Testarea paginii web </h3> <p> După ce ați salvat și deschis pagina web în browser, este important să o testați pentru a vă asigura că funcționează corect și arată așa cum vă așteptați. Testarea paginii web implică verificarea mai multor aspecte⁚</p> <ul> <li> <b>Conținutul⁚</b> Verificați dacă toate elementele de conținut sunt afișate corect, inclusiv textul, imaginile și link-urile. Asigurați-vă că textul este lizibil, imaginile sunt clare și link-urile funcționează corect. </li> <li> <b>Formatarea⁚</b> Verificați dacă pagina web este formatată corect, inclusiv dimensiunile și alinierea elementelor, spațiul dintre elemente și fontul utilizat. Asigurați-vă că pagina web este ușor de citit și navigat. </li> <li> <b>Funcționalitatea⁚</b> Verificați dacă toate funcțiile paginii web funcționează corect, inclusiv formularul de contact, butoanele, meniurile și alte elemente interactive. Asigurați-vă că toate funcțiile sunt intuitive și ușor de utilizat. </li> <li> <b>Compatibilitatea⁚</b> Verificați dacă pagina web funcționează corect în diferite browsere și pe diferite dispozitive, inclusiv desktop, laptop, tabletă și telefon mobil. Asigurați-vă că pagina web este adaptată la toate aceste dispozitive. </li> <li> <b>Viteza de încărcare⁚</b> Verificați dacă pagina web se încarcă rapid. O pagină web lentă poate afecta experiența utilizatorului. </li> </ul> <p> Testarea paginii web este un pas esențial în procesul de dezvoltare web. Prin testarea atentă a paginii web, puteți identifica și corecta eventualele erori și puteți asigura o experiență optimă pentru utilizatori. </p> <h3> Concluzie </h3><p> Este important de menționat că Notepad este un instrument de bază și nu oferă toate funcțiile și caracteristicile avansate ale editorilor de cod dedicați. Pentru proiecte web mai complexe, este recomandat să utilizați un editor de cod mai puternic, cum ar fi Visual Studio Code, Sublime Text sau Atom, care oferă funcții de completare automată a codului, evidențierea sintaxei, depanare și multe altele. </p> <p> În concluzie, crearea unei pagini web folosind Notepad este o experiență utilă pentru înțelegerea fundamentelor dezvoltării web. Cu toate acestea, pentru proiecte mai ambițioase, este recomandat să explorați instrumente și tehnologii mai avansate. </p> <h3> Resurse suplimentare </h3><ul><li> <b>Mozilla Developer Network (MDN)⁚</b> O sursă de documentație oficială pentru web, oferind informații detaliate despre HTML, CSS, JavaScript și alte tehnologii web.</li><li> <b>FreeCodeCamp⁚</b> O comunitate online de învățare a codului, oferind cursuri gratuite, proiecte practice și o platformă de sprijin pentru dezvoltarea web.</li></ul> <p> Aceste resurse oferă o gamă largă de informații, exemple și exerciții practice pentru a vă extinde cunoștințele despre dezvoltarea web. </p> <div class="clearfix"></div> <div class="post-categories"> <span>Rubrică:</span><ul class="post-categories"> <li><a href="https://vesteabuzoiana.ro/category/science/computer-science/" rel="category tag">Știința Calculatoarelor</a></li></ul> </div> </div> </div> </article> <nav class="navigation post-navigation" aria-label="Posts navigation"> <h2 class="screen-reader-text">Posts navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://vesteabuzoiana.ro/rene-magritte-%e2%8e%af-the-pleasure-principle-%e2%b8%ba-imagini-din-expozitia-calatoare/" rel="prev"><span class="meta-nav" aria-hidden="true">Articolul precedent</span> <span class="screen-reader-text"> Articolul precedent </span> <h5 class="post-title">René Magritte ⎯ The Pleasure Principle ⸺ Imagini din Expoziția Călătoare</h5></a></div><div class="nav-next"><a href="https://vesteabuzoiana.ro/cum-sa-numarati-numerele-italiene-dincolo-de-o-suta/" rel="next"><span class="meta-nav" aria-hidden="true">Articolul următor</span> <span class="screen-reader-text">Articolul următor</span> <h5 class="post-title">Cum să numărați numerele italiene dincolo de o sută</h5></a></div></div> </nav> <div id="comments" class="comments-area"> <h3 class="comments-title"> 8 Oamenii au reacționat la acest lucru </h3> <ol class="comment-list"> <li id="comment-23173" class="comment even thread-even depth-1"> <article id="div-comment-23173" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <div class="reply"><a rel='nofollow' class='comment-reply-link' href='#comment-23173' data-commentid="23173" data-postid="6372" data-belowelement="comment-23173" data-respondelement="respond" data-replyto="Răspunde-i lui Andrei" aria-label='Răspunde-i lui Andrei'>Răspunde</a></div> <b class="fn">Andrei</b> <span class="says">spune:</span> </div> <div class="comment-metadata"> <a href="https://vesteabuzoiana.ro/crearea-unei-pagini-web-folosind-notepad/#comment-23173"> <time datetime="2024-10-07T18:32:59+00:00"> octombrie 7, 2024 at 6:32 pm </time> </a> </div> </footer> <div class="comment-content"> <p>Un tutorial bine structurat și clar, care explică cu succes procesul de creare a unei pagini web simple folosind Notepad. Aș sugera adăugarea unor exemple mai complexe de cod HTML pentru a ilustra mai bine diversele funcționalități ale limbajului. De asemenea, ar fi utilă o secțiune dedicată validării codului HTML pentru a asigura compatibilitatea și funcționarea corectă a paginii web.</p> </div> </article> </li> <li id="comment-23193" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-23193" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <div class="reply"><a rel='nofollow' class='comment-reply-link' href='#comment-23193' data-commentid="23193" data-postid="6372" data-belowelement="comment-23193" data-respondelement="respond" data-replyto="Răspunde-i lui George" aria-label='Răspunde-i lui George'>Răspunde</a></div> <b class="fn">George</b> <span class="says">spune:</span> </div> <div class="comment-metadata"> <a href="https://vesteabuzoiana.ro/crearea-unei-pagini-web-folosind-notepad/#comment-23193"> <time datetime="2024-10-09T10:15:23+00:00"> octombrie 9, 2024 at 10:15 am </time> </a> </div> </footer> <div class="comment-content"> <p>Un tutorial util și informativ, care prezintă într-un mod clar și concis procesul de creare a unei pagini web simple folosind Notepad. Aș sugera adăugarea unor informații suplimentare despre utilizarea editorilor de text mai avansați, cum ar fi Sublime Text sau Visual Studio Code, care oferă funcționalități mai complexe și mai eficiente pentru dezvoltarea web.</p> </div> </article> </li> <li id="comment-23212" class="comment even thread-even depth-1"> <article id="div-comment-23212" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <div class="reply"><a rel='nofollow' class='comment-reply-link' href='#comment-23212' data-commentid="23212" data-postid="6372" data-belowelement="comment-23212" data-respondelement="respond" data-replyto="Răspunde-i lui Dan" aria-label='Răspunde-i lui Dan'>Răspunde</a></div> <b class="fn">Dan</b> <span class="says">spune:</span> </div> <div class="comment-metadata"> <a href="https://vesteabuzoiana.ro/crearea-unei-pagini-web-folosind-notepad/#comment-23212"> <time datetime="2024-10-11T16:48:11+00:00"> octombrie 11, 2024 at 4:48 pm </time> </a> </div> </footer> <div class="comment-content"> <p>Un tutorial bine scris și ușor de înțeles, care oferă o introducere solidă în crearea de pagini web cu Notepad. Aș sugera adăugarea unor exemple de cod HTML mai complexe, care să includă elemente interactive, cum ar fi formulare sau butoane, pentru a ilustra mai bine potențialul limbajului HTML.</p> </div> </article> </li> <li id="comment-23181" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-23181" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <div class="reply"><a rel='nofollow' class='comment-reply-link' href='#comment-23181' data-commentid="23181" data-postid="6372" data-belowelement="comment-23181" data-respondelement="respond" data-replyto="Răspunde-i lui Ana" aria-label='Răspunde-i lui Ana'>Răspunde</a></div> <b class="fn">Ana</b> <span class="says">spune:</span> </div> <div class="comment-metadata"> <a href="https://vesteabuzoiana.ro/crearea-unei-pagini-web-folosind-notepad/#comment-23181"> <time datetime="2024-10-13T22:03:47+00:00"> octombrie 13, 2024 at 10:03 pm </time> </a> </div> </footer> <div class="comment-content"> <p>Articolul este o resursă excelentă pentru cei care doresc să învețe bazele dezvoltării web. Explicațiile sunt concise și ușor de înțeles, iar exemplele practice facilitează înțelegerea conceptelor. Ar fi benefic să se includă o secțiune despre utilizarea CSS pentru a stiliza paginile web, oferind astfel o perspectivă mai completă asupra procesului de creare a paginilor web.</p> </div> </article> </li> <li id="comment-23222" class="comment even thread-even depth-1"> <article id="div-comment-23222" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <div class="reply"><a rel='nofollow' class='comment-reply-link' href='#comment-23222' data-commentid="23222" data-postid="6372" data-belowelement="comment-23222" data-respondelement="respond" data-replyto="Răspunde-i lui Mihai" aria-label='Răspunde-i lui Mihai'>Răspunde</a></div> <b class="fn">Mihai</b> <span class="says">spune:</span> </div> <div class="comment-metadata"> <a href="https://vesteabuzoiana.ro/crearea-unei-pagini-web-folosind-notepad/#comment-23222"> <time datetime="2024-10-16T09:51:33+00:00"> octombrie 16, 2024 at 9:51 am </time> </a> </div> </footer> <div class="comment-content"> <p>Articolul este o resursă utilă pentru cei care doresc să învețe bazele dezvoltării web folosind Notepad. Explicațiile sunt clare și concise, iar exemplele practice facilitează înțelegerea conceptelor. Aș recomanda adăugarea unei secțiuni despre depanarea codului HTML, oferind astfel un ghid mai complet pentru începători.</p> </div> </article> </li> <li id="comment-23233" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-23233" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <div class="reply"><a rel='nofollow' class='comment-reply-link' href='#comment-23233' data-commentid="23233" data-postid="6372" data-belowelement="comment-23233" data-respondelement="respond" data-replyto="Răspunde-i lui Laura" aria-label='Răspunde-i lui Laura'>Răspunde</a></div> <b class="fn">Laura</b> <span class="says">spune:</span> </div> <div class="comment-metadata"> <a href="https://vesteabuzoiana.ro/crearea-unei-pagini-web-folosind-notepad/#comment-23233"> <time datetime="2024-10-17T17:24:58+00:00"> octombrie 17, 2024 at 5:24 pm </time> </a> </div> </footer> <div class="comment-content"> <p>Un tutorial bine structurat și ușor de urmat, care prezintă într-un mod simplu și accesibil procesul de creare a unei pagini web simple folosind Notepad. Aș sugera adăugarea unor informații suplimentare despre utilizarea editorilor de text mai avansați, cum ar fi Sublime Text sau Visual Studio Code, care oferă funcționalități mai complexe și mai eficiente pentru dezvoltarea web.</p> </div> </article> </li> <li id="comment-23202" class="comment even thread-even depth-1"> <article id="div-comment-23202" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <div class="reply"><a rel='nofollow' class='comment-reply-link' href='#comment-23202' data-commentid="23202" data-postid="6372" data-belowelement="comment-23202" data-respondelement="respond" data-replyto="Răspunde-i lui Elena" aria-label='Răspunde-i lui Elena'>Răspunde</a></div> <b class="fn">Elena</b> <span class="says">spune:</span> </div> <div class="comment-metadata"> <a href="https://vesteabuzoiana.ro/crearea-unei-pagini-web-folosind-notepad/#comment-23202"> <time datetime="2024-10-18T23:39:01+00:00"> octombrie 18, 2024 at 11:39 pm </time> </a> </div> </footer> <div class="comment-content"> <p>Articolul oferă o introducere excelentă în lumea dezvoltării web, cu o abordare practică și ușor de urmat. Apreciez simplitatea și claritatea explicațiilor, care îl fac accesibil atât pentru începători, cât și pentru cei cu experiență mai redusă. Aș recomanda adăugarea unor informații despre utilizarea framework-urilor web, cum ar fi Bootstrap sau React, pentru a extinde aria de acoperire a tutorialului.</p> </div> </article> </li> <li id="comment-23168" class="comment odd alt thread-odd thread-alt depth-1"> <article id="div-comment-23168" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <div class="reply"><a rel='nofollow' class='comment-reply-link' href='#comment-23168' data-commentid="23168" data-postid="6372" data-belowelement="comment-23168" data-respondelement="respond" data-replyto="Răspunde-i lui Maria" aria-label='Răspunde-i lui Maria'>Răspunde</a></div> <b class="fn">Maria</b> <span class="says">spune:</span> </div> <div class="comment-metadata"> <a href="https://vesteabuzoiana.ro/crearea-unei-pagini-web-folosind-notepad/#comment-23168"> <time datetime="2024-10-19T15:12:44+00:00"> octombrie 19, 2024 at 3:12 pm </time> </a> </div> </footer> <div class="comment-content"> <p>Articolul prezintă o introducere clară și concisă în crearea de pagini web cu Notepad, subliniind importanța HTML-ului și oferind o perspectivă generală asupra procesului. Ghidul pas cu pas este ușor de urmat, iar exemplele furnizate sunt relevante și utile. De asemenea, apreciază abordarea simplă și accesibilă, care îl face potrivit atât pentru începători, cât și pentru utilizatorii cu experiență mai redusă.</p> </div> </article> </li> </ol> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Lasă un comentariu <small><a rel="nofollow" id="cancel-comment-reply-link" href="/crearea-unei-pagini-web-folosind-notepad/#respond" style="display:none;">Anulează răspunsul</a></small></h3><form action="https://vesteabuzoiana.ro/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-form-comment"><label for="comment" class="screen-reader-text">Comment</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p><p class="comment-form-author"><label for="author">Nume</label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" /></p> <p class="comment-form-email"><label for="email">Email</label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" autocomplete="email" /></p> <p class="comment-form-url"><label for="url">Site web</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Salvează-mi numele, emailul și site-ul web în acest navigator pentru data viitoare când o să comentez.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post comentariu" /> <input type='hidden' name='comment_post_ID' value='6372' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div> </div> </div> </div> </div> </main> </div> </div></div>  <footer id="footer"> <div class="container"> <div class="row"> <div class="footer-widgets-wrapper"> </div> </div> <div class="row"> <div class="copyrights"> <p> 2025 <a href="https://vesteabuzoiana.ro/">vesteabuzoiana</a> <span> | Theme by <a href="https://www.spiraclethemes.com/" target="_blank">Spiracle Themes</a></span> </p> </div> </div> </div> </footer> <noscript> <div> <img src="https://mc.yandex.ru/watch/98545812" style="position:absolute; left:-9999px;" alt=""/> </div> </noscript> <script type="text/javascript" src="https://vesteabuzoiana.ro/wp-includes/js/comment-reply.min.js?ver=6.6.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://vesteabuzoiana.ro/wp-content/themes/blogson/js/bootstrap.js?ver=3.3.7" id="bootstrap-js-js"></script> <script type="text/javascript" src="https://vesteabuzoiana.ro/wp-content/themes/blogson/js/jquery.easing.1.3.js?ver=1.3" id="jquery-easing-js"></script> <script type="text/javascript" src="https://vesteabuzoiana.ro/wp-content/themes/blogson/js/modernizr.js?ver=2.6.2" id="modernizr-js"></script> <script type="text/javascript" src="https://vesteabuzoiana.ro/wp-content/themes/blogson/js/ResizeSensor.js?ver=1.0.0" id="resize-sensor-js"></script> <script type="text/javascript" src="https://vesteabuzoiana.ro/wp-content/themes/blogson/js/theia-sticky-sidebar.js?ver=1.7.0" id="theia-sticky-sidebar-js"></script> <script type="text/javascript" src="https://vesteabuzoiana.ro/wp-content/themes/blogson/js/jquery.mCustomScrollbar.js?ver=3.1.5" id="m-customscrollbar-js-js"></script> <script type="text/javascript" src="https://vesteabuzoiana.ro/wp-content/themes/blogson/js/main.js?ver=1.1" id="blogson-script-js"></script> <script type="text/javascript" src="https://vesteabuzoiana.ro/wp-content/plugins/youtube-embed-plus/scripts/fitvids.min.js?ver=14.2.1.2" id="__ytprefsfitvids__-js"></script> </body> </html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="0ad31addc6175535bc05261b-|49" defer></script>