1<!DOCTYPE html> 2<html lang="pt-br"> 3 4<head> 5 <!-- Title --> 6 <title>PerSe - Publique-se - Publicar seu livro agora ficou fácil e totalmente Grátis</title> 7<meta property="og:title" content="PerSe - Publique-se - Publicar seu livro agora ficou fácil e totalmente Grátis"> 8<meta property="og:url" content="https://perse.com.br/area-restrita"> 9<meta property="og:description" content="PerSe é uma Plataforma de Autopublicação e Comercialização de Livros Impressos sob Demanda e eBooks, para Autores Independentes e Autores que estão em início de carreira."> 10<meta property="og:image" content="https://perse.com.br/assets/img/logo.png"> 11<meta name="description" content="PerSe é uma Plataforma de Autopublicação e Comercialização de Livros Impressos sob Demanda e eBooks, para Autores Independentes e Autores que estão em início de carreira."> 12 13 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 14 <meta name="google-site-verification" content="O-pGTA3X8EkcUxUDtFKs-v2yJ5jbPh9xqRpcBHJap3E" /> 15 <link rel="canonical" href="https://perse.com.br/area-restrita"> 16 <meta property="og:locale" content="pt_BR"> 17 <meta property="og:type" content="website"> 18 19 20 21 <meta property="og:site_name" content="PerSe"> 22 <meta property="article:modified_time" content="2022-12-05T13:18:49+00:00"> 23 24 <meta name="facebook-domain-verification" content="4gtti3s108qrhye2q4p3wr8mjexx87" /> 25 <!-- Required Meta Tags Always Come First --> 26 <meta charset="iso-8859-1"> 27 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 28 29 <!-- Favicon --> 30 <link rel="shortcut icon" href="assets/img/favicon.png"> 31 32 <!-- Font --> 33 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet"> 34 35 <!-- CSS Implementing Plugins --> 36 <link rel="stylesheet" href="assets/vendor/font-awesome/css/fontawesome-all.min.css"> 37 <link rel="stylesheet" href="assets/vendor/flaticon/font/flaticon.css"> 38 <link rel="stylesheet" href="assets/vendor/animate.css/animate.css"> 39 <link rel="stylesheet" href="assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css"> 40 <link rel="stylesheet" href="assets/vendor/slick-carousel/slick/slick.css" /> 41 <link rel="stylesheet" href="assets/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css"> 42 43 <!-- CSS Bookworm Template --> 44 <link rel="stylesheet" href="assets/css/theme.css"> 45 46 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 46-47
46 47 <script async src="https://www.googletagmanager.com/gtag/js?id=
47G-W697PSQDWY
vendor: 14 bytes, lines 47-48
47"></script> 48
48<script> 49
vendor: 154 bytes, lines 49-56
49window.dataLayer = window.dataLayer || []; 50 51 function gtag() { 52 dataLayer.push(arguments); 53 } 54 gtag('js', new Date()); 55 56 gtag('config', '
56G-W697PSQDWY
vendor: 6 bytes, lines 56-57
56'); 57
57</script>
57 58 59 <!-- Meta Pixel Code --> 60
60<script>
vendor: 564 bytes, lines 60-79
60 61 ! function(f, b, e, v, n, t, s) { 62 if (f.fbq) return; 63 n = f.fbq = function() { 64 n.callMethod ? 65 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 66 }; 67 if (!f._fbq) f._fbq = n; 68 n.push = n; 69 n.loaded = !0; 70 n.version = '2.0'; 71 n.queue = []; 72 t = b.createElement(e); 73 t.async = !0; 74 t.src = v; 75 s = b.getElementsByTagName(e)[0]; 76 s.parentNode.insertBefore(t, s) 77 }(window, document, 'script', 78 'https://connect.facebook.net/en_US/fbevents.js'); 79 fbq('init', '
79619068336458009
vendor: 38 bytes, lines 79-81
79'); 80 fbq('track', 'PageView'); 81
81fbq('track', 'ViewContent'); 82 </script>
82 83 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=619068336458009&ev=PageView&noscript=1" /></noscript> 84 <!-- End Meta Pixel Code --> 85 86 87 88 89
90<script type="text/javascript"> 91(function() { 92 window.sib = { 93 equeue: [], 94 client_key: "dww3bihyn1cpi3rfpqyqcigw" 95 }; 96 /* OPTIONAL: email for identify request*/ 97 window.sendinblue = {}; 98 for (var j = ['track', 'identify', 'trackLink', 'page'], i = 0; i < j.length; i++) { 99 (function(k) { 100 window.sendinblue[k] = function() { 101 var arg = Array.prototype.slice.call(arguments); 102 (window.sib[k] || function() { 103 var t = {}; 104 t[k] = arg; 105 window.sib.equeue.push(t); 106 })(arg[0], arg[1], arg[2], arg[3]); 107 }; 108 })(j[i]); 109 } 110 var n = document.createElement("script"), 111 i = document.getElementsByTagName("script")[0]; 112 n.type = "text/javascript", n.id = "sendinblue-js", n.async = !0, n.src = "https://sibautomation.com/sa.js?key=" + window.sib.client_key, i.parentNode.insertBefore(n, i), window.sendinblue.page(); 113})(); 114</script>
114 115 116 117</head> 118<body> 119 <!-- ==== HEADER CONTENT ===== --> 120 <style> 121 #site-header.site-header__v6 { background: #fff; } 122 #site-header .topbar { display: none !important; } 123 .perse-announcement { min-height: 46px; background: #fdf9f4; border-bottom: 1px solid #eee8e2; color: #2d2d2d; font-size: 14px; } 124 .perse-announcement__inner { min-height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 4.25rem; } 125 .perse-announcement__gift { color: #ff5a00; margin-right: 12px; } 126 .perse-announcement__heart { color: #f32948; margin-left: 8px; } 127 #site-header .masthead { box-shadow: none; } 128 #site-header .masthead > .container-fluid { min-height: 122px; padding-top: 0 !important; padding-bottom: 0 !important; } 129 #site-header .offcanvas-toggler { display: none; } 130 #site-header .site-branding { padding-right: 4.5rem !important; } 131 #site-header .site-branding img { width: 135px; height: auto; } 132 #site-header .site-navigation .nav-link { color: #202020; font-size: 15px; font-weight: 900; line-height: 122px; padding-top: 0 !important; padding-bottom: 0 !important; } 133 #site-header .site-navigation .nav-link:hover { color: #ff5a00; } 134 #site-header .site-navigation .nav-link.mx-4 { margin-left: 1.15rem !important; margin-right: 1.15rem !important; } 135 .perse-header-actions { display: flex; align-items: center; gap: 19px; margin-left: auto; white-space: nowrap; } 136 .perse-header-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 61px; padding: 0 17px; border-radius: 15px; font-size: 14px; font-weight: 700; text-decoration: none; } 137 .perse-header-actions__login { color: #ff5a00; border: 2px solid #ff9b69; } 138 .perse-header-actions__publish { color: #fff; background: #ff5a00; border: 2px solid #ff5a00; padding-left: 22px !important; padding-right: 22px !important; box-shadow: 0 3px 5px rgba(255,90,0,.16); } 139 .perse-header-actions__help { color: #292929; padding-left: 5px !important; padding-right: 0 !important; } 140 .perse-header-actions__help i { color: #ff6a1b; font-size: 24px; margin-right: 8px; } 141 #site-header .perse-legacy-actions, #site-header .site-search { display: none !important; } 142 @media (max-width:1199.98px){ #site-header .masthead > .container-fluid { min-height:88px; } #site-header .offcanvas-toggler { display:block; margin-right:1.25rem !important; } .perse-announcement__inner { padding:0 1.5rem; } } 143 @media (max-width:767.98px){ .perse-announcement { font-size:11px; } .perse-announcement__inner { padding:0 1rem; } .perse-announcement__right { display:none; } #site-header .site-branding { padding-right:0 !important; } #site-header .site-branding img { width:112px; } .perse-header-actions { gap:8px; } .perse-header-actions a { min-height:42px; padding:0 10px; border-radius:10px; font-size:12px; } .perse-header-actions__publish,.perse-header-actions__help { display:none !important; } } 144 /* Menu responsivo: evita quebra dos itens em larguras intermediarias. */ 145@media (max-width:1199.98px){ 146 #site-header .masthead > .container-fluid { min-height:88px !important; } 147 #site-header .masthead > .container-fluid > .d-flex { flex-wrap:nowrap !important; gap:12px; } 148 #site-header .site-branding { flex:0 0 auto; padding-right:0 !important; } 149 #site-header .site-navigation { display:none !important; } 150 #site-header .offcanvas-toggler { display:block !important; flex:0 0 auto; margin-right:0 !important; } 151 .perse-header-actions { min-width:0; flex:0 0 auto; gap:10px; } 152 .perse-header-actions a { white-space:nowrap; } 153 .perse-header-actions__help { display:none !important; } 154} 155@media (max-width:767.98px){ 156 .perse-announcement { font-size:11px; } 157 .perse-announcement__inner { min-height:40px; padding:0 12px; } 158 .perse-announcement__inner > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 159 .perse-announcement__right { display:none !important; } 160 #site-header .masthead > .container-fluid { padding-right:12px !important; padding-left:12px !important; } 161 #site-header .site-branding img { width:108px; } 162 .perse-header-actions { margin-left:auto; gap:7px; } 163 .perse-header-actions a { min-height:42px; padding:0 10px; border-radius:10px; font-size:12px; }
164 .perse-header-actions__publish,.perse-header-actions__help { display:none !important; } 165}.perse-header-actions__publish:hover{color:#fff !important;} </style> 166 <header id="site-header" class="site-header__v6"> 167 <div class="perse-announcement"><div class="perse-announcement__inner"><span><i class="fas fa-gift perse-announcement__gift"></i>PerSe é 100% gratuita para autores independentes. Sem mensalidades. Sem pegadinhas.</span><span class="perse-announcement__right">Feita por autores, para autores.<i class="fas fa-heart perse-announcement__heart"></i></span></div></div> 168 <div class="topbar border-bottom d-none d-md-block bg-dark"> 169 <div class="container-fluid px-2 px-md-5 px-xl-8d75"> 170 <div class="topbar__nav d-lg-flex justify-content-between align-items-center font-size-2"> 171 <ul class="topbar__nav--left nav ml-lg-n3"> 172 <li class="nav-item"><a href="fale-conosco" class="nav-link text-white"><i class="font-size-3 glph-icon flaticon-question mr-2"></i>Podemos ajudar você?</a></li> 173 174 </ul> 175 <ul class="topbar__nav--right nav"> 176 177 <li class="nav-item"><a href="area-restrita" class="nav-link py-2 px-3 text-white d-flex align-items-center"><i class="flaticon-user mr-2 font-size-3"></i>Login/Cadastro</a></li> 178 179 180 181 182 <li class="nav-item"><a href="publicador" class="nav-link py-2 px-3 text-white d-flex align-items-center"><i class="flaticon-user mr-2 font-size-3"></i>Publicar Livro Agora</a></li> 183 184 <li class="nav-item"><a href="duvidas" class="nav-link py-2 px-3 text-white d-flex align-items-center"><i class="glph-icon glph-icon flaticon-question mr-2 font-size-3"></i>Dúvidas</a></li> 185 <li class="nav-item"><a href="fale-conosco" class="nav-link py-2 px-3 text-white d-flex align-items-center"><i class="glph-icon glph-icon flaticon-phone mr-2 font-size-3"></i>Fale Conosco</a></li> 186 </ul> 187 </div> 188 </div> 189 </div> 190 <div class="masthead position-relative" style="margin-bottom: -1px;"> 191 <div class="container-fluid px-3 px-md-5 px-xl-8d75 py-3 py-xl-0"> 192 <div class="d-flex align-items-center position-relative flex-wrap"> 193 <div class="offcanvas-toggler mr-5"> 194 <a id="sidebarNavToggler2" href="javascript:;" role="button" class="cat-menu" 195 aria-controls="sidebarContent2" 196 aria-haspopup="true" 197 aria-expanded="false" 198 data-unfold-event="click" 199 data-unfold-hide-on-scroll="false" 200 data-unfold-target="#sidebarContent2" 201 data-unfold-type="css-animation" 202 data-unfold-overlay='{ 203 "className": "u-sidebar-bg-overlay", 204 "background": "rgba(0, 0, 0, .7)", 205 "animationSpeed": 100 206 }' 207 data-unfold-animation-in="fadeInLeft" 208 data-unfold-animation-out="fadeOutLeft" 209 data-unfold-duration="100"> 210 <svg width="20px" height="18px"> 211 <path fill-rule="evenodd" fill="rgb(25, 17, 11)" d="M-0.000,-0.000 L20.000,-0.000 L20.000,2.000 L-0.000,2.000 L-0.000,-0.000 Z"/> 212 <path fill-rule="evenodd" fill="rgb(25, 17, 11)" d="M-0.000,8.000 L15.000,8.000 L15.000,10.000 L-0.000,10.000 L-0.000,8.000 Z"/> 213 <path fill-rule="evenodd" fill="rgb(25, 17, 11)" d="M-0.000,16.000 L20.000,16.000 L20.000,18.000 L-0.000,18.000 L-0.000,16.000 Z"/> 214 </svg> 215 </a> 216 </div> 217 <div class="site-branding pr-4"> 218 <a href="index.php" class="d-block mb-1"> 219 <img src="assets/img/logo.png" width="190" height="118"> </a> 220 </div> 221 <div class="site-navigation mx-auto d-none d-xl-block"> 222 <ul class="nav"> 223 224 225 226 227 <li class="nav-item"><a href="servicos" class="nav-link link-black-100 mx-4 px-0 py-5 font-weight-medium">Serviços</a></li> 228 <li class="nav-item"><a href="livros" class="nav-link link-black-100 mx-4 px-0 py-5 font-weight-medium">Loja Impresso</a></li> 229 <li class="nav-item"><a href="livros-digital" class="nav-link link-black-100 mx-4 px-0 py-5 font-weight-medium">Loja Digital</a></li> 230 231 232 233 234 235 236 </ul> 237 238 239 </div> 240 241 242 243 244 <div class="perse-header-actions"> 245 <a href="area-restrita" class="perse-header-actions__login">Login / Cadastro</a> <a href="publicador" class="perse-header-actions__publish">Publicar Livro Agora</a> 246 <a href="duvidas" class="perse-header-actions__help"><i class="flaticon-question"></i>Dúvidas</a> 247 </div> 248 <ul class="nav align-self-center ml-auto ml-xl-0 perse-legacy-actions"> 249 250 251 252 <li class="nav-item"> 253 <!-- Account Sidebar Toggle Button --> 254 <a id="sidebarNavToggler" href="javascript:;" role="button" class="nav-link text-dark" 255 aria-controls="sidebarContent" 256 aria-haspopup="true" 257 aria-expanded="false" 258 data-unfold-event="click" 259 data-unfold-hide-on-scroll="false" 260 data-unfold-target="#sidebarContent" 261 data-unfold-type="css-animation" 262 data-unfold-overlay='{ 263 "className": "u-sidebar-bg-overlay", 264 "background": "rgba(0, 0, 0, .7)", 265 "animationSpeed": 500 266 }' 267 data-unfold-animation-in="fadeInRight" 268 data-unfold-animation-out="fadeOutRight" 269 data-unfold-duration="500"> 270 <i class="glph-icon flaticon-user font-size-4"></i> 271 </a> 272 <!-- End Account Sidebar Toggle Button --> 273 </li> 274 </ul> 275 276 277 </div> 278 <div class="site-search ml-xl-0 ml-md-auto w-r-100 flex-grow-1 mt-2 mt-md-0 order-1 order-md-0"> 279 <form class="form-inline my-2 my-xl-0" action="produtos.php" name="busca"> 280 <input name="busca" type="hidden" value="sim" />
281 <input name="pgi" type="hidden" value="0" /> 282 <input name="pgf" type="hidden" value="20" /> 283 <div class="input-group input-group-borderless w-100"> 284 <div class="input-group-prepend border-right mr-0 d-none d-xl-block"> 285 <select class="custom-select pr-7 pl-4 rounded-right-0 height-5 shadow-none border-0 text-dark bg-gray-200" id="inputGroupSelect01" name="cod_categbusca" onchange="this.form.submit()"> 286 <option selected>Todas Categorias</option> 287 288 <option value="2">Administração e Negócios</option> 289 290 <option value="65">Artes</option> 291 292 <option value="116">Auto-Ajuda</option> 293 294 <option value="190">Ciências Biológicas e Naturais</option> 295 296 <option value="202">Ciências Exatas</option> 297 298 <option value="213">Ciências Humanas e Sociais</option> 299 300 <option value="270">Comunicação</option> 301 302 <option value="282">Desenvolvimento Humano</option> 303 304 <option value="309">Didáticos e Educação</option> 305 306 <option value="332">Direito</option> 307 308 <option value="342">Diversos</option> 309 310 <option value="385">Economia</option> 311 312 <option value="386">Engenharia</option> 313 314 <option value="390">Esoterismo</option> 315 316 <option value="400">Espiritualismo</option> 317 318 <option value="416">Esportes e Lazer</option> 319 320 <option value="418">Games e RPG</option> 321 322 <option value="422">Historia e Geografia</option> 323 324 <option value="431">Informática</option> 325 326 <option value="437">Literatura Estrangeira</option> 327 328 <option value="445">Literatura Infanto-Juvenil</option> 329 330 <option value="461">Literatura Nacional</option> 331 332 <option value="513">Medicina e Saúde</option> 333 334 <option value="519">Não Ficção</option> 335 336 <option value="527">Pocket Books</option> 337 338 <option value="532">Poesia</option> 339 340 <option value="556">Psicologia</option> 341 342 <option value="562">Religião</option> 343 344 <option value="603">Viagens e Turismo</option> 345 </select> </div> 346 <input type="text" name="nomebusca" value="" class="form-control px-3 bg-gray-200 bg-focus__1" placeholder="Busque pelo Título do Livro" aria-label="Busque pelo Título do Livro ou Serviço que deseja"> 347 <div class="input-group-append"> 348 <button class="btn btn-primary px-3 py-2" type="submit"><i class="mx-1 glph-icon flaticon-loupe text-white"></i></button> 349 </div> 350 </div> 351 </form> 352 </div> 353 </div> 354 355 </div> 356 357 </header> 358 359 <!-- Account Sidebar Navigation - Desktop -->
360 <aside id="sidebarContent" class="u-sidebar u-sidebar__lg" aria-labelledby="sidebarNavToggler"> 361 <div class="u-sidebar__scroller"> 362 <div class="u-sidebar__container"> 363 <div class="u-header-sidebar__footer-offset"> 364 <!-- Toggle Button --> 365 <div class="d-flex align-items-center position-absolute top-0 right-0 z-index-2 mt-5 mr-md-6 mr-4"> 366 <button type="button" class="close ml-auto" 367 aria-controls="sidebarContent" 368 aria-haspopup="true" 369 aria-expanded="false" 370 data-unfold-event="click" 371 data-unfold-hide-on-scroll="false" 372 data-unfold-target="#sidebarContent" 373 data-unfold-type="css-animation" 374 data-unfold-animation-in="fadeInRight" 375 data-unfold-animation-out="fadeOutRight" 376 data-unfold-duration="500"> 377 <span aria-hidden="true">Fechar <i class="fas fa-times ml-2"></i></span> 378 </button> 379 </div> 380 <!-- End Toggle Button --> 381 382 <!-- Content --> 383 <div class="js-scrollbar u-sidebar__body"> 384 <div class="u-sidebar__content u-header-sidebar__content"> 385 <form class="" action="valida_usuario_compra.php" method="post" enctype="multipart/form-data"> 386 <input type="hidden" name="form_token" value="839f73b8905f488ab972253affabd5c3996805ef9604e2822ff4dca8f4401eaa"> 387 <!-- Login --> 388 <div id="login" data-target-group="idForm"> 389 <!-- Title --> 390 <header class="border-bottom px-4 px-md-6 py-4"> 391 <h2 class="font-size-3 mb-0 d-flex align-items-center"><i class="flaticon-user mr-3 font-size-5"></i>Conta</h2> 392 </header> 393 <!-- End Title --> 394 395 <div class="p-4 p-md-6"> 396 <!-- Form Group --> 397 <div class="form-group mb-4"> 398 <div class="js-form-message js-focus-state"> 399 <label id="signinEmailLabel" class="form-label" for="signinEmail">E-mail *</label> 400 <input type="email" class="form-control rounded-0 height-4 px-4" name="signinEmail" id="signinEmail" placeholder="E-mail" aria-label="" aria-describedby="signinEmailLabel" required> 401 </div> 402 </div> 403 <!-- End Form Group --> 404 405 <!-- Form Group --> 406 <div class="form-group mb-4"> 407 <div class="js-form-message js-focus-state"> 408 <label id="signinPasswordLabel" class="form-label" for="signinPassword">Senha *</label> 409 <input type="password" class="form-control rounded-0 height-4 px-4" name="signinPassword" id="signinPassword" placeholder="Senha" aria-label="" aria-describedby="signinPasswordLabel" required> 410 </div> 411 </div> 412 <!-- End Form Group --> 413 414 <div class="d-flex justify-content-between mb-5 align-items-center"> 415 <!-- Checkbox --> 416 <div class="js-form-message"> 417 <div class="custom-control custom-checkbox d-flex align-items-center text-muted"> 418 <input type="checkbox" class="custom-control-input" id="termsCheckbox" name="termsCheckbox" > 419 <label class="custom-control-label" for="termsCheckbox">
420 <span class="font-size-2 text-secondary-gray-700"> 421 Lembrar-me 422 </span> 423 </label> 424 </div> 425 </div> 426 <!-- End Checkbox --> 427 428 <a class="js-animation-link text-dark font-size-2 t-d-u link-muted font-weight-medium" href="javascript:;" 429 data-target="#forgotPassword" 430 data-link-group="idForm" 431 data-animation-in="fadeIn">Esqueceu a Senha?</a> 432 </div> 433 434 <div class="mb-4d75"> 435 <input name="urlfinaldireciona" type="hidden" value="https://perse.com.br/area-restrita" /> 436 <button type="submit" class="btn btn-block py-3 rounded-0 btn-dark">Entrar</button> 437 </div> 438 439 <div class="mb-2"> 440 <a href="area-restrita" class=" btn btn-block py-3 rounded-0 btn-outline-dark font-weight-medium">Criar Conta</a> 441 </div> 442 </div> 443 </div> 444 </form> 445 446 <form class="" action="cadastra_cliente_rapido.php" method="post" enctype="multipart/form-data"> 447 <input type="hidden" name="form_token" value="839f73b8905f488ab972253affabd5c3996805ef9604e2822ff4dca8f4401eaa"> 448 <!-- Signup --> 449 <div id="signup" style="display: none; opacity: 0;" data-target-group="idForm"> 450 <!-- Title --> 451 <header class="border-bottom px-4 px-md-6 py-4"> 452 <h2 class="font-size-3 mb-0 d-flex align-items-center"><i class="flaticon-resume mr-3 font-size-5"></i>Criar Conta</h2> 453 </header> 454 <!-- End Title --> 455 456 <div class="p-4 p-md-6"> 457 458 <!-- Form Group --> 459 <div class="form-group mb-4"> 460 <div class="js-form-message js-focus-state"> 461 <label id="signinEmailLabel1" class="form-label" for="signinEmail1">Nome Completo *</label> 462 <input type="text" class="form-control rounded-0 height-4 px-4" name="signinNome1" id="signinNome1" placeholder="Nome Completo" aria-label="" aria-describedby="" required> 463 </div> 464 </div> 465 <!-- End Form Group --> 466 467 <!-- Form Group --> 468 <div class="form-group mb-4"> 469 <div class="js-form-message js-focus-state"> 470 <label id="signinEmailLabel1" class="form-label" for="signinEmail1">Email *</label> 471 <input type="email" class="form-control rounded-0 height-4 px-4" name="signinEmail1" id="signinEmail1" placeholder="E-mail" aria-label="" aria-describedby="signinEmailLabel1" required> 472 </div> 473 </div> 474 <!-- End Form Group --> 475 476 <!-- Form Group --> 477 <div class="form-group mb-4"> 478 <div class="js-form-message js-focus-state"> 479 <label id="signinPasswordLabel1" class="form-label" for="signinPassword1">Senha *</label> 480 <input type="password" class="form-control rounded-0 height-4 px-4" name="signinPassword1" id="signinPassword1" placeholder="Senha" aria-label="" aria-describedby="signinPasswordLabel1" required> 481 </div> 482 </div> 483 <!-- End Form Group --> 484 485 486 487 <div class="mb-3"> 488 <button type="submit" class="btn btn-block py-3 rounded-0 btn-dark">Criar Conta</button> 489 </div> 490 491 <div class="text-center mb-4">
492 <span class="small text-muted">Você já possui uma conta?</span> 493 <a class="js-animation-link small" href="javascript:;" 494 data-target="#login" 495 data-link-group="idForm" 496 data-animation-in="fadeIn">Login 497 </a> 498 </div> 499 </div> 500 </div> 501 <!-- End Signup --> 502 </form> 503 <form class="" action="enviar_senha.php" method="post" enctype="multipart/form-data"> 504 <input type="hidden" name="form_token" value="839f73b8905f488ab972253affabd5c3996805ef9604e2822ff4dca8f4401eaa"> 505 <!-- Forgot Password --> 506 <div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm"> 507 <!-- Title --> 508 <header class="border-bottom px-4 px-md-6 py-4"> 509 <h2 class="font-size-3 mb-0 d-flex align-items-center"><i class="flaticon-question mr-3 font-size-5"></i>Esqueceu a Senha?</h2> 510 </header> 511 <!-- End Title --> 512 513 <div class="p-4 p-md-6"> 514 <!-- Form Group --> 515 <div class="form-group mb-4"> 516 <div class="js-form-message js-focus-state"> 517 <label id="signinEmailLabel3" class="form-label" for="signinEmail3">Email *</label> 518 <input type="email" class="form-control rounded-0 height-4 px-4" name="email_lembrete" id="email_lembrete" placeholder="E-mail" aria-label="" aria-describedby="signinEmailLabel3" required> 519 </div> 520 </div> 521 <!-- End Form Group --> 522 523 <div class="mb-3"> 524 <button type="submit" class="btn btn-block py-3 rounded-0 btn-dark">Recuperar Senha</button> 525 </div> 526 527 <div class="text-center mb-4"> 528 <span class="small text-muted">Relembrar Senha?</span> 529 <a class="js-animation-link small" href="javascript:;" 530 data-target="#login" 531 data-link-group="idForm" 532 data-animation-in="fadeIn">Login 533 </a> 534 </div> 535 </div> 536 </div> 537 <!-- End Forgot Password --> 538 </form> 539 540 </div> 541 </div> 542 <!-- End Content --> 543 </div> 544 </div> 545 </div> 546 </aside> 547 <!-- End Account Sidebar Navigation - Desktop --> 548 549 <!-- Cart Sidebar Navigation --> 550 <aside id="sidebarContent1" class="u-sidebar u-sidebar__xl" aria-labelledby="sidebarNavToggler1"> 551 <div class="u-sidebar__scroller js-scrollbar"> 552 <div class="u-sidebar__container"> 553 <div class="u-header-sidebar__footer-offset"> 554 <!-- Toggle Button --> 555 <div class="d-flex align-items-center position-absolute top-0 right-0 z-index-2 mt-5 mr-md-6 mr-4"> 556 <button type="button" class="close ml-auto" 557 aria-controls="sidebarContent1" 558 aria-haspopup="true" 559 aria-expanded="false" 560 data-unfold-event="click" 561 data-unfold-hide-on-scroll="false" 562 data-unfold-target="#sidebarContent1" 563 data-unfold-type="css-animation" 564 data-unfold-animation-in="fadeInRight" 565 data-unfold-animation-out="fadeOutRight" 566 data-unfold-duration="500">
567 <span aria-hidden="true">Fechar <i class="fas fa-times ml-2"></i></span> 568 </button> 569 </div> 570 <!-- End Toggle Button --> 571 572 <!-- Content --> 573 <div class="u-sidebar__body"> 574 <div class="u-sidebar__content u-header-sidebar__content"> 575 <!-- Title --> 576 <header class="border-bottom px-4 px-md-6 py-4"> 577 <h2 class="font-size-3 mb-0 d-flex align-items-center"><i class="flaticon-icon-126515 mr-3 font-size-5"></i>Carrinho de Compras ()</h2> 578 </header> 579 <!-- End Title --> 580 581 582 583 584 585 <div class="px-4 py-5 px-md-6 d-flex justify-content-between align-items-center font-size-3"> 586 <h4 class="mb-0 font-size-3">Subtotal:</h4> 587 <div class="font-weight-medium">R$ 0,00</div> 588 </div> 589 <form class="" action="minhas-compras.php" method="post" enctype="multipart/form-data"> 590 <div class="px-4 mb-8 px-md-6"> 591 <input name="visualizar" type="hidden" value="sim" /> 592 <a href="minhas-compras.php?visualizar=sim"><button type="button" class="btn btn-block py-4 rounded-0 btn-outline-dark mb-4">Ver Carrinho</button></a> 593 <button type="submit" class="btn btn-block py-4 rounded-0 btn-dark">Finalizar Compra</button> 594 </div> 595 </form> 596 </div> 597 </div> 598 <!-- End Content --> 599 </div> 600 </div> 601 </div> 602 </aside> 603 <!-- End Cart Sidebar Navigation --> 604 605 <!-- Categories Sidebar Navigation --> 606 <aside id="sidebarContent2" class="u-sidebar u-sidebar__md u-sidebar--left" aria-labelledby="sidebarNavToggler2"> 607 <div class="u-sidebar__scroller js-scrollbar"> 608 <div class="u-sidebar__container"> 609 <div class="u-header-sidebar__footer-offset"> 610 <!-- Content --> 611 <div class="u-sidebar__body"> 612 <div class="u-sidebar__content u-header-sidebar__content"> 613 <!-- Title --> 614 <header class="border-bottom px-4 px-md-5 py-4 d-flex align-items-center justify-content-between"> 615 <h2 class="font-size-3 mb-0">Menu</h2> 616 617 <!-- Toggle Button --> 618 <div class="d-flex align-items-center"> 619 <button type="button" class="close ml-auto" 620 aria-controls="sidebarContent2" 621 aria-haspopup="true" 622 aria-expanded="false" 623 data-unfold-event="click" 624 data-unfold-hide-on-scroll="false" 625 data-unfold-target="#sidebarContent2" 626 data-unfold-type="css-animation" 627 data-unfold-animation-in="fadeInLeft" 628 data-unfold-animation-out="fadeOutLeft" 629 data-unfold-duration="500"> 630 <span aria-hidden="true"><i class="fas fa-times ml-2"></i></span> 631 </button> 632 </div> 633 <!-- End Toggle Button --> 634 </header> 635 <!-- End Title --> 636 637 638 639 <div class="px-4 px-md-5 pt-5 pb-4 border-bottom"> 640 <h2 class="font-size-3 mb-3"><a href="aperse" class="h-primary">A Perse</a></h2> 641 642 </div> 643 644 645 <div class="px-4 px-md-5 pt-5 pb-4 border-bottom"> 646 <h2 class="font-size-3 mb-3"><a href="publicador" class="h-primary">Publicar</a></h2> 647 648 </div> 649 <div class="px-4 px-md-5 pt-5 pb-4 border-bottom"> 650 <h2 class="font-size-3 mb-3"><a href="servicos" class="h-primary">Serviços</a></h2> 651 652 </div> 653 654 <div class="px-4 px-md-5 pt-5 pb-4 border-bottom"> 655 <h2 class="font-size-3 mb-3"><a href="livros" class="h-primary">Loja Impresso</a></h2> 656 657 </div> 658 <div class="px-4 px-md-5 pt-5 pb-4 border-bottom"> 659 <h2 class="font-size-3 mb-3"><a href="livros-digital" class="h-primary">Loja Digital</a></h2> 660 661 </div> 662 <div class="px-4 px-md-5 pt-5 pb-4 border-bottom"> 663 <h2 class="font-size-3 mb-3"><a href="como-funciona" class="h-primary">Com Funciona</a></h2> 664 665 </div> 666 <div class="px-4 px-md-5 pt-5 pb-4 border-bottom"> 667 <h2 class="font-size-3 mb-3"><a href="duvidas" class="h-primary">Dúvidas</a></h2> 668 669 </div> 670 671 672 673 <div class="px-4 px-md-5 py-5"> 674 675 <!-- Social Networks --> 676 <ul class="list-inline mb-0"> 677 <li class="list-inline-item"> 678 <a class="h-primary pr-2 font-size-2" href="#">
679 <span class="fab fa-facebook-f btn-icon__inner"></span> 680 </a> 681 </li> 682 <li class="list-inline-item"> 683 <a class="h-primary pr-2 font-size-2" href="#"> 684 <span class="fab fa-google btn-icon__inner"></span> 685 </a> 686 </li> 687 <li class="list-inline-item"> 688 <a class="h-primary pr-2 font-size-2" href="#"> 689 <span class="fab fa-twitter btn-icon__inner"></span> 690 </a> 691 </li> 692 <li class="list-inline-item"> 693 <a class="h-primary pr-2 font-size-2" href="#"> 694 <span class="fab fa-github btn-icon__inner"></span> 695 </a> 696 </li> 697 </ul> 698 <!-- End Social Networks --> 699 </div> 700 </div> 701 </div> 702 <!-- End Content --> 703 </div> 704 </div> 705 </div> 706 </aside> 707 <!-- End Categories Sidebar Navigation --> 708 709 <!-- ===== END HEADER CONTENT ======--> 710 711 712<style> 713 .perse-login-hero { overflow: hidden; background: linear-gradient(105deg,#fff 0%,#fff 45%,#fff8f1 100%); font-family: Inter, Arial, sans-serif; } 714 .perse-login-hero__inner { position: relative; max-width: 1400px; min-height: 475px; margin: 0 auto; overflow: hidden; } 715 .perse-login-hero__copy { display: none; } 716 .perse-login-hero h1 { margin: 0 0 24px; color: #151515; font-size: clamp(47px,4.4vw,62px); font-weight: 900; line-height: 1.08; letter-spacing: -1.2px; } 717 .perse-login-hero h1 span { color: #ff5a0a; } 718 .perse-login-hero__lead { max-width: 650px; margin: 0 0 35px; color: #333; font-size: 17px; line-height: 1.5; } 719 .perse-login-hero__message { display: flex; margin: 0; padding-left: 17px; align-items: center; border-left: 3px solid #ff5a0a; color: #222; font-size: 22px; font-weight: 800; line-height: 1.4; } 720 .perse-login-hero__message strong { color: #ff5a0a; } 721 .perse-login-hero__visual { position: absolute; z-index: 1; inset: 0; width: 100%; height: 475px; overflow: hidden; } 722 .perse-login-hero__visual img { position: absolute; inset: 0; width: 100%; max-width: none; height: 475px; object-fit: cover; } 723 @media (max-width: 1050px) { .perse-login-hero__visual { right: 0; opacity: 1; } } 724 .perse-login-hero__copy { position: relative; z-index: 3; } @media (max-width: 700px) { .perse-login-hero__inner { min-height: auto; } .perse-login-hero__copy { display: block; width: 100%; padding: 42px 20px 48px; } .perse-login-hero h1 { font-size: 41px; } .perse-login-hero__lead { font-size: 16px; } .perse-login-hero__message { font-size: 18px; } .perse-login-hero__visual { display: none; } } 725</style> 726 727<section class="perse-login-hero" aria-labelledby="perse-login-title"> 728 <div class="perse-login-hero__inner"> 729 <div class="perse-login-hero__copy"> 730 <h1 id="perse-login-title">Entre na sua conta ou<br>crie seu <span>cadastro<br>gratuito.</span></h1> 731 <p class="perse-login-hero__lead">Acesse sua área exclusiva para publicar, acompanhar pedidos,<br>comprar livros, contratar serviços e gerenciar suas obras.</p> 732 <p class="perse-login-hero__message"><strong>Publicar</strong> ficou fácil. <strong> Acessar</strong> também.</p> 733 </div> 734 <div class="perse-login-hero__visual" aria-hidden="true"><img src="assets/img/login-page-banner-reference.png" alt=""></div> 735 </div> 736</section> 737 <div class="container"> 738 739 <!--DESTAQUES--> 740 <div class="row mt-15 mb-15"> 741 742 743<style> 744.perse-access { width: 100%; padding: 22px 0 70px; font-family: Inter, Arial, sans-serif; } 745.perse-access__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: stretch; } 746.perse-access-card { padding: 30px 35px 28px; border: 1px solid #e8e8e8; border-radius: 18px; background: #fff; box-shadow: 0 8px 26px rgba(30,30,30,.08); } 747.perse-access-card__head { display: grid; margin-bottom: 28px; grid-template-columns: 74px 1fr; gap: 22px; align-items: center; } 748.perse-access-card__icon { display: flex; width: 74px; height: 74px; align-items: center; justify-content: center; border-radius: 14px; color: #fff; background: linear-gradient(135deg,#ff4f00,#ff6816); font-size: 38px; box-shadow: 0 6px 14px rgba(255,79,0,.18); } 749.perse-access-card h2 { margin: 0 0 7px; color: #171717; font-size: 25px; font-weight: 900; line-height: 1.2; } 750.perse-access-card__intro { margin: 0; color: #555; font-size: 14px; line-height: 1.5; } 751.perse-login-form { display: grid;
751 gap: 17px; } 752.perse-login-field { display: flex; flex-direction: column; gap: 8px; } 753.perse-login-field label { margin: 0; color: #303030; font-size: 13px; font-weight: 800; } 754.perse-login-field__control { position: relative; } 755.perse-login-field input { width: 100%; height: 48px; padding: 0 46px 0 15px; border: 1px solid #d8d8d8; border-radius: 8px; outline: none; color: #333; font-size: 14px; } 756.perse-login-field input:focus { border-color: #ff8c52; box-shadow: 0 0 0 3px rgba(255,90,10,.08); } 757.perse-login-field__control > i, .perse-password-toggle { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); color: #666; } 758.perse-password-toggle { border: 0; background: transparent; cursor: pointer; } 759.perse-login-options { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #555; font-size: 12px; } 760.perse-login-options label { display: flex; margin: 0; align-items: center; gap: 9px; } 761.perse-login-options input { width: 18px; height: 18px; margin: 0; accent-color: #ff5a0a; } 762.perse-forgot-toggle { padding: 0; border: 0; color: #ff5a0a; background: transparent; font-size: 12px; font-weight: 800; cursor: pointer; } 763.perse-access-button { display: flex; width: 100%; min-height: 54px; align-items: center; justify-content: center; gap: 14px; border: 0; border-radius: 8px; color: #fff; background: linear-gradient(90deg,#ff4f00,#ff650b); font-size: 15px; font-weight: 900; text-decoration: none; cursor: pointer; box-shadow: 0 5px 12px rgba(255,79,0,.16); } 764.perse-access-button:hover { color: #fff; background: #ed4b00; } 765.perse-access-button--outline { margin-top: 15px; border: 2px solid #ff6a20; color: #ff5a0a; background: #fff; box-shadow: none; } 766.perse-access-button--outline:hover { color: #fff; background: #ff5a0a; } 767.perse-login-security { display: flex; margin: 7px 0 0; padding-top: 20px; align-items: center; gap: 14px; border-top: 1px solid #eee; color: #777; font-size: 11px; line-height: 1.45; } 768.perse-login-security i { color: #ff5a0a; font-size: 25px; } 769.perse-forgot-form { display: none; margin-top: 2px; padding: 17px; border: 1px solid #ffe0cf; border-radius: 9px; background: #fff8f3; } 770.perse-forgot-form.is-open { display: grid; grid-template-columns: 1fr auto; gap: 9px; } 771.perse-forgot-form input { min-width: 0; height: 42px; padding: 0 12px; border: 1px solid #ddd; border-radius: 6px; } 772.perse-forgot-form button { min-height: 42px; padding: 0 14px; border: 0; border-radius: 6px; color: #fff; background: #ff5a0a; font-size: 11px; font-weight: 900; } 773.perse-register-benefits { display: grid; margin: 34px 0 30px; padding: 0; gap: 17px; list-style: none; } 774.perse-register-benefits li { display: flex; align-items: center; gap: 13px; color: #303030; font-size: 14px; font-weight: 800; } 775.perse-register-benefits i { color: #ff5a0a; font-size: 20px; } 776.perse-access-ecosystem { width: 100%; padding: 0 0 70px; font-family: Inter, Arial, sans-serif; } 777.perse-access-stats { display: grid; margin-bottom: 42px; grid-template-columns: repeat(4,1fr); gap: 20px; } 778.perse-access-stat { display: grid; min-height: 112px; padding: 18px; grid-template-columns: 58px 1fr; gap: 14px; align-items: center; border: 1px solid #e8e8e8; border-radius: 13px; background: #fff; box-shadow: 0 4px 15px rgba(30,30,30,.05); } 779.perse-access-stat__icon { display: flex; width: 58px; height: 58px; align-items: center; justify-content: center; color: #ff5a0a; font-size: 37px; } 780.perse-access-stat h3 { margin: 0 0 6px; color: #171717; font-size: 13px; font-weight: 900; line-height: 1.25; } 781.perse-access-stat p { margin: 0; color: #555; font-size: 11px; line-height: 1.5; } 782.perse-access-ecosystem__title { margin: 0 0 22px; color: #171717; font-size: 28px; font-weight: 900; text-align: center; } 783.perse-access-ecosystem__title span { color: #ff5a0a; } 784.perse-access-features { display: grid; margin-bottom: 28px; grid-template-columns: repeat(4,1fr); gap: 28px; } 785.perse-access-feature { min-height: 245px; padding: 24px; border: 1px solid #ffe0cf; border-radius: 13px; background: #fff; text-align: center; } 786.perse-access-feature__icon { display: flex; width: 76px; height: 76px; margin: 0 auto 15px; align-items: center; justify-content: center; border-radius: 50%; color: #ff5a0a; background: #fff6ef; font-size: 37px; } 787.perse-access-feature h3 { margin: 0 0 10px; color: #171717; font-size: 17px; font-weight: 900; } 788.perse-access-feature p { margin: 0; color: #555; font-size: 13px; line-height: 1.55; } 789.perse-access-cta { position: relative; min-height: 245px; overflow: hidden; border-radius: 15px; color: #fff; background: linear-gradient(100deg,#ff4f00 0%,#ff6815 54%,#ff9a43 100%); } 790.perse-access-cta__copy { position: relative; z-index: 3; width: 50%; padding: 28px 20px 24px 60px; } 791.perse-access-cta h2 { margin: 0 0 13px; color: #fff; font-size: 29px; font-weight: 900; line-height: 1.15; } 792.perse-access-cta p { margin: 0 0 19px; max-width: 390px; color: #fff; font-size: 14px; line-height: 1.55; } 793.perse-access-cta__actions { display: flex; gap: 14px; } 794.perse-access-cta__actions form { margin: 0; } 795.perse-access-cta__button { display: flex; min-height: 48px; padding: 0 22px; align-items: center; justify-content: center; gap: 13px; border: 2px solid #fff; border-radius: 9px; color: #ff5a0a; background: #fff; font-size: 13px; font-weight: 900; text-decoration: none; cursor: pointer; } 796.perse-access-cta__button:hover { color: #e84d00; background: #fff4ed; } 797.perse-access-cta__button--outline { color: #fff; background: transparent; } 798.perse-access-cta__button--outline:hover { color: #ff5a0a; background: #fff; } 799.perse-access-cta__visual { position: absolute; z-index: 1; top: 0; right: 0; width: 610px; height: 245px; overflow: hidden; pointer-events: none; } 800.perse-access-cta__visual img { position: absolute; top: -428px; right: 0; width: 1137px; max-width: none; height: auto; }
801@media (max-width: 850px) { .perse-access__grid { grid-template-columns: 1fr; } } 802@media (max-width: 950px) { .perse-access-stats,.perse-access-features { grid-template-columns: repeat(2,1fr); } .perse-access-cta__copy { width: 65%; padding-left: 35px; } .perse-access-cta__visual { right: -160px; opacity: .68; } } 803@media (max-width: 550px) { .perse-access { padding-top: 5px; } .perse-access-card { padding: 25px 20px; } .perse-access-card__head { grid-template-columns: 62px 1fr; gap: 15px; } .perse-access-card__icon { width: 62px; height: 62px; font-size: 32px; } .perse-access-card h2 { font-size: 21px; } .perse-forgot-form.is-open { grid-template-columns: 1fr; } .perse-access-stats,.perse-access-features { grid-template-columns: 1fr; gap: 15px; } .perse-access-ecosystem__title { font-size: 24px; } .perse-access-cta__copy { width: 100%; padding: 28px 22px; } .perse-access-cta__visual { display: none; } .perse-access-cta__actions { display: grid; } .perse-access-cta__actions form,.perse-access-cta__button { width: 100%; } } 804</style> 805 806<section class="perse-access" aria-label="Acesso e cadastro"> 807<div class="perse-access__grid"> 808 <article class="perse-access-card"> 809 <div class="perse-access-card__head"><span class="perse-access-card__icon"><i class="far fa-user"></i></span><div><h2>Já tenho cadastro</h2><p class="perse-access-card__intro">Faça login e acesse sua área PerSe.</p></div></div> 810 <form name="restrito" id="restrito" action="valida_usuario_compra.php" method="post" class="perse-login-form"> 811 <input type="hidden" name="form_token" value="839f73b8905f488ab972253affabd5c3996805ef9604e2822ff4dca8f4401eaa"> 812 <div class="perse-login-field"><label for="signinEmail">E-mail</label><div class="perse-login-field__control"><input type="email" id="signinEmail" name="signinEmail" placeholder="Digite seu e-mail" required><i class="far fa-envelope"></i></div></div> 813 <div class="perse-login-field"><label for="signinPassword">Senha</label><div class="perse-login-field__control"><input type="password" id="signinPassword" name="signinPassword" placeholder="Digite sua senha" required><button class="perse-password-toggle" type="button" aria-label="Exibir senha"><i class="far fa-eye"></i></button></div></div> 814 <div class="perse-login-options"><label><input type="checkbox" name="manter_conectado" value="1">Manter-me conectado</label><button class="perse-forgot-toggle" type="button">Esqueci minha senha</button></div> 815 <button type="submit" class="perse-access-button">Entrar na minha conta <i class="fas fa-arrow-right"></i></button> 816 <input name="entrega" type="hidden" value=""><input name="continuar_compra" type="hidden" value=""><input name="continuar_compra_servicos" type="hidden" value=""><input name="urlfinaldireciona" type="hidden" value="https://perse.com.br/area-restrita"> 817 </form> 818 <form name="lembrete_senha" id="lembrete_senha" action="enviar_senha.php" method="post" class="perse-forgot-form"><input type="hidden" name="form_token" value="839f73b8905f488ab972253affabd5c3996805ef9604e2822ff4dca8f4401eaa"><input type="email" id="email_lembrete" name="email_lembrete" placeholder="Digite seu e-mail" required><input name="entrega2" type="hidden" value=""><button type="submit">Enviar senha</button></form> 819 <p class="perse-login-security"><i class="fas fa-shield-alt"></i>Seus dados estão protegidos com segurança<br>de ponta a ponta.</p> 820 </article> 821 822 <article class="perse-access-card"> 823 <div class="perse-access-card__head"><span class="perse-access-card__icon"><i class="fas fa-user-plus"></i></span><div><h2>Ainda não sou cadastrado</h2><p class="perse-access-card__intro">Crie seu cadastro gratuito e faça parte da PerSe.<br>É rápido, fácil e sem compromisso.</p></div></div> 824 <ul class="perse-register-benefits"><li><i class="far fa-check-circle"></i>Cadastro gratuito</li><li><i class="far fa-check-circle"></i>Sem mensalidade</li><li><i class="far fa-check-circle"></i>Publicação impressa e digital</li><li><i class="far fa-check-circle"></i>Venda na loja PerSe</li><li><i class="far fa-check-circle"></i>Direitos do autor preservados</li></ul> 825 <form name="cadastro_cliente" id="cadastro_cliente" action="cadastro-cliente.php" method="post"><input type="hidden" name="tipo_pessoa" value="1"><input name="entrega" type="hidden" value=""><input name="adm" type="hidden" value=""><input name="continuar_compra" type="hidden" value=""><input name="continuar_compra_servicos" type="hidden" value=""><button type="submit" class="perse-access-button">Criar meu cadastro gratuito <i class="fas fa-arrow-right"></i></button></form> 826 <a class="perse-access-button perse-access-button--outline" href="conteudo.php?cod_pagina=2">Entender como funciona <i class="far fa-play-circle"></i></a> 827 </article> 828</div> 829</section> 830 831<section class="perse-access-ecosystem" aria-labelledby="perse-access-ecosystem-title"> 832 <div class="perse-access-stats"> 833 <article class="perse-access-stat"><span class="perse-access-stat__icon"><i class="fas fa-dollar-sign"></i></span><div><h3>100% gratuito</h3><p>Publique sem pagar nada e sem mensalidades.</p></div></article> 834 <article class="perse-access-stat"><span class="perse-access-stat__icon"><i class="fas fa-shield-alt"></i></span><div><h3>Mais de 15 anos</h3><p>Apoiando autores independentes em sua jornada.</p></div></article> 835 <article class="perse-access-stat"><span class="perse-access-stat__icon"><i class="fas fa-book-open"></i></span><div><h3>Publicação sob demanda</h3><p>Imprima apenas o que for vendido. Sem estoque.</p></div></article> 836 <article class="perse-access-stat"><span class="perse-access-stat__icon"><i class="far fa-copyright"></i></span><div><h3>Controle do autor</h3><p>Você define o preço e recebe seus ganhos.</p></div></article> 837 </div> 838 839 <h2 class="perse-access-ecosystem__title" id="perse-access-ecosystem-title">Sua área <span>PerSe</span> reúne tudo que você precisa</h2> 840 <div class="perse-access-features"> 841 <article class="perse-access-feature"><span class="perse-access-feature__icon"><i class="fas fa-book-open"></i></span><h3>Publicar livro</h3><p>Publique seu livro impresso e digital com facilidade e alcance leitores em todo o Brasil.</p></article> 842 <article class="perse-access-feature"><span class="perse-access-feature__icon"><i class="fas fa-shopping-cart"></i></span><h3>Acompanhar pedidos</h3><p>Acompanhe seus pedidos em tempo real e veja o status das suas vendas.</p></article> 843 <article class="perse-access-feature"><span class="perse-access-feature__icon"><i class="fas fa-percentage"></i></span><h3>Gerenciar royalties</h3><p>Acesse seus relatórios, acompanhe seus ganhos e saques de royalties.</p></article> 844 <article class="perse-access-feature"><span class="perse-access-feature__icon"><i class="fas fa-headset"></i></span><h3>Contratar serviços</h3><p>Contrate revisões, capas, diagramação e outros serviços para seu livro.
844</p></article> 845 </div> 846 847 <div class="perse-access-cta"> 848 <div class="perse-access-cta__copy"> 849 <h2>Ainda não publicou seu livro?<br>A PerSe ajuda você a começar.</h2> 850 <p>Crie sua conta gratuita e dê o primeiro passo para tirar seu livro do papel.</p> 851 <div class="perse-access-cta__actions"> 852 <form action="cadastro-cliente.php" method="post"><input type="hidden" name="tipo_pessoa" value="1"><input name="entrega" type="hidden" value=""><input name="adm" type="hidden" value=""><input name="continuar_compra" type="hidden" value=""><input name="continuar_compra_servicos" type="hidden" value=""><button type="submit" class="perse-access-cta__button">Criar cadastro gratuito <i class="fas fa-arrow-right"></i></button></form> 853 <a class="perse-access-cta__button perse-access-cta__button--outline" href="conteudo.php?cod_pagina=2">Como funciona <i class="far fa-play-circle"></i></a> 854 </div> 855 </div> 856 <div class="perse-access-cta__visual" aria-hidden="true"><img src="assets/img/login-benefits-reference.png" alt=""></div> 857 </div> 858</section> 859
860<script> 861document.addEventListener('DOMContentLoaded',function(){ 862 var password=document.getElementById('signinPassword');var toggle=document.querySelector('.perse-password-toggle');if(password&&toggle){toggle.addEventListener('click',function(){password.type=password.type==='password'?'text':'password';this.setAttribute('aria-label',password.type==='password'?'Exibir senha':'Ocultar senha');});} 863 var forgotButton=document.querySelector('.perse-forgot-toggle');var forgotForm=document.getElementById('lembrete_senha');if(forgotButton&&forgotForm){forgotButton.addEventListener('click',function(){forgotForm.classList.toggle('is-open');if(forgotForm.classList.contains('is-open')){document.getElementById('email_lembrete').focus();}});} 864}); 865</script>
865 866 </div> 867 <!--\DESTAQUES--> 868 869 </div> 870 871 872 873 <style> 874 .perse-footer { position: relative; overflow: hidden; border-top: 3px solid #f36a21; background: #141718; color: #fff; font-family: Inter, Arial, sans-serif; } 875 .perse-footer__inner { display: grid; grid-template-columns: 1.35fr repeat(5, 1fr) 150px; gap: 20px; max-width: 1400px; min-height: 125px; margin: 0 auto; padding: 12px 32px 8px; } 876 .perse-footer__brand { max-width: 190px; } 877 .perse-footer__logo { display: block; width: auto; height: 44px; margin-bottom: 6px; filter: brightness(0) saturate(100%) invert(44%) sepia(97%) saturate(3095%) hue-rotate(359deg) brightness(101%) contrast(103%); } 878 .perse-footer__description { margin: 0 0 6px; color: #d2d5d5; font-size: 10.8px; line-height: 1.25; } 879 .perse-footer__social { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; } 880 .perse-footer__social a { display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border: 1px solid #e5e7e7; border-radius: 50%; color: #fff; font-size: 11px; text-decoration: none; }
881 .perse-footer__column h3 { margin: 2px 0 7px; color: #fff; font-size: 13px; font-weight: 900; } 882 .perse-footer__column ul { margin: 0; padding: 0; list-style: none; } 883 .perse-footer__column li { margin-bottom: 4px; color: #d2d5d5; font-size: 11.5px; line-height: 1.2; } 884 .perse-footer__column a { color: inherit; text-decoration: none; transition: color .2s ease; } 885 .perse-footer__column a:hover, .perse-footer__social a:hover { color: #ff6412; } 886 .perse-footer__mascot { position: relative; width: 150px; height: 125px; align-self: end; overflow: hidden; } 887 .perse-footer__mascot img { position: absolute; right: -46px; bottom: -1px; width: 1146px; max-width: none; height: 137px; } 888 @media (max-width: 1100px) { .perse-footer__inner { grid-template-columns: 1.4fr repeat(3, 1fr); min-height: auto; } .perse-footer__mascot { display: none; } } 889 @media (max-width: 767px) { .perse-footer__inner { grid-template-columns: repeat(2, 1fr); padding: 24px; } .perse-footer__brand { max-width: none; grid-column: 1 / -1; } } 890 @media (max-width: 479px) { .perse-footer__inner { grid-template-columns: 1fr; gap: 18px; } .perse-footer__brand { grid-column: auto; } } 891</style> 892<!-- ========== FOOTER ========== --> 893<footer class="perse-footer"> 894 <div class="perse-footer__inner"> 895 <div class="perse-footer__brand"> 896 <a href="index.php"><img class="perse-footer__logo" src="assets/img/logo.png" alt="PerSe"></a> 897 <p class="perse-footer__description">A PerSe é a plataforma completa para autores independentes publicarem e venderem seus livros impressos e digitais com liberdade, visibilidade e 100% de direitos. Feita por autores, para autores.</p> 898 <ul class="perse-footer__social" aria-label="Redes sociais"> 899 <li><a href="https://www.instagram.com/editoraperse/" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><i class="fab fa-instagram"></i></a></li> 900 <li><a href="https://www.facebook.com/PerSePubliquese" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a></li> 901 <li><a href="https://www.linkedin.com/company/perse/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a></li> 902 <li><a href="https://www.youtube.com/@portalpersebr" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><i class="fab fa-youtube"></i></a></li> 903 <li><a href="https://www.tiktok.com/@editoraperse" target="_blank" rel="noopener noreferrer" aria-label="TikTok"><i class="fas fa-music"></i></a></li> 904 </ul> 905 </div> 906 <nav class="perse-footer__column" aria-label="Navegação"> 907 <h3>Navegação</h3><ul><li><a href="aperse">A PerSe</a></li><li><a href="servicos">Serviços</a></li><li><a href="livros">Loja Impresso</a></li><li><a href="livros-digital">Loja Digital</a></li><li><a href="como-funciona">Como Funciona</a></li></ul> 908 </nav> 909 <nav class="perse-footer__column" aria-label="Comunidade"> 910 <h3>Comunidade</h3><ul><li><a href="https://chat.whatsapp.com/HfdxbO4Pkq6AelIMkNizSi?mode=ac_t" target="_blank" rel="noopener noreferrer">Comunidade WhatsApp</a></li><li><a href="duvidas">Dúvidas</a></li><li><a href="fale-conosco">Fale Conosco</a></li></ul> 911 </nav> 912 <nav class="perse-footer__column" aria-label="Projetos"> 913 <h3>Projetos</h3><ul><li><a href="https://www.apparere.com.br/site/" target="_blank" rel="noopener noreferrer">Projeto Apparere</a></li><li><a href="https://www.resenhas.perse.com.br/" target="_blank" rel="noopener noreferrer">Projeto Resenhas</a></li><li><a href="https://criador.perse.com.br/" target="_blank" rel="noopener noreferrer">Criador Digital</a></li></ul> 914 </nav> 915 <nav class="perse-footer__column" aria-label="Ferramentas"> 916 <h3>Ferramentas</h3><ul><li><a href="orcamento">Simulador PerSe</a></li><li><a href="orcamento">Sistema de Orçamento</a></li></ul> 917 </nav>
918 <nav class="perse-footer__column" aria-label="Acesso rápido"> 919 <h3>Acesso rápido</h3><ul><li><a href="area-restrita">Login / Cadastro</a></li><li><a href="publicador">Publicar Livro Agora</a></li><li><a href="duvidas">Dúvidas</a></li></ul> 920 </nav> 921 <div class="perse-footer__mascot" aria-hidden="true"><img src="assets/img/footer-reference.png" alt=""></div> 922 </div> 923</footer> 924<!-- ========== END FOOTER ========== --> 925 926<!-- Rodap? anterior preservado sem exibi??o durante a atualiza??o visual. --> 927 <footer class="site-footer_v5" style="display:none"> 928 929 <div style="background-color:#000"> 930 <div class="container space-bottom-3"> 931 <div class="space-top-2"> 932 <div class="row"> 933 <div class="col-md-4 col-lg-4"> 934 <div class="pb-6 pb-lg-0"> 935 <a href="index.php" class="d-inline-block mb-5"> 936 <img src="assets/img/logo.png" width="190" height="118"> </a> 937 </a> 938 <address class="font-size-2 mb-5"> 939 <span class="mb-2 font-weight-normal text-gray-500"> 940 PerSe Editora, Autopublica??o e Comercio Eletr?nico Ltda<br> 941 Rua Lincoln Albuquerque, 259 - Conj 118<br> 942 Perdizes - S?o Paulo<br> 943 CEP: 05004-010<br> 944 CNPJ.: 11.100.364/0001-60 <br> 945 </span> 946 </address> 947 <div class="mb-4 h-white"> 948 <a href="fale-conosco" class="font-size-2 d-block text-gray-500 mb-1">[email protected]</a> 949 950 </div> 951 <ul class="list-unstyled mb-0 d-flex"> 952 <li class="h-white btn pl-0"> 953 <a class="text-gray-500" href="#"> 954 <span class="fab fa-instagram"></span> 955 </a> 956 </li> 957 <li class="h-white btn"> 958 <a class="text-gray-500" href="#"> 959 <span class="fab fa-facebook-f"></span> 960 </a> 961 </li> 962 <li class="h-white btn"> 963 <a class="text-gray-500" href="#"> 964 <span class="fab fa-youtube"></span> 965 </a> 966 </li> 967 <li class="h-white btn"> 968 <a class="text-gray-500" href="#"> 969 <span class="fab fa-twitter"></span> 970 </a> 971 </li> 972 <li class="h-white btn"> 973 <a class="text-gray-500" href="#"> 974 <span class="fab fa-pinterest"></span> 975 </a> 976 </li> 977 </ul> 978 </div> 979 </div> 980 <div class="col-md-4 col-lg-2"> 981 <div class="mb-5 mb-md-0"> 982 <h4 class="font-size-3 text-white font-weight-medium mb-2 mb-xl-5 pb-xl-1">Institucional</h4> 983 <ul class="list-unstyled mb-0"> 984 <li class="h-white pb-2"> 985 <a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="aperse">Quem Somos</a> 986 </li> 987 <li class="h-white py-2"> 988 <a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="livros-da-perse">Livros da PerSe</a> 989 </li> 990 <li class="h-white py-2"> 991 <a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="como-funciona">
991Como Funciona</a> 992 </li> 993 994 </ul> 995 </div> 996 </div> 997 <div class="col-md-4 col-lg-2"> 998 <div class="mb-5 mb-md-0"> 999 <h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Produtos</h4> 1000 <ul class="list-unstyled mb-0"> 1001 <li class="h-white pb-2"> 1002 <a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="livros">Livros</a> 1003 </li> 1004 <li class="h-white py-2"> 1005 <a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="servicos">Servi?os</a> 1006 </li> 1007 1008 </li> 1009 </ul> 1010 </div> 1011 </div> 1012 <div class="col-md-4 col-lg-2"> 1013 <div class="mb-5 mb-md-0"> 1014 <h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Pol?ticas e Ajuda</h4> 1015 <ul class="list-unstyled mb-0"> 1016 <li class="h-white pb-2"> 1017 <a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="termos-de-uso">Termos de Uso</a> 1018 </li> 1019 1020 <li class="h-white py-2"> 1021 <a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="duvidas">Perguntas Frequentes</a> 1022 </li> 1023 <li class="h-white py-2"> 1024 <a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="regulamento-das-promocoes">Regulamento e Promo??es</a> 1025 </li> 1026 1027 <li class="h-white py-2"> 1028 <a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="politica-de-privacidade">Pol?tica de Privacidade</a> 1029 </li> 1030 1031 </ul> 1032 </div> 1033 </div> 1034 <div class="col-md-4 col-lg-2"> 1035 <h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Fale Conosco</h4> 1036 <ul class="list-unstyled mb-0"> 1037 <li class="h-white pb-2"> 1038 <a href="fale-conosco" class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">2? a 6? das 9h00 ?s 18h00</a> 1039 </li> 1040 1041 </ul> 1042 </div> 1043 </div> 1044 </div> 1045 </div> 1046 <div class="space-1 bg-black"> 1047 <div class=" container"> 1048 <div class="text-center"> 1049 <!-- Copyright --> 1050 <p class="mb-3 mb-lg-0 font-size-2 text-gray-500">Copyright ?2021 PerSe, Inc. Todos os direitos reservados.</p> 1051 <!-- End Copyright --> 1052 </div> 1053 </div> 1054 </div> 1055 </div> 1056 </footer> 1057 <!-- ========== END FOOTER ========== --> 1058 1059 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 1060
1060<script src="assets/vendor/jquery/dist/jquery.min.js"></script>
1060 1061
1061<script src="assets/vendor/jquery-migrate/dist/jquery-migrate.min.js"></script>
1061 1062
1062<script src="assets/vendor/popper.js/dist/umd/popper.min.js"></script>
1062 1063
1063<script src="assets/vendor/bootstrap/bootstrap.min.js"></script>
1063 1064
1064<script src="assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
1064 1065
1065<script src="assets/vendor/slick-carousel/slick/slick.min.js"></script>
1065 1066
1066<script src="assets/vendor/multilevel-sliding-mobile-menu/dist/jquery.zeynep.js"></script>
1066 1067
1067<script src="assets/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
1067 1068 1069 1070 <!-- JS HS Components --> 1071
1071<script src="assets/js/hs.core.js"></script>
1071 1072
1072<script src="assets/js/components/hs.unfold.js"></script>
1072 1073
1073<script src="assets/js/components/hs.malihu-scrollbar.js"></script>
1073 1074
1074<script src="assets/js/components/hs.header.js"></script>
1074 1075
1075<script src="assets/js/components/hs.slick-carousel.js"></script>
1075 1076
1076<script src="assets/js/components/hs.selectpicker.js"></script>
1076 1077
1077<script src="assets/js/components/hs.show-animation.js"></script>
1077 1078 1079 <!-- JS Bookworm --> 1080 <!--
1080<script src="assets/js/bookworm.js"></script>
1080 --> 1081
1081<script> 1082 $(document).on('ready', function () { 1083 // initialization of unfold component 1084 $.HSCore.components.HSUnfold.init($('[data-unfold-target]')); 1085 1086 // initialization of slick carousel 1087 $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel'); 1088 1089 // initialization of header 1090 $.HSCore.components.HSHeader.init($('#header')); 1091 1092 // initialization of malihu scrollbar 1093 $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar')); 1094 1095 // initialization of show animations 1096 $.HSCore.components.HSShowAnimation.init('.js-animation-link'); 1097 1098 // init zeynepjs 1099 var zeynep = $('.zeynep').zeynep({ 1100 onClosed: function () { 1101 // enable main wrapper element clicks on any its children element 1102 $("body main").attr("style", ""); 1103 1104 console.log('the side menu is closed.'); 1105 }, 1106 onOpened: function () { 1107 // disable main wrapper element clicks on any its children element 1108 $("body main").attr("style", "pointer-events: none;"); 1109 1110 console.log('the side menu is opened.'); 1111 } 1112 }); 1113 1114 // handle zeynep overlay click 1115 $(".zeynep-overlay").click(function () { 1116 zeynep.close(); 1117 }); 1118 1119 // open side menu if the button is clicked 1120 $(".cat-menu").click(function () { 1121 if ($("html").hasClass("zeynep-opened")) { 1122 zeynep.close(); 1123 } else { 1124 zeynep.open(); 1125 } 1126 }); 1127 }); 1128 </script>
1128 1129 1130 <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 1130-1131
1130 1131<script async src="https://www.googletagmanager.com/gtag/js?id=
1131AW-986636091
vendor: 13 bytes, line 1131
1131"></script>
1132<script> 1133
vendor: 138 bytes, lines 1133-1137
1133window.dataLayer = window.dataLayer || []; 1134 function gtag(){dataLayer.push(arguments);} 1135 gtag('js', new Date()); 1136 1137 gtag('config', '
1137AW-986636091
vendor: 5 bytes, line 1137
1137');
1138</script>
1138 1139 1140 <!-- Hotjar Tracking Code for https://www.perse.com.br -->
1141<script>
vendor: 128 bytes, lines 1141-1144
1141 1142 (function(h,o,t,j,a,r){ 1143 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 1144 h._hjSettings={hjid:
11443863669
vendor: 264 bytes, lines 1144-1149
1144,hjsv:6}; 1145 a=o.getElementsByTagName('head')[0]; 1146 r=o.createElement('script');r.async=1; 1147 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 1148 a.appendChild(r); 1149 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
1150</script>
1150 1151 1152 1153 1154 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 1155 1156
1156<script src="js/jquery.maskedinput.js"></script>
1156 1157 1158
1158<script type="text/javascript"> 1159 $(document).ready(function(){ 1160 $('#cep').mask("99999-999"); 1161 }); 1162 </script>
1162 1163 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 1164
1164<script src="../../assets/vendor/jquery/dist/jquery.min.js"></script>
1164 1165
1165<script src="../../assets/vendor/jquery-migrate/dist/jquery-migrate.min.js"></script>
1165 1166
1166<script src="../../assets/vendor/popper.js/dist/umd/popper.min.js"></script>
1166 1167
1167<script src="../../assets/vendor/bootstrap/bootstrap.min.js"></script>
1167 1168
1168<script src="../../assets/vendor/appear.js"></script>
1168 1169
1169<script src="../../assets/vendor/fancybox/jquery.fancybox.min.js"></script>
1169 1170
1170<script src="../../assets/vendor/multilevel-sliding-mobile-menu/dist/jquery.zeynep.js"></script>
1170 1171
1171<script src="../../assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>
1171 1172
1172<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
1172 1173
1173<script src="../../assets/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
1173 1174
1174<script src="../../assets/vendor/slick-carousel/slick/slick.min.js"></script>
1174 1175 1176 <!-- JS HS Components --> 1177
1177<script src="../../assets/js/hs.core.js"></script>
1177 1178
1178<script src="../../assets/js/components/hs.unfold.js"></script>
1178 1179
1179<script src="../../assets/js/components/hs.malihu-scrollbar.js"></script>
1179 1180
1180<script src="../../assets/js/components/hs.fancybox.js"></script>
1180 1181
1181<script src="../../assets/js/components/hs.slick-carousel.js"></script>
1181 1182
1182<script src="../../assets/js/components/hs.selectpicker.js"></script>
1182 1183
1183<script src="../../assets/js/components/hs.show-animation.js"></script>
1183 1184
1184<script src="../../assets/js/components/hs.onscroll-animation.js"></script>
1184 1185
1185<script src="../../assets/js/components/hs.quantity-counter.js"></script>
1185 1186
1186<script src="../../assets/js/components/hs.scroll-nav.js"></script>
1186 1187 1188 <!-- JS Bookworm --> 1189 <!--
1189<script src="../../assets/js/bookworm.js"></script>
1189 --> 1190 1191
1191<script> 1192 $(document).on('ready', function () { 1193 // initialization of unfold component 1194 $.HSCore.components.HSUnfold.init($('[data-unfold-target]')); 1195 1196 // initialization of select picker 1197 $.HSCore.components.HSSelectPicker.init('.js-select'); 1198 1199 // initialization of slick carousel 1200 $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel'); 1201 1202 // initialization of malihu scrollbar 1203 $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar')); 1204 1205 // initialization of popups 1206 $.HSCore.components.HSFancyBox.init('.js-fancybox'); 1207 1208 // initialization of quantity counter 1209 $.HSCore.components.HSQantityCounter.init('.js-quantity'); 1210 1211 // initialization of show animations 1212 $.HSCore.components.HSShowAnimation.init('.js-animation-link'); 1213 1214 // initialization of HSScrollNav component 1215 $.HSCore.components.HSScrollNav.init($('.js-scroll-nav'), { 1216 duration: 700 1217 }); 1218 1219 // init zeynepjs 1220 var zeynep = $('.zeynep').zeynep({ 1221 onClosed: function () { 1222 // enable main wrapper element clicks on any its children element 1223 $("body main").attr("style", ""); 1224 1225 console.log('the side menu is closed.'); 1226 }, 1227 onOpened: function () { 1228 // disable main wrapper element clicks on any its children element 1229 $("body main").attr("style", "pointer-events: none;"); 1230 1231 console.log('the side menu is opened.'); 1232 } 1233 }); 1234 1235 // handle zeynep overlay click 1236 $(".zeynep-overlay").click(function () { 1237 zeynep.close(); 1238 }); 1239 1240 // open side menu if the button is clicked 1241 $(".cat-menu").click(function () { 1242 if ($("html").hasClass("zeynep-opened")) { 1243 zeynep.close(); 1244 } else { 1245 zeynep.open(); 1246 } 1247 }); 1248 }); 1249 </script>
1249 1250 </body> 1251</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.