API tools faq
paste
Advertisement
WeslleySSGames

Entrada do forum da SSGamers

WeslleySSGames
Apr 13th, 2025
342
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 50.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="pt-BR">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>SSGAMERS - 12 anos online no Brasil.</title>
  8.     <link rel="shortcut icon" href="https://i.imgur.com/za1gGRN.png" type="image/x-icon" />
  9.     <script src="https://kit.fontawesome.com/c62663f66b.js" crossorigin="anonymous"></script>
  10.     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
  11.        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
  12.     <script src="https://kit.fontawesome.com/c62663f66b.js" crossorigin="anonymous"></script>
  13.     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
  14.        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
  15.        crossorigin="anonymous"></script>
  16.     <link href="https://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet">
  17.     <link href="https://fonts.cdnfonts.com/css/cocogoose-pro" rel="stylesheet">
  18.     <style type="text/css">
  19.         :root {
  20.             --bg-primary: #051224;
  21.             --cl-sidebar: #040f1ebd;
  22.             /* --cl-green: #A7D641; */
  23.             --cl-green: #28fd00;
  24.             --font-primary: "Cocogoose", sans-serif;
  25.             --cl-bd-top: #0f2439;
  26.         }
  27.  
  28.         html,
  29.         body {
  30.             margin: 0;
  31.             padding: 0;
  32.             height: 100%;
  33.             color: white;
  34.         }
  35.  
  36.         body {
  37.             background: var(--bg-primary);
  38.         }
  39.  
  40.         a {
  41.             transition: all 0.2s ease-in-out;
  42.         }
  43.  
  44.         .hidden {
  45.             opacity: 0 !important
  46.         }
  47.  
  48.         .overlay {
  49.             position: fixed;
  50.             top: 0;
  51.             left: 0;
  52.             width: 100%;
  53.             height: 100%;
  54.             display: flex;
  55.             justify-content: center;
  56.             align-items: center;
  57.             font-size: 24px;
  58.             opacity: 1;
  59.             transition: opacity 2s ease-in-out;
  60.             z-index: 100;
  61.         }
  62.  
  63.         .content {
  64.             opacity: 0;
  65.             transition: opacity 2s ease-in-out;
  66.         }
  67.  
  68.         .welcome-hidden {
  69.             display: none;
  70.         }
  71.  
  72.         h5 {
  73.             color: var(--cl-green);
  74.         }
  75.  
  76.         .config-bg {
  77.             position: fixed;
  78.             width: 100vw;
  79.         }
  80.  
  81.         .border-image {
  82.             position: fixed;
  83.             background-repeat: no-repeat;
  84.             background-size: contain;
  85.             z-index: 3;
  86.         }
  87.  
  88.         .bottom-right-border span {
  89.             font-size: .6rem;
  90.             color: var(--bg-primary);
  91.             width: 11rem;
  92.             float: right;
  93.             margin-top: 4.6rem;
  94.             margin-right: 0.3rem;
  95.             text-align: right;
  96.         }
  97.  
  98.         .top-left-border,
  99.         .bottom-right-border {
  100.             width: 244px;
  101.             height: 103px;
  102.             opacity: 0.8;
  103.         }
  104.  
  105.         .top-left-border {
  106.             top: 0;
  107.             left: 0;
  108.             background-image: url('https://i.imgur.com/v3NUFdD.png');
  109.         }
  110.  
  111.         .bottom-right-border {
  112.             bottom: 0;
  113.             right: 0;
  114.             background-image: url('https://i.imgur.com/SgJcmDC.png');
  115.         }
  116.  
  117.         ul,
  118.         li {
  119.             text-decoration: none;
  120.             list-style: none;
  121.             padding: 0;
  122.             margin: 0;
  123.         }
  124.  
  125.         .container {
  126.             position: absolute;
  127.             top: 0;
  128.             left: 0;
  129.             right: 0;
  130.             padding: 0;
  131.             z-index: 2;
  132.             width: 100% !important;
  133.         }
  134.  
  135.         .logo {
  136.             width: 24.5rem;
  137.             display: flex;
  138.             flex-direction: column;
  139.             align-items: center;
  140.             justify-content: space-evenly;
  141.             line-height: 2.5rem;
  142.             font-family: var(--font-primary);
  143.             margin-top: 2.4rem;
  144.         }
  145.  
  146.         .top-description {
  147.             margin-left: 2.2rem;
  148.             margin-bottom: 0.1rem;
  149.         }
  150.  
  151.         .top-description,
  152.         .bottom-description {
  153.             font-size: 0.78rem;
  154.             font-family: 'Arial', sans-serif;
  155.             line-height: 2;
  156.             z-index: 1;
  157.         }
  158.  
  159.         .bottom-description {
  160.             margin-top: 0rem;
  161.         }
  162.  
  163.         .cl-green {
  164.             color: var(--cl-green);
  165.         }
  166.  
  167.  
  168.         .title {
  169.             font-size: 3.2rem;
  170.             text-transform: uppercase;
  171.             z-index: 1;
  172.         }
  173.  
  174.         svg {
  175.             width: 23rem;
  176.             height: 4rem;
  177.             display: inline-block;
  178.             margin-top: -55.6px;
  179.             margin-left: 5px;
  180.         }
  181.  
  182.         .custom-gradient-one {
  183.             background: #28fd00;
  184.             background: #28fd00;
  185.             -webkit-background-clip: text;
  186.             background-clip: text;
  187.             -webkit-text-fill-color: transparent;
  188.             color: transparent;
  189.             display: inline;
  190.             letter-spacing: -2px;
  191.         }
  192.  
  193.         .custom-gradient-two {
  194.             background: -webkit-linear-gradient(180deg, #ffffff, #ffffff, #000000);
  195.             background: linear-gradient(180deg, #ffffff, #ffffff, #000000);
  196.             -webkit-background-clip: text;
  197.             background-clip: text;
  198.             -webkit-text-fill-color: transparent;
  199.             color: transparent;
  200.             display: inline;
  201.             letter-spacing: -1.7px;
  202.             margin-left: -1px;
  203.         }
  204.  
  205.         div#welcome-message {
  206.             margin-left: -0.5rem;
  207.         }
  208.  
  209.         iframe {
  210.             border: 0;
  211.             width: 100%;
  212.             height: 100%;
  213.         }
  214.  
  215.         #gradient-background {
  216.             width: 100%;
  217.             height: 100%;
  218.             position: absolute;
  219.             top: 0;
  220.             left: 0;
  221.             z-index: 2;
  222.             background: radial-gradient(circle, rgba(0, 0, 0, 0) -53% 47%, #051224);
  223.         }
  224.  
  225.         .card-left,
  226.         .card-left2,
  227.         .card-sidebar,
  228.         .card-right,
  229.         .card-right2 {
  230.             background: #040f1ef7;
  231.         }
  232.  
  233.         .card-left:hover,
  234.         .card-sidebar:hover,
  235.         .card-right:hover,
  236.         .card-right2:hover {
  237.             background: #040f1e;
  238.         }
  239.  
  240.         .container-content.custom {
  241.             margin: 0 auto;
  242.             margin-top: .9rem;
  243.             width: 57rem;
  244.         }
  245.  
  246.         .card-left {
  247.             width: 28rem;
  248.             height: 19rem;
  249.             border-radius: 3rem 0 3rem 3rem;
  250.             float: left;
  251.             border-top: 5px solid var(--cl-green);
  252.         }
  253.  
  254.         .card-left:before {
  255.             content: '' !important;
  256.             float: left !important;
  257.             margin-top: 255px !important;
  258.             margin-left: 1.5rem !important;
  259.             width: 5px !important;
  260.             height: 5px !important;
  261.             background-color: var(--cl-green) !important;
  262.             border-radius: 50% !important;
  263.             box-shadow: 15px 15px 0 var(--cl-green), 0 15px 0 0 var(--cl-green) !important;
  264.         }
  265.  
  266.         .card-left:after {
  267.             content: '' !important;
  268.             position: unset !important;
  269.             float: right !important;
  270.             margin-top: -.1rem !important;
  271.             margin-right: 2.3rem !important;
  272.             width: 5px !important;
  273.             height: 5px !important;
  274.             background-color: var(--cl-green) !important;
  275.             border-radius: 50% !important;
  276.             box-shadow: 15px 0 0 var(--cl-green), 15px -15px 0 0 var(--cl-green) !important;
  277.         }
  278.  
  279.         .card-sidebar {
  280.             border-top: 5px solid var(--cl-green);
  281.             width: 29rem;
  282.             height: 5rem;
  283.             float: right;
  284.             border-radius: 0 3rem 3rem 0;
  285.         }
  286.  
  287.         .card-sidebar nav {
  288.             display: flex;
  289.             flex-direction: row;
  290.             height: 100%;
  291.             justify-content: center;
  292.             align-items: center;
  293.         }
  294.  
  295.         .card-sidebar nav ul {
  296.             width: 100%;
  297.         }
  298.  
  299.         .card-sidebar nav ul li a {
  300.             float: left;
  301.             text-decoration: none;
  302.             margin: 1rem;
  303.             text-transform: uppercase;
  304.         }
  305.  
  306.         .card-sidebar nav ul li a.active {
  307.             color: var(--cl-green) !important;
  308.             border-bottom: 2px solid var(--cl-green) !important;
  309.         }
  310.  
  311.         .card-sidebar nav ul li a:hover {
  312.             color: var(--cl-green) !important;
  313.             border-bottom: 2px solid var(--cl-green) !important;
  314.         }
  315.  
  316.         .card-sidebar:after {
  317.             content: '';
  318.             float: left;
  319.             background: radial-gradient(circle at 100% 100%, transparent 3rem, #040f1ef7 0px);
  320.             width: 48px;
  321.             height: 48px;
  322.         }
  323.  
  324.         .card-left2 {
  325.             float: right;
  326.             width: 28rem;
  327.             height: 18rem;
  328.             margin: 1rem 0 1rem 0;
  329.             border: 2px solid var(--cl-green);
  330.             box-shadow: 0px 0px 0.6rem -2px var(--cl-green);
  331.             border-radius: 3rem 3rem 0.5rem 0.5rem;
  332.         }
  333.  
  334.         .card-left2 iframe {
  335.             width: 100%;
  336.             height: 100%;
  337.             border-radius: 3rem 3rem 0.5rem 0.5rem;
  338.         }
  339.  
  340.         .card-right {
  341.             float: left;
  342.             width: 28rem;
  343.             border-radius: 3rem;
  344.             margin: 1rem 0 0 0;
  345.             display: flex;
  346.             flex-direction: column;
  347.             align-items: center;
  348.             padding: 1rem;
  349.             border-left: 2px solid var(--cl-green);
  350.             border-right: 2px solid var(--cl-green);
  351.         }
  352.  
  353.         .card-right ul {
  354.             margin: 0.7rem;
  355.             background: #1b2d47d1;
  356.             color: #d2e5ff;
  357.             padding: 1rem;
  358.             border-radius: 1rem;
  359.         }
  360.  
  361.         .card-right2 {
  362.             float: right;
  363.             width: 28rem;
  364.             border-radius: 0.5rem 0.5rem 3rem 3rem;
  365.             border-top: 7px solid var(--cl-green);
  366.             margin: 0;
  367.             display: flex;
  368.             flex-direction: column;
  369.             align-items: center;
  370.             padding: 1rem;
  371.         }
  372.  
  373.         .card-right2 ul li a img {
  374.             width: 180px;
  375.             height: 40px;
  376.         }
  377.  
  378.         .card-right2 ul {
  379.             display: flex;
  380.             flex-wrap: wrap;
  381.             justify-content: center;
  382.             align-content: center;
  383.             padding-bottom: 0.2rem;
  384.         }
  385.  
  386.         .card-right2 ul li {
  387.             margin: 0.2rem;
  388.         }
  389.  
  390.         .card-right2 ul li a img {
  391.             opacity: 0.7;
  392.             border-radius: 0.2rem;
  393.             transition: opacity 0.5s ease-in-out;
  394.             border: 1px solid white;
  395.         }
  396.  
  397.         .card-right2:before {
  398.             content: '';
  399.             margin-top: -2px;
  400.             margin-left: -25rem;
  401.             width: 5px;
  402.             height: 5px;
  403.             background-color: var(--cl-green);
  404.             border-radius: 50%;
  405.             box-shadow: 15px 0 0 var(--cl-green), 0 15px 0 0 var(--cl-green);
  406.         }
  407.  
  408.         .card-right2:after {
  409.             content: '';
  410.             margin-top: -2px;
  411.             margin-right: -23rem;
  412.             width: 5px;
  413.             height: 5px;
  414.             position: absolute;
  415.             background-color: var(--cl-green);
  416.             border-radius: 50%;
  417.             box-shadow: 15px 0 0 var(--cl-green), 15px 15px 0 0 var(--cl-green);
  418.         }
  419.  
  420.         .card-right2 ul li a img:hover {
  421.             opacity: 1;
  422.         }
  423.  
  424.         .card-right2 h3 i {
  425.             font-size: 1.2rem;
  426.             color: var(--cl-green);
  427.         }
  428.  
  429.         #bg-all {
  430.             transition: opacity 0.5s ease-in-out;
  431.             opacity: 1;
  432.             background: #051224;
  433.             width: 100%;
  434.             height: 100%;
  435.         }
  436.  
  437.         .bg-all {
  438.             transition: opacity 2s ease-in-out;
  439.             opacity: 1;
  440.             background: #051224 !important;
  441.         }
  442.  
  443.         .title-bottom {
  444.             margin: 0.5rem 0.5rem 1.5rem 1.5rem;
  445.         }
  446.  
  447.         .title-bottom h4 {
  448.             padding: 0.7rem 0;
  449.             border-bottom: 2px solid transparent;
  450.             border-image: linear-gradient(0.25turn, transparent, transparent, var(--cl-green), transparent, transparent);
  451.             border-image-slice: 1;
  452.             text-align: center;
  453.         }
  454.  
  455.         .title-bottom ul {
  456.             display: flex;
  457.             flex-wrap: wrap;
  458.             justify-content: center;
  459.         }
  460.  
  461.         .title-bottom ul li {
  462.             margin: 0.2rem;
  463.         }
  464.  
  465.         a.btn.btn-custom {
  466.             color: white;
  467.             border-bottom: 0;
  468.             text-decoration: none;
  469.             margin: 0;
  470.             background: #182331;
  471.             opacity: 0.85;
  472.         }
  473.  
  474.         a.btn.btn-custom:hover {
  475.             background: #5d7f16;
  476.             color: #efffcc;
  477.             border-bottom: 1px;
  478.             opacity: 1;
  479.         }
  480.  
  481.         a.btn-custom {
  482.             color: white;
  483.             border-bottom: 2px solid var(--cl-green);
  484.             margin-left: 14rem;
  485.             text-decoration: none;
  486.         }
  487.  
  488.         a.btn-custom i {
  489.             font-size: 0.7rem;
  490.         }
  491.  
  492.         a.btn-custom:hover {
  493.             color: var(--cl-green);
  494.             border-bottom: 2px solid var(--cl-green);
  495.         }
  496.  
  497.         .hover-effect {
  498.             background: #040f1e;
  499.         }
  500.  
  501.         .hover-effect::after {
  502.             content: '';
  503.             background: radial-gradient(circle at 100% 100%, transparent 3rem, #040f1e 0px);
  504.             width: 48px;
  505.             height: 48px;
  506.         }
  507.  
  508.         .buttons-effects {
  509.             left: 1rem;
  510.             position: fixed;
  511.             bottom: 1rem;
  512.             display: flex;
  513.             flex-direction: column;
  514.             z-index: 3;
  515.             align-items: center;
  516.             justify-content: center;
  517.         }
  518.  
  519.         a#muteButton,
  520.         a#retryButton {
  521.             cursor: pointer;
  522.             text-decoration: none;
  523.             color: #ffffffab;
  524.             border: 1px solid #ffffffab;
  525.             border-radius: 50%;
  526.             padding: 0.7rem;
  527.             margin: 1rem 0 0;
  528.             transition: all 0.2s ease-in-out;
  529.         }
  530.  
  531.         a#retryButton {
  532.             padding: 0.5rem 0.825rem;
  533.         }
  534.  
  535.         a#retryButton:after {
  536.             content: 'Houve um problema ao reproduzir o fundo. Clique aqui para reiniciar!';
  537.             position: absolute;
  538.             background: #000000e3;
  539.             padding: 0.5rem;
  540.             border-radius: 5px;
  541.             width: 17rem;
  542.             margin-left: 2rem;
  543.             margin-top: -1.1rem;
  544.         }
  545.  
  546.         a#retryButton:before {
  547.             content: '';
  548.             border-top: 6px solid transparent;
  549.             border-left: 6px solid transparent;
  550.             border-right: 6px solid #000000e3;
  551.             border-bottom: 6px solid transparent;
  552.             margin-left: 36px;
  553.             margin-top: 0.4rem;
  554.             position: absolute;
  555.         }
  556.  
  557.         a#muteButton:hover,
  558.         a#retryButton:hover {
  559.             color: #ffffff;
  560.             border: 1px solid #ffffff;
  561.         }
  562.  
  563.         a#muteButton i.fa-volume-mute {
  564.             display: block;
  565.             width: 1.25rem;
  566.         }
  567.  
  568.         main {
  569.             width: 100%;
  570.             display: flex;
  571.         }
  572.  
  573.         ::-webkit-scrollbar {
  574.             width: 12px;
  575.         }
  576.  
  577.         ::-webkit-scrollbar-track {
  578.             background: transparent;
  579.         }
  580.  
  581.         ::-webkit-scrollbar-thumb {
  582.             background-color: var(--cl-green);
  583.             border-radius: 6px;
  584.             border: 3px solid transparent;
  585.             background-clip: content-box;
  586.         }
  587.  
  588.         * {
  589.             scrollbar-width: thin;
  590.             scrollbar-color: var(--cl-green) transparent;
  591.         }
  592.  
  593.         @media (min-width: 1500px) {
  594.             .container {
  595.                 height: 100vh;
  596.                 display: flex;
  597.                 align-items: center;
  598.             }
  599.         }
  600.  
  601.         @media (max-width: 1310px) {
  602.             .container-content.custom {
  603.                 margin-top: 0.2rem;
  604.             }
  605.         }
  606.  
  607.         @media (max-width: 967px) {
  608.             .container-content.custom {
  609.                 margin-top: 0.9rem;
  610.             }
  611.  
  612.             #landscape-message {
  613.                 display: flex;
  614.                 justify-content: center;
  615.                 align-items: center;
  616.                 position: fixed;
  617.                 top: 0;
  618.                 left: 0;
  619.                 width: 100%;
  620.                 height: 100%;
  621.                 background-color: rgb(0 0 0 / 87%);
  622.                 z-index: 1000;
  623.                 color: var(--cl-green);
  624.             }
  625.  
  626.             a#close-message {
  627.                 cursor: pointer;
  628.                 background: #1aa700;
  629.                 border-radius: 5px;
  630.                 padding: 0.5rem 0.7rem;
  631.                 color: #ebffbe;
  632.                 z-index: 3;
  633.                 position: relative;
  634.             }
  635.  
  636.             .message-content {
  637.                 text-align: center;
  638.             }
  639.  
  640.             .rotate-animation {
  641.                 display: flex;
  642.                 justify-content: center;
  643.                 align-items: center;
  644.                 gap: 20px;
  645.                 font-size: 2rem;
  646.                 margin: 2rem;
  647.             }
  648.  
  649.             .rotate-animation i {
  650.                 animation: rotateAnimation 3s infinite;
  651.             }
  652.  
  653.             @keyframes rotateAnimation {
  654.  
  655.                 0%,
  656.                 100% {
  657.                     transform: rotate(0);
  658.                 }
  659.  
  660.                 25% {
  661.                     opacity: 1;
  662.                 }
  663.  
  664.                 50% {
  665.                     transform: rotate(90deg);
  666.                     opacity: 0;
  667.                 }
  668.  
  669.                 75% {
  670.                     opacity: 0;
  671.                 }
  672.  
  673.                 100% {
  674.                     transform: rotate(0);
  675.                     opacity: 1;
  676.                 }
  677.             }
  678.  
  679.             .config-bg {
  680.                 position: fixed;
  681.                 width: 100%;
  682.                 height: 100%;
  683.             }
  684.  
  685.             .container-mobile {
  686.                 display: flex;
  687.                 flex-direction: column-reverse;
  688.                 width: 28rem;
  689.             }
  690.  
  691.             .container-content.custom {
  692.                 display: flex;
  693.                 flex-direction: column;
  694.                 align-items: center;
  695.             }
  696.  
  697.             .card-left {
  698.                 padding-bottom: 2rem;
  699.             }
  700.  
  701.             .card-sidebar {
  702.                 border-radius: 1rem;
  703.                 margin-top: 1rem;
  704.                 width: 28rem;
  705.                 height: 62px;
  706.             }
  707.  
  708.             .card-sidebar:after {
  709.                 content: '';
  710.                 width: 0;
  711.             }
  712.  
  713.             .card-left2 {
  714.                 height: 15.35rem;
  715.                 margin: 1rem 0 1rem 0;
  716.             }
  717.  
  718.             .card-left2 iframe {
  719.                 height: 241px;
  720.             }
  721.  
  722.             .card-right2 {
  723.                 height: 15.35rem;
  724.                 margin: 0;
  725.                 width: 28rem;
  726.             }
  727.  
  728.             footer {
  729.                 font-size: .7rem;
  730.                 visibility: hidden;
  731.                 color: transparent;
  732.                 display: unset !important;
  733.             }
  734.         }
  735.  
  736.         #rotating-messages {
  737.             font-size: 16px;
  738.             color: white;
  739.             margin-top: 1.49rem;
  740.             text-align: center;
  741.             height: 1.5rem;
  742.         }
  743.  
  744.         footer {
  745.             font-size: .7rem;
  746.             display: none;
  747.             color: transparent;
  748.         }
  749.  
  750.         footer a {
  751.             color: transparent;
  752.         }
  753.     </style>
  754. </head>
  755.  
  756. <body>
  757.     <div id="landscape-message" style="display: none;">
  758.         <div class="message-content">
  759.             <p>Para melhor experiência, use a tela em modo paisagem.</p>
  760.             <div class="rotate-animation">
  761.                 <i class="fas fa-arrow-down"></i>
  762.                 <i class="fas fa-mobile-alt"></i>
  763.                 <i class="fas fa-arrow-right"></i>
  764.             </div>
  765.             <p>Esta mensagem fechará em <span id="countdown">10</span> segundos.</p>
  766.             <p>Recomendamos o uso do Google Chrome.</p>
  767.             <a id="close-message">Fechar</a>
  768.         </div>
  769.     </div>
  770.     <div class="border-image top-left-border"></div>
  771.     <div class="border-image bottom-right-border">
  772.         <span>COPYRIGHTS 2024 SSGAMERS<br>TODOS OS DIREITOS RESERVADOS.</span>
  773.     </div>
  774.     <div class="buttons-effects">
  775.         <a id="retryButton" style="display: none;"><i class="fa-solid fa-rotate-right"></i></a>
  776.         <a id="muteButton" class="mute-button">
  777.             <i class="fas fa-volume-mute"></i>
  778.             <i class="fas fa-volume-up" style="display: none;"></i>
  779.         </a>
  780.     </div>
  781.     <div class="container-main">
  782.         <div class="config-bg">
  783.             <div id="gradient-background">
  784.                 <div id="bg-all"></div>
  785.             </div>
  786.             <div id="player-wrapper" style="position: relative; padding-bottom: 56.25%; height: 0;">
  787.                 <div id="YoutubeVideoPlayer" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
  788.                 </div>
  789.             </div>
  790.         </div>
  791.         <script async src="https://www.youtube.com/iframe_api"></script>
  792.         <script>
  793.             function adjustVideoPlayerForOrientation() {
  794.                 var player = document.getElementById('YoutubeVideoPlayer');
  795.  
  796.                 if (window.matchMedia("(orientation: landscape)").matches && window.innerWidth <= 967) {
  797.                    player.style.width = '';
  798.                     player.style.height = '';
  799.                     player.style.transform = '';
  800.                     player.style.transformOrigin = '';
  801.                 } else if (window.innerWidth <= 967) {
  802.                    player.style.width = '130vh';
  803.                    player.style.height = '130vw';
  804.                    player.style.transform = 'rotate(-90deg) translateX(-100%)';
  805.                    player.style.transformOrigin = 'top left';
  806.                }
  807.            }
  808.  
  809.            window.addEventListener('resize', adjustVideoPlayerForOrientation);
  810.            window.addEventListener('orientationchange', adjustVideoPlayerForOrientation);
  811.  
  812.            adjustVideoPlayerForOrientation();
  813.        </script>
  814.  
  815.         <script type="text/javascript">
  816.             document.addEventListener('DOMContentLoaded', function () {
  817.                 setTimeout(function () {
  818.                     var welcomeMessage = document.getElementById('welcome-message');
  819.                     var mainContent = document.getElementById('main-content');
  820.  
  821.                     welcomeMessage.style.opacity = '0';
  822.  
  823.                     setTimeout(function () {
  824.                         welcomeMessage.classList.add('welcome-hidden');
  825.                         mainContent.style.opacity = '1';
  826.                     }, 1500);
  827.                 }, 1500);
  828.  
  829.                 var messages = [
  830.                     'Explorando o universo dos games <i class="fas fa-gamepad" style="color: #5e6268;"></i>',
  831.                     'Pronto para ajudar e responder suas dúvidas <i class="fas fa-life-ring" style="color: #f44336;"></i>',
  832.                     'Conectando tecnologia e inovação <i class="fas fa-microchip" style="color: #82aec0;"></i>',
  833.                     'Promovendo conhecimento e estudos <i class="fa-solid fa-person-chalkboard" style="color: #28fd00;"></i>',
  834.                     'Celebrando 12 anos de colaboração com a comunidade <i class="fa-solid fa-cake-candles" style="color: #ffbc05;"></i>'
  835.                 ];
  836.                 var currentMessage = 0;
  837.                 var messagesContainer = document.getElementById("rotating-messages");
  838.  
  839.                 function rotateMessages() {
  840.                     messagesContainer.innerHTML = messages[currentMessage];
  841.                     currentMessage++;
  842.                     if (currentMessage >= messages.length) {
  843.                         currentMessage = 0;
  844.                     }
  845.                 }
  846.  
  847.                 rotateMessages();
  848.                 setInterval(rotateMessages, 3000);
  849.  
  850.                 var message = document.getElementById('landscape-message');
  851.                 var countdownElement = document.getElementById('countdown');
  852.                 var closeButton = document.getElementById('close-message');
  853.  
  854.                 if (window.innerWidth <= 967) {
  855.                    message.style.display = 'flex';
  856.  
  857.                    var countdown = 10;
  858.                    countdownElement.innerText = countdown;
  859.  
  860.                    var intervalId = setInterval(function () {
  861.                        countdown -= 1;
  862.                        countdownElement.innerText = countdown;
  863.  
  864.                        if (countdown <= 0) {
  865.                            clearInterval(intervalId);
  866.                            message.style.display = 'none';
  867.                        }
  868.                    }, 1000);
  869.                }
  870.  
  871.                closeButton.addEventListener('click', function () {
  872.                    clearInterval(intervalId);
  873.                    message.style.display = 'none';
  874.                });
  875.  
  876.                const div1 = document.querySelector('.card-left');
  877.                const div2 = document.querySelector('.card-sidebar');
  878.  
  879.                div1.addEventListener('mouseenter', function () {
  880.                    div2.classList.add('hover-effect');
  881.                });
  882.                div1.addEventListener('mouseleave', function () {
  883.                    div2.classList.remove('hover-effect');
  884.                });
  885.  
  886.                div2.addEventListener('mouseenter', function () {
  887.                    div1.classList.add('hover-effect');
  888.                });
  889.  
  890.                div2.addEventListener('mouseleave', function () {
  891.                    div1.classList.remove('hover-effect');
  892.                });
  893.  
  894.                div2.addEventListener('mouseenter', function () {
  895.                    div2.classList.add('hover-effect');
  896.                });
  897.  
  898.                div2.addEventListener('mouseleave', function () {
  899.                    div2.classList.remove('hover-effect');
  900.                });
  901.            });
  902.  
  903.            var videos = [ // Limite pela API (35)
  904.                {
  905.                    videoId: 'QdBZY2fkU-0', // ID Vídeo (GTA V I)
  906.                    startSeconds: 15, // Começa em segundos
  907.                    endSeconds: 37, // Termina em segundos depois
  908.                    bgAllStaySeconds: 4, // Tempo de fundo em tela após vídeo iniciar em segundos depois
  909.                },
  910.                {
  911.                    videoId: 'l5F1q2z8HkY', // ID Vídeo (Point Blank)
  912.                    startSeconds: 13,
  913.                    endSeconds: 37,
  914.                    bgAllStaySeconds: 6,
  915.                },
  916.                {
  917.                    videoId: 'OpAaLT_PTCU', // ID Vídeo (Tibia)
  918.                    startSeconds: 0,
  919.                    endSeconds: 10,
  920.                    bgAllStaySeconds: 6,
  921.                },
  922.                {
  923.                    videoId: 'VdyDMMl94BQ', // ID Vídeo (Mu Online Part 2)
  924.                    startSeconds: 46,
  925.                    endSeconds: 80,
  926.                    bgAllStaySeconds: 4,
  927.                },
  928.                {
  929.                    videoId: 'dfh03TW1RLA', // ID Vídeo (Mu Online)
  930.                    startSeconds: 26,
  931.                    endSeconds: 60,
  932.                    bgAllStaySeconds: 4,
  933.                },
  934.                {
  935.                    videoId: 'Qo3nO1M5d6Y', // ID Vídeo (Free Fire)
  936.                    startSeconds: 105,
  937.                    endSeconds: 130,
  938.                    bgAllStaySeconds: 3,
  939.                },
  940.                {
  941.                    videoId: 'LFG-uAoy7_s', // ID Vídeo (Minecraft)
  942.                    startSeconds: 2,
  943.                    endSeconds: 20,
  944.                    bgAllStaySeconds: 4,
  945.                },
  946.                {
  947.                    videoId: 'vlwXqZ4Phwo', // ID Vídeo (Transformice)
  948.                    startSeconds: 5,
  949.                    endSeconds: 30,
  950.                    bgAllStaySeconds: 3,
  951.                },
  952.                {
  953.                    videoId: 'eAvXhNlO-rA', // ID Vídeo (Roblox)
  954.                    startSeconds: 45,
  955.                    endSeconds: 61,
  956.                    bgAllStaySeconds: 4,
  957.                },
  958.                {
  959.                    videoId: '19TM-FplVok', // ID Vídeo (Lineage)
  960.                    startSeconds: 5,
  961.                    endSeconds: 45,
  962.                    bgAllStaySeconds: 4,
  963.                },
  964.                {
  965.                    videoId: 'jSPZtVbVIT8', // ID Vídeo (The Sims 4)
  966.                    startSeconds: 18,
  967.                    endSeconds: 28,
  968.                    bgAllStaySeconds: 3,
  969.                },
  970.                {
  971.                    videoId: 'zX0AV6yxyrQ', // ID Vídeo (Fifa)
  972.                    startSeconds: 5,
  973.                    endSeconds: 25,
  974.                    bgAllStaySeconds: 3,
  975.                },
  976.                {
  977.                    videoId: 'RCATF_Y3VAE', // ID Vídeo (Habbo)
  978.                    startSeconds: 100,
  979.                    endSeconds: 115,
  980.                    bgAllStaySeconds: 4,
  981.                },
  982.                {
  983.                    videoId: '9ewiJJe_nYI', // ID Vídeo (NFS)
  984.                    startSeconds: 20,
  985.                    endSeconds: 43,
  986.                    bgAllStaySeconds: 3,
  987.                },
  988.                {
  989.                    videoId: 'Wv2Xnc-k3QU', // ID Vídeo (DDTank)
  990.                    startSeconds: 18,
  991.                    endSeconds: 30,
  992.                    bgAllStaySeconds: 3,
  993.                },
  994.                {
  995.                    videoId: 'KyDN1UGAM40', // ID Vídeo (Honkai: Star Rail)
  996.                    startSeconds: 5,
  997.                    endSeconds: 20,
  998.                    bgAllStaySeconds: 4,
  999.                },
  1000.                {
  1001.                    videoId: 'NbWgEMu2d3I', // ID Vídeo (EuroTruck)
  1002.                    startSeconds: 0,
  1003.                    endSeconds: 14,
  1004.                    bgAllStaySeconds: 3,
  1005.                },
  1006.                {
  1007.                    videoId: '1RC1yxqTTd8', // ID Vídeo (Clash Royale)
  1008.                    startSeconds: 0,
  1009.                    endSeconds: 20,
  1010.                    bgAllStaySeconds: 3,
  1011.                },
  1012.                {
  1013.                    videoId: '1nkO4N7P-Ys', // ID Vídeo (CS)
  1014.                    startSeconds: 11,
  1015.                    endSeconds: 21,
  1016.                    bgAllStaySeconds: 4,
  1017.                },
  1018.                {
  1019.                    videoId: 'JEojsTdK9d0', // ID Vídeo (Tower of Fantasy)
  1020.                    startSeconds: 0,
  1021.                    endSeconds: 20,
  1022.                    bgAllStaySeconds: 3,
  1023.                },
  1024.                {
  1025.                    videoId: '6jY2f6OkpBo', // ID Vídeo (Genshin)
  1026.                    startSeconds: 40,
  1027.                    endSeconds: 75,
  1028.                    bgAllStaySeconds: 4,
  1029.                },
  1030.                {
  1031.                    videoId: 'bepYgRlU57Y', // ID Vídeo (Last Island - Island of survival)
  1032.                    startSeconds: 5,
  1033.                    endSeconds: 20,
  1034.                    bgAllStaySeconds: 3,
  1035.                },
  1036.                {
  1037.                    videoId: 'naxFUEAIlkc', // ID Vídeo (Sword Art Online)
  1038.                    startSeconds: 5,
  1039.                    endSeconds: 17,
  1040.                    bgAllStaySeconds: 3,
  1041.                },
  1042.                {
  1043.                    videoId: '9pyYq9lpjls', // ID Vídeo (Amoung Us)
  1044.                    startSeconds: 0,
  1045.                    endSeconds: 15,
  1046.                    bgAllStaySeconds: 3,
  1047.                },
  1048.                {
  1049.                    videoId: 'O1CHmlgR3ts', // ID Vídeo (Combat Arms)
  1050.                    startSeconds: 5,
  1051.                    endSeconds: 25,
  1052.                    bgAllStaySeconds: 3,
  1053.                },
  1054.                {
  1055.                    videoId: 'cLzY444rTW8', // ID Vídeo (Perfect World)
  1056.                    startSeconds: 12,
  1057.                    endSeconds: 25,
  1058.                    bgAllStaySeconds: 3,
  1059.                },
  1060.                {
  1061.                    videoId: '3gJdA_sG4RE', // ID Vídeo (Grand Chase)
  1062.                    startSeconds: 120,
  1063.                    endSeconds: 137,
  1064.                    bgAllStaySeconds: 3,
  1065.                },
  1066.                {
  1067.                    videoId: '7OL2osAhuGI', // ID Vídeo (Fortnite)
  1068.                    startSeconds: 10,
  1069.                    endSeconds: 25,
  1070.                    bgAllStaySeconds: 3,
  1071.                },
  1072.                {
  1073.                    videoId: 'JJloKoU-tBg', // ID Vídeo (Gran Turismo)
  1074.                    startSeconds: 45,
  1075.                    endSeconds: 59,
  1076.                    bgAllStaySeconds: 3,
  1077.                },
  1078.                {
  1079.                    videoId: '3CuI71Z_VhI', // ID Vídeo (Cross Fire)
  1080.                    startSeconds: 15,
  1081.                    endSeconds: 37,
  1082.                    bgAllStaySeconds: 4,
  1083.                },
  1084.                {
  1085.                    videoId: 'Rla3FUlxJdE', // ID Vídeo (Minecraft Part 2)
  1086.                    startSeconds: 3,
  1087.                    endSeconds: 25,
  1088.                    bgAllStaySeconds: 3,
  1089.                },
  1090.                {
  1091.                    videoId: '_eXkVDCtF6I', // ID Vídeo (Warface)
  1092.                    startSeconds: 15,
  1093.                    endSeconds: 37,
  1094.                    bgAllStaySeconds: 4,
  1095.                },
  1096.                {
  1097.                    videoId: 'ASzOzrB-a9E', // ID Vídeo (Battlefield)
  1098.                    startSeconds: 15,
  1099.                    endSeconds: 37,
  1100.                    bgAllStaySeconds: 4,
  1101.                },
  1102.                {
  1103.                    videoId: 'YrtCnL62pB8', // ID Vídeo (GTA V)
  1104.                    startSeconds: 15,
  1105.                    endSeconds: 37,
  1106.                    bgAllStaySeconds: 4,
  1107.                },
  1108.                {
  1109.                    videoId: 'aR-KAldshAE', // ID Vídeo (LOL)
  1110.                    startSeconds: 180,
  1111.                    endSeconds: 192,
  1112.                    bgAllStaySeconds: 3,
  1113.                },
  1114.            ];
  1115.  
  1116.            var currentVideoIndex = 0;
  1117.            var videoStarted = false;
  1118.  
  1119.            function onYouTubeIframeAPIReady() {
  1120.                player = new YT.Player('YoutubeVideoPlayer', {
  1121.                    videoId: videos[currentVideoIndex].videoId,
  1122.                    playerVars: {
  1123.                        autoplay: 1,
  1124.                        controls: 0,
  1125.                        showinfo: 0,
  1126.                        modestbranding: 0,
  1127.                        loop: 0,
  1128.                        fs: 0,
  1129.                        cc_load_policy: 0,
  1130.                        iv_load_policy: 3,
  1131.                        autohide: 0,
  1132.                        rel: 0,
  1133.                        start: videos[currentVideoIndex].startSeconds,
  1134.                        end: videos[currentVideoIndex].endSeconds
  1135.                    },
  1136.                    events: {
  1137.                        onReady: function (e) {
  1138.                            e.target.setVolume(0);
  1139.                            videoStarted = false;
  1140.  
  1141.                            setTimeout(function () {
  1142.                                if (!videoStarted) {
  1143.                                    document.getElementById('retryButton').style.display = 'block';
  1144.                                }
  1145.                            }, 2000);
  1146.                        },
  1147.                        onStateChange: onPlayerStateChange,
  1148.                        onError: function (e) {
  1149.                            document.getElementById('retryButton').style.display = 'block';
  1150.                        }
  1151.                    }
  1152.                });
  1153.            }
  1154.  
  1155.            var muteButton = document.getElementById('muteButton');
  1156.            muteButton.style.display = 'none';
  1157.  
  1158.            function onPlayerStateChange(event) {
  1159.                if (event.data == YT.PlayerState.PLAYING) {
  1160.                    videoStarted = true;
  1161.  
  1162.                    setTimeout(function () {
  1163.                        muteButton.style.display = 'inline-block';
  1164.                    }, 4000);
  1165.  
  1166.                    document.getElementById('retryButton').style.display = 'none';
  1167.  
  1168.                    var video = videos[currentVideoIndex];
  1169.                    var bgAll = document.getElementById('bg-all');
  1170.  
  1171.                    bgAll.classList.remove('hidden');
  1172.  
  1173.                    setTimeout(function () {
  1174.                        bgAll.classList.add('hidden');
  1175.                    }, video.bgAllStaySeconds * 1000);
  1176.  
  1177.                    setTimeout(function () {
  1178.                        bgAll.classList.remove('hidden');
  1179.                    }, (video.endSeconds - video.startSeconds - 1) * 1000);
  1180.                }
  1181.  
  1182.                if (event.data == YT.PlayerState.ENDED) {
  1183.                    console.log("Vídeo atual terminou: ", videos[currentVideoIndex].videoId);
  1184.  
  1185.                    if (currentVideoIndex >= videos.length - 1) {
  1186.                         console.log("Último vídeo da lista alcançado. Reiniciando...");
  1187.                         currentVideoIndex = 0;
  1188.                     } else {
  1189.                         currentVideoIndex++;
  1190.                     }
  1191.  
  1192.                     console.log("Próximo vídeo a ser reproduzido: ", videos[currentVideoIndex].videoId);
  1193.  
  1194.                     var video = videos[currentVideoIndex];
  1195.                     player.loadVideoById({
  1196.                         videoId: video.videoId,
  1197.                         startSeconds: video.startSeconds,
  1198.                         endSeconds: video.endSeconds
  1199.                     });
  1200.                 }
  1201.             }
  1202.  
  1203.             document.getElementById('retryButton').addEventListener('click', function () {
  1204.                 var video = videos[currentVideoIndex];
  1205.                 player.loadVideoById({
  1206.                     videoId: video.videoId,
  1207.                     startSeconds: video.startSeconds,
  1208.                     endSeconds: video.endSeconds
  1209.                 });
  1210.             });
  1211.  
  1212.             var isMuted = true;
  1213.  
  1214.             muteButton.addEventListener('click', function () {
  1215.                 if (isMuted) {
  1216.                     player.unMute();
  1217.                     player.setVolume(50);
  1218.                     isMuted = false;
  1219.                     muteButton.querySelector('.fa-volume-mute').style.display = 'none';
  1220.                     muteButton.querySelector('.fa-volume-up').style.display = 'block';
  1221.                 } else {
  1222.                     player.mute();
  1223.                     isMuted = true;
  1224.                     muteButton.querySelector('.fa-volume-mute').style.display = 'block';
  1225.                     muteButton.querySelector('.fa-volume-up').style.display = 'none';
  1226.                 }
  1227.             });
  1228.  
  1229.         </script>
  1230.         <div id="welcome-message" class="overlay">
  1231.             <div class="logo" style="width: 27rem;">
  1232.                 <span class="top-description">Todos os direitos reservados a</span>
  1233.                 <div class="title"><span class="cl-green custom-gradient-one">SS</span><span
  1234.                        class="custom-gradient-two">Gamers</span></div>
  1235.                 <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 737.000000 111.000000"
  1236.                    preserveAspectRatio="xMidYMid meet">
  1237.                     <defs>
  1238.                         <filter id="purple-glow">
  1239.                             <feGaussianBlur in="SourceAlpha" stdDeviation="2" result="blur">
  1240.                             </feGaussianBlur>
  1241.                             <feOffset in="blur" dx="0" dy="0" result="offsetBlur"></feOffset>
  1242.                             <feFlood flood-color="purple" result="flood"></feFlood>
  1243.                             <feComposite in="flood" in2="offsetBlur" operator="in" result="offsetColor">
  1244.                             </feComposite>
  1245.                             <feComposite in="offsetColor" in2="SourceAlpha" operator="in" result="offsetBlurAlpha">
  1246.                             </feComposite>
  1247.                             <feMerge>
  1248.                                 <feMergeNode in="offsetBlurAlpha"></feMergeNode>
  1249.                                 <feMergeNode in="SourceGraphic"></feMergeNode>
  1250.                             </feMerge>
  1251.                         </filter>
  1252.                     </defs>
  1253.                     <g transform="translate(27.100000,217.700000) scale(0.155300,-0.159900)" fill="#28fd00"
  1254.                        stroke="none" filter="url(#purple-glow)">
  1255.                         <path
  1256.                            d="M3705 1306 c-27 -13 -58 -32 -68 -44 l-19 -20 -50 31 -51 32 -1099 3 -1099 2 -59 -40 c-32 -22 -61 -44 -65 -49 -3 -5 -17 1 -30 15 -14 14 -49 36 -78 49 -89 42 -234 29 -293 -25 -21 -20 -21 -20 -88 15 -58 30 -77 35 -135 35 -90 0 -152 -22 -195 -70 -32 -35 -56 -92 -56 -130 0 -34 22 -91 47 -120 l26 -31 -40 -42 c-23 -23 -44 -52 -47 -64 -15 -50 61 -126 160 -160 74 -25 181 -14 244 25 l51 32 37 -24 c58 -37 107 -49 187 -44 78 5 148 36 182 82 l17 23 51 -39 c75 -57 130 -72 234 -64 47 4 134 6 193 6 102 -2 108 -1 133 24 14 14 25 32 25 41 0 11 11 15 49 15 45 0 50 -2 61 -30 7 -17 21 -35 31 -40 10 -6 85 -10 168 -10 130 0 153 2 169 18 16 16 18 16 35 0 22 -23 153 -26 182 -4 16 12 22 12 40 0 17 -11 95 -13 415 -11 l394 2 23 34 c13 19 23 29 23 22 0 -7 11 -23 25 -36 22 -23 32 -25 113 -25 60 0 94 4 107 14 17 12 24 12 50 -2 47 -24 166 -28 221 -7 156 59 206 245 96 349 l-31 29 34 39 c65 71 42 133 -67 187 -80 41 -177 43 -253 7z">
  1257.                         </path>
  1258.                     </g>
  1259.                     <g transform="translate(29.000000,213.000000) scale(0.154500,-0.155000)" fill="#030b16"
  1260.                        stroke="none">
  1261.                         <path
  1262.                            d="M3705 1306 c-27 -13 -58 -32 -68 -44 l-19 -20 -50 31 -51 32 -1099 3 -1099 2 -59 -40 c-32 -22 -61 -44 -65 -49 -3 -5 -17 1 -30 15 -14 14 -49 36 -78 49 -89 42 -234 29 -293 -25 -21 -20 -21 -20 -88 15 -58 30 -77 35 -135 35 -90 0 -152 -22 -195 -70 -32 -35 -56 -92 -56 -130 0 -34 22 -91 47 -120 l26 -31 -40 -42 c-23 -23 -44 -52 -47 -64 -15 -50 61 -126 160 -160 74 -25 181 -14 244 25 l51 32 37 -24 c58 -37 107 -49 187 -44 78 5 148 36 182 82 l17 23 51 -39 c75 -57 130 -72 234 -64 47 4 134 6 193 6 102 -2 108 -1 133 24 14 14 25 32 25 41 0 11 11 15 49 15 45 0 50 -2 61 -30 7 -17 21 -35 31 -40 10 -6 85 -10 168 -10 130 0 153 2 169 18 16 16 18 16 35 0 22 -23 153 -26 182 -4 16 12 22 12 40 0 17 -11 95 -13 415 -11 l394 2 23 34 c13 19 23 29 23 22 0 -7 11 -23 25 -36 22 -23 32 -25 113 -25 60 0 94 4 107 14 17 12 24 12 50 -2 47 -24 166 -28 221 -7 156 59 206 245 96 349 l-31 29 34 39 c65 71 42 133 -67 187 -80 41 -177 43 -253 7z">
  1263.                         </path>
  1264.                     </g>
  1265.                 </svg>
  1266.                 <span class="bottom-description" style="margin-left: 1rem;">Há 12 anos revolucionando servidores de
  1267.                     jogos e tecnologia com
  1268.                     você!</span>
  1269.             </div>
  1270.         </div>
  1271.         <div class="container content" id="main-content">
  1272.             <main>
  1273.                 <div class="container-content custom">
  1274.                     <div class="card-left">
  1275.                         <div class="logo">
  1276.                             <span class="top-description">Todos os direitos reservados a</span>
  1277.                             <div class="title"><span class="cl-green custom-gradient-one">SS</span><span
  1278.                                    class="custom-gradient-two">Gamers</span></div>
  1279.                             <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 737.000000 111.000000"
  1280.                                preserveAspectRatio="xMidYMid meet">
  1281.                                 <defs>
  1282.                                     <filter id="purple-glow">
  1283.                                         <feGaussianBlur in="SourceAlpha" stdDeviation="2" result="blur">
  1284.                                         </feGaussianBlur>
  1285.                                         <feOffset in="blur" dx="0" dy="0" result="offsetBlur"></feOffset>
  1286.                                         <feFlood flood-color="purple" result="flood"></feFlood>
  1287.                                         <feComposite in="flood" in2="offsetBlur" operator="in" result="offsetColor">
  1288.                                         </feComposite>
  1289.                                         <feComposite in="offsetColor" in2="SourceAlpha" operator="in"
  1290.                                            result="offsetBlurAlpha"></feComposite>
  1291.                                         <feMerge>
  1292.                                             <feMergeNode in="offsetBlurAlpha"></feMergeNode>
  1293.                                             <feMergeNode in="SourceGraphic"></feMergeNode>
  1294.                                         </feMerge>
  1295.                                     </filter>
  1296.                                 </defs>
  1297.                                 <g transform="translate(27.100000,217.700000) scale(0.155300,-0.159900)" fill="#28fd00"
  1298.                                    stroke="none" filter="url(#purple-glow)">
  1299.                                     <path
  1300.                                        d="M3705 1306 c-27 -13 -58 -32 -68 -44 l-19 -20 -50 31 -51 32 -1099 3 -1099 2 -59 -40 c-32 -22 -61 -44 -65 -49 -3 -5 -17 1 -30 15 -14 14 -49 36 -78 49 -89 42 -234 29 -293 -25 -21 -20 -21 -20 -88 15 -58 30 -77 35 -135 35 -90 0 -152 -22 -195 -70 -32 -35 -56 -92 -56 -130 0 -34 22 -91 47 -120 l26 -31 -40 -42 c-23 -23 -44 -52 -47 -64 -15 -50 61 -126 160 -160 74 -25 181 -14 244 25 l51 32 37 -24 c58 -37 107 -49 187 -44 78 5 148 36 182 82 l17 23 51 -39 c75 -57 130 -72 234 -64 47 4 134 6 193 6 102 -2 108 -1 133 24 14 14 25 32 25 41 0 11 11 15 49 15 45 0 50 -2 61 -30 7 -17 21 -35 31 -40 10 -6 85 -10 168 -10 130 0 153 2 169 18 16 16 18 16 35 0 22 -23 153 -26 182 -4 16 12 22 12 40 0 17 -11 95 -13 415 -11 l394 2 23 34 c13 19 23 29 23 22 0 -7 11 -23 25 -36 22 -23 32 -25 113 -25 60 0 94 4 107 14 17 12 24 12 50 -2 47 -24 166 -28 221 -7 156 59 206 245 96 349 l-31 29 34 39 c65 71 42 133 -67 187 -80 41 -177 43 -253 7z">
  1301.                                     </path>
  1302.                                 </g>
  1303.                                 <g transform="translate(29.000000,213.000000) scale(0.154500,-0.155000)" fill="#030b16"
  1304.                                    stroke="none">
  1305.                                     <path
  1306.                                        d="M3705 1306 c-27 -13 -58 -32 -68 -44 l-19 -20 -50 31 -51 32 -1099 3 -1099 2 -59 -40 c-32 -22 -61 -44 -65 -49 -3 -5 -17 1 -30 15 -14 14 -49 36 -78 49 -89 42 -234 29 -293 -25 -21 -20 -21 -20 -88 15 -58 30 -77 35 -135 35 -90 0 -152 -22 -195 -70 -32 -35 -56 -92 -56 -130 0 -34 22 -91 47 -120 l26 -31 -40 -42 c-23 -23 -44 -52 -47 -64 -15 -50 61 -126 160 -160 74 -25 181 -14 244 25 l51 32 37 -24 c58 -37 107 -49 187 -44 78 5 148 36 182 82 l17 23 51 -39 c75 -57 130 -72 234 -64 47 4 134 6 193 6 102 -2 108 -1 133 24 14 14 25 32 25 41 0 11 11 15 49 15 45 0 50 -2 61 -30 7 -17 21 -35 31 -40 10 -6 85 -10 168 -10 130 0 153 2 169 18 16 16 18 16 35 0 22 -23 153 -26 182 -4 16 12 22 12 40 0 17 -11 95 -13 415 -11 l394 2 23 34 c13 19 23 29 23 22 0 -7 11 -23 25 -36 22 -23 32 -25 113 -25 60 0 94 4 107 14 17 12 24 12 50 -2 47 -24 166 -28 221 -7 156 59 206 245 96 349 l-31 29 34 39 c65 71 42 133 -67 187 -80 41 -177 43 -253 7z">
  1307.                                     </path>
  1308.                                 </g>
  1309.                             </svg>
  1310.                             <span class="bottom-description">O melhor e mais antigo fórum de games e tecnologia.</span>
  1311.                         </div>
  1312.                         <div class="title-bottom">
  1313.                             <h4>Seja muito bem-vindo(a)</h4>
  1314.                             <div id="rotating-messages"></div>
  1315.                         </div>
  1316.                     </div>
  1317.                     <div class="card-sidebar">
  1318.                         <nav>
  1319.                             <ul>
  1320.                                 <li><a class="text-white" href="/forum">Fórum</a></li>
  1321.                                 <li><a class="text-white" href="/portal">Portal</a></li>
  1322.                                 <li><a class="text-white" href="/login">Minha conta</a>
  1323.                                 </li>
  1324.                                 <li><a class="text-white active" href="/register">Registre-se</a></li>
  1325.                             </ul>
  1326.                         </nav>
  1327.                     </div>
  1328.                     <div class="container-mobile">
  1329.                         <div class="card-left2">
  1330.                             <iframe src="https://www.youtube.com/embed/UhkN79XG6K4" frameborder="0"></iframe>
  1331.                         </div>
  1332.                         <div class="card-right">
  1333.                             <h3 class="cl-green">Para seu conhecimento</h3>
  1334.                             <h5>Regras para os fóruns & tópicos</h5>
  1335.                            <ul>
  1336.                                <li>1° Proibido criar fóruns idênticos.</li>
  1337.                                <li>2° Proibido flood e spam em fóruns.</li>
  1338.                                <li>3° Proibido divulgar outros fóruns, blogs ou sites.</li>
  1339.                                <li>4° Proibido trollar forumeiros, sites ou blogs sem autorização de um
  1340.                                    administrador
  1341.                                    da
  1342.                                    SSGamers.</li>
  1343.                            </ul>
  1344.                            <a class="btn-custom" href="/f3-regulamento-da-ssgamers">Continuar
  1345.                                lendo <i class="fa-solid fa-angles-right"></i></a>
  1346.                        </div>
  1347.                    </div>
  1348.                    <div class="card-right2">
  1349.                        <h3><i class="fa-solid fa-handshake-angle"></i> Parceiros</h3>
  1350.                        <ul>
  1351.                            <li><a href="https://animescx.com.br/" target="_blank"><img
  1352.                                        src="https://i.imgur.com/mlLs50c.gif" style="width: 180px; height: 40px;"></a>
  1353.                             </li>
  1354.                             <li><a href="https://www.infoanime.com.br/" target="_blank"><img
  1355.                                        src="https://www.infoanime.com.br/botaosite_180x40.gif"></a></li>
  1356.                             <li><a href="https://www.redetemplates.com.br" target="_blank"><img
  1357.                                        src="https://i.imgur.com/LjM4HHE.png"></a></li>
  1358.                             <li><a href="https://www.geekpopnews.com.br/" target="_blank"><img
  1359.                                        src="https://i.imgur.com/ff0tdpr.png"></a></li>
  1360.                             <li><a href="https://baixarmusicasmp3.net/" target="_blank"><img
  1361.                                        src="https://i.ibb.co/vjcVNXK/banner.jpg"></a></li>
  1362.                         </ul>
  1363.                     </div>
  1364.                     <footer>
  1365.                         <a href="https://www.forumeiros.com">Forumeiros</a>
  1366.                     </footer>
  1367.             </main>
  1368.         </div>
  1369.     </div>
  1370. </body>
  1371.  
  1372. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!