Things About Web Design Logo

Things About Web Design

PHP CSS MySQL JS Scripts & Tutorials

Rest in Jesus Tutorial


The whole Rest in Jesus Bible Verse App source code is below. 😇
Check it out at https://www.thingsaboutwebdesign.com/code/Rest-in-Jesus.php

The file must be named "something.php" you can replace the "something" part with whatever you want. Just end it with ".php".

To get the background: when viewing the Rest in Jesus page right click and "save as" HolyCross.jpg and upload to images directory on your server.

5

<?php include ('../logs/visitordate.php'?>
<!DOCTYPE html>
<html lang="en">
  <head>
<title>The Good News - Holy Scriptures - Glory to Jesus</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">    
<meta name="description" content="Glory and Praise to Jesus - Our Lord and Saviour">
<meta name="author" content="Things About Web Design">
<link rel="canonical" href="https://www.thingsaboutwebdesign.com/code/Rest-in-Jesus.php">    
<link rel="icon" type="image/png" href="favicon-16x16.png">

<style>  
* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.columna {
  float: left;
  width: 20%;
  margin-top:-10px;
  padding: 0 0 0 10px;
  height:135px;
}
  
.columnb {
  float: left;
  width: 60%;
  padding: 77px 10px 0 10px;
  text-shadow: 1px 1px 5px DarkSlateGray;
    color: #003F7E;
    font-size: 18px;
    font-style: italic;
    font-variant: normal;
    font-weight: 500;
    line-height: 23.4px;
}
  
.columnc {
  float: left;
  width: 20%;
  padding: 10px;
}  

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 768px) {
  .columna, .columnb, .columnc  {
    width: 100%;
  }
}
  
/* Popup container - can be anything you want */
.popup {
  position:static;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popuptext {
  visibility: hidden;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:120%;
  z-index:1;
  background-color:rgba(255,255,255,0.9);
  text-align:left;
  border-radius: 6px;
  padding:20% 25% 30% 25%;
  text-shadow: 1px 1px 5px DarkSlateGray;
    color: #003F7E;
    font-size: 18px;
    font-style: italic;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

body {
  background-image: url("images/HolyCross.jpg");
  background-repeat:no-repeat no-repeat;
  background-size: VW VH; /*Width x Height*/
  font-size: 16px;
  font-family:Arial, Helvetica, geneva;
  padding: 0;
  border-color: #cc0000;
  background-color:#b27b5d;      
}

p, ul, ol, li {font : 10pt Arial,geneva,helvetica;}
h1 {font : bold 14pt Arial, Helvetica, geneva;}
h2 {font : bold 12pt Arial, Helvetica, geneva;}
h3 {font : bold 10pt Arial, Helvetica, geneva;}

.newbtn {
  background-color: #4CAF50;
  color: White;
  padding: 6px;
  font-size: 12px;
  border: none;
  outline: none;
  cursor:pointer;
}  

.newbtn:hover {background-color: #3e8e41;} 
  
.dropbtn {
  background-color: #4CAF50;
  color: White;
  padding: 16px;
  font-size: 16px;
  border: none;
  outline: none;
  cursor:pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content span {
  font-size: 12px;
  color: black;
  padding: 4px 16px;
  text-decoration: none;
  display: block;
}  

.dropdown-content :hover {background-color: yellow;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;} 
  
.container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color:transparent;
  border: 1px solid Crimson;
  border-radius:5px;

</style>
<!-- Pixel Code for https://widgets.entireweb.com/ -->
<script async src="https://widgets.entireweb.com/pixel/sqntiws2hklrj4r5csxoysjzmja3k2va"></script>
<!-- END Pixel Code -->    
  </head>
<body style="margin-right:5%;">
  <div><h1><span style="margin-left:20%; color:DodgerBlue">The Good News of Jesus Christ - Praise and Glory To God!</span></h1></div>
  
  <div class="row" style="margin-top:10px;">
    
<!-- Sidebar/menu -->    
<div class="columna">
  <h2><strong>Holy Scriptures &amp; Prayers</strong></h2>
  <p><button class="newbtn" onclick="newDoc()">New Verse - Click me!</button></p>
  <div class="dropdown">
  <button class="dropbtn">Read Gods Word</button>
  <div class="dropdown-content">
    <div class="popup" onclick="myFunction1()"><span>Our Lords Prayer</span></div>
    <div class="popup" onclick="myFunction2()"><span>Matthew 11: 28</span></div>
    <div class="popup" onclick="myFunction3()"><span>Luke 6: 38</span></div>
    <div class="popup" onclick="myFunction4()"><span>Prayer Of St. Francis</span></div>
    <div class="popup" onclick="myFunction5()"><span>Romans 5: 8</span></div>
    <div class="popup" onclick="myFunction6()"><span>John 14: 6</span></div>
    <div class="popup" onclick="myFunction7()"><span>Romans 3: 10,23</span></div>
    <div class="popup" onclick="myFunction8()"><span>Romans 10</span></div>
    <div class="popup" onclick="myFunction9()"><span>Matthew 22: 37-39</span></div>
    <div class="popup" onclick="myFunction10()"><span>Exodus 20</span></div>
    <div class="popup" onclick="myFunction11()"><span>Psalms 23</span></div>
    <div class="popup" onclick="myFunction12()"><span>Psalms 1: 1-3</span></div>
    <div class="popup" onclick="myFunction13()"><span>Matthew 5: 6</span></div>
     </div>
    </div>

<div class="popup" onclick="myFunction1()"><!--span>Our Lords Prayer</span-->     
<div class="popuptext" id="myPopup1"><h1>Our Lords Prayer</h1>
Our Father who art in Heaven, hallowed be Thy name. Thy kingdom come, thy will be done, on earth as it is in Heaven. Give us this day our daily bread, forgive us our trespasses, as we forgive those who trespass against us. Lead us Father, not into temptation, but deliver us from evil. For thine is the kingdom, the power, and the glory. In the holy name of our Lord Jesus Christ we pray.<br />
  <span style='float:right; margin-right:60px;'>- Amen</span>
</div>
</div>  
<br />   
<div class="popup" onclick="myFunction2()"><!--span>Mathew 28</span-->
<div class="popuptext" id="myPopup2"><h1>Matthew 11: 28</h1>
Come unto me, all who are heavy laden and I will give thee rest. 
</div>
</div>  
<br />   
<div class="popup" onclick="myFunction3()"><!--span>Luke 6:38</span-->
<div class="popuptext" id="myPopup3"><h1>Luke 6: 38</h1>
Give, and it will be given to you. A good measure, pressed down, shaken together and running over, will be poured into your lap. 
</div>
</div>  
<br />   
<div class="popup" onclick="myFunction4()"><!--span>Prayer Of St. Francis</span-->
<div class="popuptext" id="myPopup4"><h1>Prayer Of St. Francis</h1>
Lord, make me an instrument of Your peace. Where there is hatred, let me sow love; where there is injury, pardon; where there is doubt, faith; where there is despair, hope; where there is darkness, light; where there is sadness, joy.
O, Divine Master, grant that I may not so much seek to be consoled as to console; to be understood as to understand; to be loved as to love; For it is in giving that we receive; it is in pardoning that we are pardoned; it is in dying that we are born again to eternal life.<br /> 
  <span style='float:right; margin-right:60px;'>- Amen</span> 
</div>
</div>  
<br />   
<div class="popup" onclick="myFunction5()"><!--span>Romans 5:8</span-->
<div class="popuptext" id="myPopup5"><h1>Romans 5: 8</h1>
But God commendeth his love toward us, in that, while we were yet sinners, Christ died for us. 
</div>
</div>  
<br />   
<div class="popup" onclick="myFunction6()"><!--span>John 14:6</span-->
<div class="popuptext" id="myPopup6"><h1>John 14: 6</h1>
Jesus said to him, "I am the way, and the truth, and the life. No one comes to the Father except through me."  
</div>
</div>  
<br />   
<div class="popup" onclick="myFunction7()"><!--span>Romans 3:10,23</span-->
<div class="popuptext" id="myPopup7"><h1>Romans 3: 10,23</h1>
10). As it is written, there is none righteous, no, not one: 23). For all have sinned, and come short of the glory of God.  
</div>
</div>  
<br />   
<div class="popup" onclick="myFunction8()"><!--span>Romans 10</span-->
<div class="popuptext" id="myPopup8"><h1>Romans 10</h1>
So then faith cometh by hearing, and hearing by the word of God.  
</div>
</div>  
<br />   
<div class="popup" onclick="myFunction9()"><!--span>Mathew 22:37-39</span-->
<div class="popuptext" id="myPopup9"><h1>Matthew 22: 37-39</h1>
37). Jesus said to him, "You shall love the Lord your God with all your heart, with all your soul, and with all your mind." 38). "This is the first and great commandment." 39). "And the second is like it: You shall love your neighbor as yourself." 
</div>
</div>  
<br />   
<div class="popup" onclick="myFunction10()"><!--span>Exodus 20</span-->
<div class="popuptext" id="myPopup10"><h1>Exodus 20 (10 Commandments)</h1>
You shall have no other gods before Me.<br /> You shall not make for yourself any carved image, or likeness of anything: you shall not bow down to them nor serve them.<br /> You shall not take the name of the Lord your God in vein.<br /> Remember the Sabbath day, to keep it holy.<br /> Honor your father and mother.<br /> You shall not murder.<br /> You shall not commit adultry.<br /> You shall not steal.<br /> You shall not bear false witness against your neighbor.<br /> You shall not covet anything that is your neighbor's.
</div>
</div>  
<br />  
<div class="popup" onclick="myFunction11()"><!--span>Psalms 23</span-->
<div class="popuptext" id="myPopup11"><h1>Psalms 23</h1>
The LORD is my Shepherd; I shall not want. He makes me to lie down in green pastures; He leads me beside the still waters. He restores my soul; He leads me in the paths of righteousness for His name's sake. Yea, though I walk through the valley of the shadow of death, I will fear no evil; for You are with me; Your rod and Your staff, they comfort me. You prepare a table before me in the presence of my enemies; You anoint my head with oil; my cup runs over. Surely goodness and mercy will follow me all the days of my life; and I will dwell in the house of the LORD forever.
</div>
</div>  
<br />  
<div class="popup" onclick="myFunction12()"><!--span>Psalms 1:1-3</span-->
<div class="popuptext" id="myPopup12"><h1>Psalms 1: 1-3</h1>
Blessed is the man that walketh not in the counsel of the ungodly, nor standeth in the way of sinners, nor sitteth in the seat of the scornful.<br /> But his delight is in the law of the LORD; and in his law doth he meditate day and night.<br /> And he shall be like a tree planted by the rivers of water, that bringeth forth his fruit in his season; his leaf also shall not wither; and whatsoever he doeth shall prosper.
</div>  
</div>
<br />  
<div class="popup" onclick="myFunction13()"><!--span>Psalms 1:1-3</span-->
<div class="popuptext" id="myPopup13"><h1>Matthew 5: 6</h1>
Blessed are those who hunger and thirst for righteousness, for they will be filled.
</div>  
</div>

</div>    
    
    <div class="columnb">
    <?php 
 
//chooses a random number 
 
$num Rand (0,14) ; 
 
 
//starts the random quote switch loop 
 
switch ($num
 {
 case 
0
 echo 
"There is none righteous, no, not one: For all have sinned, and come short of the glory of God.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Romans 3: 10,23</span>"
 break;      

 case 
1:
 echo 
"Our Father who art in Heaven, hallowed be Thy name. Thy kingdom come, thy will be done, on earth as it is in Heaven. Give us this day our daily bread, forgive us our trespasses, as we forgive those who trespass against us. Lead us Father, not into temptation, but deliver us from evil. For thine is the kingdom, the power, and the glory. In the holy name of our Lord Jesus Christ we pray.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Amen</span>";       
 break;
     
 case 
2
 echo 
"Jesus said to him, \"I am the way, and the truth, and the life. No one comes to the Father except through me.\"<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- John 14: 6</span>"
 break;     
     
 case 
3:
 echo 
"The LORD is my Shepherd; I shall not want. He makes me to lie down in green pastures; He leads me beside the still waters. He restores my soul; He leads me in the paths of righteousness for His name's sake. Yea, though I walk through the valley of the shadow of death, I will fear no evil; for You are with me; Your rod and Your staff, they comfort me. You prepare a table before me in the presence of my enemies; You anoint my head with oil; my cup runs over. Surely goodness and mercy will follow me all the days of my life; and I will dwell in the house of the LORD forever.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- PSALM 23</span>";      
 break; 
 
 case 
4
 echo 
"Come unto me, all who are heavy laden and I will give thee rest.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Matthew 11: 28</span>"
 break; 
 
 case 
5
 echo 
"You shall have no other gods before Me.<br /> You shall not make for yourself any carved image, or likeness of anything: you shall not bow down to them nor serve them.<br /> You shall not take the name of the Lord your God in vein.<br /> Remember the Sabbath day, to keep it holy.<br /> Honor your father and mother. <br /> You shall not murder.<br /> You shall not commit adultry.<br /> You shall not steal.<br /> You shall not bear false witness against your neighbor.<br /> You shall not covet anything that is your neighbor's.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Exodus 20</span>"
 break; 
 
 case 
6
 echo 
"Give, and it will be given to you. A good measure, pressed down, shaken together and running over, will be poured into your lap.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Luke 6: 38</span>"
 break;

 case 
7
 echo 
"Blessed is the man that walketh not in the counsel of the ungodly, nor standeth in the way of sinners, nor sitteth in the seat of the scornful.<br /> But his delight is in the law of the LORD; and in his law doth he meditate day and night.<br /> And he shall be like a tree, planted by the rivers of water, that bringeth forth his fruit in his season; his leaf also shall not wither; and whatsoever he doeth shall prosper.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Psalms 1: 1-3</span>"
 break;

 case 
8
 echo 
"And whatever we ask we receive from Him, because we keep his commandments and do those things that are pleasing in His sight.<br />";
 echo 
"<span style='float:right; margin-right:60px;'>- 1 John 3: 22</span>";
 break;      
     
 case 
9
 echo 
"Jesus said to him, \"You shall love the Lord your God with all your heart, with all your soul, and with all your mind. This is the first and great commandment. And the second is like it: You shall love your neighbor as yourself.\"<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Matthew 22: 37-39</span>"
 break;
     
 case 
10
 echo 
"So then faith comes by hearing, and hearing by the word of God.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Romans 10</span>"
 break;     
      
case 
11
 echo 
"Lord, make me an instrument of Your peace. Where there is hatred, let me sow love; where there is injury, pardon; where there is doubt, faith; where there is despair, hope; where there is darkness, light; where there is sadness, joy.
O, Divine Master, grant that I may not so much seek to be consoled as to console; to be understood as to understand; to be loved as to love; For it is in giving that we receive; it is in pardoning that we are pardoned; it is in dying that we are born again to eternal life.<br />"
;
echo 
"<span style='float:right; margin-right:60px;'>- Prayer Of St. Francis</span>"
 break;
     
 case 
12
 echo 
"But God commendeth his love toward us, in that, while we were yet sinners, Christ died for us.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Romans 5: 8</span>"
 break;
     
 case 
13
 echo 
"Those who hope in the LORD will renew their strength. They will soar on wings like eagles; they will run and not grow weary, they will walk and not be faint.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Isaiah 40: 31</span>"
 break;
     
 case 
14
 echo 
"Blessed are those who hunger and thirst for righteousness, for they will be filled.<br />"
 echo 
"<span style='float:right; margin-right:60px;'>- Matthew 5: 6</span>"
 break;     
     
 }
 
?>
  
</div>

    
    <div class="columnc">

      <h2>Numbers 6: 24</h2>
<p>
May the LORD bless you and keep you;
may the LORD cause His face to shine upon you and be gracious to you;
may the LORD lift up His countenance toward you and give you peace.
</p>
      <p><a href="https://www.biblestudytools.com/niv/" target="_blank" style="text-decoration:none;">NIV Bible</a></p>
      <p><a href="https://www.kingjamesbibleonline.org/" target="_blank" style="text-decoration:none;">King James Bible</a></p>
<?php
$file 
$_SERVER["SCRIPT_NAME"];
$break Explode('/'$file);
$pfile $break[count($break) - 1];
//echo $pfile;
echo "<small style=font-size:10px>";
echo 
"Page Last Updated " .date("M j, Y",filemtime($pfile));
echo 
"</small>";
?> 
    </div>
  </div>
<!-- END MAIN -->
  
<!-- Lower Left of Lower Div -->
<div style="background-color:transparent; border-radius:5px; padding:12px; margin:16px; 16px; 16px; 16px">
  <h2 class="w3-left" style="color:black"><b>Guide us <span>Holy Spirit</span></b></h2>

  <p style="margin-top:50px;"><small>NIV Bible for your text reader. <a href="" onclick="newDoc()" title="Table of Contents">Reset</a></small><br />
    <iframe class="responsive-iframe" src="Read/iframe.php" title="NIV Bible"></iframe></p>
  
  
<p><span style="float:right;"><small><i>Background Image from <a href="https://wallpapercave.com/w/bvA4ase" target="_blank" style="text-decoration:none;">WallpaperCave</a></i></small><br />
<small><i>Waterfall sound by <a href="https://soundbible.com/2201-Large-Waterfall.html#" target="_blank" style="text-decoration:none;">Daniel Simion</a></i></small></span></p>
</div>
 
<!-- Footer -->
<footer class="w3-container" style="background-color:transparent; padding:12px; margin:30px 16px 16px 16px">
  <span class="w3-left" style="color:black; font-size:12px;"><b>Design by <a href="https://www.thingsaboutwebdesign.com">Things About Web Design</a></b></span>
</footer>  
  
<script>
function newDoc() {
  window.location.assign("Rest-in-Jesus.php")
}
</script>  
<script> 
// When the user clicks on div, open the popup
/*global document: false */
function myFunction1() {
    "use strict";
    var popup = document.getElementById("myPopup1");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction2() {
    "use strict";
    var popup = document.getElementById("myPopup2");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction3() {
    "use strict";
    var popup = document.getElementById("myPopup3");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction4() {
    "use strict";
    var popup = document.getElementById("myPopup4");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction5() {
    "use strict";
    var popup = document.getElementById("myPopup5");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction6() {
    "use strict";
    var popup = document.getElementById("myPopup6");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction7() {
    "use strict";
    var popup = document.getElementById("myPopup7");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction8() {
    "use strict";
    var popup = document.getElementById("myPopup8");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction9() {
    "use strict";
    var popup = document.getElementById("myPopup9");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction10() {
    "use strict";
    var popup = document.getElementById("myPopup10");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction11() {
    "use strict";
    var popup = document.getElementById("myPopup11");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction12() {
    "use strict";
    var popup = document.getElementById("myPopup12");
    popup.classList.toggle("show");
}
// When the user clicks on div, open the popup
/*global document: false */
function myFunction13() {
    "use strict";
    var popup = document.getElementById("myPopup13");
    popup.classList.toggle("show");
}  
</script>
  
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5fdea589325e61ad">
</script> 
<!--audio src="mp3/waterfall.mp3" autoplay="autoplay" loop="loop"></audio-->  
</body>
</html>
.

Code below

4


Rest-in-Jesus.php
.

Code below

3


Rest-in-Jesus.php
.

Code below

2


Rest-in-Jesus.php
.

Code below

1


Rest-in-Jesus.php