├── author.html ├── bg-aboutbook.jpg ├── bg-img.jpg ├── book-mockup.jpg ├── index.html ├── profile-ing.jpeg ├── script.js └── style.css /author.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Jonathan Kithcart 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 31 | 32 |

33 | 34 | 35 |

36 | 37 | 58 | 59 | 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /bg-aboutbook.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rommelmars/Kithart/81a7e0eac3966435464122bb5d9e230a8bd10090/bg-aboutbook.jpg -------------------------------------------------------------------------------- /bg-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rommelmars/Kithart/81a7e0eac3966435464122bb5d9e230a8bd10090/bg-img.jpg -------------------------------------------------------------------------------- /book-mockup.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rommelmars/Kithart/81a7e0eac3966435464122bb5d9e230a8bd10090/book-mockup.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Jonathan Kithcart 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 38 | 39 |

40 |

41 |

GOD GIVES US POWER

42 |

43 |

Join us as we delve into historical views that challenge traditional perspectives on tithing. 44 | This exploration encourages you to give from the heart, fostering a deeper understanding and 45 | connection to this time-honored practice.

46 | Explore Events 47 |

48 |

49 | 50 | 51 | 52 |

53 |

54 |

55 |

56 |

57 |

ABOUT THE AUTHOR

58 |

Minister Jonathan Kithcart has devoted over thirty years to the study of the Word of God, specifically engaging in meticulous exegesis concerning the topic of tithing. He asserts that the New Testament tithing system is not divinely ordained, nor has the Head of the Church mandated such practices in the epistles of Paul, who was appointed as a preacher, apostle, and teacher of the Gentiles (2 Timothy 1:11).

59 | Know more about Jonathan 60 | 61 |

62 | 63 |

64 | 65 |

66 | 67 |

68 |

ABOUT THE BOOK

69 |

Inside my book, you will discover and comprehend the concept referred to as THE CODE OF SILENCE, which elucidates why individuals who advocate the so-called New Testament tithe to the body of Christ are questioned with the inquiry, "Did the Apostle Paul teach tithing to the Church?" The Apostle Paul stated, "I am appointed a preacher, and an apostle, and a teacher of the Gentiles" (2 Timothy 1:11). 70 | Furthermore, you will gain insights into why neither Jesus nor His family, nor John the Baptist adhered to the law of tithing. This exploration aims to provide a deeper understanding of the scriptural basis for these teachings and the implications for contemporary Christian practice.

71 | Read More 72 |

73 |

74 |

75 |

76 |

77 | 78 |

79 | 80 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | -------------------------------------------------------------------------------- /profile-ing.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rommelmars/Kithart/81a7e0eac3966435464122bb5d9e230a8bd10090/profile-ing.jpeg -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | // Select all links in the head_links div 2 | const links = document.querySelectorAll('.head_links a'); 3 | 4 | // Loop through links and add a click event listener to each 5 | links.forEach(link => { 6 | link.addEventListener('click', function() { 7 | // Remove active class from all links 8 | links.forEach(l => l.classList.remove('active')); 9 | // Add active class to the clicked link 10 | this.classList.add('active'); 11 | }); 12 | }); 13 | 14 | document.addEventListener('DOMContentLoaded', () => { 15 | AOS.init({ 16 | duration: 600, 17 | offset: 100, 18 | }); 19 | }); 20 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | text-decoration: none; 6 | border: none; 7 | outline: none; 8 | scroll-behavior: smooth; 9 | font-family: "Poppins", sans-serif; 10 | } 11 | 12 | body{ 13 | background-color: whitesmoke; 14 | color: #10253a; 15 | } 16 | 17 | html{ 18 | font-size: 70%; 19 | overflow-x: hidden; 20 | scroll-behavior: smooth; 21 | } 22 | 23 | header{ 24 | position: fixed; 25 | top: 0; 26 | left: 0; 27 | width: 100%; 28 | padding: 3rem 10% 3rem 10%; 29 | background: rgba(202, 208, 212, 0.4); 30 | backdrop-filter: blur(3px); 31 | display: flex; 32 | justify-content: space-between; 33 | align-items: center; 34 | z-index: 5; 35 | } 36 | 37 | 38 | 39 | 40 | .head_links a{ 41 | font-size: 1.7vw; 42 | margin-left: 4rem; 43 | justify-content: space-between; 44 | align-items: center; 45 | color: #2e3636; 46 | font-weight: 550; 47 | transition: 0.3s ease; 48 | border-bottom: 3px solid transparent; 49 | font-family: 'Playfair Display', serif; 50 | letter-spacing: 0.1em; 51 | 52 | } 53 | 54 | .head_links a.active { 55 | color: #c44141; /* Color when active */ 56 | text-shadow: 2px 2px 4px rgba(67, 192, 161, 0.5); 57 | } 58 | 59 | .head_links a:hover{ 60 | color: brown; 61 | text-shadow: 2px 2px 4px rgba(67, 192, 161, 0.5); 62 | } 63 | 64 | .logo{ 65 | font-size: 2.7vw; 66 | font-family: 'Libre Baskerville', serif; 67 | font-weight: 800; /* Bold weight */ 68 | color: #2e4156; 69 | text-shadow: 4px 4px 4px #aaa; 70 | animation: slideInLogo 1.5s ease-in-out; 71 | } 72 | .logo:hover{ 73 | transform: scale(1.1); 74 | color: #1a2d42; 75 | text-shadow: 2px 2px 4px rgba(67, 192, 161, 0.5); 76 | 77 | } 78 | 79 | .about-author{ 80 | width: 100vw; 81 | height: 110vh; 82 | background-color: #dbf2f8; 83 | display: flex; 84 | text-align: left; 85 | position: relative; 86 | 87 | } 88 | 89 | .profile-image{ 90 | width: 50%; 91 | } 92 | 93 | .profile-image img{ 94 | width: 33vw; 95 | height: 66vh; 96 | margin-top: 25vh; 97 | border-radius: 50%; 98 | transform: translateX(30%); 99 | 100 | } 101 | 102 | .author-text{ 103 | margin-top: 8vh; 104 | width: 50%; 105 | transform: translateX(-10%); 106 | } 107 | 108 | .about-author h2{ 109 | margin-top: 25vh; 110 | font-size: 9vh; 111 | text-shadow: 2px 2px 4px rgba(209, 213, 214, 0.7); 112 | word-spacing: 0.2em; 113 | animation: slideFromToph2 1s ease-in-out; 114 | font-weight: 700; 115 | font-family: 'Playfair Display', serif; 116 | } 117 | 118 | .about-author p{ 119 | margin-top: 3vh; 120 | font-size: 3vh; 121 | margin-right: 8rem; 122 | text-align: left; 123 | } 124 | 125 | .author-but { 126 | text-decoration: none; 127 | margin-top: 4vh; 128 | background-color: brown; /* Green background */ 129 | color: #eef6ff; /* White text */ 130 | padding: 10px 20px; /* Padding for button size */ 131 | border-radius: 5px; /* Rounded corners */ 132 | display: inline-block; /* Keeps it inline like a button */ 133 | text-align: center; 134 | font-size: 1vw; 135 | font-family: 'Playfair Display', serif; 136 | letter-spacing: 0.2em; 137 | font-weight: 250; /* Optional: makes the text bold */ 138 | } 139 | 140 | .author-but:hover { 141 | background-color: #ff1100; /* Darker green on hover */ 142 | } 143 | 144 | .hero { 145 | background-image: url('bg-img.jpg'); /* Use the path to your image */ 146 | background-size: cover; 147 | background-position: center; 148 | background-repeat: no-repeat; 149 | position: relative; 150 | text-align: center; 151 | color: white; 152 | width: 100vw; 153 | height: 100vh; 154 | display: flex; 155 | flex-direction: column; 156 | justify-content: center; 157 | align-items: center; 158 | 159 | 160 | } 161 | 162 | .hero h1 { 163 | font-size: 4em; 164 | font-weight: bold; 165 | color: #2e4156; 166 | text-shadow: 2px 2px 4px rgba(68, 70, 67, 0.7); 167 | margin-bottom: 1rem; 168 | transform: translateX(50%); 169 | animation: slideFromTop 1s ease-in-out; 170 | 171 | } 172 | 173 | .hero-text{ 174 | font-size: 1.7em; 175 | color: #08192e; 176 | max-width: 600px; 177 | margin: 0 auto; 178 | line-height: 1.4em; 179 | text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); 180 | padding: 0 20px; 181 | transform: translateX(44.5%); 182 | animation: slideFromRight 1.7s ease-in-out; 183 | text-align: left; 184 | 185 | } 186 | 187 | .about-book{ 188 | width: 100%; 189 | height: 100vh; 190 | background-image: url('bg-aboutbook.jpg'); 191 | background-size: cover; 192 | background-position: center; 193 | background-repeat: no-repeat; 194 | background-color: #acd0fa; 195 | display: flex; 196 | 197 | } 198 | 199 | .book-text{ 200 | text-align: center; 201 | width: 100%; 202 | font-size: 1.7em; 203 | margin-top: 12vh; 204 | padding: 15px; 205 | font-family: 'Playfair Display', serif; 206 | text-shadow: 2px 2px 5px rgba(89, 23, 212, 0.2); 207 | color: whitesmoke; 208 | 209 | } 210 | 211 | .book-text h2{ 212 | margin-top: 10vh; 213 | font-size: 2.5em; 214 | font-family: 'Playfair Display', serif; 215 | } 216 | 217 | .book-text p{ 218 | margin-top: 3.5vh; 219 | font-size: 1em; 220 | text-align: justify; 221 | width: 40vw; 222 | margin-left: 12%; 223 | } 224 | 225 | 226 | 227 | .book-mockup{ 228 | margin-top: 12vh; 229 | width: 100%; 230 | } 231 | 232 | .book-mockup img{ 233 | margin-top: 5vh; 234 | margin-left: 3vw; 235 | width: 77%; 236 | height: auto; 237 | box-shadow: 5px 40px 80px rgba(29, 28, 28, 0.1); 238 | } 239 | 240 | /* Keyframes for animations */ 241 | 242 | @keyframes slideInLogo { 243 | from { 244 | transform: translateX(-100%); 245 | } 246 | to { 247 | transform: translateX(0); 248 | } 249 | } 250 | 251 | 252 | @keyframes slideFromTop { 253 | 0% { 254 | transform: translate(50%, -50px); /* Start above */ 255 | opacity: 0; 256 | } 257 | 100% { 258 | transform: translate(50%,0); /* End at the original position */ 259 | opacity: 1; 260 | } 261 | } 262 | 263 | @keyframes slideFromRight { /*hero-text p*/ 264 | 0% { 265 | transform: translateX(60%); /* Start to the right */ 266 | opacity: 0; 267 | } 268 | 100% { 269 | transform: translateX(44.5%); /* End at the original position */ 270 | opacity: 1; 271 | } 272 | } 273 | 274 | footer { 275 | background-color: #e05721; 276 | color: white; 277 | padding: 20px; 278 | text-align: center; 279 | } 280 | 281 | footer p { 282 | margin: 10px 0; 283 | } 284 | 285 | footer a { 286 | color: white; 287 | text-decoration: none; 288 | margin: 0 10px; 289 | font-size: 1.5rem; 290 | } 291 | 292 | footer a:hover { 293 | color: #3498db; 294 | } 295 | 296 | footer .social-icons { 297 | margin-top: 10px; 298 | } 299 | 300 | footer .social-icons a { 301 | font-size: 2rem; 302 | transition: color 0.3s ease; 303 | } 304 | 305 | footer .social-icons a:hover { 306 | color: #1da1f2; /* Blue for Twitter */ 307 | } 308 | 309 | footer .social-icons .fa-facebook:hover { 310 | color: #3b5998; /* Facebook color */ 311 | } 312 | 313 | footer .social-icons .fa-youtube:hover { 314 | color: #3b20b4; /* YouTube color */ 315 | } 316 | 317 | 318 | 319 | 320 | 321 | --------------------------------------------------------------------------------