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>Adless AI Chat - GPT-3.5, GPT-4 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://www.adfreeaichat.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.  
  723. </style>
  724.    </head>
  725.    <body>
  726. <style>
  727. /* ===========HEADER AND FOOTER ================= */
  728. nav {
  729. height: 6rem;
  730. width: 98vw;
  731. display: flex;
  732. position: relative;
  733. z-index: 10;
  734. /* background-color: #fff; */
  735. /* align-items: center; */
  736. }
  737.  
  738. .logo {
  739. padding: 3vh 0vw;
  740. text-align: center;
  741. width: 25vw;
  742. }
  743.  
  744. .logo img {
  745. height: 55.38px;
  746. width: 240px;
  747. }
  748.  
  749. .navbar-btns {
  750. /*width: 150px;*/
  751. display: flex;
  752. align-items: center;
  753. }
  754.  
  755. .navbar-btns ul {
  756. display: flex;
  757. flex-direction: row;
  758. }
  759.  
  760. .navbar-btns ul li {
  761. list-style: none;
  762. }
  763.  
  764. .nav-links {
  765. /* width: 50vw; */
  766. display: flex;
  767. padding: 0 0.7vw;
  768. justify-content: center;
  769. align-items: center;
  770. text-transform: uppercase;
  771. list-style: none;
  772. }
  773.  
  774. .nav-links li a {
  775. margin: 0 0.7vw;
  776. text-decoration: none;
  777. /* transition: all ease-in-out 350ms; */
  778. padding: 10px;
  779. text-align: left;
  780. font: 16px;
  781. line-height: 21px;
  782. letter-spacing: 0px;
  783. color: #110202;
  784. text-transform: none;
  785. }
  786.  
  787. .nav-links li a:hover {
  788. padding: 10px;
  789. /* border-radius: 50px; */
  790. }
  791.  
  792. .nav-links li {
  793. position: relative;
  794. }
  795.  
  796. .nav-links li a:hover::before {
  797. width: 80%;
  798. }
  799.  
  800. .login-button-2 {
  801. /* background: #F5822D; */
  802. color: #fff;
  803. border-radius: 4px;
  804. opacity: 1;
  805. padding: 0.6rem 0.8rem;
  806. /* margin-left: 2vw; */
  807. cursor: pointer;
  808. /* margin: 0 0.7vw; */
  809. /* text-decoration: none; */
  810. /* transition: all ease-in-out 350ms; */
  811. /* padding: 10px; */
  812. font: 16px;
  813. line-height: 21px;
  814. }
  815.  
  816. .login-button-2 a,.login-button-2 a:hover, .login-button-2 a:link, .login-button-2 a:visited, .login-button-2 a:active {
  817. text-decoration: none;
  818. color: #fff!important;
  819. }
  820.  
  821. .login-button-2 a:visited {
  822. text-decoration: none;
  823. color: #fff!important;
  824. }
  825.  
  826. .login-button-1 {
  827. margin: 0 0.7vw;
  828. text-decoration: none;
  829. /* transition: all ease-in-out 350ms; */
  830. padding: 10px;
  831. text-align: left;
  832. font: 16px;
  833. line-height: 21px;
  834. letter-spacing: 0px;
  835. color: #110202;
  836. opacity: 1;
  837. }
  838.  
  839. .hamburger div {
  840. width: 22px;
  841. height: 3px;
  842. background: #fff;
  843. margin: 5px;
  844. /* transition: all 0.3s ease; */
  845. }
  846.  
  847. .hamburger {
  848. display: none;
  849. }
  850.  
  851. .navbar-btns-mobile {
  852. display: none;
  853. }
  854.  
  855. .nav-links .dropdown:hover .sub-menu {
  856. display: block;
  857. }
  858.  
  859. .li-icon {
  860. width: 12px;
  861. margin-right: 10px;
  862. }
  863.  
  864.  
  865. .sub-menu {
  866. display: none;
  867. position: absolute;
  868. background-color: #fff;
  869. padding: 0px;
  870. list-style-type: none;
  871. z-index: 1;
  872. padding: 15px 5px;
  873. width: 250px;
  874. }
  875.  
  876. .sub-menu li {
  877. display: block;
  878. }
  879.  
  880. .sub-menu li a {
  881. color: #000;
  882. padding: 10px;
  883. text-decoration: none;
  884. display: block;
  885. }
  886.  
  887. .sub-menu li a:hover {
  888. background-color: #f1f1f1;
  889. color: #000;
  890. }
  891.  
  892. @media screen and (max-width: 1024px) {
  893. nav {
  894. /*position: fixed;*/
  895. z-index: 3;
  896. width: 100vw;
  897. }
  898. .hamburger {
  899. display: block;
  900. position: absolute;
  901. cursor: pointer;
  902. right: 5%;
  903. top: 50%;
  904. transform: translate(-5%, -50%);
  905. z-index: 2;
  906. transition: all 0.7s ease;
  907. background: #F5822D;
  908. padding: 5px;
  909. }
  910. .nav-links {
  911. background: #252525;
  912. position: fixed;
  913. opacity: 1;
  914. /* height: 100%; */
  915. padding-top: 100px;
  916. width: 100%;
  917. flex-direction: column;
  918. clip-path: circle(5px at 90% -20%);
  919. -webkit-clip-path: circle(5px at 90% -10%);
  920. transition: all 1s ease-out;
  921. pointer-events: none;
  922. }
  923. .nav-links.open {
  924. clip-path: circle(1000px at 50% 50%);
  925. -webkit-clip-path: circle(1000px at 50% 50%);
  926. pointer-events: all;
  927. margin: 0 !important;
  928. }
  929. .nav-links li {
  930. opacity: 0;
  931. }
  932. li.fade {
  933. opacity: 1;
  934. }
  935. .toggle .bars1 {
  936. transform: rotate(-45deg) translate(-5px, 6px);
  937. }
  938. .toggle .bars2 {
  939. transition: all 0s ease;
  940. width: 0;
  941. }
  942. .toggle .bars3 {
  943. transform: rotate(45deg) translate(-5px, -6px);
  944. }
  945. .sub-menu li a {
  946. color: #fff;
  947. padding: 10px;
  948. text-decoration: none;
  949. display: block;
  950. }
  951. }
  952.  
  953. @media only screen and (min-width: 575px) and (max-width: 1024px) {
  954. .navbar-btns {
  955. width: 100%;  
  956. display: flex;
  957. align-items: center;
  958. justify-content: flex-end;
  959. }
  960. .footer-content {
  961. padding-right: 4rem !important;
  962. padding-left: 4rem !important;
  963. flex-direction: column !important;
  964. padding-bottom: 2rem !important;
  965. }
  966. .footer-logo {
  967. margin-bottom: 15px;
  968. }
  969. .nav-links li a {
  970. color: #fff;
  971. }
  972. .nav-links li {
  973. position: relative;
  974. padding: 10px;
  975. }
  976. .nav-links {
  977. padding-top: 100px;
  978. }
  979. .sub-menu li a {
  980. color: #fff;
  981. padding: 10px;
  982. text-decoration: none;
  983. display: block;
  984. }
  985. }
  986.  
  987. @media only screen and (max-width: 575px) {
  988. .navbar-btns-mobile {
  989. /* display: block; */
  990. display: inline-block;
  991. }
  992. /*.navbar-btns {
  993. display: none;
  994. }*/
  995. .navbar-btns {
  996. width: 100%;  
  997. display: flex;
  998. align-items: center;
  999. justify-content: flex-end;
  1000. }
  1001. .f-content {
  1002. font-size: 14px !important;
  1003. line-height: 30px !important;
  1004. }
  1005. .footer-menu ul li a {
  1006. color: #fff;
  1007. text-decoration: none;
  1008. font-size: 14px;
  1009. line-height: 18px;
  1010. }
  1011.  
  1012. .nav-links li {
  1013. position: relative;
  1014. padding: 10px;
  1015. width: 90%;
  1016. margin: 5px
  1017. }
  1018. .nav-links {
  1019. padding-top: 100px;
  1020. }
  1021. .mobile-btn {
  1022. margin-top: 15px;
  1023. }
  1024. .nav-links li a {
  1025. color: #fff;
  1026. width: 93%;
  1027. display: block;
  1028. }
  1029. .footer-content {
  1030. flex-direction: column !important;
  1031. padding-right: 1rem !important;
  1032. padding-left: 1rem !important;
  1033. padding-bottom: 1rem !important;
  1034. }
  1035. .footer-logo {
  1036. text-align: left;
  1037. width: auto !important;
  1038. }
  1039. .sub-menu li a {
  1040. color: #fff;
  1041. padding: 10px;
  1042. text-decoration: none;
  1043. display: block;
  1044. }
  1045. }
  1046.  
  1047. .nav-links .dropdown {
  1048. position: relative;
  1049. }
  1050.  
  1051. .nav-links .dropdown .sub-menu {
  1052. display: none;
  1053. position: absolute;
  1054. top: 100%;
  1055. left: 0;
  1056. background-color: #f9f9f9;
  1057. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  1058. padding: 10px;
  1059. z-index: 1;
  1060. }
  1061.  
  1062. .nav-links .dropdown:hover .sub-menu {
  1063. display: block;
  1064. }
  1065.  
  1066.  
  1067. /* CSS for mobile dropdown menu */
  1068. @media (max-width: 1024px) {
  1069. .nav-links .dropdown .sub-menu {
  1070. position: static;
  1071. display: block;
  1072. box-shadow: none;
  1073. /* background-color: transparent; */
  1074. padding: 0;
  1075. display: none;
  1076. width: auto;
  1077. background-color: black;
  1078. }
  1079. }
  1080.  
  1081.  
  1082. /* =========== FOOTER ================= */
  1083.  
  1084. footer {
  1085. /* position: absolute;
  1086. bottom: 0;
  1087. left: 0;
  1088. right: 0; */
  1089. background: #252525;
  1090. height: auto;
  1091. /* width: 100vw; */
  1092. color: #fff;
  1093. padding: 6vh 0vw;
  1094. }
  1095.  
  1096. .footer-content {
  1097. display: flex;
  1098. justify-content: space-between;
  1099. flex-direction: row;
  1100. align-items: center;
  1101. padding-right: 7rem;
  1102. padding-left: 7rem;
  1103. padding-bottom: 4rem;
  1104. }
  1105.  
  1106. .footer-menu {
  1107. float: right;
  1108. }
  1109.  
  1110. .footer-menu ul {
  1111. display: flex;
  1112. }
  1113.  
  1114. .footer-menu ul li {
  1115. display: block;
  1116. padding: 10px;
  1117. }
  1118.  
  1119. .footer-menu ul li a {
  1120. color: #fff;
  1121. text-decoration: none;
  1122. }
  1123.  
  1124. @media (max-width:500px) {
  1125. .footer-menu ul {
  1126. display: flex;
  1127. margin-top: 10px;
  1128. margin-bottom: 20px;
  1129. flex-wrap: wrap;
  1130. }
  1131. }
  1132.  
  1133. .footer-p {
  1134. text-align: center;
  1135. }
  1136.  
  1137. .footer-logo {
  1138. text-align: left;
  1139. width: 20vw;
  1140. }
  1141.  
  1142. .footer-logo img {
  1143. height: auto;
  1144. width: 194px;
  1145. }
  1146.  
  1147. .f-content {
  1148. font-size: 16px;
  1149. line-height: 29px;
  1150. }
  1151.  
  1152. @media screen and (prefers-color-scheme: dark) {
  1153. .nav-links li a { color: #ffffff; }
  1154. .nav-links .dropdown .sub-menu { background-color: #222; color: #fff; }
  1155. .sub-menu { background-color: #000; }
  1156. .sub-menu li a { color: #fff; }
  1157. .sub-menu li a:hover { background-color: #444; color: #fff; }
  1158.  }
  1159.  
  1160.  
  1161. .gtranslate_wrapper { position: absolute; top: 0px; right: 5px; }
  1162. </style>
  1163.  
  1164. <nav>
  1165. <div class="logo">
  1166. <a href="/index.html">
  1167. <!--<img src="/images/djo-logo-2023-light.webp" alt="DejaOffice Logo">-->
  1168. <picture>
  1169. <source srcset="/images/afgpt-logo-2023-dark.webp" media="(prefers-color-scheme: light)">
  1170. <img src="/images/afgpt-logo-2023-light.webp">
  1171. </picture>
  1172. </a>
  1173. </div>
  1174. <div class="hamburger">
  1175. <div class="bars1"></div>
  1176. <div class="bars2"></div>
  1177. <div class="bars3"></div>
  1178. </div>
  1179. <ul class="nav-links">
  1180.  
  1181. <li><a href="/index.html">Home</a></li>
  1182. <li class="dropdown">
  1183. <a href="#">How to<img src="/images/Path_10.svg" alt="li icon" class="li-icon"></a>
  1184. <ul class="sub-menu">
  1185. <li><a href="/guides/">Create Commands</a></li>
  1186. <li><a href="/geminikey.html">Get Gemini Pro API Key</a></li>
  1187. </ul>
  1188. <li><a href="/support/">Support</a></li>
  1189. <li><a href="/blog/">Blog</a></li>
  1190. <li><a href="/about/">About Us</a></li>
  1191. <li class="mobile-btn">
  1192. <div class="navbar-btns-mobile">
  1193. <a class="login-button-2 orangewash-button" href="https://play.google.com/store/apps/details?id=com.companionlink.afgpt">Download Now!</a>
  1194. </div>
  1195. </li>
  1196. </ul>
  1197. <div class="navbar-btns">
  1198. <ul>
  1199. <li><a class="login-button-2 orangewash-button" href="https://play.google.com/store/apps/details?id=com.companionlink.afgpt">Download Now!</a></li>
  1200. </ul>
  1201. </div>
  1202. <div class="gtranslate_wrapper"></div>
  1203. <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>
  1204. <script src="https://cdn.gtranslate.net/widgets/latest/dropdown.js" defer></script>
  1205. </nav>
  1206.  
  1207.  
  1208. <!-- ==================== -->
  1209. <!--     Hero Section     -->
  1210. <!-- ==================== -->
  1211. <article>
  1212. <section class="container heroback">
  1213. <div class="row">
  1214. <div class="col-md-12" style="text-align: center;">
  1215. <h1 class="bluetext">Adless GPT - Explore what GPT can do for you!</h1>
  1216. <h2>No distracting ads. GPT Voice Chat on your terms!</h2>
  1217. <h3 class="yellowtext">New: Now supports Free Gemini Pro API - Use Gemini today!</h3>
  1218. <p class="larger">Talk to GPT, Play Games, Practice language skills, Learn stuff.</p>
  1219. <div style="text-align: center;">
  1220. <img src="../img/afgpt-hero-2023-800.webp" alt="Adless GPT on Android" style="max-width:700px; width:700px; height: 483.33px;">
  1221. </div>
  1222. <div class="cta-button larger orangewash-button" style="width:190px; height:40px; margin-top:0px;">
  1223. <a href="https://play.google.com/store/apps/details?id=com.companionlink.afgpt">Try it Free</a>
  1224. </div>
  1225. </div>
  1226. </div>
  1227.  
  1228. </section>
  1229.  
  1230. <!-- ============ -->
  1231. <!-- Text Section -->
  1232. <!-- ============ -->
  1233. <section class="container greenback">
  1234. <div class="row">
  1235. <div class="col-md-8">
  1236. <h2 style="color: var(--light-blue);" class="padme">What is Adless AI Chat</h2>
  1237. <p class="padme larger">Adless AI Chat is an Android app avaialble in the Play Store.</p>
  1238. <ul>
  1239. <li>No awful ads</li>
  1240. <li>No Subscription</li>
  1241. <li>Free to download</li>
  1242. </ul>
  1243. <p>In App purchases - pay as you go. You only pay for the credits that you use.</p>
  1244. </div>
  1245. </div>
  1246. </section>
  1247.  
  1248.  
  1249. <!-- ==================== -->
  1250. <!-- Features Section  -->
  1251. <!-- ==================== -->
  1252. <section class="container belowthefold">
  1253. <div class="row">
  1254. <div class="col-md-3 md-card">
  1255. <div class="bg-contacts_dk"></div>
  1256. <h2>Commands</h2>
  1257. <ul class="small">
  1258. <li><b>Games:</b><br>Dungeons and Dragons, Hunt the Wumpus.</li>
  1259. <li><b>Education:</b><br>Language tutor, Math tutor, Simplify a Complex Topic.</li>
  1260. <li><b>Research</b> and <b>Documents</b>:<br>Compose a letter.  Write a thank you now. Share to your email.</li>
  1261. </ul>
  1262. </div>
  1263. <div class="col-md-3 md-card">
  1264. <div class="bg-calendar_dk"></div>
  1265. <h2>Features</h2>
  1266. <ul class="small">
  1267. <li><b>Voice Chat</b>:<br>Talk to the AI and have it talk back.</li>
  1268. <li><b>Easy to use</b>:<br>Simple interface that handles complex topics. </li>
  1269. <li><b>Full Control</b>:<br>Stop verbose chat by tapping on the screen. </li>
  1270. </ul>
  1271. </div>
  1272. <div class="col-md-3 md-card">
  1273. <div class="bg-notepad_dk"></div>
  1274. <h2>Benefits</h2>
  1275. <ul class="small">
  1276. <li><b>Affordable:</b><br>No subscription or ongoing cost. Pay for only the chat you use.</li>
  1277. <li><b>Transparent:</b><br>Your usage is shown with every dialog. You see which commands cost more.</li>
  1278. <li><b>Cheap:</b><br>Low pricing on credit purchases. $10 will buy you days of chat.</li>
  1279. </ul>
  1280. </div>
  1281. <div class="col-md-3 md-card">
  1282. <div class="bg-tasks_dk"></div>
  1283. <h2>Power</h2>
  1284. <ul class="small">
  1285. <li><b>Create your own Commands:</b><br>Automate tasks, then run the task with just one tap.</li>
  1286. <li><b>Use with Android Auto:</b><br>Create letters in your car, then transsfer them to your email.</li>
  1287. <li><b>Flexible:</b><br>Works with ChatGPT 4, ChatGPT 3.5 and Google Gemini Pro.</li>
  1288. </ul>
  1289. </div>
  1290. </div>
  1291. </section>
  1292. <!--
  1293. <section class="container belowthefold">
  1294. <div class="row">
  1295. <div class="col-md-3 md-card">
  1296. <div class="bg-privacy_dk"></div>
  1297. <h2>Local Data</h2>
  1298. <ul class="small">
  1299. <li><b>Security:</b><br>your master database is on your PC in your home. Not on the Cloud</li>
  1300. <li><b>Backups:</b><br>Automatic backups on your PC and Phone.</li>
  1301. <li><b>Tasks</b> and <b>Notes</b>:<br>Create, Prioritize, and Check Off tasks.  Write and store notes to yourself.</li>
  1302. </ul>
  1303. </div>
  1304. <div class="col-md-3 md-card">
  1305. <div class="bg-update_dk"></div>
  1306. <h2>Migration</h2>
  1307. <ul class="small">
  1308. <li><b>Built-in Import</b>:<br>DejaOffice will import from  Outlook, Business Contact Manager, Act!, GoldMine, Zoho, Monday, Salesforce and Hubspot.</li>
  1309. <li><b>CSV File Support</b>:<br>Import and export using standard CSV files. </li>
  1310. <li><b>Completion</b>:<br>Complete Meetings and Tasks to history stored for each Contact.</li>
  1311. </ul>
  1312. </div>
  1313. <div class="col-md-3 md-card">
  1314. <div class="bg-categories_dk"></div>
  1315. <h2>Easy to Use</h2>
  1316. <ul class="small">
  1317. <li><b>SQLite:</b><br>Based on SQLite which is an industry standard small and fast multi-user SQL server</li>
  1318. <li><b>Deployment:</b><br>The system automatically deploys on your server - even for multi-user configurations</li>
  1319. </ul>
  1320. </div>
  1321. <div class="col-md-3 md-card">
  1322. <div class="bg-tasks_dk"></div>
  1323. <h2>Guaranteed</h2>
  1324. <ul class="small">
  1325. <li><b>Money Back:</b><br>If you are not completely satisfied we will give you your back.</li>
  1326. <li><b>Hours:</b><br>7am-3:30pm US Pacific Time</li>
  1327. </ul>
  1328. </div>
  1329. </div>
  1330. </section>
  1331. -->
  1332.  
  1333. <!-- ==================== -->
  1334. <!-- Trust badges Section  -->
  1335. <!-- ==================== -->
  1336. <section class="container belowthefold greenwash">
  1337. <div class="row">
  1338. <div class="col-md-12 centerthis padme">
  1339. <a href="https://www.companionlink.com/downloads/download-dpc.php?product=DPCS" aria-label="Free Trial" target="_blank">
  1340. <img src="/images/badges/freetrial.webp" alt="Free Trial" style="width:100px; height:100px; padding: 0 40px"></a>
  1341. <a href="/support.html" aria-label="Free Tech Support" target="_blank">
  1342. <img src="/images/badges/techsupport.webp" alt="Free Tech Support" style="width:100px; height:100px; padding: 0 40px"></a>
  1343. <a href="https://www.companionlink.com/aboutus/guarantee.html" aria-label="Guaranteed" target="_blank">
  1344. <img src="/images/badges/money_back_guarantee.webp" alt="Guaranteed" style="width:100px; height:100px; padding: 0 40px"></a>
  1345. <a href="https://www.companionlink.com/aboutus/" aria-label="Top Rated" target="_blank">
  1346. <img src="/images/badges/softwareworld.webp" alt="Top Rated" style="width:100px; height:100px; padding: 0 40px"></a>
  1347. </div>
  1348. </div>
  1349. </section>
  1350.  
  1351.  
  1352. <!-- ==================== -->
  1353. <!-- Three Column Section -->
  1354. <!-- ==================== -->
  1355. <!--
  1356. <section class="container belowthefold">
  1357. <div class="row" style="font-size: larger;">
  1358. <div class="col-md-4 md-card" style="position:relative;">
  1359. <div style="width:100%;margin:auto;display:block;">
  1360. <h2 class="bluewash-button padme">PC</h2>
  1361. <img src="img/dpc-hero-400.jpg" alt="DejaOffice PC CRM" style="width:100%;">
  1362. <p>DejaOffice PC CRM Features:</p>
  1363. <ul>
  1364. <li>Standalone, Express and Pro</li>
  1365. <li>On-Premise CRM</li>
  1366. <li>Microsoft 365 Integration</li>
  1367. <li>Includes sync to Phone</li>
  1368. <li>14 day free trial</li>
  1369. </ul>
  1370. <p>Free 14 day Trial!</p>
  1371. <div class="graywash-button padme" style="text-align:center; padding:20px">
  1372. <a href="https://www.companionlink.com/downloads/download-dpc.php"><img alt="DejaOffice PC CRM Trial Download" src="/img/cl-market-badgev3.png"></a>
  1373. </div>
  1374. </div>
  1375. <!-- Show a hover panel over the card --
  1376. <a style="position:absolute;top:0px;left:0px;width:100%;height:100%;display:inline;" href="/pc-crm/"
  1377. onMouseOver="this.style.backgroundColor='rgba(255,255,255,0.1)'"
  1378. onMouseOut="this.style.backgroundColor='rgba(255,255,255,0.0)'"
  1379. aria-label="On Premise CRM"></a>
  1380. </div>
  1381. <div class="col-md-4 md-card" style="position:relative;">
  1382. <div style="width:100%;margin:auto;display:block;">
  1383. <h2 class="bluewash-button padme">Android</h2>
  1384. <img src="img/djoa-hero-400.jpg" alt="DejaOffice for Android" style="width:100%;">
  1385. <p>DejaOffice for Android Features:</p>
  1386. <ul>
  1387. <li>Works on any Android device</li>
  1388. <li>Android Widgets</li>
  1389. <li>Persistent Alarms</li>
  1390. <li>Log incoming and outgoing calls</li>
  1391. <li>Free from Google Play</li>
  1392. </ul>
  1393. <p>Free Download!</p>
  1394. <div class="graywash-button padme" style="text-align:center; padding:20px">
  1395. <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>
  1396. </div>
  1397. </div>
  1398. <!-- Show a hover panel over the card --
  1399. <a style="position:absolute;top:0px;left:0px;width:100%;height:100%;display:inline;" href="/android-crm/"
  1400. onMouseOver="this.style.backgroundColor='rgba(255,255,255,0.1)'"
  1401. onMouseOut="this.style.backgroundColor='rgba(255,255,255,0.0)'"
  1402. aria-label="Android App"></a>
  1403. </div>
  1404. <div class="col-md-4 md-card" style="position:relative;">
  1405. <div style="width:100%;margin:auto;display:block;">
  1406. <h2 class="bluewash-button padme">iPhone and iPad</h2>
  1407. <img src="img/djoi-hero-400.jpg" alt="DejaOffice for iPhone" style="width:100%;">
  1408. <p>DejaOffice for iPhone Features:</p>
  1409. <ul>
  1410. <li>Works on any iPhone and iPad</li>
  1411. <li>Persistent Alarms</li>
  1412. <li>iOS Widgets</li>
  1413. <li>Log outgoing calls</li>
  1414. <li>Free from Apple Store</li>
  1415. </ul>
  1416. <p>Free Download!</p>
  1417. <div class="graywash-button padme" style="text-align:center; padding:20px">
  1418. <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>
  1419. </div>
  1420. </div>
  1421. <!-- Show a hover panel over the card --
  1422. <a style="position:absolute;top:0px;left:0px;width:100%;height:100%;display:inline;" href="/iphone-crm/"
  1423. onMouseOver="this.style.backgroundColor='rgba(255,255,255,0.1)'"
  1424. onMouseOut="this.style.backgroundColor='rgba(255,255,255,0.0)'"
  1425. aria-label="iPhone and iPad App"></a>
  1426. </div>
  1427. </div>
  1428. </section>-->
  1429.  
  1430.  
  1431. <section class="container belowthefold" style="background-color:#444; color:#ffffff;">
  1432. <style>
  1433. .md-blog {
  1434. position:relative;
  1435. }
  1436. .md-blog h3 {
  1437. height: 3.6em;
  1438. overflow: hidden;
  1439. }
  1440. .md-blog p {
  1441. height: 17.5em;
  1442.   text-overflow: ellipsis;
  1443.   overflow: hidden;
  1444. }
  1445. </style>
  1446. <script src="/include/jquery-3.3.1.min.js"></script>
  1447. <script type="text/javascript">
  1448. $(document).ready(function () {
  1449. $('.belowthefold').css('visibility','visible');
  1450.  
  1451. $.get('/blog/feed/', function (data) {
  1452.  
  1453. let items = $(data).find('item');
  1454. items = $(items).slice(0,8);
  1455.  
  1456. let rssFeed = '';
  1457.  
  1458. items.each(function () {
  1459. let item_elm = $(this);
  1460. let title = item_elm.find('title').text();
  1461. let link  = item_elm.find('link').text();
  1462. let description  = item_elm.find('description').text();
  1463.  
  1464. let html = '';
  1465. html += '<div class="col-md-3 md-card md-blog">';
  1466. html += "<h3>"+title+"</h3><br>";
  1467. html += '<p>'+description+'</p>';
  1468. html += '<a style="position:absolute;top:0px;left:0px;width:100%;height:100%;display:inline;" href="'+link+'"';
  1469. html += 'onMouseOver="this.style.backgroundColor=\'rgba(255,255,255,0.1)\'"';
  1470. html += 'onMouseOut="this.style.backgroundColor=\'rgba(255,255,255,0.0)\'"';
  1471. html += 'aria-label="Blog Article"></a></div>';
  1472. rssFeed += html;
  1473. });
  1474.  
  1475. let blogElm = $('#blogFeed');
  1476.  
  1477. if (blogElm.length > 0) {
  1478. rssFeed = '<div class="row">'+rssFeed+'</div>';
  1479. blogElm.append(rssFeed);
  1480. }
  1481. });
  1482. });
  1483. </script>
  1484. <style>
  1485.  
  1486. </style>
  1487. <div id="blogFeed"></div>
  1488. </section>
  1489.        </article>
  1490.     <footer>
  1491. <style>
  1492. footer, footer p {
  1493. color: #e7e7e7;
  1494. list-style-type: none;
  1495. }
  1496. footer a, footer a:link, footer a:active, footer a:visited {
  1497. color: #F4F2EE;
  1498. text-decoration: none;
  1499. }
  1500. footer a:hover {
  1501. color: #fff;
  1502. text-decoration: underline;
  1503. }
  1504.  
  1505. footer p {
  1506. /* float: left; */
  1507. /* display: inline; */
  1508. text-align: left;
  1509. /* margin-top: -10px; */
  1510. font-size: smaller;
  1511. }
  1512. footer li {
  1513. font-size: larger;
  1514. padding: 5px
  1515. }
  1516. </style>
  1517. <div class="footer">
  1518. <div class="row">
  1519. <div class="col-md-8">
  1520. <picture>
  1521. <source srcset="/images/afgpt-logo-2023-dark.webp" media="(prefers-color-scheme: light)">
  1522. <img src="/images/afgpt-logo-2023-light.webp">
  1523. </picture>
  1524. <p>
  1525. &copy; 2009-2024 by Adless AI Chat<br>
  1526. Adless AI Chat is a trademark of CompanionLink Software Inc.<br>
  1527. ChatGPT, GPT-3, GPT-4 are registered trademarks of OpenAI, LP.<br>
  1528. Apple, iPhone, iPad, and iOS are trademarks of Apple, Inc. <br>
  1529. Android, Gemini Pro and Google Play are trademarks of Google, LLC.
  1530. </p>
  1531. <p>
  1532. <br><br>
  1533. Site Page Views:&nbsp;
  1534. <!-- Default Statcounter code for AFAIC
  1535. https://adfreeaichat.com -->
  1536. <script type="text/javascript">
  1537. var sc_project=12949950;
  1538. var sc_invisible=0;
  1539. var sc_security="ed8f70cf";
  1540. var sc_text=2;
  1541. var scJsHost = "https://";
  1542. document.write("<sc"+"ript type='text/javascript' async src='" +
  1543. scJsHost+
  1544. "statcounter.com/counter/counter.js'></"+"script>");
  1545. </script>
  1546. </p>
  1547. <noscript><div class="statcounter"><a title="website
  1548. statistics" href="https://statcounter.com/"
  1549. target="_blank"><img class="statcounter"
  1550. src="https://c.statcounter.com/12949950/0/ed8f70cf/0/"
  1551. alt="website statistics"></a></div></noscript>
  1552. <!-- End of Statcounter Code -->
  1553. </div>
  1554. <div class="col-md-3">
  1555. <ul>
  1556. <li><a title="Home Page" href='/'>Home</a></li>
  1557. <li><a title="Blog" href='/blog/'>Blog</a></li>
  1558. <li><a title="About DejaOffice" href='/about/'>About</a></li>
  1559. </ul>
  1560. </div>
  1561. </div>
  1562.  
  1563. <!-- Google tag (gtag.js) -->
  1564. <script async src="https://www.googletagmanager.com/gtag/js?id=G-FNX6FJYWPW"></script>
  1565. <script>
  1566.  window.dataLayer = window.dataLayer || [];
  1567.  function gtag(){dataLayer.push(arguments);}
  1568.  gtag('js', new Date());
  1569.  
  1570.  gtag('config', 'G-FNX6FJYWPW');
  1571. </script>
  1572. </div>
  1573.  
  1574. </footer>
  1575.  
  1576.  
  1577.    </body>
  1578. </html>
  1579.  
  1580.  
  1581.  
  1582.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda