ph4x35ccb

pedir versiculo CCB

Dec 25th, 2019
318
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <title></title>
  8.     <link rel="stylesheet" href="">
  9. </head>
  10. <style>
  11.     @import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
  12.     *{
  13.         margin:0;
  14.         padding: 0;
  15.         box-sizing: border-box;
  16.     }
  17.     body{
  18.         background-color: #D3D3D3;
  19.         font-family: 'Lobster', cursive;
  20.     }
  21.     main{
  22.         max-width: 980px;
  23.         width: 100%;
  24.         height: auto;
  25.         margin: auto;
  26.         display: grid;
  27.         justify-content: center;
  28.     }
  29.     #verso{
  30.         width: 350px;
  31.         height: 100px;
  32.         margin: auto;
  33.         padding: 5px;
  34.         font-family: 'Lobster', cursive;
  35.         font-size: 100%;
  36.         border: 1px solid #cecece;
  37.     }
  38.     #btn{
  39.         display: grid;
  40.         justify-content: center;
  41.     }
  42.     .btn{
  43.         width: 150px;
  44.         padding: 15px;
  45.         margin-top: 19px;
  46.         background-color: #000;
  47.         color: #fff;
  48.         border: none;
  49.         border-radius: 3px;
  50.         font-weight: 700;
  51.         cursor: pointer;
  52.         text-align: center;
  53.     }
  54.     h1{
  55.         font-weight: 800;
  56.         text-align: center;
  57.     }
  58.     footer{
  59.         max-width: 980px;
  60.         width: 100%;
  61.         height: 50px;
  62.         margin-top: 20px;
  63.         text-align: center;
  64.     }
  65. </style>
  66. <body>
  67.     <header>
  68.         <h1>Deus seja Louvado</h1>
  69.     </header>
  70.    
  71.     <main>
  72.     <div id="verso">
  73.        
  74.     </div>
  75.     <div id="btn">
  76.         <button class="btn"  onclick="imprime()">Pedir Verso</button>
  77.     </div>
  78.     </main>
  79.     <footer>
  80.         <p>Toda honra toda a gloria seja dada a Deus que é digno de toda adoração.</p>
  81.     </footer>
  82. <script>
  83.         var v01 = "Você, porém, homem de Deus, fuja de tudo isso e busque a justiça, a piedade, a fé, o amor, a perseverança e a mansidão.";
  84.         var v02 = "Ninguém o despreze pelo fato de você ser jovem, mas seja um exemplo para os fiéis na palavra, no procedimento, no amor, na fé e na pureza. 1 Timóteo 4:12";
  85.         var v03 = "Estejam vigilantes, mantenham-se firmes na fé, sejam homens de coragem, sejam fortes. Façam tudo com amor.1 Coríntios 16:13-14";
  86.         var v04 = "Sabemos que Deus não ouve pecadores, mas ouve o homem que o teme e pratica a sua vontade.João 9:31";
  87.         var vers = [v01,v02,v03,v04];
  88.        
  89.         function imprime(){
  90.             var tam = vers.length;
  91.         var sort = Math.random() * tam;
  92.         var verso = Math.trunc(sort);
  93.             document.getElementById("verso").innerHTML = vers[verso];
  94.         }
  95.     </script>
  96. </body>
  97.  
  98. </html>
Advertisement
Add Comment
Please, Sign In to add comment