HTML is a markup language For web pages. In fact, HTML stands for HyperText Markup Language.
One thing that needs to be made clear right away and kept in mind is that theHTML is not a programming language: HTML is only for format text and to layout elements such as forms, quotes, videos.
In this brief guide we will not dwell too much on technical or philosophical discussions of what is a hypertext, but we will take as our definition that of a web page, a navigable page on the Internet.
Tools
All you need to develop your first html page is a simple text editor, for Windows users the simple Notepad.
Our first HTML page
We open notepad and enter the following code:
<html></html>
We click save and choose a name "page.html" and from the drop-down menu "save as" let us remember to select "all files“.
At this point we have created our first html page, which when opened will show a blank page.
Each html page basically consists of two elements, a head <head> and a body <body>.
We modify our page in this way:
<html>
<head></head>
<body></body>
</html>
The DOCTYPE
At this point it is important to introduce the concept of DOCTYPE. The doctype is a declaration that is inserted at the beginning of the document that allows browsers to render the page correctly. In the case of HTML5 the doctype declaration is as follows:
<!doctype html>
<html>
<head></head>
<body></body>
</html>
In the past, longer and more articulate doctype statements were used, but now theHTML5 is a standard, so we will limit ourselves only to this one.
Adding a title to the HTML page: the title tag
If we try to open the previously created html page, we will see that the window bar will show the file path. If we want to add a more explanatory title, we can add the tag </strong> in the<strong><head></strong> Of the document.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><!doctype html>
<html>
<head>
<title>My first web page</title>
</head>
<body></body>
</html></code></pre>
<p>In addition to making the page more user-friendly, the presence of the title is also important on the side <strong>SEO</strong>.</p>
<h2 class="wp-block-heading" id="i-tag">Tags</h2>
<p>One of the first things we can notice is that HTML is a language composed of tags. Each HTML tag is always enclosed between a minor sign ( ). A generic tag is characterized by the following syntax: </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><nomedeltag></code></pre>
<p>Tags can provide an opening <strong><nometag></strong> and a closing <strong></nometag></strong>, </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><h1>Article Title</h1></code></pre>
<p>or be tags that contain no elements so they are self-closing. An example of the latter type of tag is. <strong><img /></strong>.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><img src="mondo.jpg" /></code></pre>
<p>In this brief guide we will not analyze all html tags, but only the most frequently used ones. For an exhaustive list of all tags you can look at <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">here</a>.</p>
<p>Let's see what the main tags are and how to use them.</p>
<h2 class="wp-block-heading" id="il-tag-h1-e-gli-altri-headings">The tag <h1> and the other headings</h2>
<p>The tag <strong><h1></strong> is used to define a heading (title, header), which is text that has greater importance within the content of our html page, so it will be formatted with a larger font. </p>
<p>There are various header tags based on importance: therefore, you can have <strong><h1></strong>, <strong><h2></strong> , <<strong>h3></strong> , <strong><h4></strong> , <strong><h5></strong> , <strong><h6></strong>. </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><h1>Page title</h1></code></pre>
<h2 class="wp-block-heading" id="il-tag-p">The tag <p></h2>
<p>The <<strong>p></strong> is used to define a paragraph. By inserting text within this tag, it will be formatted as free text. </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><p>On this page we will discuss HTML.</p></code></pre>
<h2 class="wp-block-heading" id="il-tag-b">The tag <b></h2>
<p>The tag <strong><b></strong> Is used to highlight text:</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><b>very important text</b></code></pre>
<p>Its operation is identical to that of the tag <strong>, bold a portion of text.</p>
<h2 class="wp-block-heading" id="il-tag-a">The tag <a> </h2>
<p>The tag <a> is used to define a link (links between web pages) allows us to create a link from our page to another page. The syntax of a link is as follows: </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><a href="https://www.google.it">Link to Google</a></code></pre>
<p>We can see that the tag <a> needs the href attribute indicating the destination page. </p>
<h2 class="wp-block-heading" id="il-tag-img">The tag <img></h2>
<p>The tag <strong><img></strong> is used to insert an image within the HTML page. Unlike the previous tags, the <img> is a self-closing tag, that is, it does not need a closing tag.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><img src="immagini/terra.jpg" /></code></pre>
<p>As we see in the example, the tag <img> needs the src attribute, which indicates the path to the image to be displayed. The tag <img> Can also have other attributes:</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><img src="immagini/terra.jpg" alt="image of the Earth" /></code></pre>
<p>In this example, the alt attribute is used to display alternative text in case the image does not load. It is also useful for indicating to search engines what is displayed on the page, which is very important from an SEO perspective.</p>
<h2 class="wp-block-heading" id="i-tag-lista-ul-ol-li">The list tags <ul>, <ol>, <li>.</h2>
<p>If we want to show a list in our html page we can use the <ul> tag. This tag shows an unordered list, so a dot will appear at the side of each list item. In case we want to show a numbered list we can use the <ol> tag. </p>
<p>Each list item must be enclosed within the <li> tag.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><ul>
<li>Primo punto</li>
<li>Secondo punto</li>
<li>Terzo punto</li>
</ul></code></pre>
<h2 class="wp-block-heading" id="mini-tutorial-come-creare-la-tua-prima-pagina-web">Mini tutorial: how to create your first web page</h2>
<p>After taking a quick look at the main html tags, we can try to create our first web page.</p>
<p>We open Notepad or any other text edtor and start typing this code inside:</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><!doctype html>
<html>
<head>
<title>My first web page</title>
</head>
<body></body>
</html></code></pre>
<figure class="wp-block-image"><img decoding="async" width="600" height="400" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02.png" alt="first page html" class="wp-image-133" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02.png 600w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-300x200.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>
<p>Save as and remember to select "All files" in the drop-down box, after which we save as <strong>index.html</strong> o <strong>mypage.html</strong> Or whatever we like best. </p>
<figure class="wp-block-image"><img decoding="async" width="960" height="540" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1.png" alt="" class="wp-image-135" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1.png 960w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1-300x169.png 300w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1-768x432.png 768w" sizes="(max-width: 960px) 100vw, 960px" /></figure>
<p>If we double-click on the file we just saved, a new browser window will open with our first html page. It will be a blank page, but it will have the title we entered in the tag <strong><title></strong>.</p>
<figure class="wp-block-image"><img loading="lazy" decoding="async" width="650" height="133" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03.png" alt="" class="wp-image-136" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03.png 650w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03-300x61.png 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></figure>
<p>Let's go ahead and build the web page. Let's add a header and a few paragraphs. Let's apply the tag <strong><b></strong> to a few words to highlight, such as the name of the city of Birth, add a photo with the tag <strong><img></strong> and a link to the page on Wikipedia.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><!doctype html>
<html>
<head>
<title>My first web page</title>
</head>
<body>
<h1>Lionel Messi</h1>
<p>Lionel Andrés Messi, called simply Leo by many, was born on June 24, 1987 in <b>Rosario</b>, in the Argentine state of Santa Fe.
</p>
<img src="Messi.jpg" />
<p>He is only five years old when he starts kicking the ball for the first time. His first team is the <b>Grandoli</b>, a small soccer school in his town aimed at children. Coaching the boys is Jorge Messi, a metalworker employee and father of the future champion.
</p>
<p>At the age of seven <a href="https://it.wikipedia.org/wiki/Lionel_Messi">Lionel Messi</a> he wears the jersey of "Newell's Old Boys" and plays in the youth categories. To the eyes of the soccer fans who followed the young boy in the small fields of Rosario, the talent of the youngster was already clear.
</p>
<h2>The arrival in barcelona</h2>
<p>Because of a delay in the boy's bone development due to low levels of growth hormones in his body, the transition fades.
</p>
<p>Medical treatment is recommended to the family, but it is very expensive: it is reported to be $900 monthly; Jorge Messi asks for help from Newell's Old Boys and River Plate without getting adequate solutions. He strongly believes in Lionel's possible future as a champion: so he asks some foundations for help.
</p>
</body>
</html></code></pre>
<p>If we want to insert an image, we can save it in the same folder as the html file and retrieve it by entering the file name in the attribute <strong>src</strong> of the tag <strong><img></strong>.</p>
<p>If we have done everything correctly, we should get something like this:</p>
<figure class="wp-block-image"><img loading="lazy" decoding="async" width="902" height="654" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04.png" alt="" class="wp-image-146" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04.png 902w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04-300x218.png 300w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04-768x557.png 768w" sizes="auto, (max-width: 902px) 100vw, 902px" /></figure>
<p>In this brief guide on HTML we have seen how to make a web page, add text and images, format a header and bold text, and add links. </p>
<p>To improve our page we will need to change its appearance, using the <strong>CSS</strong>. This will be the subject of a future guide.</p>
</div>
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--x-large);margin-bottom:var(--wp--preset--spacing--x-large)">
<div class="wp-block-group has-foreground-3-color has-text-color has-link-color has-x-small-font-size wp-elements-f8f4fcec35edf22a8267a297b268507d is-layout-flex wp-block-group-is-layout-flex" style="border-top-color:var(--wp--preset--color--background-3);border-top-width:1px;border-bottom-color:var(--wp--preset--color--background-3);border-bottom-width:1px;margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large);padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)">
<div class="taxonomy-category wp-block-post-terms"><span class="wp-block-post-terms__prefix">Categories: </span><a href="https://www.francescopepe.com/en/guides/" rel="tag">Guides</a></div>
</div>
<div class="wp-block-group has-border-color has-background-4-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-11 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:160px"><div class="wp-block-avatar"><img alt='Francis Avatar' src='https://secure.gravatar.com/avatar/5fee794720b94313abf1c7371eea06bf?s=160&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5fee794720b94313abf1c7371eea06bf?s=320&d=mm&r=g 2x' class='avatar avatar-160 photo wp-block-avatar__image' height='160' width='160' loading='lazy' decoding='async'/></div></div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:70%">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-10 wp-block-group-is-layout-flex">
<p class="has-primary-color has-text-color has-link-color wp-elements-09558b7f27ada007e8eb8c718fc1c3c3" style="font-style:normal;font-weight:600">About the author</p>
<div style="font-style:normal;font-weight:600;line-height:1.1; margin-top:0;" class="wp-block-post-author-name has-large-font-size">Francesco</div></div>
</div>
</div>
</div>
</div>
</article>
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-bottom:var(--wp--preset--spacing--giant)">
<div class="wp-block-comments">
<div id="respond" class="comment-respond wp-block-post-comments-form">
<h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/en/html-guide/#respond" style="display:none;">Cancel reply</a></small></h3><form action="/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate data-trp-original-action="https://www.francescopepe.com/wp-comments-post.php"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p>
<p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p>
<p class="form-submit wp-block-button"><input name="submit" type="submit" id="submit" class="wp-block-button__link wp-element-button" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='1' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p><input type="hidden" name="trp-form-language" value="en"/></form> </div><!-- #respond -->
</div>
</div>
</main>
<footer class="site-footer wp-block-template-part">
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large)">
<hr class="wp-block-separator alignwide has-text-color has-background-3-color has-alpha-channel-opacity has-background-3-background-color has-background" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"/>
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-container-core-column-is-layout-3 wp-block-column-is-layout-flow" style="flex-basis:40%">
<div class="wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-16 wp-block-group-is-layout-flex"><div class="wp-block-site-logo"><a href="https://www.francescopepe.com/en/" class="custom-logo-link" rel="home"><img loading="lazy" width="56" height="56" src="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png" class="custom-logo" alt="Francis Pepe" decoding="async" srcset="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png 1250w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-300x300.png 300w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-1024x1024.png 1024w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-150x150.png 150w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-768x768.png 768w" sizes="auto, (max-width: 56px) 100vw, 56px" /></a></div>
<p class="wp-block-site-title has-small-font-size"><a href="https://www.francescopepe.com/en" target="_self" rel="home">Francis Pepe</a></p></div>
<p class="has-foreground-3-color has-text-color has-link-color wp-elements-c3787575d81b73272d0aed8b818e1720" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed sem sodales, imperdiet nunc sed, vestibulum ligula. Nam in urna est.</p>
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only is-layout-flex wp-container-core-social-links-is-layout-1 wp-block-social-links-is-layout-flex"><li style="color: #060C39; " class="wp-social-link wp-social-link-x has-foreground-1-color wp-block-social-link"><a href="https://#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z" /></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li>
<li style="color: #060C39; " class="wp-social-link wp-social-link-instagram has-foreground-1-color wp-block-social-link"><a href="https://#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a></li>
<li style="color: #060C39; " class="wp-social-link wp-social-link-youtube has-foreground-1-color wp-block-social-link"><a href="https://www.youtube.com/@tropicalista" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<div class="wp-block-columns has-foreground-3-color has-text-color has-link-color wp-elements-9bfba8972926dd39dc10253809defc64 is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-foreground-1-color has-text-color has-link-color wp-elements-c721fccf9cb1dd8bdd06e7334fbdf520"><strong>Links</strong></p>
<nav class="is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-2 wp-block-navigation-is-layout-flex" aria-label="Primary - Marketer 2"><ul class="wp-block-navigation__container is-vertical wp-block-navigation"><li class="wp-block-navigation-item menu-item menu-item-type-post_type menu-item-object-page wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/en/blog/" title=""><span class="wp-block-navigation-item__label">Blog</span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/en/shop/"><span class="wp-block-navigation-item__label">Plugins</span></a></li><li class="wp-block-navigation-item menu-item menu-item-type-post_type menu-item-object-page wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/en/best-webmarketing-tools/" title=""><span class="wp-block-navigation-item__label">Resources</span></a></li><li class="wp-block-navigation-item menu-item menu-item-type-post_type menu-item-object-page wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/en/contacts/" title=""><span class="wp-block-navigation-item__label">Contact</span></a></li></ul></nav></div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-foreground-1-color has-text-color has-link-color wp-elements-c3e0bad9ff9017fc13a81da510e96750"><strong>Resources</strong></p>
<nav class="is-vertical is-style-default wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-3 wp-block-navigation-is-layout-flex" aria-label="Resources"><ul class="wp-block-navigation__container is-vertical is-style-default wp-block-navigation"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/en/dashboard-2/"><span class="wp-block-navigation-item__label">Account</span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/en/docs/"><span class="wp-block-navigation-item__label">Documentation</span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/en/support/"><span class="wp-block-navigation-item__label">Support</span></a></li></ul></nav></div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-foreground-1-color has-text-color has-link-color wp-elements-f7426f73199abd0cb848b1fe4e1a8356"><strong>Plugins</strong></p>
<nav class="is-vertical is-style-default wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-4 wp-block-navigation-is-layout-flex" aria-label="Plugins"><ul class="wp-block-navigation__container is-vertical is-style-default wp-block-navigation"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/en/products/popper-pro/"><span class="wp-block-navigation-item__label">Popper</span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/en/products/pdf-embed-2/"><span class="wp-block-navigation-item__label">Pdf Embed</span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/en/products/search-console-2/"><span class="wp-block-navigation-item__label">Search Console</span></a></li></ul></nav></div>
</div>
</div>
</div>
<hr class="wp-block-separator alignwide has-text-color has-background-3-color has-alpha-channel-opacity has-background-3-background-color has-background" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"/>
<div class="wp-block-group alignwide has-foreground-3-color has-text-color has-link-color wp-elements-75eed706322d0b42c05f5794edfafe84 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-18 wp-block-group-is-layout-flex" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);">
<p>© 2024 Francesco Pepe. All rights reserved.</p>
<div class="wp-block-group has-x-small-font-size wp-elements-ec51809be95abea11ee5ce9b926da79c is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-17 wp-block-group-is-layout-flex">
<p><a href="https://www.francescopepe.com/en/privacy-policy/" data-type="page" data-id="3">Privacy Policy</a></p>
<p>/</p>
<p><a href="https://www.francescopepe.com/en/cookie-policy-eu/" data-type="page" data-id="1193">Cookie Policy</a></p>
</div>
</div>
</div>
</footer></div>
<template id="tp-language" data-tp-language="en_US"></template><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-light"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><fecomponenttransfer color-interpolation-filters="sRGB" ><fefuncr type="table" tablevalues="1 0" /><fefuncg type="table" tablevalues="1 0" /><fefuncb type="table" tablevalues="1 0" /><fefunca type="table" tablevalues="1 1" /></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in" /></filter></defs></svg><!-- Render the cart. --> <div class="is-layout-flow wp-block-surecart-slide-out-cart-is-layout-flow" data-wp-context='{"formId":983,"mode":"test"}' data-wp-interactive='{ "namespace": "surecart/checkout" }' data-wp-init="callbacks.init" data-wp-watch="callbacks.onChangeCheckout" data-wp-on-window--storage="callbacks.syncTabs" > <dialog style="width: 500px;" class="sc-drawer sc-cart-drawer wp-block-surecart-slide-out-cart" data-wp-bind--aria-label="surecart/cart::state.ariaLabel" data-wp-on--click="surecart/cart::actions.closeOverlay" > <div class="sc-drawer__wrapper"> <!-- Cart alert --> <div class="sc-alert sc-alert__alert--danger" role="alert" aria-live="assertive" aria-atomic="true" data-wp-bind--hidden="!state.error" > <div class="sc-alert__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10" /> <line x1="12" y1="8" x2="12" y2="12" /> <line x1="12" y1="16" x2="12.01" y2="16" /> </svg> </div> <div class="sc-alert__text"> <div class="sc-alert__title"> <span data-wp-text="state.errorTitle"></span> </div> <div class="sc-alert__message"> <div data-wp-text="state.errorMessage"></div> <template data-wp-each--message="state.additionalErrors"> <div> <span data-wp-text="context.message"></span> </div> </template> </div> </div> </div> <div style="border-bottom: var(--sc-drawer-border);padding-top: 1.25em;padding-bottom: 1.25em;padding-left: 1.25em;padding-right: 1.25em;color: var(--sc-line-item-title-color, var(--sc-input-label-color));" class="wp-block-surecart-slide-out-cart-header"> <div class="wp-block-surecart-slide-out-cart-header__close" data-wp-on--click="surecart/cart::actions.toggle" role="button" tabindex="0" aria-label="Close cart" data-no-translation-aria-label="" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="5" y1="12" x2="19" y2="12" /> <polyline points="12 5 19 12 12 19" /> </svg> </div> <span class="wp-block-surecart-slide-out-cart-header__title" inert> Review Your Cart </span> <div class="sc-tag sc-tag--default"> <span data-wp-text="state.itemsCount">0</span> </div> </div> <div class="wp-block-surecart-cart-items__wrapper" style="border-bottom: var(--sc-drawer-border);padding-top: 1.25em;padding-bottom: 1.25em;padding-left: 1.25em;padding-right: 1.25em;color: var(--sc-line-item-title-color, var(--sc-input-label-color));" role="list" > <template data-wp-each--line_item="state.checkoutLineItems" data-wp-each-key="context.line_item.id" > <div class="sc-product-line-item" role="listitem"> <div class="sc-product-line-item__item"> <img class="sc-product-line-item__image" data-wp-bind--hidden="!context.line_item.image.src" data-wp-bind--src="context.line_item.image.src" data-wp-bind--alt="context.line_item.image.alt" data-wp-bind--srcset="context.line_item.image.srcset" data-wp-bind--sizes="context.line_item.image.sizes" loading="lazy" alt="" /> <div class="sc-product-line-item__text"> <div class="sc-product-line-item__text-details"> <a data-wp-bind--href="state.lineItemPermalink" class="sc-product-line-item__title"> <span data-wp-text="context.line_item.price.product.name"></span> </a> <div class="sc-product-line-item__description sc-product-line-item__price-variant"> <div data-wp-text="state.lineItemVariant"></div> <div data-wp-text="context.line_item.price.name"></div> </div> <div class="sc-input-group sc-input-group-sm sc-quantity-selector" data-wp-class--quantity--disabled="state.isQuantityDisabled" data-wp-bind--hidden="!state.isEditable" hidden> <div class="sc-input-group-text sc-quantity-selector__decrease" role="button" tabindex="0" data-wp-on--click="surecart/checkout::actions.onQuantityDecrease" data-wp-on--keydown="surecart/checkout::actions.onQuantityDecrease" data-wp-bind--disabled="state.isQuantityDecreaseDisabled" data-wp-bind--aria-disabled="state.isQuantityDecreaseDisabled" data-wp-class--button--disabled="state.isQuantityDecreaseDisabled" aria-label="Decrease quantity by one." data-no-translation-aria-label="" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="5" y1="12" x2="19" y2="12" /> </svg> </div> <input type="number" class="sc-form-control sc-quantity-selector__control" data-wp-bind--value="context.line_item.quantity" data-wp-on--change="surecart/checkout::actions.onQuantityChange" data-wp-bind--min="context.line_item.min" data-wp-bind--aria-valuemin="context.line_item.min" data-wp-bind--max="context.line_item.max" data-wp-bind--aria-valuemax="context.line_item.max" data-wp-bind--disabled="surecart/checkout::state.loading" step="1" autocomplete="off" role="spinbutton" /> <div class="sc-input-group-text sc-quantity-selector__increase" role="button" tabindex="0" data-wp-on--click="surecart/checkout::actions.onQuantityIncrease" data-wp-on--keydown="surecart/checkout::actions.onQuantityIncrease" data-wp-bind--disabled="state.isQuantityIncreaseDisabled" data-wp-bind--aria-disabled="state.isQuantityIncreaseDisabled" data-wp-class--button--disabled="state.isQuantityIncreaseDisabled" aria-label="Increase quantity by one." data-no-translation-aria-label="" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="12" y1="5" x2="12" y2="19" /> <line x1="5" y1="12" x2="19" y2="12" /> </svg> </div> </div> </div> </div> <div class="sc-product-line-item__suffix"> <button class="sc-product-line-item__remove-button" aria-label="Remove item" data-wp-on--click="surecart/checkout::actions.removeLineItem" data-no-translation-aria-label="" > <svg class="sc-product-line-item__remove" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> </button> <div class="sc-product-line-item__price"> <div class="sc-product-line-item__price-amount"> <span> <span data-wp-bind--hidden="!state.lineItemHasScratchAmount" data-wp-text="context.line_item.price.scratchAmount" ></span> <span data-wp-text="context.line_item.subtotal_display_amount"></span> </span> <span class="sc-product-line-item__price-description" data-wp-bind--hidden="!context.line_item.price.short_interval_text" data-wp-text="context.line_item.price.short_interval_text" ></span> <span class="sc-product-line-item__price-description" data-wp-bind--hidden="!context.line_item.price.short_interval_count_text" data-wp-text="context.line_item.price.short_interval_count_text" ></span> </div> <div class="sc-product-line-item__trial sc-product-line-item__price-description" data-wp-bind--hidden="!context.line_item.price.trial_text" data-wp-text="context.line_item.price.trial_text" ></div> <div class="sc-product-line-item__setup-fee sc-product-line-item__price-description" data-wp-bind--hidden="!context.line_item.price.setup_fee_text" data-wp-text="context.line_item.price.setup_fee_text" ></div> <div class="sc-product-line-item__purchasable-status sc-product-line-item__price-description" data-wp-bind--hidden="!context.line_item.purchasable_status_display" data-wp-text="context.line_item.purchasable_status_display" ></div> </div> </div> </div> </div> </template> </div> <div style="border-bottom: var(--sc-drawer-border);padding-top: 1.25em;padding-bottom: 1.25em;padding-left: 1.25em;padding-right: 1.25em;color: var(--sc-line-item-title-color, var(--sc-input-label-color));" class="wp-block-surecart-slide-out-cart-coupon" data-wp-context='{"discountInputOpen":false}' data-wp-on-document--click="surecart/checkout::actions.closeCouponOnClickOutside" > <!-- Discount applied Applied coupon UI --> <div class="sc-line-item__item sc-coupon-form" data-wp-bind--hidden="!state.isDiscountApplied" hidden> <div class="sc-line-item__text"> <div class="sc-line-item__description"> Discount <div class="sc-tag sc-tag--warning" data-wp-class--sc-tag--success="state.discountIsRedeemable" data-wp-class--sc-tag--warning="!state.discountIsRedeemable" > <span data-wp-text="state.checkout.discount.promotion.code"></span> <button data-wp-on--click="actions.removeDiscount" id="sc-coupon-remove-discount" title="Delete discount" data-no-translation-title="" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> </button> </div> </div> </div> <div class="sc-line-item__end"> <div class="sc-line-item__price-text"> <!-- redeemable UI --> <div hidden class="sc-line-item__price-description" data-wp-bind--hidden="!state.discountIsRedeemable"> <span class="coupon-human-discount" data-wp-text="state.checkout.human_discount_with_duration" ></span> </div> <div hidden class="sc-line-item__price" data-wp-bind--hidden="!state.discountIsRedeemable" data-wp-text="state.checkout.discount_display_amount"></div> <!-- non-redeemable UI --> <div class="sc-line-item__price-description" data-wp-bind--hidden="state.discountIsRedeemable"> <div class="sc-coupon__status"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" /> <line x1="12" y1="9" x2="12" y2="13" /> <line x1="12" y1="17" x2="12.01" y2="17" /> </svg> <span data-wp-text="state.checkout.discount.redeemable_display_status"></span> </div> </div> </div> </div> </div> <!-- Discount Button and Form UI --> <div class="sc-coupon-form" data-wp-bind--hidden="state.isDiscountApplied" > <div> <div data-wp-bind--hidden="context.discountInputOpen" class="trigger" data-wp-on--click="surecart/checkout::actions.toggleDiscountInput" data-wp-on--keydown="surecart/checkout::actions.toggleDiscountInput" aria-role="button" tabindex="0" id="sc-coupon-trigger" > Add Coupon Code </div> <form> <div data-wp-bind--hidden="!context.discountInputOpen" hidden class="sc-input-group sc-coupon-form__input-group" > Coupon code aria-describedby="coupon-input-addon" placeholder="Enter coupon code" data-wp-bind--value="state.promotionCode" data-wp-on--keydown="surecart/checkout::actions.maybeApplyDiscountOnKeyChange" data-wp-on--keyup="surecart/checkout::actions.maybeApplyDiscountOnKeyChange" > <span class="sc-input-group-text" id="coupon-input-addon"> <button type="submit" data-wp-bind--hidden="!state.promotionCode" data-wp-on--click="actions.applyDiscount" > Apply </button> </span> </div> <input type="hidden" name="trp-form-language" value="en"/></form> </div> </div> </div> <div style="padding-top: 1.25em;padding-bottom: 0em;padding-left: 1.25em;padding-right: 1.25em;color: var(--sc-line-item-title-color, var(--sc-input-label-color));" class="wp-block-surecart-slide-out-cart-subtotal"> <div class="sc-product-line-item"> <div class="sc-product-line-item__item"> <div class="sc-product-line-item__text"> <div class="sc-product-line-item__text-details"> <div class="sc-product-line-item__title"> <span> Subtotal </span> </div> </div> </div> <div class="sc-product-line-item__suffix"> <div class="sc-product-line-item__price"> <div class="price"> <span data-wp-text="state.checkout.subtotal_display_amount" data-wp-bind--hidden="state.isDiscountApplied"></span> <span hidden data-wp-text="state.checkout.total_display_amount" data-wp-bind--hidden="!state.isDiscountApplied"></span> </div> </div> </div> </div> </div> <div class="sc-product-line-item" data-wp-bind--hidden="!state.checkout.is_installment" > <div class="sc-product-line-item__item"> <div class="sc-product-line-item__text"> <div class="sc-product-line-item__text-details"> <div class="sc-product-line-item__description"> Total Installment Payments </div> </div> </div> <div class="sc-product-line-item__suffix"> <div class="sc-product-line-item__price"> <div class="price"> <span data-wp-text="state.checkout.full_display_amount"></span> </div> </div> </div> </div> </div> </div> <div style="padding-top: 1.25em;padding-bottom: 0em;padding-left: 1.25em;padding-right: 1.25em;color: var(--sc-line-item-title-color, var(--sc-input-label-color));" class="wp-block-surecart-slide-out-cart-bump-line-item" data-wp-bind--hidden="!state.checkout.bump_amount" > <div class="sc-product-line-item"> <div class="sc-product-line-item__item"> <div class="sc-product-line-item__text"> <div class="sc-product-line-item__text-details"> <div class="sc-bump-line-item__description"> <span> Bundle Discount </span> </div> </div> </div> <div class="sc-product-line-item__suffix"> <div class="sc-bump-line-item__price"> <div class="price"> <span data-wp-text="state.checkout.bump_display_amount"></span> </div> </div> </div> </div> </div> </div> <div class="sc-cart-submit__wrapper wp-block-buttons" style="border-bottom:var(--sc-drawer-border);padding:1.25em 1.25em 1.25em 1.25em;" > <div class="wp-block-button"> <a class="wp-block-button__link wp-element-button sc-button__link wp-block-surecart-slide-out-cart-submit" href="https://www.francescopepe.com/en/checkout/" data-wp-bind--disabled="state.loading" data-wp-class--sc-button__link--busy="state.loading" > <span class="sc-spinner" aria-hidden="false"></span> <span class="sc-button__link-text">Checkout</span> </a> </div> </div> <div class="sc-block-ui" data-wp-bind--hidden="!state.loading" ></div> </div> <!-- speak element --> <p id="a11y-speak-intro-text" class="a11y-speak-intro-text" style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"></p> <div id="a11y-speak-assertive" class="a11y-speak-region" style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;" aria-live="assertive" aria-relevant="additions text" aria-atomic="true"> </div> <div id="a11y-speak-polite" class="a11y-speak-region" style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;" aria-live="polite" aria-relevant="additions text" aria-atomic="true"></div> </dialog> </div> <!-- Render floating cart icon --> <div data-wp-interactive='{ "namespace": "surecart/checkout" }' class="wp-block-surecart-cart-icon" data-wp-context='{"formId":983,"mode":"test"}' data-wp-on--click="surecart/cart::actions.toggle" data-wp-on--keydown="surecart/cart::actions.toggle" tabindex="0" role="button" data-wp-bind--hidden="!state.hasItems" hidden> <div class="wp-block-surecart-cart-icon__container"> <div class="wp-block-surecart-cart-icon__icon" aria-label="Cart Button." data-no-translation-aria-label=""> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" /> <line x1="3" y1="6" x2="21" y2="6" /> <path d="M16 10a4 4 0 0 1-8 0" /> </svg> </div> <span class="wp-block-surecart-cart-icon__count" data-wp-text="state.itemsCount" data-wp-bind--aria-label="state.itemsCountAriaLabel" >0</span> </div> </div> <div id="trp-floater-ls" onclick="" data-no-translation class="trp-language-switcher-container trp-floater-ls-names trp-bottom-right trp-color-dark flags-full-names" >
<div id="trp-floater-ls-current-language" class="trp-with-flags">
<a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()">
<img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English </a>
</div>
<div id="trp-floater-ls-language-list" class="trp-with-flags" >
<div class="trp-language-wrap trp-language-wrap-bottom"> <a href="https://www.francescopepe.com/guida-html/"
title="Italian">
<img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/it_IT.png" width="18" height="12" alt="it_IT" title="Italian">Italian </a>
<a href="https://www.francescopepe.com/es/guia-html/"
title="Spanish">
<img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Spanish">Spanish </a>
<a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()"><img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English</a></div> </div>
</div>
<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
<div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 banner-a optin cmplz-bottom-right cmplz-categories-type-no" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
<div class="cmplz-header">
<div class="cmplz-logo"><a href="https://www.francescopepe.com/en/" class="custom-logo-link" rel="home"><img width="1250" height="1250" src="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png" class="custom-logo" alt="Francis Pepe" decoding="async" srcset="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png 1250w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-300x300.png 300w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-1024x1024.png 1024w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-150x150.png 150w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-768x768.png 768w" sizes="(max-width: 1250px) 100vw, 1250px" /></a></div>
<div class="cmplz-title" id="cmplz-header-1-optin">Manage Consent</div>
<div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog" data-no-translation-aria-label="">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
</div>
</div>
<div class="cmplz-divider cmplz-divider-header"></div>
<div class="cmplz-body">
<div class="cmplz-message" id="cmplz-message-1-optin">To provide the best experiences, we use technologies such as cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent may adversely affect some features and functions.</div>
<!-- categories start -->
<div class="cmplz-categories">
<details class="cmplz-category cmplz-functional" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Functional</span>
<span class='cmplz-always-active'>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-functional-optin"
data-category="cmplz_functional"
class="cmplz-consent-checkbox cmplz-functional"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span class="screen-reader-text">Functional</span></label>
</span>
Always active </span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-functional">Technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span>
</div>
</details>
<details class="cmplz-category cmplz-preferences" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Preferences</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-preferences-optin"
data-category="cmplz_preferences"
class="cmplz-consent-checkbox cmplz-preferences"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span class="screen-reader-text">Preferences</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-preferences">Technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span>
</div>
</details>
<details class="cmplz-category cmplz-statistics" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Statistics</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-statistics-optin"
data-category="cmplz_statistics"
class="cmplz-consent-checkbox cmplz-statistics"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span class="screen-reader-text">Statistics</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-statistics">Technical storage or access that is used exclusively for statistical purposes.</span>
<span class="cmplz-description-statistics-anonymous">Technical storage or access that is used solely for anonymous statistical purposes. Without a subpoena, voluntary compliance by your Internet Service Provider, or additional records from third parties, information stored or retrieved for this purpose alone cannot usually be used for identification.</span>
</div>
</details>
<details class="cmplz-category cmplz-marketing" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Marketing</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-marketing-optin"
data-category="cmplz_marketing"
class="cmplz-consent-checkbox cmplz-marketing"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span class="screen-reader-text">Marketing</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-marketing">Technical storage or access is necessary to create user profiles to send advertisements, or to track the user on one website or several websites for similar marketing purposes.</span>
</div>
</details>
</div><!-- categories end -->
</div>
<div class="cmplz-links cmplz-information">
<a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container" data-no-translation="" data-trp-gettext="">Manage options</a>
<a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview" data-no-translation="" data-trp-gettext="">Manage services</a>
<a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper" data-no-translation="" data-trp-gettext="">Manage {vendor_count} vendors</a>
<a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" data-no-translation="" data-trp-gettext="">Read more about these purposes</a>
</div>
<div class="cmplz-divider cmplz-footer"></div>
<div class="cmplz-buttons">
<button class="cmplz-btn cmplz-accept">Accept</button>
<button class="cmplz-btn cmplz-deny">Nega</button>
<button class="cmplz-btn cmplz-view-preferences">View preferences</button>
<button class="cmplz-btn cmplz-save-preferences">Save preferences</button>
<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">View preferences</a>
</div>
<div class="cmplz-links cmplz-documents">
<a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a>
<a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a>
<a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a>
</div>
</div>
</div>
<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage Consent</button>
</div><script type="application/json" id="wp-script-module-data-@wordpress/interactivity">
{"config":{"formello":{"ajax_url":"https://www.francescopepe.com/wp-admin/admin-ajax.php","nonce":"89b8cabb60","settings":{"messages":{"form":{"success":"Thanks for submitting this form.","error":"Ops. An error occurred."},"missingValue":{"default":"Please fill out this field.","checkbox":"This field is required.","radio":"Please select a value.","select":"Please select a value.","select-multiple":"Please select at least one value."},"patternMismatch":{"email":"Please enter a valid email address.","url":"Please enter a URL.","number":"Please enter a number","color":"Please match the following format: #rrggbb","date":"Please use the YYYY-MM-DD format","time":"Please use the 24-hour time format. Ex. 23:00","month":"Please use the YYYY-MM format","default":"Please match the requested format."},"outOfRange":{"over":"Please select a value that is no more than {max}.","under":"Please select a value that is no less than {min}."},"wrongLength":{"over":"Please shorten this text to no more than {maxLength} characters. You are currently using {length} characters.","under":"Please lengthen this text to {minLength} characters or more. You are currently using {length} characters."}},"reCaptcha":{"version":"1","site_key":"","threshold":"0.5"},"hCaptcha":{"version":"3","site_key":"","threshold":"0.5"}}}},"state":{"formello":{"captcha":{"enabled":false,"type":"reCaptcha","version":"1"},"errors":[],"debug":false},"surecart/checkout":{"discountIsRedeemable":false,"isDiscountApplied":false,"itemsCount":0,"hasItems":false}}}
</script>
<link rel='stylesheet' id='surecart-tag-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/tag.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-slide-out-cart-header-style-2-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-header/style-index.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='surecart-line-item-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/line-item.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-product-line-item-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/product-line-item.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-input-group-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/input-group.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-quantity-selector-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/quantity-selector.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-slide-out-cart-items-style-5-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-items/style-index.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='surecart-coupon-form-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/coupon-form.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-form-control-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/form-control.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-slide-out-cart-coupon-style-4-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-coupon/style-index.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='surecart-slide-out-cart-bump-line-item-style-2-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-bump-line-item/style-index.css?ver=6.7' media='all' />
<link rel='stylesheet' id='surecart-wp-buttons-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/wp-buttons.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-wp-button-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/wp-button.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-slide-out-cart-submit-style-3-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-submit/style-index.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='surecart-drawer-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/drawer.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-block-ui-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/block-ui.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-alert-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/alert.css?ver=1731639336' media='all' />
<link rel='stylesheet' id='surecart-slide-out-cart-style-4-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart/style-index.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='surecart-theme-base-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/theme-base.css?ver=1731639336' media='all' />
<style id='surecart-theme-base-inline-css'>
@-webkit-keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}sc-form{display:block}sc-form>:not(:last-child){margin-bottom:var(--sc-form-row-spacing,.75em)}sc-form>:not(:last-child).wp-block-spacer{margin-bottom:0}sc-invoice-details:not(.hydrated),sc-invoice-details:not(:defined){display:none}sc-customer-email:not(.hydrated),sc-customer-email:not(:defined),sc-customer-name:not(.hydrated),sc-customer-name:not(:defined),sc-input:not(.hydrated),sc-input:not(:defined){-webkit-animation:sheen 3s ease-in-out infinite;animation:sheen 3s ease-in-out infinite;background:-webkit-gradient(linear,right top,left top,from(rgba(75,85,99,.2)),color-stop(rgba(75,85,99,.1)),color-stop(rgba(75,85,99,.1)),to(rgba(75,85,99,.2)));background:linear-gradient(270deg,rgba(75,85,99,.2),rgba(75,85,99,.1),rgba(75,85,99,.1),rgba(75,85,99,.2));background-size:400% 100%;border-radius:var(--sc-input-border-radius-medium);display:block;height:var(--sc-input-height-medium)}sc-button:not(.hydrated),sc-button:not(:defined),sc-order-submit:not(.hydrated),sc-order-submit:not(:defined){-webkit-animation:sheen 3s ease-in-out infinite;animation:sheen 3s ease-in-out infinite;background:-webkit-gradient(linear,right top,left top,from(rgba(75,85,99,.2)),color-stop(rgba(75,85,99,.1)),color-stop(rgba(75,85,99,.1)),to(rgba(75,85,99,.2)));background:linear-gradient(270deg,rgba(75,85,99,.2),rgba(75,85,99,.1),rgba(75,85,99,.1),rgba(75,85,99,.2));background-size:400% 100%;border-radius:var(--sc-input-border-radius-medium);color:rgba(0,0,0,0);display:block;height:var(--sc-input-height-large);text-align:center;width:auto}sc-order-summary:not(.hydrated),sc-order-summary:not(:defined){-webkit-animation:sheen 3s ease-in-out infinite;animation:sheen 3s ease-in-out infinite;background:-webkit-gradient(linear,right top,left top,from(rgba(75,85,99,.2)),color-stop(rgba(75,85,99,.1)),color-stop(rgba(75,85,99,.1)),to(rgba(75,85,99,.2)));background:linear-gradient(270deg,rgba(75,85,99,.2),rgba(75,85,99,.1),rgba(75,85,99,.1),rgba(75,85,99,.2));background-size:400% 100%;border-radius:var(--sc-input-border-radius-medium);color:rgba(0,0,0,0);display:block;height:var(--sc-input-height-large);text-align:center;width:auto}sc-tab-group:not(.hydrated),sc-tab-group:not(:defined),sc-tab:not(.hydrated),sc-tab:not(:defined){visibility:hidden}sc-column:not(.hydrated),sc-column:not(:defined){opacity:0;visibility:hidden}sc-columns{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:var(--sc-column-spacing,var(--sc-spacing-xxxx-large));margin-left:auto;margin-right:auto;width:100%;-webkit-box-align:initial!important;-ms-flex-align:initial!important;align-items:normal!important}@media(min-width:782px){sc-columns{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}}sc-columns.are-vertically-aligned-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}sc-columns.are-vertically-aligned-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}sc-columns.are-vertically-aligned-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media(max-width:781px){sc-columns:not(.is-not-stacked-on-mobile).is-full-height>sc-column{padding:30px!important}sc-columns:not(.is-not-stacked-on-mobile)>sc-column{-ms-flex-preferred-size:100%!important;flex-basis:100%!important}}@media(min-width:782px){sc-columns:not(.is-not-stacked-on-mobile)>sc-column{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}sc-columns:not(.is-not-stacked-on-mobile)>sc-column[style*=flex-basis]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}}sc-columns.is-not-stacked-on-mobile{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}sc-columns.is-not-stacked-on-mobile>sc-column{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}sc-columns.is-not-stacked-on-mobile>sc-column[style*=flex-basis]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}sc-column{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}sc-column.is-vertically-aligned-top{-ms-flex-item-align:start;align-self:flex-start}sc-column.is-vertically-aligned-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}sc-column.is-vertically-aligned-bottom{-ms-flex-item-align:end;align-self:flex-end}sc-column.is-vertically-aligned-bottom,sc-column.is-vertically-aligned-center,sc-column.is-vertically-aligned-top{width:100%}@media(min-width:782px){sc-column.is-sticky{position:sticky!important;-ms-flex-item-align:start;align-self:flex-start;top:0}}sc-column>:not(.wp-block-spacer):not(:last-child):not(.is-empty):not(style){margin-bottom:var(--sc-form-row-spacing,.75em)}sc-column>:not(.wp-block-spacer):not(:last-child):not(.is-empty):not(style):not(.is-layout-flex){display:block}.hydrated{visibility:inherit}
:root {--sc-color-primary-500: #1e40af;--sc-focus-ring-color-primary: #1e40af;--sc-input-border-color-focus: #1e40af;--sc-color-gray-900: #000;--sc-color-primary-text: #ffffff;}
@-webkit-keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}sc-form{display:block}sc-form>:not(:last-child){margin-bottom:var(--sc-form-row-spacing,.75em)}sc-form>:not(:last-child).wp-block-spacer{margin-bottom:0}sc-invoice-details:not(.hydrated),sc-invoice-details:not(:defined){display:none}sc-customer-email:not(.hydrated),sc-customer-email:not(:defined),sc-customer-name:not(.hydrated),sc-customer-name:not(:defined),sc-input:not(.hydrated),sc-input:not(:defined){-webkit-animation:sheen 3s ease-in-out infinite;animation:sheen 3s ease-in-out infinite;background:-webkit-gradient(linear,right top,left top,from(rgba(75,85,99,.2)),color-stop(rgba(75,85,99,.1)),color-stop(rgba(75,85,99,.1)),to(rgba(75,85,99,.2)));background:linear-gradient(270deg,rgba(75,85,99,.2),rgba(75,85,99,.1),rgba(75,85,99,.1),rgba(75,85,99,.2));background-size:400% 100%;border-radius:var(--sc-input-border-radius-medium);display:block;height:var(--sc-input-height-medium)}sc-button:not(.hydrated),sc-button:not(:defined),sc-order-submit:not(.hydrated),sc-order-submit:not(:defined){-webkit-animation:sheen 3s ease-in-out infinite;animation:sheen 3s ease-in-out infinite;background:-webkit-gradient(linear,right top,left top,from(rgba(75,85,99,.2)),color-stop(rgba(75,85,99,.1)),color-stop(rgba(75,85,99,.1)),to(rgba(75,85,99,.2)));background:linear-gradient(270deg,rgba(75,85,99,.2),rgba(75,85,99,.1),rgba(75,85,99,.1),rgba(75,85,99,.2));background-size:400% 100%;border-radius:var(--sc-input-border-radius-medium);color:rgba(0,0,0,0);display:block;height:var(--sc-input-height-large);text-align:center;width:auto}sc-order-summary:not(.hydrated),sc-order-summary:not(:defined){-webkit-animation:sheen 3s ease-in-out infinite;animation:sheen 3s ease-in-out infinite;background:-webkit-gradient(linear,right top,left top,from(rgba(75,85,99,.2)),color-stop(rgba(75,85,99,.1)),color-stop(rgba(75,85,99,.1)),to(rgba(75,85,99,.2)));background:linear-gradient(270deg,rgba(75,85,99,.2),rgba(75,85,99,.1),rgba(75,85,99,.1),rgba(75,85,99,.2));background-size:400% 100%;border-radius:var(--sc-input-border-radius-medium);color:rgba(0,0,0,0);display:block;height:var(--sc-input-height-large);text-align:center;width:auto}sc-tab-group:not(.hydrated),sc-tab-group:not(:defined),sc-tab:not(.hydrated),sc-tab:not(:defined){visibility:hidden}sc-column:not(.hydrated),sc-column:not(:defined){opacity:0;visibility:hidden}sc-columns{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:var(--sc-column-spacing,var(--sc-spacing-xxxx-large));margin-left:auto;margin-right:auto;width:100%;-webkit-box-align:initial!important;-ms-flex-align:initial!important;align-items:normal!important}@media(min-width:782px){sc-columns{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}}sc-columns.are-vertically-aligned-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}sc-columns.are-vertically-aligned-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}sc-columns.are-vertically-aligned-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media(max-width:781px){sc-columns:not(.is-not-stacked-on-mobile).is-full-height>sc-column{padding:30px!important}sc-columns:not(.is-not-stacked-on-mobile)>sc-column{-ms-flex-preferred-size:100%!important;flex-basis:100%!important}}@media(min-width:782px){sc-columns:not(.is-not-stacked-on-mobile)>sc-column{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}sc-columns:not(.is-not-stacked-on-mobile)>sc-column[style*=flex-basis]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}}sc-columns.is-not-stacked-on-mobile{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}sc-columns.is-not-stacked-on-mobile>sc-column{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}sc-columns.is-not-stacked-on-mobile>sc-column[style*=flex-basis]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}sc-column{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}sc-column.is-vertically-aligned-top{-ms-flex-item-align:start;align-self:flex-start}sc-column.is-vertically-aligned-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}sc-column.is-vertically-aligned-bottom{-ms-flex-item-align:end;align-self:flex-end}sc-column.is-vertically-aligned-bottom,sc-column.is-vertically-aligned-center,sc-column.is-vertically-aligned-top{width:100%}@media(min-width:782px){sc-column.is-sticky{position:sticky!important;-ms-flex-item-align:start;align-self:flex-start;top:0}}sc-column>:not(.wp-block-spacer):not(:last-child):not(.is-empty):not(style){margin-bottom:var(--sc-form-row-spacing,.75em)}sc-column>:not(.wp-block-spacer):not(:last-child):not(.is-empty):not(style):not(.is-layout-flex){display:block}.hydrated{visibility:inherit}
:root {--sc-color-primary-500: #1e40af;--sc-focus-ring-color-primary: #1e40af;--sc-input-border-color-focus: #1e40af;--sc-color-gray-900: #000;--sc-color-primary-text: #ffffff;}
</style>
<link rel='stylesheet' id='surecart-cart-icon-style-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-icon/style-index.css?ver=1.0.0' media='all' />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js?ver=1.0.0" id="prism-js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/components/prism-markup.min.js?ver=1.0.0" id="prism-lang-js"></script>
<script src="https://www.francescopepe.com/wp-includes/js/comment-reply.min.js?ver=6.7" id="comment-reply-js" async data-wp-strategy="async"></script>
<script id="trp-dynamic-translator-js-extra">
var trp_data = {"trp_custom_ajax_url":"https:\/\/www.francescopepe.com\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/www.francescopepe.com\/wp-admin\/admin-ajax.php","trp_language_to_query":"en_US","trp_original_language":"it_IT","trp_current_language":"en_US","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[property=\"og:image:alt\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"twitter:image:alt\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"],meta[property=\"article:section\"],meta[property=\"article:tag\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false},"meta_desc_img":{"selector":"meta[property=\"og:image\"],meta[property=\"og:image:secure_url\"],meta[name=\"twitter:image\"]","accessor":"content","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","alt","content"],"gettranslationsnonceregular":"a64c9b4f6a","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]",".wp-block-code"]};
</script>
<script src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=2.8.9" id="trp-dynamic-translator-js"></script>
<script id="wp-block-template-skip-link-js-after">
( function() {
var skipLinkTarget = document.querySelector( 'main' ),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can't be located.
if ( ! skipLinkTarget ) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector( '.wp-site-blocks' );
// Early exit if the root element was not found.
if ( ! sibling ) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if ( ! skipLinkTargetID ) {
skipLinkTargetID = 'wp--skip-link--target';
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement( 'a' );
skipLink.classList.add( 'skip-link', 'screen-reader-text' );
skipLink.href = '#' + skipLinkTargetID;
skipLink.innerHTML = 'Skip to content';
// Inject the skip link.
sibling.parentElement.insertBefore( skipLink, sibling );
}() );
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/plugins/line-numbers/prism-line-numbers.min.js?ver=1.0.0" id="prism-line-numbers-js"></script>
<script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/i18n/index.min.js?ver=bd5a2533e717a1043151" id="wp-i18n-js" data-wp-strategy="defer"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script src="https://www.francescopepe.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.1" id="regenerator-runtime-js"></script>
<script id="surecart-components-js-extra">
var surecartComponents = {"url":"https:\/\/www.francescopepe.com\/wp-content\/plugins\/surecart\/dist\/components\/surecart\/surecart.esm.js?ver=1731639336"};
var scData = {"cdn_root":"https:\/\/surecart.com\/cdn-cgi\/image","root_url":"https:\/\/www.francescopepe.com\/en\/wp-json\/","plugin_url":"https:\/\/www.francescopepe.com\/wp-content\/plugins\/surecart","api_url":"https:\/\/api.surecart.com\/v1\/","currency":"eur","currency_symbol":"\u20ac","theme":"light","pages":{"dashboard":"https:\/\/www.francescopepe.com\/en\/dashboard-2\/","checkout":"https:\/\/www.francescopepe.com\/en\/checkout\/"},"page_id":"","nonce":"9cdceb8c44","nonce_endpoint":"https:\/\/www.francescopepe.com\/wp-admin\/admin-ajax.php?action=sc-rest-nonce","recaptcha_site_key":"","claim_url":"","admin_url":"https:\/\/www.francescopepe.com\/wp-admin\/","getting_started_url":"https:\/\/www.francescopepe.com\/wp-admin\/admin.php?page=sc-getting-started","user_permissions":{"manage_sc_shop_settings":false},"is_account_connected":"1"};
var scIcons = {"path":"https:\/\/www.francescopepe.com\/wp-content\/plugins\/surecart\/dist\/icon-assets"};
var surecartComponents = {"url":"https:\/\/www.francescopepe.com\/wp-content\/plugins\/surecart\/dist\/components\/surecart\/surecart.esm.js?ver=1731639336"};
var scData = {"cdn_root":"https:\/\/surecart.com\/cdn-cgi\/image","root_url":"https:\/\/www.francescopepe.com\/en\/wp-json\/","plugin_url":"https:\/\/www.francescopepe.com\/wp-content\/plugins\/surecart","api_url":"https:\/\/api.surecart.com\/v1\/","currency":"eur","currency_symbol":"\u20ac","theme":"light","pages":{"dashboard":"https:\/\/www.francescopepe.com\/en\/dashboard-2\/","checkout":"https:\/\/www.francescopepe.com\/en\/checkout\/"},"page_id":"1","nonce":"9cdceb8c44","nonce_endpoint":"https:\/\/www.francescopepe.com\/wp-admin\/admin-ajax.php?action=sc-rest-nonce","recaptcha_site_key":"","claim_url":"","admin_url":"https:\/\/www.francescopepe.com\/wp-admin\/","getting_started_url":"https:\/\/www.francescopepe.com\/wp-admin\/admin.php?page=sc-getting-started","user_permissions":{"manage_sc_shop_settings":false},"is_account_connected":"1"};
var scIcons = {"path":"https:\/\/www.francescopepe.com\/wp-content\/plugins\/surecart\/dist\/icon-assets"};
</script>
<script src="https://www.francescopepe.com/wp-content/plugins/surecart/dist/components/static-loader.js?ver=c588f0555cdc032c647e-3.0.2" id="surecart-components-js"></script>
<script src="https://www.francescopepe.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-3d6495dceaebc28bcca3.js" id="googlesitekit-consent-mode-js"></script>
<script id="wp-consent-api-js-extra">
var consent_api = {"consent_type":"optin","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent"};
</script>
<script src="https://www.francescopepe.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=1.0.7" id="wp-consent-api-js"></script>
<script id="cmplz-cookiebanner-js-extra">
var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"20","version":"7.1.5","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/www.francescopepe.com\/en\/wp-json\/complianz\/v1\/","locale":"lang=en&locale=en_US","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"30","cookie_path":"\/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https:\/\/www.francescopepe.com\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=20","page_links":{"eu":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/www.francescopepe.com\/en\/cookie-policy-eu\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/www.francescopepe.com\/en\/privacy-policy\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Click to accept {category} cookies and enable this content"};
</script>
<script defer src="https://www.francescopepe.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1731639323" id="cmplz-cookiebanner-js"></script>
<script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/url/index.min.js?ver=499ac283dc628dfb623e" id="wp-url-js" data-wp-strategy="defer"></script>
<script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/api-fetch/index.min.js?ver=8d98f77b6b8fafcd9cee" id="wp-api-fetch-js" data-wp-strategy="defer"></script>
<script id="wp-api-fetch-js-after">
wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "https://www.francescopepe.com/en/wp-json/" ) );
wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "9cdceb8c44" );
wp.apiFetch.use( wp.apiFetch.nonceMiddleware );
wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware );
wp.apiFetch.nonceEndpoint = "https://www.francescopepe.com/wp-admin/admin-ajax.php?action=rest-nonce";
</script>
<script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/dom-ready/index.min.js?ver=222ad38e3e5e302c8bbf" id="wp-dom-ready-js"></script>
<script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/a11y/index.min.js?ver=d413713617218893642b" id="wp-a11y-js" defer data-wp-strategy="defer"></script>
</body>
</html>
