Detalhes da questão

Endereço do fórum: http://bplgames.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Como faço pra tipo pegar o site do meu github e transformar em HTML?

Link do GitHub: https://frankbpll.github.io/

Código do site da exportação do mobirise:

Código:

{
  "settings": {
    "name": "Inicio fórum BPL",
    "currentPage": "index.html",
    "theme": {
      "name": "mobirise4",
      "title": "Mobirise 4",
      "styling": {
        "primaryColor": "#929c9f",
        "secondaryColor": "#cccccc",
        "successColor": "#465052",
        "infoColor": "#c1c1c1",
        "warningColor": "#03ff00",
        "dangerColor": "#0300ff",
        "mainFont": "Rubik",
        "display1Font": "Rubik",
        "display1Size": 4.25,
        "display2Font": "Rubik",
        "display2Size": 3,
        "display5Font": "Rubik",
        "display5Size": 1.5,
        "display7Font": "Rubik",
        "display7Size": 1,
        "display4Font": "Rubik",
        "display4Size": 1,
        "isRoundedButtons": true,
        "isAnimatedOnScroll": false,
        "isScrollToTopButton": false
      },
      "additionalSetColors": [
        "#2000ff",
        "#0300ff",
        "#929c9f",
        "#06d0ff",
        "#4fc4df",
        "#03ff00",
        "#000000"
      ]
    },
    "path": "@PROJECT_PATH@",
    "siteFonts": [],
    "versionFirst": "4.7.6",
    "uniqCompNum": 10,
    "versionPublish": "4.8.6",
    "favicon": "@PROJECT_PATH@/assets/images/h-60x60.png",
    "noImageResize": ""
  },
  "pages": {
    "index.html": {
      "settings": {
        "main": true,
        "title": "Home",
        "meta_descr": "",
        "header_custom": "",
        "footer_custom": "",
        "html_before": ""
      },
      "components": [
        {
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 15px)",
              "padding-bottom": "(@paddingBottom * 15px)"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "H1": {
              "color": "#000000"
            },
            ".mbr-text, .mbr-section-btn": {
              "color": "#000000"
            }
          },
          "_name": "header2",
          "_customHTML": "<section group="Headers" data-bg-video="{{bg.type == 'video' && bg.value.url}}" mbr-class="{\n         'mbr-fullscreen': fullScreen,\n         'mbr-parallax-background': bg.parallax}">\n\n    <mbr-parameters>\n    <!-- Block parameters controls (Blue "Gear" panel) -->\n        <input type="checkbox" title="Full Screen" name="fullScreen" checked>\n        <input type="range" inline title="Top" name="paddingTop" min="0" max="9" step="1" value="6" condition="fullScreen == false">\n        <input type="range" inline title="Bottom" name="paddingBottom" min="0" max="9" step="1" value="6" condition="fullScreen == false">\n        <input type="checkbox" title="Show Arrow" name="showArrow" checked>\n        <input type="checkbox" title="Show Title" name="showTitle" checked>\n        <input type="checkbox" title="Show Subtitle" name="showSubTitle">\n        <input type="checkbox" title="Show Text" name="showText" checked>\n        <input type="checkbox" title="Show Buttons" name="showButtons" checked>\n\n        <fieldset type="background" name="bg" parallax>\n            <input type="image" title="Background Image" value="@PROJECT_PATH@/assets/images/346325-gta-san-andreas-wallpapers-hd-by-thesitcixd-on-deviantart-1024x640-h-1024x640.jpg" parallax selected>\n            <input type="color" title="Background Color" value="#073B4C">\n            <input type="video" title="Background Video" value="http://www.youtube.com/watch?v=uNCr7NdOJgw">\n        </fieldset>\n        <input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'">\n        <input type="color" title="Overlay Color" name="overlayColor" value="#767676" condition="overlay && bg.type !== 'color'">\n        <input type="range" inline title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.5" condition="overlay && bg.type !== 'color'">\n    <!-- End block parameters -->\n    </mbr-parameters>\n\n    <div class="mbr-overlay" mbr-if="overlay && bg.type !== 'color'" opacity="{{overlayOpacity}}" bg-color="{{overlayColor}}"></div>\n\n    <div class="container align-center">\n        <div class="row justify-content-md-center">\n            <div class="mbr-white col-md-10">\n                <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style" mbr-theme-style="display-1" mbr-if="showTitle">Brazil Project Life</h1>\n                <h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style" mbr-theme-style="display-2" mbr-if="showSubTitle">\n                    Beautiful mobile websites\n                </h3>\n                <p class="mbr-text pb-3 mbr-fonts-style" mbr-theme-style="display-5" mbr-if="showText" data-app-selector=".mbr-text, .mbr-section-btn">SEJA BEM VINDO(a) A BPL GAMES, VENHA JOGAR CONOSCO<br>PREGRAMOS REGRAS E DIVERSÃO NO NOSSO SERVIRDOR!<br>SUA DIVERSÃO É O QUE MAIS IMPORTA!&nbsp;</p>\n                <div mbr-buttons mbr-theme-style="display-7" class="mbr-section-btn" mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a class="btn btn-md btn-black-outline" href="http://bplgames.forumeiros.com/register" data-app-placeholder="Type Text" target="_blank"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a> <a class="btn btn-md btn-black-outline" href="http://bplgames.forumeiros.com/" data-app-placeholder="Type Text" target="_blank"><span class="mbri-right mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a>\n                    <a class="btn btn-md btn-black-outline" href="https://mobirise.com" data-app-placeholder="Type Text"><span class="mbri-video mbr-iconfont mbr-iconfont-btn"></span>DISCORD</a></div>\n            </div>\n        </div>\n    </div>\n    <div mbr-if="showArrow" class="mbr-arrow hidden-sm-down" aria-hidden="true">\n        <a href="#next">\n            <i class="mbri-down mbr-iconfont"></i>\n        </a>\n    </div>\n</section>",
          "_cid": "qTkA127IK8",
          "_anchor": "header2-1",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = 'color')": {
              "background": "linear-gradient(45deg, @bg-value, @color2)"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".list-group-item": {
              "padding": ".75rem 3.25rem"
            },
            ".plan": {
              "word-break": "break-word",
              "position": "relative",
              "max-width": "300px",
              "padding-right": "0",
              "padding-left": "0",
              "color": "#767676",
              ".list-group-item": {
                "position": "relative",
                "-webkit-justify-content": "center",
                "justify-content": "center",
                "border": "0",
                "&::after": {
                  "position": "absolute",
                  "bottom": "0",
                  "left": "20%",
                  "width": "60%",
                  "height": "2px",
                  "content": """",
                  "background-color": "#eaeaea"
                },
                "&:last-child::after": {
                  "display": "none"
                }
              }
            },
            ".plan-header": {
              "padding-left": "1rem",
              "padding-right": "1rem"
            },
            ".plan-header, .plan-body": {
              "background-color": "#fff"
            },
            ".price-figure": {
              "font-weight": "700",
              "color": "#232323"
            },
            ".price-value": {
              "font-weight": "700",
              "vertical-align": "top",
              "color": "#232323"
            },
            "@media (max-width: 550px)": {
              ".price-figure": {
                "font-size": "4.25rem"
              }
            },
            ".price-term": {
              "color": "#232323"
            },
            ".plan-title": {
              "color": "#03ff00"
            },
            "LI": {
              "color": "#0300ff"
            }
          },
          "_name": "pricing-tables1",
          "_customHTML": "<section group="Pricing Tables" data-bg-video="{{bg.type == 'video' && bg.value.url}}" mbr-class="{'mbr-parallax-background':bg.parallax}">\n\n    <mbr-parameters>\n    <!-- Block parameters controls (Blue "Gear" panel) -->\n        <input inline type="range" title="Top" name="paddingTop" min="0" max="8" step="1" value="6">\n        <input inline type="range" title="Bottom" name="paddingBottom" min="0" max="8" step="1" value="6">\n\n        <input type="checkbox" title="Show Buttons" name="showButtons" checked>\n        <select title="Items Count" name="itemsCount">\n            <option value="1">1</option>\n            <option value="2">2</option>\n            <option value="3">3</option>\n            <option value="4" selected>4</option>\n        </select>\n\n        <fieldset type="background" name="bg" parallax>\n            <input type="image" title="Background Image" value="@PROJECT_PATH@/assets/images/grand-theft-auto-5-los-santos-dual-monitor-wallpaper-7-2000x721.jpg" selected>\n            <input type="color" title="Background Color" value="#177396">\n            <input type="video" title="Background Video" value="http://www.youtube.com/watch?v=uNCr7NdOJgw">\n        </fieldset>\n        <input type="color" title="Color 2" name="color2" value="#ca2955" condition="bg.type=='color'" selected>\n\n        <input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'">\n        <input type="color" title="Overlay Color" name="overlayColor" value="#000000" condition="overlay && bg.type !== 'color'">\n        <input type="range" inline title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.2" condition="overlay && bg.type !== 'color'">\n    <!-- End block parameters -->\n    </mbr-parameters>\n\n    <div class="mbr-overlay" mbr-if="overlay && bg.type!== 'color'" mbr-style="{'opacity': overlayOpacity, 'background-color': overlayColor}">\n    </div>\n    <div class="container">\n        <div class="media-container-row">\n\n            <div class="plan col-12 mx-2 my-2 justify-content-center" mbr-if="itemsCount > 0" mbr-class="{\n                 'col-lg-4': itemsCount == 3,\n                 'col-lg-6': itemsCount == 2,\n                 'col-lg-3': itemsCount == 4}">\n                <div class="plan-header text-center pt-5">\n                    <h3 class="plan-title mbr-fonts-style" mbr-theme-style="display-5" data-app-selector=".plan-title">5K DE MOEDAS</h3>\n                    <div class="plan-price">\n                        <span mbr-text class="price-value mbr-fonts-style" mbr-theme-style="display-2" data-app-selector=".price-value">\n                            $\n                        </span>\n                        <span mbr-text class="price-figure mbr-fonts-style" mbr-theme-style="display-1" data-app-selector=".price-figure"><br>5,00</span>\n                        <small mbr-text class="price-term mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".price-term"><b><br></b><b>REAIS</b></small>\n                    </div>\n                </div>\n                <div class="plan-body pb-5">\n                    <div class="plan-list align-center">\n                        <ul mbr-text class="list-group list-group-flush mbr-fonts-style" mbr-theme-style="display-7">\n                            <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">5K DE MOEDAS BPL</li>\n                        </ul>\n                    </div>\n                    <div mbr-buttons mbr-theme-style="display-4" class="mbr-section-btn text-center pt-4 " mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a href="https://mobirise.co" class="btn btn-warning-outline" data-app-placeholder="Type Text">COMPRAR</a></div>\n                </div>\n            </div>\n\n            <div class="plan col-12 mx-2 my-2 justify-content-center" mbr-if="itemsCount > 1" mbr-class="{\n                 'col-lg-4': itemsCount == 3,\n                 'col-lg-6': itemsCount == 2,\n                 'col-lg-3': itemsCount == 4}">\n                <div class="plan-header text-center pt-5">\n                    <h3 class="plan-title mbr-fonts-style" mbr-theme-style="display-5" data-app-selector=".plan-title">10K DE MOEDAS</h3>\n                    <div class="plan-price">\n                        <span mbr-text class="price-value mbr-fonts-style" mbr-theme-style="display-2" data-app-selector=".price-value">\n                            $\n                        </span>\n                        <span mbr-text class="price-figure mbr-fonts-style" mbr-theme-style="display-1" data-app-selector=".price-figure"><br>10,00</span>\n                        <small mbr-text class="price-term mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".price-term"><b>\n                            </b><br><b>REAIS</b></small>\n                    </div>\n                </div>\n                <div class="plan-body pb-5">\n                    <div class="plan-list align-center">\n                        <ul mbr-text class="list-group list-group-flush mbr-fonts-style" mbr-theme-style="display-7">\n                            <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">10K DE MOEDAS BPL</li>\n                        </ul>\n                    </div>\n                    <div mbr-buttons mbr-theme-style="display-4" class="mbr-section-btn text-center pt-4" mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a href="https://mobirise.co" class="btn btn-warning-outline" data-app-placeholder="Type Text">COMPRAR</a></div>\n                </div>\n            </div>\n\n            <div class="plan col-12 mx-2 my-2 justify-content-center" mbr-if="itemsCount > 2" mbr-class="{\n                 'col-lg-4': itemsCount == 3,\n                 'col-lg-6': itemsCount == 2,\n                 'col-lg-3': itemsCount == 4}">\n                <div class="plan-header text-center pt-5">\n                    <h3 class="plan-title mbr-fonts-style" mbr-theme-style="display-5" data-app-selector=".plan-title">50K DE MOEDAS</h3>\n                    <div class="plan-price">\n                        <span mbr-text class="price-value mbr-fonts-style" mbr-theme-style="display-2" data-app-selector=".price-value">\n                            $\n                        </span>\n                        <span mbr-text class="price-figure mbr-fonts-style" mbr-theme-style="display-1" data-app-selector=".price-figure">\n                            <br>50,00<br></span>\n                        <small mbr-text class="price-term mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".price-term"><b>\n                            REAIS</b></small>\n                    </div>\n                </div>\n                <div class="plan-body pb-5">\n                    <div class="plan-list align-center">\n                        <ul mbr-text class="list-group list-group-flush mbr-fonts-style" mbr-theme-style="display-7">\n                            <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">50K DE MOEDAS BPL</li>\n                        </ul>\n                    </div>\n                    <div mbr-buttons mbr-theme-style="display-4" class="mbr-section-btn text-center pt-4" mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a href="https://mobirise.co" class="btn btn-warning-outline" data-app-placeholder="Type Text">COMPRAR</a></div>\n                </div>\n            </div>\n\n            <div class="plan col-12 mx-2 my-2 justify-content-center" mbr-if="itemsCount > 3" mbr-class="{\n                 'col-lg-4': itemsCount == 3,\n                 'col-lg-6': itemsCount == 2,\n                 'col-lg-3': itemsCount == 4}">\n                <div class="plan-header text-center pt-5">\n                    <h3 class="plan-title mbr-fonts-style" mbr-theme-style="display-5" data-app-selector=".plan-title">100K DE MOEDAS</h3>\n                    <div class="plan-price">\n                        <span mbr-text class="price-value mbr-fonts-style" mbr-theme-style="display-2" data-app-selector=".price-value">\n                            $\n                        </span>\n                        <span mbr-text class="price-figure mbr-fonts-style" mbr-theme-style="display-1" data-app-selector=".price-figure">\n                            100,OO</span>\n                        <small mbr-text class="price-term mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".price-term"><b>REAIS</b></small>\n                    </div>\n                </div>\n                <div class="plan-body pb-5">\n                    <div class="plan-list align-center">\n                        <ul mbr-text class="list-group list-group-flush mbr-fonts-style" mbr-theme-style="display-7">\n                            <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">100K DE MOEDAS BPL</li>\n                        </ul>\n                    </div>\n                    <div mbr-buttons mbr-theme-style="display-4" class="mbr-section-btn text-center pt-4" mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a href="https://mobirise.co" class="btn btn-warning-outline" data-app-placeholder="Type Text">COMPRAR</a></div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "r75TPqPSDL",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {},
          "_anchor": "pricing-tables1-8"
        },
        {
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            }
          },
          "_name": "footer6",
          "_customHTML": "<section group="Footers" global once mbr-class="{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}">\n\n    <mbr-parameters>\n    <!-- Block parameters controls (Blue "Gear" panel) -->\n        <input type="range" inline title="Top" name="paddingTop" min="0" max="8" step="1" value="2">\n        <input type="range" inline title="Bottom" name="paddingBottom" min="0" max="8" step="1" value="2">\n        <input type="checkbox" title="Reveal effect" name="reveal">\n        <fieldset type="background" name="bg" parallax>\n            <input type="image" title="Background Image" value="../_images/jumbotron.jpg">\n            <input type="color" title="Background Color" value="#2e2e2e" selected>\n        </fieldset>\n        <input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'" checked>\n        <input type="color" title="Overlay Color" name="overlayColor" value="#3C3C3C" condition="overlay && bg.type !== 'color'">\n        <input type="range" inline title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.5" condition="overlay && bg.type !== 'color'">\n    <!-- End block parameters -->\n    </mbr-parameters>\n\n    <div class="mbr-overlay" mbr-if="overlay && bg.type !== 'color'" opacity="{{overlayOpacity}}" bg-color="{{overlayColor}}"></div>\n\n    <div class="container">\n        <div class="media-container-row align-center mbr-white">\n            <div class="col-12">\n                <p class="mbr-text mb-0 mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".media-container-row .mbr-text" data-app-placeholder="Type Text">| | Criado por Frank Hospedado em | | BPL GAMES | |<br></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "r75Xpjg5IF",
          "_protectedParams": [],
          "_global": true,
          "_once": true,
          "_params": {},
          "_anchor": "footer6-9"
        },
        {
          "_styles": {
            ".navbar": {
              "padding": ".5rem 0",
              "background": "@menuBgColor",
              "transition": "none",
              "min-height": "77px"
            },
            ".navbar-dropdown.bg-color.transparent.opened": {
              "background": "@menuBgColor"
            },
            "a": {
              "font-style": "normal"
            },
            ".nav-item": {
              "& span": {
                "padding-right": "0.4em",
                "line-height": "0.5em",
                "vertical-align": "text-bottom",
                "position": "relative",
                "text-decoration": "none"
              },
              "& a": {
                "display": "flex",
                "align-items": "center",
                "justify-content": "center",
                "padding": "0.7rem 0 !important",
                "margin": "0rem .65rem !important"
              }
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".btn": {
              "padding": "0.4rem 1.5rem",
              ".mbr-iconfont": {
                "font-size": "1.6rem"
              },
              "display": "inline-flex",
              "align-items": "center"
            },
            ".menu-logo": {
              "margin-right": "auto",
              ".navbar-brand": {
                "display": "flex",
                "margin-left": "5rem",
                "padding": "0",
                "transition": "padding .2s",
                "min-height": "3.8rem",
                "align-items": "center",
                ".navbar-caption-wrap": {
                  "display": "-webkit-flex",
                  "-webkit-align-items": "center",
                  "align-items": "center",
                  "word-break": "break-word",
                  "min-width": "7rem",
                  "margin": ".3rem 0",
                  ".navbar-caption": {
                    "line-height": "1.2rem !important",
                    "padding-right": "2rem"
                  }
                },
                ".navbar-logo": {
                  "font-size": "4rem",
                  "transition": "font-size 0.25s",
                  "& img": {
                    "display": "flex"
                  },
                  ".mbr-iconfont": {
                    "transition": "font-size 0.25s"
                  }
                }
              }
            },
            ".navbar-toggleable-sm .navbar-collapse": {
              "justify-content": "flex-end",
              "-webkit-justify-content": "flex-end",
              "padding-right": "5rem",
              "width": "auto",
              ".navbar-nav": {
                "flex-wrap": "wrap",
                "-webkit-flex-wrap": "wrap",
                "padding-left": "0",
                ".nav-item": {
                  "-webkit-align-self": "center",
                  "align-self": "center"
                }
              },
              ".navbar-buttons": {
                "padding-left": "0",
                "padding-bottom": "0"
              }
            },
            ".dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                "display": "none",
                "position": "absolute",
                "min-width": "5rem",
                "padding-top": "1.4rem",
                "padding-bottom": "1.4rem",
                "text-align": "left",
                ".dropdown-item": {
                  "width": "auto",
                  "padding": "0.235em 1.5385em 0.235em 1.5385em !important",
                  "&::after": {
                    "right": "0.5rem"
                  }
                },
                ".dropdown-submenu": {
                  "margin": "0"
                }
              },
              "&.open > .dropdown-menu": {
                "display": "block"
              }
            },
            ".navbar-toggleable-sm": {
              "&.opened:after": {
                "position": "absolute",
                "width": "100vw",
                "height": "100vh",
                "content": "''",
                "background-color": "rgba(0, 0, 0, 0.1)",
                "left": "0",
                "bottom": "0",
                "transform": "translateY(100%)",
                "-webkit-transform": "translateY(100%)",
                "z-index": "1000"
              }
            },
            ".navbar.navbar-short": {
              "min-height": "60px",
              "transition": "all .2s",
              "& .navbar-toggler-right": {
                "top": "20px"
              },
              "& .navbar-logo a": {
                "font-size": "2.5rem !important",
                "line-height": "2.5rem",
                "transition": "font-size 0.25s",
                "& .mbr-iconfont": {
                  "font-size": "2.5rem !important"
                },
                "& img": {
                  "height": "3rem !important"
                }
              },
              "& .navbar-brand": {
                "min-height": "3rem"
              }
            },
            "button.navbar-toggler": {
              "width": "31px",
              "height": "18px",
              "cursor": "pointer",
              "transition": "all .2s",
              "top": "1.5rem",
              "right": "1rem",
              "&:focus": {
                "outline": "none"
              },
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all .2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all .15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all .15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all .2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all .2s"
              },
              "&:nth-child(2)": {
                "-webkit-transform": "rotate(45deg)",
                "transform": "rotate(45deg)",
                "transition": "all .25s"
              },
              "&:nth-child(3)": {
                "-webkit-transform": "rotate(-45deg)",
                "transform": "rotate(-45deg)",
                "transition": "all .25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all .2s"
              }
            },
            ".collapsed": {
              "&.navbar-expand": {
                "flex-direction": "column"
              },
              ".btn": {
                "display": "flex"
              },
              ".navbar-collapse": {
                "display": "none !important",
                "padding-right": "0 !important",
                "&.collapsing,&.show": {
                  "display": "block !important",
                  ".navbar-nav": {
                    "display": "block",
                    "text-align": "center",
                    ".nav-item": {
                      "clear": "both",
                      "& when (@showButtons = false)": {
                        "&:last-child": {
                          "margin-bottom": "1rem"
                        }
                      }
                    }
                  },
                  ".navbar-buttons": {
                    "text-align": "center",
                    "&:last-child": {
                      "margin-bottom": "1rem"
                    }
                  }
                }
              },
              "button.navbar-toggler": {
                "display": "block"
              },
              ".navbar-brand": {
                "margin-left": "1rem !important"
              },
              ".navbar-toggleable-sm": {
                "flex-direction": "column",
                "-webkit-flex-direction": "column"
              },
              ".dropdown": {
                ".dropdown-menu": {
                  "width": "100%",
                  "text-align": "center",
                  "position": "relative",
                  "opacity": "0",
                  "display": "block",
                  "height": "0",
                  "visibility": "hidden",
                  "padding": "0",
                  "transition-duration": ".5s",
                  "transition-property": "opacity,padding,height"
                },
                "&.open > .dropdown-menu": {
                  "position": "relative",
                  "opacity": "1",
                  "height": "auto",
                  "padding": "1.4rem 0",
                  "visibility": "visible"
                },
                ".dropdown-submenu": {
                  "left": "0",
                  "text-align": "center",
                  "width": "100%"
                },
                ".dropdown-toggle[data-toggle="dropdown-submenu"]::after": {
                  "margin-top": "0",
                  "position": "inherit",
                  "right": "0",
                  "top": "50%",
                  "display": "inline-block",
                  "width": "0",
                  "height": "0",
                  "margin-left": ".3em",
                  "vertical-align": "middle",
                  "content": """",
                  "border-top": ".30em solid",
                  "border-right": ".30em solid transparent",
                  "border-left": ".30em solid transparent"
                }
              }
            },
            "@media (max-width: 991px)": {
              ".navbar-expand": {
                "flex-direction": "column"
              },
              "img": {
                "height": "3.8rem !important"
              },
              ".btn": {
                "display": "flex"
              },
              "button.navbar-toggler": {
                "display": "block"
              },
              ".navbar-brand": {
                "margin-left": "1rem !important"
              },
              ".navbar-toggleable-sm": {
                "flex-direction": "column",
                "-webkit-flex-direction": "column"
              },
              ".navbar-collapse": {
                "display": "none !important",
                "padding-right": "0 !important",
                "&.collapsing,&.show": {
                  "display": "block !important",
                  ".navbar-nav": {
                    "display": "block",
                    "text-align": "center",
                    ".nav-item": {
                      "clear": "both",
                      "& when (@showButtons = false)": {
                        "&:last-child": {
                          "margin-bottom": "1rem"
                        }
                      }
                    }
                  },
                  ".navbar-buttons": {
                    "text-align": "center",
                    "&:last-child": {
                      "margin-bottom": "1rem"
                    }
                  }
                }
              },
              ".dropdown": {
                ".dropdown-menu": {
                  "width": "100%",
                  "text-align": "center",
                  "position": "relative",
                  "opacity": "0",
                  "display": "block",
                  "height": "0",
                  "visibility": "hidden",
                  "padding": "0",
                  "transition-duration": ".5s",
                  "transition-property": "opacity,padding,height"
                },
                "&.open > .dropdown-menu": {
                  "position": "relative",
                  "opacity": "1",
                  "height": "auto",
                  "padding": "1.4rem 0",
                  "visibility": "visible"
                },
                ".dropdown-submenu": {
                  "left": "0",
                  "text-align": "center",
                  "width": "100%"
                },
                ".dropdown-toggle[data-toggle="dropdown-submenu"]::after": {
                  "margin-top": "0",
                  "position": "inherit",
                  "right": "0",
                  "top": "50%",
                  "display": "inline-block",
                  "width": "0",
                  "height": "0",
                  "margin-left": ".3em",
                  "vertical-align": "middle",
                  "content": """",
                  "border-top": ".30em solid",
                  "border-right": ".30em solid transparent",
                  "border-left": ".30em solid transparent"
                }
              }
            },
            "@media (min-width: 767px)": {
              ".menu-logo": {
                "flex-shrink": "0"
              }
            },
            ".navbar-collapse": {
              "flex-basis": "auto"
            },
            ".nav-link:hover, .dropdown-item:hover": {
              "color": "@itemsHoverColor !important"
            }
          },
          "_name": "menu1",
          "_customHTML": "<section class="menu" group="Menu" plugins="DropDown, TouchSwipe" always-top global once="menu" not-draggable position-absolute>\n\n    <mbr-parameters>\n    <!-- Block parameters controls (Blue "Gear" panel) -->\n        <input type="checkbox" title="Show Logo" name="showLogo" checked>\n        <input type="range" title="Logo Size" inline name="logoSize" min="3.8" max="8" step="0.1" value="3.8" condition="showLogo">\n        <input type="checkbox" title="Show Brand Name" name="showBrand" checked>\n        <input type="checkbox" title="Show Menu Items" name="showItems" checked>\n        <input type="color" title="Items Hover Color" name="itemsHoverColor" value="#c1c1c1" condition="showItems">\n        <input type="checkbox" title="Show Button(s)" name="showButtons" checked>\n        <input type="checkbox" title="Sticky" name="sticky" checked>\n        <input type="checkbox" title="Collapsed" name="collapsed">\n        <input type="checkbox" title="Transparent" name="transparent">\n        <input type="color" title="Hamburger Color" name="hamburgerColor" value="#ffffff">\n        <input type="color" title="Background Color" name="menuBgColor" value="#333333">\n    <!-- End block parameters -->\n    </mbr-parameters>\n\n    <nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center" mbr-class="{'navbar-fixed-top': sticky,\n        'navbar-toggleable-sm': !collapsed,\n        'collapsed': collapsed,\n        'bg-color transparent': transparent}">\n        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">\n            <div class="hamburger">\n                <span></span>\n                <span></span>\n                <span></span>\n                <span></span>\n            </div>\n        </button>\n        <div class="menu-logo">\n            <div class="navbar-brand">\n                <span mbr-if="showLogo" class="navbar-logo">\n                    <a href="https://mobirise.com">\n                         <img src="@PROJECT_PATH@/assets/images/sem-tz12-122x122.png" alt="Mobirise" mbr-style="{'height': logoSize + 'rem'}" title>\n                    </a>\n                </span>\n                <span mbr-if="showBrand" mbr-buttons mbr-theme-style="display-4" class="navbar-caption-wrap" data-toolbar="-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove"><a class="navbar-caption text-white" data-app-selector=".navbar-caption" href="https://mobirise.com" data-app-placeholder="Type Text">BRAZIL PROJECT LIFE</a></span>\n            </div>\n        </div>\n        <div class="collapse navbar-collapse" id="navbarSupportedContent">\n            <ul mbr-if="showItems" mbr-menu class="navbar-nav nav-dropdown" mbr-theme-style="display-4" mbr-class="{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}"><li class="nav-item">\n                    <a class="nav-link link text-white" href="https://mobirise.com" data-app-selector=".nav-link,.dropdown-item" data-app-placeholder="Type Text">\n                        </a>\n                </li>\n                <li class="nav-item">\n                    <a class="nav-link link text-white" href="https://mobirise.com" data-app-selector=".nav-link,.dropdown-item" data-app-placeholder="Type Text">\n                        </a>\n                </li></ul>\n            <div mbr-if="showButtons" mbr-buttons mbr-theme-style="display-4" class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-primary" href="https://mobirise.com" data-app-placeholder="Type Text">SHOPPING</a></div>\n        </div>\n    </nav>\n</section>",
          "_cid": "qTkzRZLJNu",
          "_anchor": "menu1-0",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        }
      ]
    }
  }
}

O que eu quero fazer com esse código passado acima é transforma-lo em HTML para o meu fórum.

Olá @Jhonny_.,
A página está!?

Código:


<!DOCTYPE html>
<html >
<head>
  <!-- Site made with Mobirise Website Builder v4.8.6, https://mobirise.com -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="generator" content="Mobirise v4.8.6, mobirise.com">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <base href="https://frankbpll.github.io/">
  <link rel="shortcut icon" href="assets/images/h-60x60.png" type="image/x-icon">
  <meta name="description" content="">
  <title>Home</title>
  <link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
  <link rel="stylesheet" href="assets/tether/tether.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
  <link rel="stylesheet" href="assets/dropdown/css/style.css">
  <link rel="stylesheet" href="assets/theme/css/style.css">
  <link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
 
 
 
</head>
<body>
  <section class="menu cid-qTkzRZLJNu" once="menu" id="menu1-0">

   

    <nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </button>
        <div class="menu-logo">
            <div class="navbar-brand">
                <span class="navbar-logo">
                    <a href="https://mobirise.com">
                        <img src="assets/images/sem-tz12-122x122.png" alt="Mobirise" title="" style="height: 3.8rem;">
                    </a>
                </span>
                <span class="navbar-caption-wrap"><a class="navbar-caption text-white display-4" href="https://mobirise.com">BRAZIL PROJECT LIFE</a></span>
            </div>
        </div>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item">
                    <a class="nav-link link text-white display-4" href="https://mobirise.com">
                        </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link link text-white display-4" href="https://mobirise.com">
                        </a>
                </li></ul>
            <div class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-primary display-4" href="https://mobirise.com">SHOPPING</a></div>
        </div>
    </nav>
</section>

<section class="engine"><a href="https://mobirise.info/g">build your own site for free</a></section><section class="cid-qTkA127IK8 mbr-fullscreen mbr-parallax-background" id="header2-1">

   

   

    <div class="container align-center">
        <div class="row justify-content-md-center">
            <div class="mbr-white col-md-10">
                <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">Brazil Project Life</h1>
               
                <p class="mbr-text pb-3 mbr-fonts-style display-5">SEJA BEM VINDO(a) A BPL GAMES, VENHA JOGAR CONOSCO<br>PREGRAMOS REGRAS E DIVERSÃO NO NOSSO SERVIRDOR!<br>SUA DIVERSÃO É O QUE MAIS IMPORTA!&nbsp;</p>
                <div class="mbr-section-btn"><a class="btn btn-md btn-black-outline display-7" href="http://bplgames.forumeiros.com/register" target="_blank"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span>CRIAR CONTA</a> <a class="btn btn-md btn-black-outline display-7" href="http://bplgames.forumeiros.com/" target="_blank"><span class="mbri-right mbr-iconfont mbr-iconfont-btn"></span>ENTRAR NO FÓRUM</a>
                    <a class="btn btn-md btn-black-outline display-7" href="https://mobirise.com"><span class="mbri-video mbr-iconfont mbr-iconfont-btn"></span>DISCORD</a></div>
            </div>
        </div>
    </div>
    <div class="mbr-arrow hidden-sm-down" aria-hidden="true">
        <a href="#next">
            <i class="mbri-down mbr-iconfont"></i>
        </a>
    </div>
</section>

<section class="cid-r75TPqPSDL" id="pricing-tables1-8">

   

   
    <div class="container">
        <div class="media-container-row">

            <div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3">
                <div class="plan-header text-center pt-5">
                    <h3 class="plan-title mbr-fonts-style display-5">5K DE MOEDAS</h3>
                    <div class="plan-price">
                        <span class="price-value mbr-fonts-style display-2">
                            $
                        </span>
                        <span class="price-figure mbr-fonts-style display-1"><br>5,00</span>
                        <small class="price-term mbr-fonts-style display-7"><strong><br></strong><strong>REAIS</strong></small>
                    </div>
                </div>
                <div class="plan-body pb-5">
                    <div class="plan-list align-center">
                        <ul class="list-group list-group-flush mbr-fonts-style display-7">
                            <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">5K DE MOEDAS BPL</li>
                        </ul>
                    </div>
                    <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-warning-outline display-4">COMPRAR</a></div>
                </div>
            </div>

            <div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3">
                <div class="plan-header text-center pt-5">
                    <h3 class="plan-title mbr-fonts-style display-5">10K DE MOEDAS</h3>
                    <div class="plan-price">
                        <span class="price-value mbr-fonts-style display-2">
                            $
                        </span>
                        <span class="price-figure mbr-fonts-style display-1"><br>10,00</span>
                        <small class="price-term mbr-fonts-style display-7"><strong>
                            </strong><br><strong>REAIS</strong></small>
                    </div>
                </div>
                <div class="plan-body pb-5">
                    <div class="plan-list align-center">
                        <ul class="list-group list-group-flush mbr-fonts-style display-7">
                            <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">10K DE MOEDAS BPL</li>
                        </ul>
                    </div>
                    <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-warning-outline display-4">COMPRAR</a></div>
                </div>
            </div>

            <div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3">
                <div class="plan-header text-center pt-5">
                    <h3 class="plan-title mbr-fonts-style display-5">50K DE MOEDAS</h3>
                    <div class="plan-price">
                        <span class="price-value mbr-fonts-style display-2">
                            $
                        </span>
                        <span class="price-figure mbr-fonts-style display-1">
                            <br>50,00<br></span>
                        <small class="price-term mbr-fonts-style display-7"><strong>
                            REAIS</strong></small>
                    </div>
                </div>
                <div class="plan-body pb-5">
                    <div class="plan-list align-center">
                        <ul class="list-group list-group-flush mbr-fonts-style display-7">
                            <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">50K DE MOEDAS BPL</li>
                        </ul>
                    </div>
                    <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-warning-outline display-4">COMPRAR</a></div>
                </div>
            </div>

            <div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3">
                <div class="plan-header text-center pt-5">
                    <h3 class="plan-title mbr-fonts-style display-5">100K DE MOEDAS</h3>
                    <div class="plan-price">
                        <span class="price-value mbr-fonts-style display-2">
                            $
                        </span>
                        <span class="price-figure mbr-fonts-style display-1">
                            100,OO</span>
                        <small class="price-term mbr-fonts-style display-7"><strong>REAIS</strong></small>
                    </div>
                </div>
                <div class="plan-body pb-5">
                    <div class="plan-list align-center">
                        <ul class="list-group list-group-flush mbr-fonts-style display-7">
                            <li class="list-group-item">MOEDAS BPL</li><br><li class="list-group-item">BPL GAMES</li><br><li class="list-group-item">100K DE MOEDAS BPL</li>
                        </ul>
                    </div>
                    <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-warning-outline display-4">COMPRAR</a></div>
                </div>
            </div>
        </div>
    </div>
</section>

<section once="" class="cid-r75Xpjg5IF" id="footer6-9">

   

   

    <div class="container">
        <div class="media-container-row align-center mbr-white">
            <div class="col-12">
                <p class="mbr-text mb-0 mbr-fonts-style display-7">| | Criado por Frank Hospedado em | | BPL GAMES | |<br></p>
            </div>
        </div>
    </div>
</section>


  <script src="assets/web/assets/jquery/jquery.min.js"></script>
  <script src="assets/popper/popper.min.js"></script>
  <script src="assets/tether/tether.min.js"></script>
  <script src="assets/bootstrap/js/bootstrap.min.js"></script>
  <script src="assets/smoothscroll/smooth-scroll.js"></script>
  <script src="assets/parallax/jarallax.min.js"></script>
  <script src="assets/dropdown/js/script.min.js"></script>
  <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
  <script src="assets/theme/js/script.js"></script>
 
 
</body>
</html>

Cordialmente,
pedxz.

Pode fechar consegui colocar-la em meu fórum!