{"id":689,"date":"2024-10-12T19:25:09","date_gmt":"2024-10-12T19:25:09","guid":{"rendered":"https:\/\/parke-r.com\/?page_id=689"},"modified":"2024-11-08T16:45:30","modified_gmt":"2024-11-08T16:45:30","slug":"creating-website","status":"publish","type":"page","link":"https:\/\/parke-r.com\/?page_id=689","title":{"rendered":"Creating Website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"689\" class=\"elementor elementor-689\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efa10d6 e-flex e-con-boxed e-con e-parent\" data-id=\"efa10d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fee7d98 elementor-widget elementor-widget-spacer\" data-id=\"fee7d98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c121657 e-flex e-con-boxed e-con e-parent\" data-id=\"c121657\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd47ec9 elementor-widget elementor-widget-heading\" data-id=\"bd47ec9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creating Website<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-007173e elementor-widget elementor-widget-text-editor\" data-id=\"007173e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Setting Up Your Oracle Cloud Environment<\/h3><h4>Login to Oracle Cloud:<\/h4><ul><li>Access your instance and select the subnet under the Primary VNIC<\/li><li>Choose the default security list<\/li><\/ul><h4>\u00a0<\/h4><h4>Add Ingress Rules:<\/h4><ul><li>Allow HTTP Connections<ul><li>Source CIDR: 0.0.0.0\/0<\/li><li>Protocol: TCP<\/li><li>Destination Port Range: 80<\/li><\/ul><\/li><li>Allow HTTPS Connections<ul><li>Source CIDR: 0.0.0.0\/0<\/li><li>Protocol: TCP<\/li><li>Destination Port Range: 443<\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-627ff41 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"627ff41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c311e6 elementor-widget elementor-widget-text-editor\" data-id=\"8c311e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Domain Registration<\/h3><h4>Register Domain with Cloudflare (<em>Optional<\/em>):<\/h4><ul><li>Optionally, import your existing domain to Cloudflare<\/li><\/ul><h4>\u00a0<\/h4><h4>Set Up DNS Records:<\/h4><ul><li>A Record:<ul><li>Name: @ (for root)<\/li><li>Value: example.com<\/li><li>Proxy Status: Enabled<\/li><\/ul><\/li><li>A Record:<ul><li>Name: www<\/li><li>Value: example.com<\/li><li>Proxy Status: Enabled<\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-778b88a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"778b88a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8213436 elementor-widget elementor-widget-text-editor\" data-id=\"8213436\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Accessing Your Web Server &amp; Updating Your System [Ubuntu]<\/h3><ul><li>SSH into your web server<\/li><li>Use your private key to connect securely<\/li><li>Update system packages<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a23f796 elementor-widget elementor-widget-html\" data-id=\"a23f796\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent text wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    position: relative; \/* For button positioning *\/\n    display: flex; \/* Flex container to align content horizontally *\/\n    align-items: center; \/* Vertically center the content *\/\n    overflow-x: hidden; \/* Hide horizontal overflow by default *\/\n    transition: padding-bottom 0.3s ease; \/* Smooth transition for padding *\/\n  }\n\n  \/* When the horizontal scrollbar appears, increase the height of the container *\/\n  .code-block.scrollable {\n    padding-bottom: 30px; \/* Extra padding for the scrollbar *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n    margin-left: 10px; \/* Space between text and button *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n    overflow-x: auto; \/* Allow horizontal scrolling if needed *\/\n  }\n\n  \/* Media query for smaller screens (mobile devices) *\/\n  @media (max-width: 600px) {\n    .code-block {\n      padding-right: 70px; \/* Make space for button if needed *\/\n    }\n\n    .copy-button {\n      margin-left: 10px; \/* Ensure button stays properly spaced *\/\n    }\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockUpdate\">\n  <code class=\"command\">sudo apt update && apt upgrade -y<\/code>\n  <button class=\"copy-button\" id=\"copyButtonUpdate\" onclick=\"copyUpdateToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  \/\/ Function to detect if the content overflows and add scrollable class\n  function checkOverflow() {\n    const codeBlock = document.getElementById('codeBlockUpdate');\n    if (codeBlock.scrollWidth > codeBlock.clientWidth) {\n      codeBlock.classList.add('scrollable');\n    } else {\n      codeBlock.classList.remove('scrollable');\n    }\n  }\n\n  \/\/ Run the checkOverflow function on page load and resize\n  window.onload = checkOverflow;\n  window.onresize = checkOverflow;\n\n  function copyUpdateToClipboard() {\n    const command = \"sudo apt update && apt upgrade -y\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonUpdate');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45e8ab6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"45e8ab6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2173de6 elementor-widget elementor-widget-text-editor\" data-id=\"2173de6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Set Hostname (<em>Optional<\/em>)<\/h3><ul><li>Change the hostname to whatever you prefer<\/li><li>Restart recommended<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16de16e elementor-widget elementor-widget-html\" data-id=\"16de16e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlock2\">\n  <code class=\"command\">sudo nano \/etc\/hostname<\/code>\n  <button class=\"copy-button\" id=\"copyButton2\" onclick=\"copyToClipboard('sudo nano \/etc\/hostname', 'copyButton2')\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyToClipboard(command, copyButtonId) {\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById(copyButtonId);\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c79db6d elementor-widget elementor-widget-html\" data-id=\"c79db6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockReboot\">\n  <code class=\"command\">sudo reboot<\/code>\n  <button class=\"copy-button\" id=\"copyButtonReboot\" onclick=\"copyToClipboard('sudo reboot', 'copyButtonReboot')\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyToClipboard(command, copyButtonId) {\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById(copyButtonId);\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d78050f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d78050f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff416bb elementor-widget elementor-widget-text-editor\" data-id=\"ff416bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Installing the LEMP Stack<\/h3><ul><li>Install Nginx, MariaDB, and PHP<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8bda440 elementor-widget elementor-widget-html\" data-id=\"8bda440\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlock3\">\n  <code class=\"command\">sudo apt install nginx mariadb-server php-mysql php-curl php-gd php-zip php-fpm<\/code>\n  <button class=\"copy-button\" id=\"copyButton3\" onclick=\"copyToClipboard('sudo apt install nginx mariadb-server php-mysql php-curl php-gd php-zip php-fpm', 'copyButton3')\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyToClipboard(command, copyButtonId) {\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById(copyButtonId);\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fa97e5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8fa97e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d816a6 elementor-widget elementor-widget-text-editor\" data-id=\"1d816a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Configuring Firewall Rules<\/h3><ul><li>Setup firewall rules to allow port 80 and 443 for HTTP\/HTTPS<\/li><li>Save the changes<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66d3662 elementor-widget elementor-widget-html\" data-id=\"66d3662\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockIptables80\">\n  <code class=\"command\">sudo iptables -I INPUT 6 -m state --state NEW -p tcp --dport 80 -j ACCEPT<\/code>\n  <button class=\"copy-button\" id=\"copyButtonIptables80\" onclick=\"copyIptables80ToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyIptables80ToClipboard() {\n    const command = \"sudo iptables -I INPUT 6 -m state --state NEW -p tcp --dport 80 -j ACCEPT\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonIptables80');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c6af6f elementor-widget elementor-widget-html\" data-id=\"4c6af6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockIptables443\">\n  <code class=\"command\">sudo iptables -I INPUT 6 -m state --state NEW -p tcp --dport 443 -j ACCEPT<\/code>\n  <button class=\"copy-button\" id=\"copyButtonIptables443\" onclick=\"copyIptables443ToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyIptables443ToClipboard() {\n    const command = \"sudo iptables -I INPUT 6 -m state --state NEW -p tcp --dport 443 -j ACCEPT\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonIptables443');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de62f13 elementor-widget elementor-widget-html\" data-id=\"de62f13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockNetfilter\">\n  <code class=\"command\">sudo netfilter-persistent save<\/code>\n  <button class=\"copy-button\" id=\"copyButtonNetfilter\" onclick=\"copyNetfilterToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyNetfilterToClipboard() {\n    const command = \"sudo netfilter-persistent save\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonNetfilter');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aacfbfb elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"aacfbfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fca7ab8 elementor-widget elementor-widget-text-editor\" data-id=\"fca7ab8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Accessing Your Website<\/h3><ul><li>You can now access your website via the public IP of your webserver<\/li><li>It should be the basic Nginx page<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bb3ee4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0bb3ee4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f09441 elementor-widget elementor-widget-text-editor\" data-id=\"8f09441\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Setting Up MariaDB \/ MySQL<\/h3><ul><li>Navigate to web directory<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6464d85 elementor-widget elementor-widget-html\" data-id=\"6464d85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockCd\">\n  <code class=\"command\">cd \/var\/www\/html<\/code>\n  <button class=\"copy-button\" id=\"copyButtonCd\" onclick=\"copyCdToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyCdToClipboard() {\n    const command = \"cd \/var\/www\/html\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonCd');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-038f6ef elementor-widget elementor-widget-text-editor\" data-id=\"038f6ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Start MySQL setup<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50d8dd6 elementor-widget elementor-widget-html\" data-id=\"50d8dd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockMysql\">\n  <code class=\"command\">sudo mysql<\/code>\n  <button class=\"copy-button\" id=\"copyButtonMysql\" onclick=\"copyMysqlToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyMysqlToClipboard() {\n    const command = \"sudo mysql\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonMysql');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e7bf17 elementor-widget elementor-widget-text-editor\" data-id=\"5e7bf17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Create a WordPress user and grant privileges<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f760d8 elementor-widget elementor-widget-html\" data-id=\"7f760d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockCreateUser\">\n  <code class=\"command\">CREATE USER 'input-user-here'@'localhost' IDENTIFIED BY 'input-password-here';<\/code>\n  <button class=\"copy-button\" id=\"copyButtonCreateUser\" onclick=\"copyCreateUserToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyCreateUserToClipboard() {\n    const command = \"CREATE USER 'input-user-here'@'localhost' IDENTIFIED BY 'input-password-here';\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonCreateUser');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d03bb02 elementor-widget elementor-widget-html\" data-id=\"d03bb02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockGrantPrivileges\">\n  <code class=\"command\">GRANT ALL PRIVILEGES ON *.* TO 'input-user-here'@'localhost';<\/code>\n  <button class=\"copy-button\" id=\"copyButtonGrantPrivileges\" onclick=\"copyGrantPrivilegesToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyGrantPrivilegesToClipboard() {\n    const command = \"GRANT ALL PRIVILEGES ON *.* TO 'input-user-here'@'localhost';\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonGrantPrivileges');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04704c9 elementor-widget elementor-widget-text-editor\" data-id=\"04704c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Create a WordPress database<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2448397 elementor-widget elementor-widget-html\" data-id=\"2448397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockCreateDatabase\">\n  <code class=\"command\">CREATE DATABASE input-database-name-here;<\/code>\n  <button class=\"copy-button\" id=\"copyButtonCreateDatabase\" onclick=\"copyCreateDatabaseToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyCreateDatabaseToClipboard() {\n    const command = \"CREATE DATABASE input-database-name-here;\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonCreateDatabase');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-378acb2 elementor-widget elementor-widget-text-editor\" data-id=\"378acb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Flush privileges and EXIT<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fb0ef5 elementor-widget elementor-widget-html\" data-id=\"5fb0ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockFlushPrivileges\">\n  <code class=\"command\">FLUSH PRIVILEGES;<\/code>\n  <button class=\"copy-button\" id=\"copyButtonFlushPrivileges\" onclick=\"copyFlushPrivilegesToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyFlushPrivilegesToClipboard() {\n    const command = \"FLUSH PRIVILEGES;\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonFlushPrivileges');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8dcc5c elementor-widget elementor-widget-html\" data-id=\"b8dcc5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockExit\">\n  <code class=\"command\">EXIT;<\/code>\n  <button class=\"copy-button\" id=\"copyButtonExit\" onclick=\"copyExitToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyExitToClipboard() {\n    const command = \"EXIT;\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonExit');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf8a000 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"cf8a000\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f27c11a elementor-widget elementor-widget-text-editor\" data-id=\"f27c11a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Setting Up WordPress<\/h3><ul><li>Ensure you are in &#8220;\/var\/www\/html&#8221; directory<\/li><li>Download and setup<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b049bee elementor-widget elementor-widget-html\" data-id=\"b049bee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockWget\">\n  <code class=\"command\">sudo wget https:\/\/wordpress.org\/latest.tar.gz<\/code>\n  <button class=\"copy-button\" id=\"copyButtonWget\" onclick=\"copyWgetToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyWgetToClipboard() {\n    const command = \"sudo wget https:\/\/wordpress.org\/latest.tar.gz\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonWget');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f9552f elementor-widget elementor-widget-text-editor\" data-id=\"1f9552f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Remove default Nginx html<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72c78f8 elementor-widget elementor-widget-html\" data-id=\"72c78f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockRm\">\n  <code class=\"command\">sudo rm index.nginx-debian.html<\/code>\n  <button class=\"copy-button\" id=\"copyButtonRm\" onclick=\"copyRmToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyRmToClipboard() {\n    const command = \"sudo rm index.nginx-debian.html\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonRm');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-502b23f elementor-widget elementor-widget-text-editor\" data-id=\"502b23f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Extract WordPress<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2c7a63 elementor-widget elementor-widget-html\" data-id=\"d2c7a63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockTar\">\n  <code class=\"command\">sudo tar xvfz latest.tar.gz<\/code>\n  <button class=\"copy-button\" id=\"copyButtonTar\" onclick=\"copyTarToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyTarToClipboard() {\n    const command = \"sudo tar xvfz latest.tar.gz\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonTar');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff1e206 elementor-widget elementor-widget-text-editor\" data-id=\"ff1e206\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Move WordPress to web directory<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0563a76 elementor-widget elementor-widget-html\" data-id=\"0563a76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockMv\">\n  <code class=\"command\">sudo mv wordpress\/* .<\/code>\n  <button class=\"copy-button\" id=\"copyButtonMv\" onclick=\"copyMvToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyMvToClipboard() {\n    const command = \"sudo mv wordpress\/* .\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonMv');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcf6f48 elementor-widget elementor-widget-text-editor\" data-id=\"dcf6f48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Remove WordPress tar<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fd348d elementor-widget elementor-widget-html\" data-id=\"0fd348d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockRm\">\n  <code class=\"command\">sudo rm latest.tar.gz<\/code>\n  <button class=\"copy-button\" id=\"copyButtonRm\" onclick=\"copyRmToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyRmToClipboard() {\n    const command = \"sudo rm latest.tar.gz\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonRm');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c4f356 elementor-widget elementor-widget-text-editor\" data-id=\"7c4f356\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Remove WordPress folder<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74130ca elementor-widget elementor-widget-html\" data-id=\"74130ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockRmRf\">\n  <code class=\"command\">sudo rm -rf wordpress\/<\/code>\n  <button class=\"copy-button\" id=\"copyButtonRmRf\" onclick=\"copyRmRfToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyRmRfToClipboard() {\n    const command = \"sudo rm -rf wordpress\/\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonRmRf');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79874a5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"79874a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a8f1db elementor-widget elementor-widget-text-editor\" data-id=\"9a8f1db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Configuring Nginx for WordPress<\/h3><ul><li>Edit Nginx Configuration<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b413c3b elementor-widget elementor-widget-html\" data-id=\"b413c3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockNano\">\n  <code class=\"command\">sudo nano \/etc\/nginx\/sites-available\/default<\/code>\n  <button class=\"copy-button\" id=\"copyButtonNano\" onclick=\"copyNanoToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyNanoToClipboard() {\n    const command = \"sudo nano \/etc\/nginx\/sites-available\/default\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonNano');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04ef538 elementor-widget elementor-widget-text-editor\" data-id=\"04ef538\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4>Modify the configuration to include:<\/h4><ul><li>server_name example.com www.example.com;<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81c70d5 elementor-widget elementor-widget-html\" data-id=\"81c70d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockServerName\">\n  <code class=\"command\">server_name example.com www.example.com;<\/code>\n  <button class=\"copy-button\" id=\"copyButtonServerName\" onclick=\"copyServerNameToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyServerNameToClipboard() {\n    const command = \"server_name example.com www.example.com;\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonServerName');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3a085f elementor-widget elementor-widget-text-editor\" data-id=\"c3a085f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>index index.php;<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13b151c elementor-widget elementor-widget-html\" data-id=\"13b151c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockIndex\">\n  <code class=\"command\">index index.php;<\/code>\n  <button class=\"copy-button\" id=\"copyButtonIndex\" onclick=\"copyIndexToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyIndexToClipboard() {\n    const command = \"index index.php;\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonIndex');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63c5a7c elementor-widget elementor-widget-text-editor\" data-id=\"63c5a7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Uncomment &#8220;~ \\.php$ {&#8220;<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59cf3b7 elementor-widget elementor-widget-html\" data-id=\"59cf3b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockPhpRegex\">\n  <code class=\"command\">~ \\.php$ {<\/code>\n  <button class=\"copy-button\" id=\"copyButtonPhpRegex\" onclick=\"copyPhpRegexToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyPhpRegexToClipboard() {\n    const command = \"~ \\\\.php$ {\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonPhpRegex');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1f1472 elementor-widget elementor-widget-text-editor\" data-id=\"f1f1472\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Uncomment &#8220;fastcgi_pass unix:\/run\/php\/php8.3-fpm.sock;&#8221;<\/li><li>Ensure php version matches<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b13966 elementor-widget elementor-widget-html\" data-id=\"6b13966\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockFastcgiPass\">\n  <code class=\"command\">fastcgi_pass unix:\/run\/php\/php8.3-fpm.sock;<\/code>\n  <button class=\"copy-button\" id=\"copyButtonFastcgiPass\" onclick=\"copyFastcgiPassToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyFastcgiPassToClipboard() {\n    const command = \"fastcgi_pass unix:\/run\/php\/php8.3-fpm.sock;\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonFastcgiPass');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3f997a elementor-widget elementor-widget-text-editor\" data-id=\"f3f997a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Check php location \/ version<\/li><li>If nothing is found, update php location \/ version in above configuration<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d901b5 elementor-widget elementor-widget-html\" data-id=\"0d901b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockLs\">\n  <code class=\"command\">ls \/run\/php\/php8.3-fpm.sock<\/code>\n  <button class=\"copy-button\" id=\"copyButtonLs\" onclick=\"copyLsToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyLsToClipboard() {\n    const command = \"ls \/run\/php\/php8.3-fpm.sock\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonLs');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3e2da9 elementor-widget elementor-widget-text-editor\" data-id=\"c3e2da9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Test Nginx configuration<\/li><li>Should receive succesful response<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4586b7e elementor-widget elementor-widget-html\" data-id=\"4586b7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockNginxTest\">\n  <code class=\"command\">sudo nginx -t<\/code>\n  <button class=\"copy-button\" id=\"copyButtonNginxTest\" onclick=\"copyNginxTestToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyNginxTestToClipboard() {\n    const command = \"sudo nginx -t\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonNginxTest');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7506650 elementor-widget elementor-widget-text-editor\" data-id=\"7506650\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Restart Nginx<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4ab254 elementor-widget elementor-widget-html\" data-id=\"d4ab254\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockRestartNginx\">\n  <code class=\"command\">sudo systemctl restart nginx<\/code>\n  <button class=\"copy-button\" id=\"copyButtonRestartNginx\" onclick=\"copyRestartNginxToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyRestartNginxToClipboard() {\n    const command = \"sudo systemctl restart nginx\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonRestartNginx');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe10349 elementor-widget elementor-widget-text-editor\" data-id=\"fe10349\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Set permissions for www-data user \/ group to own location &#8220;\/var\/www\/html&#8221;<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cbe163 elementor-widget elementor-widget-html\" data-id=\"0cbe163\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockChown\">\n  <code class=\"command\">sudo chown -R www-data:www-data \/var\/www\/html<\/code>\n  <button class=\"copy-button\" id=\"copyButtonChown\" onclick=\"copyChownToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyChownToClipboard() {\n    const command = \"sudo chown -R www-data:www-data \/var\/www\/html\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonChown');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c00d899 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c00d899\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9b6618 elementor-widget elementor-widget-text-editor\" data-id=\"a9b6618\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Completing WordPress Installation<\/h3><ul><li>Navigate to your website via public IP or domain name to begin the WordPress installation:<ul><li>Database Name: [insert database]<\/li><li>Username:\u00a0[insert username]<\/li><li>Password: [insert password]<\/li><\/ul><\/li><li>Follow the on-screen instructions to complete the installation.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bdc7a1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4bdc7a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-347cfd9 elementor-widget elementor-widget-text-editor\" data-id=\"347cfd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Setting Up SSL with Certbot<\/h3><ul><li>Install snap package manager<\/li><li>Install snap core<\/li><li>Install Certbot via snap (recommended)<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db11224 elementor-widget elementor-widget-html\" data-id=\"db11224\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockSnapd\">\n  <code class=\"command\">sudo apt install snapd<\/code>\n  <button class=\"copy-button\" id=\"copyButtonSnapd\" onclick=\"copySnapdToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copySnapdToClipboard() {\n    const command = \"sudo apt install snapd\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonSnapd');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f74ba23 elementor-widget elementor-widget-html\" data-id=\"f74ba23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockCore\">\n  <code class=\"command\">sudo snap install core<\/code>\n  <button class=\"copy-button\" id=\"copyButtonCore\" onclick=\"copyCoreToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyCoreToClipboard() {\n    const command = \"sudo snap install core\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonCore');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3aca682 elementor-widget elementor-widget-html\" data-id=\"3aca682\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockRefresh\">\n  <code class=\"command\">sudo snap refresh core<\/code>\n  <button class=\"copy-button\" id=\"copyButtonRefresh\" onclick=\"copyRefreshToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyRefreshToClipboard() {\n    const command = \"sudo snap refresh core\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonRefresh');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed0c4d1 elementor-widget elementor-widget-html\" data-id=\"ed0c4d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockCertbot\">\n  <code class=\"command\">sudo snap install --classic certbot<\/code>\n  <button class=\"copy-button\" id=\"copyButtonCertbot\" onclick=\"copyCertbotToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyCertbotToClipboard() {\n    const command = \"sudo snap install --classic certbot\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonCertbot');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-732d13d elementor-widget elementor-widget-text-editor\" data-id=\"732d13d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Create a symbolic link (a shortcut) to the Certbot executable<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bf4de4 elementor-widget elementor-widget-html\" data-id=\"5bf4de4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockCertbotLink\">\n  <code class=\"command\">sudo ln -s \/snap\/bin\/certbot \/usr\/bin\/certbot<\/code>\n  <button class=\"copy-button\" id=\"copyButtonCertbotLink\" onclick=\"copyCertbotLinkToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyCertbotLinkToClipboard() {\n    const command = \"sudo ln -s \/snap\/bin\/certbot \/usr\/bin\/certbot\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonCertbotLink');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-caf57db elementor-widget elementor-widget-text-editor\" data-id=\"caf57db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Obtain an SSL certificate for your domain<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53d636f elementor-widget elementor-widget-html\" data-id=\"53d636f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockCertbotNginx\">\n  <code class=\"command\">sudo certbot --nginx -d example.com -d www.example.com<\/code>\n  <button class=\"copy-button\" id=\"copyButtonCertbotNginx\" onclick=\"copyCertbotNginxToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyCertbotNginxToClipboard() {\n    const command = \"sudo certbot --nginx -d example.com -d www.example.com\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonCertbotNginx');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb68fa6 elementor-widget elementor-widget-text-editor\" data-id=\"fb68fa6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Check renewal service<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7f1772 elementor-widget elementor-widget-html\" data-id=\"a7f1772\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockCertbotStatus\">\n  <code class=\"command\">sudo systemctl status snap.certbot.renew.service<\/code>\n  <button class=\"copy-button\" id=\"copyButtonCertbotStatus\" onclick=\"copyCertbotStatusToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyCertbotStatusToClipboard() {\n    const command = \"sudo systemctl status snap.certbot.renew.service\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonCertbotStatus');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be50cca elementor-widget elementor-widget-text-editor\" data-id=\"be50cca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Dry run renewal test<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b14f753 elementor-widget elementor-widget-html\" data-id=\"b14f753\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockCertbotRenew\">\n  <code class=\"command\">sudo certbot renew --dry-run<\/code>\n  <button class=\"copy-button\" id=\"copyButtonCertbotRenew\" onclick=\"copyCertbotRenewToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyCertbotRenewToClipboard() {\n    const command = \"sudo certbot renew --dry-run\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonCertbotRenew');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19114c2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"19114c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83eaa56 elementor-widget elementor-widget-text-editor\" data-id=\"83eaa56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Troubleshooting SSL Issues<\/h3><h4>If your website is not accessible after setting up SSL:<\/h4><ul><li>Access your DNS settings on Cloudflare<\/li><li>Select your domain, navigate to SSL\/TLS Settings &gt; Overview, and configure SSL\/TLS encryption to Full<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9664fd elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b9664fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b3c5fc elementor-widget elementor-widget-text-editor\" data-id=\"3b3c5fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Setting Up Firewall with Firewalld (<em>Optional<\/em>)<\/h3><ul><li>Install and enable Firewalld<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3abb753 elementor-widget elementor-widget-html\" data-id=\"3abb753\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockFirewalld\">\n  <code class=\"command\">sudo apt install firewalld<\/code>\n  <button class=\"copy-button\" id=\"copyButtonFirewalld\" onclick=\"copyFirewalldToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyFirewalldToClipboard() {\n    const command = \"sudo apt install firewalld\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonFirewalld');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2995146 elementor-widget elementor-widget-html\" data-id=\"2995146\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockStartFirewalld\">\n  <code class=\"command\">sudo systemctl start firewalld<\/code>\n  <button class=\"copy-button\" id=\"copyButtonStartFirewalld\" onclick=\"copyStartFirewalldToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyStartFirewalldToClipboard() {\n    const command = \"sudo systemctl start firewalld\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonStartFirewalld');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffcb846 elementor-widget elementor-widget-html\" data-id=\"ffcb846\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockEnableFirewalld\">\n  <code class=\"command\">sudo systemctl enable firewalld<\/code>\n  <button class=\"copy-button\" id=\"copyButtonEnableFirewalld\" onclick=\"copyEnableFirewalldToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyEnableFirewalldToClipboard() {\n    const command = \"sudo systemctl enable firewalld\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonEnableFirewalld');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fdf29f elementor-widget elementor-widget-html\" data-id=\"8fdf29f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockStatusFirewalld\">\n  <code class=\"command\">sudo systemctl status firewalld<\/code>\n  <button class=\"copy-button\" id=\"copyButtonStatusFirewalld\" onclick=\"copyStatusFirewalldToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyStatusFirewalldToClipboard() {\n    const command = \"sudo systemctl status firewalld\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonStatusFirewalld');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69c1b69 elementor-widget elementor-widget-text-editor\" data-id=\"69c1b69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Set up firewall rules to allow for HTTP \/ HTTPs connections<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e027592 elementor-widget elementor-widget-html\" data-id=\"e027592\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockAddServiceHttp\">\n  <code class=\"command\">sudo firewall-cmd --add-service=http --permanent<\/code>\n  <button class=\"copy-button\" id=\"copyButtonAddServiceHttp\" onclick=\"copyAddServiceHttpToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyAddServiceHttpToClipboard() {\n    const command = \"sudo firewall-cmd --add-service=http --permanent\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonAddServiceHttp');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a319f9 elementor-widget elementor-widget-html\" data-id=\"6a319f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockAddServiceHttps\">\n  <code class=\"command\">sudo firewall-cmd --add-service=https --permanent<\/code>\n  <button class=\"copy-button\" id=\"copyButtonAddServiceHttps\" onclick=\"copyAddServiceHttpsToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyAddServiceHttpsToClipboard() {\n    const command = \"sudo firewall-cmd --add-service=https --permanent\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonAddServiceHttps');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76b6b95 elementor-widget elementor-widget-text-editor\" data-id=\"76b6b95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Reload Firewalld and check that services has updated to include HTTP \/ HTTPS<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ceb3a6a elementor-widget elementor-widget-html\" data-id=\"ceb3a6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockReload\">\n  <code class=\"command\">sudo firewall-cmd --reload<\/code>\n  <button class=\"copy-button\" id=\"copyButtonReload\" onclick=\"copyReloadToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyReloadToClipboard() {\n    const command = \"sudo firewall-cmd --reload\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonReload');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92921a1 elementor-widget elementor-widget-html\" data-id=\"92921a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .code-block {\n    background-color: #000; \/* Black background *\/\n    color: #FFFFFF; \/* White text *\/\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: 'Red Hat Text', sans-serif;\n    white-space: nowrap; \/* Prevent wrapping *\/\n    margin: 10px 0; \/* Spacing between blocks *\/\n    display: flex; \/* Use flexbox for alignment *\/\n    align-items: center; \/* Center items vertically *\/\n    justify-content: space-between; \/* Space between items *\/\n  }\n\n  .copy-button {\n    background-color: #007bff;\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.3s; \/* Smooth transition *\/\n  }\n\n  .copy-button:hover {\n    background-color: #0056b3;\n  }\n\n  .copied {\n    background-color: #28a745; \/* Change to green when copied *\/\n  }\n\n  .command {\n    flex-grow: 1; \/* Allow command to take up available space *\/\n    text-align: left; \/* Left-align the text *\/\n  }\n<\/style>\n\n<div class=\"code-block\" id=\"codeBlockListServices\">\n  <code class=\"command\">sudo firewall-cmd --list-services<\/code>\n  <button class=\"copy-button\" id=\"copyButtonListServices\" onclick=\"copyListServicesToClipboard()\">Copy<\/button>\n<\/div>\n\n<script>\n  function copyListServicesToClipboard() {\n    const command = \"sudo firewall-cmd --list-services\"; \/\/ The text to copy\n    navigator.clipboard.writeText(command).then(() => {\n      const copyButton = document.getElementById('copyButtonListServices');\n      copyButton.textContent = 'Copied';\n      copyButton.classList.add('copied');\n      \n      \/\/ Reset button text and color after a short delay\n      setTimeout(() => {\n        copyButton.textContent = 'Copy';\n        copyButton.classList.remove('copied');\n      }, 2000);\n    });\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be91fb4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"be91fb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-694e3c9 elementor-widget elementor-widget-text-editor\" data-id=\"694e3c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Final Thoughts<\/h2><p>This guide provides a comprehensive approach to setting up a LEMP stack and configuring it for WordPress. Follow each section carefully, and don\u2019t hesitate to adapt configurations as needed for your environment. Happy building!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0351136 e-flex e-con-boxed e-con e-parent\" data-id=\"0351136\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3ed2e2 elementor-widget elementor-widget-spacer\" data-id=\"f3ed2e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Creating Website Setting Up Your Oracle Cloud Environment Login to Oracle Cloud: Access your instance and select the subnet under [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-689","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/parke-r.com\/index.php?rest_route=\/wp\/v2\/pages\/689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/parke-r.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/parke-r.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/parke-r.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/parke-r.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=689"}],"version-history":[{"count":8,"href":"https:\/\/parke-r.com\/index.php?rest_route=\/wp\/v2\/pages\/689\/revisions"}],"predecessor-version":[{"id":817,"href":"https:\/\/parke-r.com\/index.php?rest_route=\/wp\/v2\/pages\/689\/revisions\/817"}],"wp:attachment":[{"href":"https:\/\/parke-r.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}