It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://adfreeaichat.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.        
  5.  
  6. <meta charset="utf-8" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1" />
  8.  
  9. <!-- 2023-jul-22 boostrap replaccement. -->
  10. <style>
  11. .container {
  12. /* display: flex;
  13. justify-content: center; */
  14. }
  15.  
  16. .row {
  17. flex-wrap: wrap;
  18. display: flex;
  19. justify-content: center;
  20. max-width: 1240px;
  21. margin:auto!important;
  22. padding-top: 60px;
  23. }
  24.  
  25. [class^="col-md-"] {
  26. padding-left: 10px;
  27. padding-right: 10px;
  28. }
  29.  
  30.  
  31. .col-md-12 {
  32. -webkit-box-flex: 0;
  33. -webkit-flex: 0 0 100%;
  34. -ms-flex: 0 0 100%;
  35. flex: 0 0 100%;
  36. max-width: 100%;
  37. }
  38. .col-md-9 {
  39. -webkit-box-flex: 0;
  40. -webkit-flex: 0 0 72%;
  41. -ms-flex: 0 0 72%;
  42. flex: 0 0 72%;
  43. max-width: 72%;
  44. }
  45. .col-md-8 {
  46. -webkit-box-flex: 0;
  47. -webkit-flex: 0 0 63%;
  48. -ms-flex: 0 0 63%;
  49. flex: 0 0 63%;
  50. max-width: 63%;
  51. }
  52. .col-md-6 {
  53. -webkit-box-flex: 0;
  54. -webkit-flex: 0 0 46%;
  55. -ms-flex: 0 0 46%;
  56. flex: 0 0 46%;
  57. max-width: 46%;
  58. }
  59. .col-md-4 {
  60. -webkit-box-flex: 0;
  61. -webkit-flex: 0 0 30%;
  62. -ms-flex: 0 0 30%;
  63. flex: 0 0 30%;
  64. max-width: 30%;
  65. }
  66. .col-md-3 {
  67. -webkit-box-flex: 0;
  68. -webkit-flex: 0 0 22%;
  69. -ms-flex: 0 0 22%;
  70. flex: 0 0 22%;
  71. max-width: 22%;
  72. }
  73. .col-md-2 {
  74. -webkit-box-flex: 0;
  75. -webkit-flex: 0 0 17%;
  76. -ms-flex: 0 0 17%;
  77. flex: 0 0 17%;
  78. max-width: 17%;
  79. }
  80.  
  81. @media only screen and (min-width: 525px) and (max-width: 1024px) {
  82. .row {
  83. padding-top: 40px;
  84. }
  85. .col-md-12,.col-md-9,.col-md-8 {
  86. -webkit-box-flex: 0;
  87. -webkit-flex: 0 0 100%;
  88. -ms-flex: 0 0 100%;
  89. flex: 0 0 100%;
  90. max-width: 100%;
  91. }
  92. .col-md-6,.col-md-4,.col-md-3 {
  93. -webkit-box-flex: 0;
  94. -webkit-flex: 0 0 46%;
  95. -ms-flex: 0 0 46%;
  96. flex: 0 0 46%;
  97. max-width: 46%;
  98. }
  99. .col-md-2 {
  100. -webkit-box-flex: 0;
  101. -webkit-flex: 0 0 30%;
  102. -ms-flex: 0 0 30%;
  103. flex: 0 0 30%;
  104. max-width: 30%;
  105. }
  106. }
  107.  
  108. @media only screen and (max-width: 524px) {
  109. .row {
  110. padding-top: 10px;
  111. }
  112. .col-md-12,.col-md-9,.col-md-8,.col-md-6,.col-md-4 {
  113. -webkit-box-flex: 0;
  114. -webkit-flex: 0 0 100%;
  115. -ms-flex: 0 0 100%;
  116. flex: 0 0 100%;
  117. max-width: 100%;
  118. }
  119. .col-md-3,col-md-2 {
  120. -webkit-box-flex: 0;
  121. -webkit-flex: 0 0 45%;
  122. -ms-flex: 0 0 45%;
  123. flex: 0 0 45%;
  124. max-width: 45%;
  125. }
  126. }
  127.  
  128. .graybk {
  129. background-color: #ddd;
  130. border-style: solid;
  131. border-color: #aaa;
  132. }
  133. </style>
  134.  
  135.  
  136.  
  137.  
  138. <style>
  139. body, html {
  140. margin: 0px;
  141. padding: 0px;
  142. }
  143.  
  144. a {
  145. text-decoration: underline;
  146. text-decoration-skip-ink: none;
  147. }
  148.  
  149. @font-face {
  150. font-family: 'SolomonNormal';
  151. src:
  152. url('/include/fonts/solomon_normal-webfont.woff') format('woff')
  153. }
  154.  
  155.  
  156. /* Body block and container
  157. body, select, input, textarea {
  158.  color: #444;
  159. }*/
  160.  
  161. h1, h2, h3, h4, h5, h6 { margin:0; font-weight: 600; }  
  162. /* p { margin:0; font-weight: normal; }  */
  163. a:link, a:active, a:visited { color: #005492; }
  164. a:hover { color: #459DCF; text-decoration: underline; }
  165.  
  166. ul {
  167. margin: 0px -20px 0px auto;
  168. } /* make bullet lists tighter to left side */
  169.  
  170.  
  171. /* HTML content should always fill screen */
  172. html, body {
  173. height:100%;
  174. }
  175.  
  176. body {
  177. font-size: 18px;
  178. font-family: 'SolomonNormal', sans-serif;
  179. }
  180.  
  181. h1  { font-size: 52px; }
  182. h2  { font-size: 38px; }
  183. h3  { font-size: 28px; }
  184. h4  { font-size: 24px; }
  185.  
  186. small { font-size: 85%; }
  187. large { font-size: 125%; }
  188. dt { font-size: 125%;}
  189. dd { padding-bottom: .8em; }
  190.  
  191. .belowthefold { visibility:hidden; }
  192.  
  193. body {
  194.  background-color: #ffffff;
  195.  color: #000000;
  196. }
  197.  
  198. @media screen and (prefers-color-scheme: dark) {
  199.  body {
  200. background-color: #222222;
  201. color: #ffffff;
  202.  }
  203. }
  204.  
  205.  
  206. @media only screen and (min-width: 525px) and (max-width: 1024px) {
  207. h1  { font-size: 28px; }
  208. h2  { font-size: 22px; }
  209. h3  { font-size: 20px; }
  210. h4  { font-size: 18px; }
  211. }
  212.  
  213. @media only screen and (max-width: 524px) {
  214. h1  { font-size: 28px; }
  215. h2  { font-size: 22px; }
  216. h3  { font-size: 20px; }
  217. h4  { font-size: 18px; }
  218. }
  219.  
  220.  
  221. .md_card, .md-card
  222. {
  223. padding: 10px;
  224. overflow: hidden;
  225. }
  226.  
  227. .md-card h2,.md-card h3
  228. {
  229. text-align:center;
  230. color: #1174bb;
  231. }
  232.  
  233. .md-card a,.md-card a:hover, .md-card a:link, .md-card a:visited, .md-card a:active {
  234. text-decoration: none;
  235. }
  236.  
  237. .alert-info {
  238. color: #ffffff;
  239. background-color: var(--dark-green);
  240. font-size: 18px;
  241. padding:20px;
  242. max-width: 1024px;
  243. margin: auto;
  244. padding-left: max(20px,calc((100% - 1000px) / 2));
  245. padding-right: max(20px, calc((100% - 1000px) / 2));
  246. }
  247.  
  248. .alert-info a {
  249. color: #ffffff;
  250. }
  251.  
  252. .alert-info a:link {
  253. color: #FFFFFF;
  254. text-decoration: underline;
  255. }
  256.  
  257. .mini-benefits {
  258. float: right;
  259. }
  260. .centerthis {
  261. text-align: center;
  262. }
  263. .left {
  264. text-align: left!important;
  265. }
  266. .padme {
  267. padding: 20px;
  268. }
  269. .middle {
  270. padding: 50% 20%;
  271. }
  272. .larger {
  273. font-size: larger;
  274. }
  275. .smaller {
  276. font-size: smaller;
  277. }
  278.  
  279. .cta-button {
  280. /* display: inline-block; */
  281. display: flex!important;
  282.    align-items: center;
  283. justify-content: center;
  284. height: 90px;
  285. width: 160px;
  286. margin: 20px auto 20px;
  287. /* line-height: 1; */
  288. /* text-align: center; */
  289. color: #ffffff!important;
  290. /* padding: 24px 18px; */
  291. /* margin: 16px 4px 18px; */
  292. border-radius: 4px;
  293. opacity: 1;
  294. padding: 0.6rem 0.8rem;
  295. cursor: pointer;
  296. text-decoration: none;
  297. font: 16px;
  298. line-height: 21px;
  299. }
  300.  
  301. .cta-button a,.cta-button:hover, .cta-button:link, .cta-button:visited, .cta-button:active {
  302. text-decoration: none;
  303. color: #FFFFFF;
  304. }
  305.  
  306. .cta-button span {
  307. font-size: 14px;
  308. }
  309.  
  310. .cta-trynow {
  311. font-size: 30px;
  312. width: 160px;
  313. padding: 16px 0px;
  314. margin: 0px 4px 15px;
  315. }
  316. .cta-buynow, .cta-subscribe {
  317. font-size: 20px;
  318. width: 160px;
  319. padding: 16px 0px;
  320. margin: 0px 4px 15px;
  321. }
  322. .cta-trial {
  323. margin: 0px auto 20px;
  324. display: block;
  325. width: 334px;
  326. padding: 6px 0px;
  327. font-size: 22px;
  328. }
  329. .cta-askus {
  330. margin: 0px auto 20px;
  331. display: block;
  332. width: 334px;
  333. padding: 6px 0px;
  334. font-size: 22px;
  335. }
  336. .bluewash-button, .greenwash-button, .orangewash-button {
  337. text-decoration: none;
  338. text-align: center;
  339. /* border-width: 1px; */
  340. /* border-style: solid; */
  341. color: #FFFFFF!important;
  342. /* border-color: #000000; */
  343. }
  344.  
  345. :root {
  346. /* CSS HEX */
  347. --orange: #ea6c0bff;
  348. --yellow: #f2b602ff;
  349. --green: #48ad4dff;
  350. --blue: #158be0ff;
  351. --gray: #7a7a7aff;
  352.  
  353. /* CSS HEX */
  354. --light-orange: #f79850ff;
  355. --light-yellow: #fdd049ff;
  356. --light-green: #7ec981ff;
  357. --light-blue: #57b0efff;
  358. --light-gray: #a3a3a3ff;
  359.  
  360. /* CSS HEX */
  361. --dark-orange: #c35a09ff;
  362. --dark-yellow: #ca9802ff;
  363. --dark-green: #3c903fff;
  364. --dark-blue: #1174bbff;
  365. --dark-gray: #666666ff;
  366. }
  367.  
  368. .bluetext { color: var(--blue)!important; }
  369. .greentext { color: var(--green)!important; }
  370. .orangetext { color: var(--orange)!important; }
  371. .yellowtext { color: var(--yellow)!important; }
  372. .graytext { color: var(--gray)!important; }
  373.  
  374. .bluewash, .bluewash-button { background: var(--blue); }
  375. .bluewash-button:hover { background: #57B0EF; }
  376. .orangewash, .orangewash-button { background: var(--orange); }
  377. .orangewash-button:hover { background: #f79850; }
  378. .greenwash, .greenwash-button { background: var(--green); }
  379. .greenwash-button:hover { background: #7ec981; }
  380. .yellowwash, .yellowwash-button { background: var(--yellow); }
  381. .yellowwash-button:hover { background: #fdd049; }
  382. .graywash, .graywash-button { background: var(--gray); }
  383. .graywash-button:hover { background: #a3a3a3; }
  384.  
  385. .heroback {
  386. background-image: url('/images/djo-hero-background.webp');
  387. background-position: bottom;
  388. background-repeat: no-repeat;
  389. background-size: cover;
  390. }
  391. .heroback-blue {
  392. background-image: url('/images/djo-hero-bk-blue.webp');
  393. background-position: bottom;
  394. background-repeat: no-repeat;
  395. background-size: cover;
  396. }
  397. .heroback-orange {
  398. background-image: url('/images/djo-hero-bk-orange.webp');
  399. background-position: bottom;
  400. background-repeat: no-repeat;
  401. background-size: cover;
  402. }
  403.  
  404. .greenback {
  405. color: #fff;
  406. background-color: #347F38;
  407. }
  408.  
  409.  
  410.  
  411. /* -------------------- Reviews -------------------- */
  412. .mini_widget {
  413. text-align: center;
  414. display: inline-block;
  415. }
  416.  
  417. .name_starts {
  418. display: inline-block;
  419. }
  420.  
  421. .mini_widget .name_starts {
  422. display: inline-block;
  423. position: relative;
  424. top: 5px;
  425. width: 120px;
  426. }
  427.  
  428. #review_avg, .review {
  429. border: 1px solid #c1c1c1;
  430. margin-top: 10px;
  431. padding: 5px;
  432. }
  433.  
  434. .review .stars {
  435. display: block;
  436. height: 24px;
  437. }
  438.  
  439. .name_stars {
  440. display: block;
  441. width: 100%;
  442. height: 24px;
  443. }
  444.  
  445. .name_date > div {
  446. display: inline;
  447. }
  448.  
  449. .star_votes, .star_half {
  450. display: inline-block;
  451. height: 24px;
  452. width: 24px;
  453. }
  454.  
  455. .review .product {
  456. padding-bottom: 10px;
  457. }
  458.  
  459. .review br {
  460. content: "";
  461. margin: 2em;
  462. display: block;
  463. font-size: 24%;
  464. }
  465.  
  466. .star_votes {
  467. background: rgba(0, 0, 0, 0) url("https://www.companionlink.com/assets/images/star_full24.png") no-repeat scroll 0 0;
  468. }
  469.  
  470. .star_half {
  471. background: rgba(0, 0, 0, 0) url("https://www.companionlink.com/assets/images/star_half24.png") no-repeat scroll 0 0;
  472. }
  473.  
  474. .cssthumbnail {
  475.  max-width: 100%;
  476. }
  477.  
  478. /* CSS Sprites */
  479. .bg-email_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -10px;}
  480. .bg-email_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -130px;}
  481. .bg-help_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -250px;}
  482. .bg-help_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -370px;}
  483. .bg-rate_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -490px;}
  484. .bg-rate_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -610px;}
  485. .bg-update_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -730px;}
  486. .bg-update_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -850px;}
  487. .bg-alarms_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -970px;}
  488. .bg-alarms_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -1090px;}
  489. .bg-calendar_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -1210px;}
  490. .bg-calendar_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -1330px;}
  491. .bg-categories_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -1450px;}
  492. .bg-categories_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -1570px;}
  493. .bg-contacts_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -1690px;}
  494. .bg-contacts_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -1810px;}
  495. .bg-deals_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -1930px;}
  496. .bg-deals_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -2050px;}
  497. .bg-expense_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -2170px;}
  498. .bg-expense_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -2290px;}
  499. .bg-journal_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -2410px;}
  500. .bg-journal_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -2530px;}
  501. .bg-notepad_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -2650px;}
  502. .bg-notepad_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -2770px;}
  503. .bg-projects_v2013_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -2890px;}
  504. .bg-projects_v2013_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -3010px;}
  505. .bg-releasenotes_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -3130px;}
  506. .bg-releasenotes_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -3250px;}
  507. .bg-settings_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -3370px;}
  508. .bg-settings_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -3490px;}
  509. .bg-sync_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -3610px;}
  510. .bg-sync_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -3730px;}
  511. .bg-tasks_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -3850px;}
  512. .bg-tasks_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -3970px;}
  513. .bg-today_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -4090px;}
  514. .bg-today_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -4210px;}
  515. .bg-need_help_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -4330px;}
  516. .bg-need_help_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -4450px;}
  517. .bg-Search_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -4570px;}
  518. .bg-Search_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -4690px;}
  519. .bg-dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -4810px;}
  520. .bg-lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -4930px;}
  521. .bg-background_picture_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -5050px;}
  522. .bg-background_picture_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -5170px;}
  523. .bg-logging_and_support_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -5290px;}
  524. .bg-logging_and_support_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -5410px;}
  525. .bg-pinned_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -5530px;}
  526. .bg-pinned_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -5650px;}
  527. .bg-privacy_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -5770px;}
  528. .bg-privacy_lt { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -5890px;}
  529. .bg-register_dk { width: 100px; height: 100px; padding: 9px; margin: auto; background: url('/images/icons/djo-sprites.webp') -10px -6010px;}
  530.  
  531.  
  532.  
  533.  
  534. </style>
  535.  
  536.  
  537.  
  538.  
  539. <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  540. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  541. <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  542. <link rel="manifest" href="/site.webmanifest">
  543. <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#7c8588">
  544. <meta name="msapplication-TileColor" content="#2b5797">
  545. <meta name="theme-color" content="#ffffff">
  546.  
  547. <script>
  548. function init() {
  549. var vidDefer = document.getElementsByTagName('iframe');
  550. for (var i=0; i<vidDefer.length; i++) {
  551. if(vidDefer[i].getAttribute('data-src')) {
  552. vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
  553. } } }
  554. window.onload = init;
  555. </script>
  556.  
  557. <script>
  558. document.addEventListener('DOMContentLoaded', function() {
  559. var elems = document.getElementsByClassName('belowthefold');
  560. for (var i = 0; i < elems.length; i ++) {
  561. elems[i].style.visibility = 'visible';
  562. }
  563.        });
  564. </script>
  565.  
  566. <style>
  567. .youtube-player {
  568. position: relative;
  569. padding-bottom: 56.23%;
  570. /* Use 75% for 4:3 videos */
  571. height: 0;
  572. overflow: hidden;
  573. max-width: 100%;
  574. background: #000;
  575. margin: 5px;
  576. }
  577. .youtube-player iframe {
  578. position: absolute;
  579. top: 0;
  580. left: 0;
  581. width: 100%;
  582. height: 100%;
  583. z-index: 100;
  584. background: transparent;
  585. }
  586. .youtube-player img {
  587. bottom: 0;
  588. display: block;
  589. left: 0;
  590. margin: auto;
  591. max-width: 100%;
  592. width: 100%;
  593. position: absolute;
  594. right: 0;
  595. top: 0;
  596. border: none;
  597. height: auto;
  598. cursor: pointer;
  599. -webkit-transition: .4s all;
  600. -moz-transition: .4s all;
  601. transition: .4s all;
  602. }
  603. .youtube-player img:hover {
  604. -webkit-filter: brightness(75%);
  605. }
  606. .youtube-player .play {
  607. height: 72px;
  608. width: 72px;
  609. left: 50%;
  610. top: 50%;
  611. margin-left: -36px;
  612. margin-top: -36px;
  613. position: absolute;
  614. background: url("/img/youtube-player.png") no-repeat;
  615. cursor: pointer;
  616. }
  617.  
  618. </style>
  619. <script>
  620. /* Light YouTube Embeds by @labnol */
  621. /* Web: http://labnol.org/?p=27941 */
  622. document.addEventListener("DOMContentLoaded",
  623. function() {
  624. var div, n,
  625. v = document.getElementsByClassName("youtube-player");
  626. for (n = 0; n < v.length; n++) {
  627. div = document.createElement("div");
  628. div.setAttribute("data-id", v[n].dataset.id);
  629. div.innerHTML = labnolThumb(v[n].dataset.id);
  630. div.onclick = labnolIframe;
  631. v[n].appendChild(div);
  632. }
  633. });
  634.  
  635. function labnolThumb(id) {
  636. var thumb = '<img src="https://i.ytimg.com/vi/ID/hqdefault.jpg">',
  637. play = '<div class="play"></div>';
  638. return thumb.replace("ID", id) + play;
  639. }
  640.  
  641. function labnolIframe() {
  642. var iframe = document.createElement("iframe");
  643. var embed = "https://www.youtube.com/embed/ID?autoplay=1";
  644. iframe.setAttribute("src", embed.replace("ID", this.dataset.id));
  645. iframe.setAttribute("frameborder", "0");
  646. iframe.setAttribute("allowfullscreen", "1");
  647. this.parentNode.replaceChild(iframe, this);
  648. }
  649. </script>
  650.  
  651.        <title>JenAI Chat - GPT-3.5, GPT-4, GPT-4o and Gemini Chat App for Android</title>
  652.        <meta name="description" content="Free App from Google Play that gives two-way voice chat with Gemini Pro API, ChatGPT 3.5 API, and ChatGPT 4 API - Play games, write letters, do research, get recipes.">
  653. <meta name="google-site-verification" content="YBZVaNU3-12rtVtMMKHVvWEKt6FA1UuVtP83l_Ouxhw" />
  654. <meta name="p:domain_verify" content="ff62909f7b0fc725def04cc74328b4d2"/>
  655. <link rel="canonical" href="https://jenaichat.com/" />
  656.  
  657. <style>
  658. .primary-button {
  659. text-align: center;
  660. margin: 50px;
  661. }
  662.  
  663. .primary-button a {
  664. font-size: 32px;
  665. padding: 12px 30px;
  666. background-color: #F5822D;
  667. color: #fff;
  668. border: none;
  669. border-radius: 4px;
  670. text-decoration: none !important;
  671. }
  672.  
  673. /* Three column Start */
  674. .three-column {
  675. display: flex;
  676. justify-content: center;
  677. align-items: center;
  678. margin: 100px 0px;
  679. }
  680.  
  681. .card {
  682. padding: 20px;
  683. }
  684.  
  685. .card-image {
  686. width: 100%;
  687. max-height: 220px;
  688. object-fit: contain;
  689. border-radius: 5px;
  690. }
  691.  
  692. .card-inner {
  693. text-align: left;
  694. margin-top: 20px;
  695. }
  696.  
  697. .third-heading {
  698. font-size: 20px;
  699. margin: 20px 0px 0px;
  700. }
  701.  
  702. .li-icon {
  703. width: 12px;
  704. margin-right: 10px;
  705. }
  706.  
  707. .card-ul {
  708. list-style-type: none;
  709. padding: 0;
  710. }
  711.  
  712. .card-ul li {
  713. margin-bottom: 5px;
  714. font-size: 16px;
  715. }
  716.  
  717. .card a {
  718. text-decoration: none;
  719. display: inline-block;
  720. margin-top: 10px;
  721. }
  722. ulc {
  723. text-align: center;
  724. list-style-position: inside;
  725. }
  726.  
  727. </style>
  728.    </head>
  729.    <body>
  730. <style>
  731. /* ===========HEADER AND FOOTER ================= */
  732. nav {
  733. height: 6rem;
  734. width: 98vw;
  735. display: flex;
  736. position: relative;
  737. z-index: 10;
  738. /* background-color: #fff; */
  739. /* align-items: center; */
  740. }
  741.  
  742. .logo {
  743. padding: 3vh 0vw;
  744. text-align: center;
  745. width: 25vw;
  746. }
  747.  
  748. .logo img {
  749. height: 75px;
  750. width: 400px;
  751. }
  752.  
  753. .navbar-btns {
  754. /*width: 150px;*/
  755. display: flex;
  756. align-items: center;
  757. }
  758.  
  759. .navbar-btns ul {
  760. display: flex;
  761. flex-direction: row;
  762. }
  763.  
  764. .navbar-btns ul li {
  765. list-style: none;
  766. }
  767.  
  768. .nav-links {
  769. /* width: 50vw; */
  770. display: flex;
  771. padding: 0 0.7vw;
  772. justify-content: center;
  773. align-items: center;
  774. text-transform: uppercase;
  775. list-style: none;
  776. }
  777.  
  778. .nav-links li a {
  779. margin: 0 0.7vw;
  780. text-decoration: none;
  781. /* transition: all ease-in-out 350ms; */
  782. padding: 10px;
  783. text-align: left;
  784. font: 16px;
  785. line-height: 21px;
  786. letter-spacing: 0px;
  787. color: #110202;
  788. text-transform: none;
  789. }
  790.  
  791. .nav-links li a:hover {
  792. padding: 10px;
  793. /* border-radius: 50px; */
  794. }
  795.  
  796. .nav-links li {
  797. position: relative;
  798. }
  799.  
  800. .nav-links li a:hover::before {
  801. width: 80%;
  802. }
  803.  
  804. .login-button-2 {
  805. /* background: #F5822D; */
  806. color: #fff;
  807. border-radius: 4px;
  808. opacity: 1;
  809. padding: 0.6rem 0.8rem;
  810. /* margin-left: 2vw; */
  811. cursor: pointer;
  812. /* margin: 0 0.7vw; */
  813. /* text-decoration: none; */
  814. /* transition: all ease-in-out 350ms; */
  815. /* padding: 10px; */
  816. font: 16px;
  817. line-height: 21px;
  818. }
  819.  
  820. .login-button-2 a,.login-button-2 a:hover, .login-button-2 a:link, .login-button-2 a:visited, .login-button-2 a:active {
  821. text-decoration: none;
  822. color: #fff!important;
  823. }
  824.  
  825. .login-button-2 a:visited {
  826. text-decoration: none;
  827. color: #fff!important;
  828. }
  829.  
  830. .login-button-1 {
  831. margin: 0 0.7vw;
  832. text-decoration: none;
  833. /* transition: all ease-in-out 350ms; */
  834. padding: 10px;
  835. text-align: left;
  836. font: 16px;
  837. line-height: 21px;
  838. letter-spacing: 0px;
  839. color: #110202;
  840. opacity: 1;
  841. }
  842.  
  843. .hamburger div {
  844. width: 22px;
  845. height: 3px;
  846. background: #fff;
  847. margin: 5px;
  848. /* transition: all 0.3s ease; */
  849. }
  850.  
  851. .hamburger {
  852. display: none;
  853. }
  854.  
  855. .navbar-btns-mobile {
  856. display: none;
  857. }
  858.  
  859. .nav-links .dropdown:hover .sub-menu {
  860. display: block;
  861. }
  862.  
  863. .li-icon {
  864. width: 12px;
  865. margin-right: 10px;
  866. }
  867.  
  868.  
  869. .sub-menu {
  870. display: none;
  871. position: absolute;
  872. background-color: #fff;
  873. padding: 0px;
  874. list-style-type: none;
  875. z-index: 1;
  876. padding: 15px 5px;
  877. width: 250px;
  878. }
  879.  
  880. .sub-menu li {
  881. display: block;
  882. }
  883.  
  884. .sub-menu li a {
  885. color: #000;
  886. padding: 10px;
  887. text-decoration: none;
  888. display: block;
  889. }
  890.  
  891. .sub-menu li a:hover {
  892. background-color: #f1f1f1;
  893. color: #000;
  894. }
  895.  
  896. @media screen and (max-width: 1024px) {
  897. nav {
  898. /*position: fixed;*/
  899. z-index: 3;
  900. width: 100vw;
  901. }
  902. .hamburger {
  903. display: block;
  904. position: absolute;
  905. cursor: pointer;
  906. right: 5%;
  907. top: 50%;
  908. transform: translate(-5%, -50%);
  909. z-index: 2;
  910. transition: all 0.7s ease;
  911. background: #F5822D;
  912. padding: 5px;
  913. }
  914. .nav-links {
  915. background: #252525;
  916. position: fixed;
  917. opacity: 1;
  918. /* height: 100%; */
  919. padding-top: 100px;
  920. width: 100%;
  921. flex-direction: column;
  922. clip-path: circle(5px at 90% -20%);
  923. -webkit-clip-path: circle(5px at 90% -10%);
  924. transition: all 1s ease-out;
  925. pointer-events: none;
  926. }
  927. .nav-links.open {
  928. clip-path: circle(1000px at 50% 50%);
  929. -webkit-clip-path: circle(1000px at 50% 50%);
  930. pointer-events: all;
  931. margin: 0 !important;
  932. }
  933. .nav-links li {
  934. opacity: 0;
  935. }
  936. li.fade {
  937. opacity: 1;
  938. }
  939. .toggle .bars1 {
  940. transform: rotate(-45deg) translate(-5px, 6px);
  941. }
  942. .toggle .bars2 {
  943. transition: all 0s ease;
  944. width: 0;
  945. }
  946. .toggle .bars3 {
  947. transform: rotate(45deg) translate(-5px, -6px);
  948. }
  949. .sub-menu li a {
  950. color: #fff;
  951. padding: 10px;
  952. text-decoration: none;
  953. display: block;
  954. }
  955. }
  956.  
  957. @media only screen and (min-width: 575px) and (max-width: 1024px) {
  958. .navbar-btns {
  959. width: 100%;  
  960. display: flex;
  961. align-items: center;
  962. justify-content: flex-end;
  963. }
  964. .footer-content {
  965. padding-right: 4rem !important;
  966. padding-left: 4rem !important;
  967. flex-direction: column !important;
  968. padding-bottom: 2rem !important;
  969. }
  970. .footer-logo {
  971. margin-bottom: 15px;
  972. }
  973. .nav-links li a {
  974. color: #fff;
  975. }
  976. .nav-links li {
  977. position: relative;
  978. padding: 10px;
  979. }
  980. .nav-links {
  981. padding-top: 100px;
  982. }
  983. .sub-menu li a {
  984. color: #fff;
  985. padding: 10px;
  986. text-decoration: none;
  987. display: block;
  988. }
  989. }
  990.  
  991. @media only screen and (max-width: 575px) {
  992. .navbar-btns-mobile {
  993. /* display: block; */
  994. display: inline-block;
  995. }
  996. /*.navbar-btns {
  997. display: none;
  998. }*/
  999. .navbar-btns {
  1000. width: 100%;  
  1001. display: flex;
  1002. align-items: center;
  1003. justify-content: flex-end;
  1004. }
  1005. .f-content {
  1006. font-size: 14px !important;
  1007. line-height: 30px !important;
  1008. }
  1009. .footer-menu ul li a {
  1010. color: #fff;
  1011. text-decoration: none;
  1012. font-size: 14px;
  1013. line-height: 18px;
  1014. }
  1015.  
  1016. .nav-links li {
  1017. position: relative;
  1018. padding: 10px;
  1019. width: 90%;
  1020. margin: 5px
  1021. }
  1022. .nav-links {
  1023. padding-top: 100px;
  1024. }
  1025. .mobile-btn {
  1026. margin-top: 15px;
  1027. }
  1028. .nav-links li a {
  1029. color: #fff;
  1030. width: 93%;
  1031. display: block;
  1032. }
  1033. .footer-content {
  1034. flex-direction: column !important;
  1035. padding-right: 1rem !important;
  1036. padding-left: 1rem !important;
  1037. padding-bottom: 1rem !important;
  1038. }
  1039. .footer-logo {
  1040. text-align: left;
  1041. width: auto !important;
  1042. }
  1043. .sub-menu li a {
  1044. color: #fff;
  1045. padding: 10px;
  1046. text-decoration: none;
  1047. display: block;
  1048. }
  1049. }
  1050.  
  1051. .nav-links .dropdown {
  1052. position: relative;
  1053. }
  1054.  
  1055. .nav-links .dropdown .sub-menu {
  1056. display: none;
  1057. position: absolute;
  1058. top: 100%;
  1059. left: 0;
  1060. background-color: #f9f9f9;
  1061. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  1062. padding: 10px;
  1063. z-index: 1;
  1064. }
  1065.  
  1066. .nav-links .dropdown:hover .sub-menu {
  1067. display: block;
  1068. }
  1069.  
  1070.  
  1071. /* CSS for mobile dropdown menu */
  1072. @media (max-width: 1024px) {
  1073. .nav-links .dropdown .sub-menu {
  1074. position: static;
  1075. display: block;
  1076. box-shadow: none;
  1077. /* background-color: transparent; */
  1078. padding: 0;
  1079. display: none;
  1080. width: auto;
  1081. background-color: black;
  1082. }
  1083. }
  1084.  
  1085.  
  1086. /* =========== FOOTER ================= */
  1087.  
  1088. footer {
  1089. /* position: absolute;
  1090. bottom: 0;
  1091. left: 0;
  1092. right: 0; */
  1093. background: #252525;
  1094. height: auto;
  1095. /* width: 100vw; */
  1096. color: #fff;
  1097. padding: 6vh 0vw;
  1098. }
  1099.  
  1100. .footer-content {
  1101. display: flex;
  1102. justify-content: space-between;
  1103. flex-direction: row;
  1104. align-items: center;
  1105. padding-right: 7rem;
  1106. padding-left: 7rem;
  1107. padding-bottom: 4rem;
  1108. }
  1109.  
  1110. .footer-menu {
  1111. float: right;
  1112. }
  1113.  
  1114. .footer-menu ul {
  1115. display: flex;
  1116. }
  1117.  
  1118. .footer-menu ul li {
  1119. display: block;
  1120. padding: 10px;
  1121. }
  1122.  
  1123. .footer-menu ul li a {
  1124. color: #fff;
  1125. text-decoration: none;
  1126. }
  1127.  
  1128. @media (max-width:500px) {
  1129. .footer-menu ul {
  1130. display: flex;
  1131. margin-top: 10px;
  1132. margin-bottom: 20px;
  1133. flex-wrap: wrap;
  1134. }
  1135. }
  1136.  
  1137. .footer-p {
  1138. text-align: center;
  1139. }
  1140.  
  1141. .footer-logo {
  1142. text-align: left;
  1143. width: 20vw;
  1144. }
  1145.  
  1146. .footer-logo img {
  1147. height: auto;
  1148. width: 194px;
  1149. }
  1150.  
  1151. .f-content {
  1152. font-size: 16px;
  1153. line-height: 29px;
  1154. }
  1155.  
  1156. @media screen and (prefers-color-scheme: dark) {
  1157. .nav-links li a { color: #ffffff; }
  1158. .nav-links .dropdown .sub-menu { background-color: #222; color: #fff; }
  1159. .sub-menu { background-color: #000; }
  1160. .sub-menu li a { color: #fff; }
  1161. .sub-menu li a:hover { background-color: #444; color: #fff; }
  1162.  }
  1163.  
  1164.  
  1165. .gtranslate_wrapper { position: absolute; top: 0px; right: 5px; }
  1166. </style>
  1167.  
  1168. <nav>
  1169. <div class="logo">
  1170. <a href="/index.html">
  1171. <!--<img src="/images/djo-logo-2023-light.webp" alt="DejaOffice Logo">-->
  1172. <picture>
  1173. <source srcset="/images/jenai-logo-2023-dark.webp" media="(prefers-color-scheme: light)">
  1174. <img src="/images/jenai-logo-2023-light.webp">
  1175. </picture>
  1176. </a>
  1177. </div>
  1178. <div class="hamburger">
  1179. <div class="bars1"></div>
  1180. <div class="bars2"></div>
  1181. <div class="bars3"></div>
  1182. </div>
  1183. <ul class="nav-links">
  1184.  
  1185. <li><a href="/">Home</a></li>
  1186. <li class="dropdown">
  1187. <a href="#">How to<img src="/images/Path_10.svg" alt="li icon" class="li-icon"></a>
  1188. <ul class="sub-menu">
  1189. <li><a href="/guides/">Create Commands</a></li>
  1190. <li><a href="/geminikey.html">Get Gemini Pro API Key</a></li>
  1191. </ul>
  1192. <li><a href="/support/">Support</a></li>
  1193. <li><a href="/blog/">Blog</a></li>
  1194. <li><a href="/about/">About Us</a></li>
  1195. <li class="mobile-btn">
  1196. <div class="navbar-btns-mobile">
  1197. <a class="login-button-2 orangewash-button" href="https://play.google.com/store/apps/details?id=com.companionlink.jenai">Download Now!</a>
  1198. </div>
  1199. </li>
  1200. </ul>
  1201. <div class="navbar-btns">
  1202. <ul>
  1203. <li><a class="login-button-2 orangewash-button" href="https://play.google.com/store/apps/details?id=com.companionlink.jenai">Download Now!</a></li>
  1204. </ul>
  1205. </div>
  1206. <div class="gtranslate_wrapper"></div>
  1207. <script>window.gtranslateSettings = {"default_language":"en","native_language_names":true,"url_structure":"sub_directory","languages":["en","de","es","fr","it","nl","pt","ru","sl","sk","cs","ko","ja","zh-CN","zh-TW",],"wrapper_selector":".gtranslate_wrapper"}</script>
  1208. <script src="https://cdn.gtranslate.net/widgets/latest/dropdown.js" defer></script>
  1209. </nav>
  1210.  
  1211.  
  1212. <!-- ==================== -->
  1213. <!--     Hero Section     -->
  1214. <!-- ==================== -->
  1215. <article>
  1216. <section class="container heroback">
  1217. <div class="row">
  1218. <div class="col-md-12" style="text-align: center;">
  1219. <h1 class="bluetext">Chat with JenAI - Effective AI Chat!</h1>
  1220. <h2>No distracting ads. GPT Voice Chat on your terms!</h2>
  1221. <p class="larger">Talk to Jenny - Play Games, Practice language skills, Learn stuff.</p>
  1222. <div style="text-align: center;">
  1223. <img src="../img/afgpt-hero-2024-800.webp" alt="Chat with JenAI on Android" style="max-width:800px; width:800px; height: 422px;">
  1224. </div>
  1225. <div class="cta-button larger orangewash-button" style="width:190px; height:40px; margin-top:0px;">
  1226. <a href="https://play.google.com/store/apps/details?id=com.companionlink.afgpt">Try it Free</a>
  1227. </div>
  1228. </div>
  1229. </div>
  1230.  
  1231. </section>
  1232.  
  1233. <!-- ============ -->
  1234. <!-- Text Section -->
  1235. <!-- ============ -->
  1236. <section class="container greenback">
  1237. <div class="row">
  1238. <div class="col-md-8" style="text-align: center;">
  1239. <h2 style="color: var(--light-blue);" class="padme">What is JenAI Chat</h2>
  1240. <p class="padme larger">JenAI Chat is an Android app avaialble in the Play Store.</p>
  1241. <ulc>
  1242. <li>No awful ads</li>
  1243. <li>No Subscription</li>
  1244. <li>Free to download</li>
  1245. </ulc>
  1246. <p>In App purchases - pay as you go. You only pay for the credits that you use.</p>
  1247. </div>
  1248. </div>
  1249. </section>
  1250.  
  1251.  
  1252. <!-- ==================== -->
  1253. <!-- Features Section  -->
  1254. <!-- ==================== -->
  1255. <section class="container belowthefold">
  1256. <div class="row">
  1257. <div class="col-md-3 md-card">
  1258. <div class="bg-contacts_dk"></div>
  1259. <h2>Commands</h2>
  1260. <ul class="small">
  1261. <li><b>Games:</b><br>Dungeons and Dragons, Hunt the Wumpus.</li>
  1262. <li><b>Education:</b><br>Language tutor, Math tutor, Simplify a Complex Topic.</li>
  1263. <li><b>Research</b> and <b>Documents</b>:<br>Compose a letter.  Write a thank you now. Share to your email.</li>
  1264. </ul>
  1265. </div>
  1266. <div class="col-md-3 md-card">
  1267. <div class="bg-calendar_dk"></div>
  1268. <h2>Features</h2>
  1269. <ul class="small">
  1270. <li><b>Voice Chat</b>:<br>Talk to the AI and have it talk back.</li>
  1271. <li><b>Easy to use</b>:<br>Simple interface that handles complex topics. </li>
  1272. <li><b>Full Control</b>:<br>Stop verbose chat by tapping on the screen. </li>
  1273. </ul>
  1274. </div>
  1275. <div class="col-md-3 md-card">
  1276. <div class="bg-notepad_dk"></div>
  1277. <h2>Benefits</h2>
  1278. <ul class="small">
  1279. <li><b>Affordable:</b><br>No subscription or ongoing cost. Pay for only the chat you use.</li>
  1280. <li><b>Transparent:</b><br>Your usage is shown with every dialog. You see which commands cost more.</li>
  1281. <li><b>Cheap:</b><br>Low pricing on credit purchases. $10 will buy you days of chat.</li>
  1282. </ul>
  1283. </div>
  1284. <div class="col-md-3 md-card">
  1285. <div class="bg-tasks_dk"></div>
  1286. <h2>Power</h2>
  1287. <ul class="small">
  1288. <li><b>Create your own Commands:</b><br>Automate tasks, then run the task with just one tap.</li>
  1289. <li><b>Use with Android Auto:</b><br>Create letters in your car, then transsfer them to your email.</li>
  1290. <li><b>Flexible:</b><br>Works with ChatGPT 4o, ChatGPT 4, ChatGPT 3.5 and Google Gemini Pro.</li>
  1291. </ul>
  1292. </div>
  1293. </div>
  1294. </section>
  1295. <!--
  1296. <section class="container belowthefold">
  1297. <div class="row">
  1298. <div class="col-md-3 md-card">
  1299. <div class="bg-privacy_dk"></div>
  1300. <h2>Local Data</h2>
  1301. <ul class="small">
  1302. <li><b>Security:</b><br>your master database is on your PC in your home. Not on the Cloud</li>
  1303. <li><b>Backups:</b><br>Automatic backups on your PC and Phone.</li>
  1304. <li><b>Tasks</b> and <b>Notes</b>:<br>Create, Prioritize, and Check Off tasks.  Write and store notes to yourself.</li>
  1305. </ul>
  1306. </div>
  1307. <div class="col-md-3 md-card">
  1308. <div class="bg-update_dk"></div>
  1309. <h2>Migration</h2>
  1310. <ul class="small">
  1311. <li><b>Built-in Import</b>:<br>DejaOffice will import from  Outlook, Business Contact Manager, Act!, GoldMine, Zoho, Monday, Salesforce and Hubspot.</li>
  1312. <li><b>CSV File Support</b>:<br>Import and export using standard CSV files. </li>
  1313. <li><b>Completion</b>:<br>Complete Meetings and Tasks to history stored for each Contact.</li>
  1314. </ul>
  1315. </div>
  1316. <div class="col-md-3 md-card">
  1317. <div class="bg-categories_dk"></div>
  1318. <h2>Easy to Use</h2>
  1319. <ul class="small">
  1320. <li><b>SQLite:</b><br>Based on SQLite which is an industry standard small and fast multi-user SQL server</li>
  1321. <li><b>Deployment:</b><br>The system automatically deploys on your server - even for multi-user configurations</li>
  1322. </ul>
  1323. </div>
  1324. <div class="col-md-3 md-card">
  1325. <div class="bg-tasks_dk"></div>
  1326. <h2>Guaranteed</h2>
  1327. <ul class="small">
  1328. <li><b>Money Back:</b><br>If you are not completely satisfied we will give you your back.</li>
  1329. <li><b>Hours:</b><br>7am-3:30pm US Pacific Time</li>
  1330. </ul>
  1331. </div>
  1332. </div>
  1333. </section>
  1334. -->
  1335.  
  1336. <!-- ==================== -->
  1337. <!-- Trust badges Section  -->
  1338. <!-- ==================== -->
  1339. <section class="container belowthefold greenwash">
  1340. <div class="row">
  1341. <div class="col-md-12 centerthis padme">
  1342. <a href="https://www.companionlink.com/downloads/download-dpc.php?product=DPCS" aria-label="Free Trial" target="_blank">
  1343. <img src="/images/badges/freetrial.webp" alt="Free Trial" style="width:100px; height:100px; padding: 0 40px"></a>
  1344. <a href="/support.html" aria-label="Free Tech Support" target="_blank">
  1345. <img src="/images/badges/techsupport.webp" alt="Free Tech Support" style="width:100px; height:100px; padding: 0 40px"></a>
  1346. <a href="https://www.companionlink.com/aboutus/guarantee.html" aria-label="Guaranteed" target="_blank">
  1347. <img src="/images/badges/money_back_guarantee.webp" alt="Guaranteed" style="width:100px; height:100px; padding: 0 40px"></a>
  1348. <a href="https://www.companionlink.com/aboutus/" aria-label="Top Rated" target="_blank">
  1349. <img src="/images/badges/softwareworld.webp" alt="Top Rated" style="width:100px; height:100px; padding: 0 40px"></a>
  1350. </div>
  1351. </div>
  1352. </section>
  1353.  
  1354.  
  1355. <!-- ==================== -->
  1356. <!-- Three Column Section -->
  1357. <!-- ==================== -->
  1358. <!--
  1359. <section class="container belowthefold">
  1360. <div class="row" style="font-size: larger;">
  1361. <div class="col-md-4 md-card" style="position:relative;">
  1362. <div style="width:100%;margin:auto;display:block;">
  1363. <h2 class="bluewash-button padme">PC</h2>
  1364. <img src="img/dpc-hero-400.jpg" alt="DejaOffice PC CRM" style="width:100%;">
  1365. <p>DejaOffice PC CRM Features:</p>
  1366. <ul>
  1367. <li>Standalone, Express and Pro</li>
  1368. <li>On-Premise CRM</li>
  1369. <li>Microsoft 365 Integration</li>
  1370. <li>Includes sync to Phone</li>
  1371. <li>14 day free trial</li>
  1372. </ul>
  1373. <p>Free 14 day Trial!</p>
  1374. <div class="graywash-button padme" style="text-align:center; padding:20px">
  1375. <a href="https://www.companionlink.com/downloads/download-dpc.php"><img alt="DejaOffice PC CRM Trial Download" src="/img/cl-market-badgev3.png"></a>
  1376. </div>
  1377. </div>
  1378. <!-- Show a hover panel over the card --
  1379. <a style="position:absolute;top:0px;left:0px;width:100%;height:100%;display:inline;" href="/pc-crm/"
  1380. onMouseOver="this.style.backgroundColor='rgba(255,255,255,0.1)'"
  1381. onMouseOut="this.style.backgroundColor='rgba(255,255,255,0.0)'"
  1382. aria-label="On Premise CRM"></a>
  1383. </div>
  1384. <div class="col-md-4 md-card" style="position:relative;">
  1385. <div style="width:100%;margin:auto;display:block;">
  1386. <h2 class="bluewash-button padme">Android</h2>
  1387. <img src="img/djoa-hero-400.jpg" alt="DejaOffice for Android" style="width:100%;">
  1388. <p>DejaOffice for Android Features:</p>
  1389. <ul>
  1390. <li>Works on any Android device</li>
  1391. <li>Android Widgets</li>
  1392. <li>Persistent Alarms</li>
  1393. <li>Log incoming and outgoing calls</li>
  1394. <li>Free from Google Play</li>
  1395. </ul>
  1396. <p>Free Download!</p>
  1397. <div class="graywash-button padme" style="text-align:center; padding:20px">
  1398. <a href="https://play.google.com/store/apps/details?id=com.companionlink.clusbsync"><img alt="Get it on Google Play" src="/img/android_app_on_play_large.png"></a>
  1399. </div>
  1400. </div>
  1401. <!-- Show a hover panel over the card --
  1402. <a style="position:absolute;top:0px;left:0px;width:100%;height:100%;display:inline;" href="/android-crm/"
  1403. onMouseOver="this.style.backgroundColor='rgba(255,255,255,0.1)'"
  1404. onMouseOut="this.style.backgroundColor='rgba(255,255,255,0.0)'"
  1405. aria-label="Android App"></a>
  1406. </div>
  1407. <div class="col-md-4 md-card" style="position:relative;">
  1408. <div style="width:100%;margin:auto;display:block;">
  1409. <h2 class="bluewash-button padme">iPhone and iPad</h2>
  1410. <img src="img/djoi-hero-400.jpg" alt="DejaOffice for iPhone" style="width:100%;">
  1411. <p>DejaOffice for iPhone Features:</p>
  1412. <ul>
  1413. <li>Works on any iPhone and iPad</li>
  1414. <li>Persistent Alarms</li>
  1415. <li>iOS Widgets</li>
  1416. <li>Log outgoing calls</li>
  1417. <li>Free from Apple Store</li>
  1418. </ul>
  1419. <p>Free Download!</p>
  1420. <div class="graywash-button padme" style="text-align:center; padding:20px">
  1421. <a href="https://itunes.apple.com/us/app/dejaoffice/id364736446?mt=8"><img alt="Available in the iTunes Store" src="/img/apl-store-icon.png"></a>
  1422. </div>
  1423. </div>
  1424. <!-- Show a hover panel over the card --
  1425. <a style="position:absolute;top:0px;left:0px;width:100%;height:100%;display:inline;" href="/iphone-crm/"
  1426. onMouseOver="this.style.backgroundColor='rgba(255,255,255,0.1)'"
  1427. onMouseOut="this.style.backgroundColor='rgba(255,255,255,0.0)'"
  1428. aria-label="iPhone and iPad App"></a>
  1429. </div>
  1430. </div>
  1431. </section>-->
  1432.  
  1433.  
  1434. <section class="container belowthefold" style="background-color:#444; color:#ffffff;">
  1435. <style>
  1436. .md-blog {
  1437. position:relative;
  1438. }
  1439. .md-blog h3 {
  1440. height: 3.6em;
  1441. overflow: hidden;
  1442. }
  1443. .md-blog p {
  1444. height: 17.5em;
  1445.   text-overflow: ellipsis;
  1446.   overflow: hidden;
  1447. }
  1448. </style>
  1449. <script src="/include/jquery-3.3.1.min.js"></script>
  1450. <script type="text/javascript">
  1451. $(document).ready(function () {
  1452. $('.belowthefold').css('visibility','visible');
  1453.  
  1454. $.get('/blog/feed/', function (data) {
  1455.  
  1456. let items = $(data).find('item');
  1457. items = $(items).slice(0,8);
  1458.  
  1459. let rssFeed = '';
  1460.  
  1461. items.each(function () {
  1462. let item_elm = $(this);
  1463. let title = item_elm.find('title').text();
  1464. let link  = item_elm.find('link').text();
  1465. let description  = item_elm.find('description').text();
  1466.  
  1467. let html = '';
  1468. html += '<div class="col-md-3 md-card md-blog">';
  1469. html += "<h3>"+title+"</h3><br>";
  1470. html += '<p>'+description+'</p>';
  1471. html += '<a style="position:absolute;top:0px;left:0px;width:100%;height:100%;display:inline;" href="'+link+'"';
  1472. html += 'onMouseOver="this.style.backgroundColor=\'rgba(255,255,255,0.1)\'"';
  1473. html += 'onMouseOut="this.style.backgroundColor=\'rgba(255,255,255,0.0)\'"';
  1474. html += 'aria-label="Blog Article"></a></div>';
  1475. rssFeed += html;
  1476. });
  1477.  
  1478. let blogElm = $('#blogFeed');
  1479.  
  1480. if (blogElm.length > 0) {
  1481. rssFeed = '<div class="row">'+rssFeed+'</div>';
  1482. blogElm.append(rssFeed);
  1483. }
  1484. });
  1485. });
  1486. </script>
  1487. <style>
  1488.  
  1489. </style>
  1490. <div id="blogFeed"></div>
  1491. </section>
  1492.        </article>
  1493.     <footer>
  1494. <style>
  1495. footer, footer p {
  1496. color: #e7e7e7;
  1497. list-style-type: none;
  1498. }
  1499. footer a, footer a:link, footer a:active, footer a:visited {
  1500. color: #F4F2EE;
  1501. text-decoration: none;
  1502. }
  1503. footer a:hover {
  1504. color: #fff;
  1505. text-decoration: underline;
  1506. }
  1507.  
  1508. footer p {
  1509. /* float: left; */
  1510. /* display: inline; */
  1511. text-align: left;
  1512. /* margin-top: -10px; */
  1513. font-size: smaller;
  1514. }
  1515. footer li {
  1516. font-size: larger;
  1517. padding: 5px
  1518. }
  1519. </style>
  1520. <div class="footer">
  1521. <div class="row">
  1522. <div class="col-md-8">
  1523. <picture>
  1524. <source srcset="/images/jenai-logo-2023-dark.webp" media="(prefers-color-scheme: light)">
  1525. <img src="/images/jenai-logo-2023-light.webp">
  1526. </picture>
  1527. <p>
  1528. &copy; 2009-2025 by JenAI Chat<br>
  1529. JenAI Chat is a trademark of CompanionLink Software Inc.<br>
  1530. ChatGPT, GPT-3, GPT-4, GPT-4o are registered trademarks of OpenAI, LP.<br>
  1531. Apple, iPhone, iPad, and iOS are trademarks of Apple, Inc. <br>
  1532. Android, Gemini Pro and Google Play are trademarks of Google, LLC.
  1533. </p>
  1534. <p>
  1535. <br><br>
  1536. Site Page Views:&nbsp;
  1537. <!-- Default Statcounter code for AFAIC
  1538. https://adfreeaichat.com -->
  1539. <script type="text/javascript">
  1540. var sc_project=12949950;
  1541. var sc_invisible=0;
  1542. var sc_security="ed8f70cf";
  1543. var sc_text=2;
  1544. var scJsHost = "https://";
  1545. document.write("<sc"+"ript type='text/javascript' async src='" +
  1546. scJsHost+
  1547. "statcounter.com/counter/counter.js'></"+"script>");
  1548. </script>
  1549. </p>
  1550. <noscript><div class="statcounter"><a title="website
  1551. statistics" href="https://statcounter.com/"
  1552. target="_blank"><img class="statcounter"
  1553. src="https://c.statcounter.com/12949950/0/ed8f70cf/0/"
  1554. alt="website statistics"></a></div></noscript>
  1555. <!-- End of Statcounter Code -->
  1556. </div>
  1557. <div class="col-md-3">
  1558. <ul>
  1559. <li><a title="Home Page" href='/'>Home</a></li>
  1560. <li><a title="Blog" href='/blog/'>Blog</a></li>
  1561. <li><a title="About DejaOffice" href='/about/'>About</a></li>
  1562. </ul>
  1563. </div>
  1564. </div>
  1565.  
  1566. <!-- Google tag (gtag.js) -->
  1567. <script async src="https://www.googletagmanager.com/gtag/js?id=G-FNX6FJYWPW"></script>
  1568. <script>
  1569.  window.dataLayer = window.dataLayer || [];
  1570.  function gtag(){dataLayer.push(arguments);}
  1571.  gtag('js', new Date());
  1572.  
  1573.  gtag('config', 'G-FNX6FJYWPW');
  1574. </script>
  1575. </div>
  1576.  
  1577. </footer>
  1578.  
  1579.  
  1580.    </body>
  1581. </html>
  1582.  
  1583.  
  1584.  
  1585.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda