PageSourceSearch

https://www.oakdiary.com/

html oakdiary.com collected 2026-10-02 01:37:37 UTC 44,701 bytes, 845 lines download raw bytes

1<!DOCTYPE html>
2<html lang="cn">
3<head>
4    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
6    <meta property="og:title" content="白橡日记"/>
7    <meta property="og:description" content="在你的卡片中写下每一天 - 白橡日记为你提供了一个写下思考,感受,发现,探索,记忆和美梦的完美栖息地。我们生活在一个信息过载的时代,太多的碎片和噪音让我们很去倾听自己的心声。写下日记的同时,放慢你的脚步,安静的去聆听内心的呼唤。"/>
8    <meta property="og:image" content="./img/og_img.png"/>
9
10    <!-- Description -->
11    <meta name="author" content="白橡日记"/>
12    <meta name="description" content="在你的卡片中写下每一天"/>
13    <meta name="keywords"  content="oak, card,diary,oakdiary, carddiary,diarycard,Oak Diary,dayone,daygram,griddiary,grid diary,journey,journalling,journal,oneday,memeries,白橡日记,卡片日记,日记,格志,旅行,随手记,生活点滴,日记本,笔记本,极简,多彩,手帐,备忘录,女生,心情,便签本,时光,青柠,手账,mori,锤子便签,pendo,青橙,小日常,吾记,bear,熊掌记,有道云,印象笔记,素记,帐本,熊密,小记,写情书,喵记,时间胶囊,情绪,猫咪,零点,素签,晨间日志,日历,每日程"/>
14    <meta name="Resource-type" content="Document"/>
15    
16    <!-- Open Graph data -->        
17    <meta property="og:site_name" content="白橡日记"/>
18    <meta property="og:title" content="白橡日记" />
19    <meta property="og:description" content="在你的卡片中写下每一天"/>
20    <meta property="og:image" content="./img/og_img.png" />
21    <meta property="og:type" content="website" />
22    <meta property="og:url" content="http://www.oakdiary.com/" />
23
24
25    <!-- Icons -->          
26    <link rel="shortcut icon" href="favicon.ico" />
27    <link href="./img/og_img.png" type="image/png" rel="image_src">
28    <link href="https://www.oakdiary.com/" rel="canonical">
29
30    <link rel="stylesheet" href="./css/reset.css">
31    <link rel="stylesheet" href="./css/main.css">
32    <link rel="stylesheet" href="./css/aos.css">
33    
33<script src="./js/smoothScroll.js"></script>
33
34    
34<script src="./js/aos.js"></script>
34
35    <title>Oak Diary</title>
36</head>
37<body>
38    <nav id="nav-mobile" data-nav-mobile>
39        <div>
40            <div id="nav-wrapper">
41                <div id="nav-content">
42                    <div id="logo-mobile">
43                        <a href="#landing">
44                            <img src="./img/logo.png" alt="Oak Diary Logo">
45                        </a>
46                    </div>
47                    <div id="hamburger">
48                        <div></div>
49                        <div></div>
50                        <div></div>
51                    </div>
52                </div>
53                <div id="links">
54                    <ul id="links-wrapper">
55                        <li>
56                            <a href="#features">Features</a>
57                        </li>
58                        <li>
59                            <a href="#pricing">Pricing</a>
60                        </li>
61                        <li>
62                            <a href="https://help.oakdiary.com/en/">Help</a>
63                        </li>
64                        <li id="lng">
65                                <p id="lng-switch" class="en"><span>中</span>/<span>EN</span></p>
66                        </li>
67                    </ul>
68                </div>
69            </div>
70        </div>
71    </nav>
72    <nav id="nav" data-nav>
73        <div class="container-wi">
74            <div id="nav-content">
75                <div id="logo">
76                    <a href="#landing">
77                            <img src="./img/logo.png" alt="Oak Diary Logo">
78                        </a>
79                </div>
80                <ul id="links">
81                    <li>
82                        <a href="#features">Features</a>
83                    </li>
84                    <li>
85                        <a href="#pricing">Pricing</a>
86                    </li>
87                    <li>
88                        <a href="https://help.oakdiary.com/en/">Help</a>
89                    </li>
90                    <li id="lng">
91                        <p id="lng-switch" class="en"><span>中</span>/<span>EN</span></p>
92                    </li>
93                </ul>
94            </div>
95        </div>
96    </nav>
97    <section id="landing">
98        <div class="container">
99            <div id="header-content">
100                <div class="card">
101                    <h1 id="main-header" data-aos="fade-right">Write your day on a card</h1>
102                    <p id="header-lead" data-aos="fade-down">Write your memory on your card. Love, happy, joy, sometimes... sad or painful. You can fill in all your feelings.</p>
103                    <div class="apple-google fade">
104                        <!-- Link to google play here -->
105                        <a href="https://play.google.com/store/apps/details?id=com.card.carddiary" target="_blank">
106                            <img src="./img/google-play.png" alt="Oak Diary on google play">
107                        </a>
108                    </div>
109                    <div id="rating" class="fade">
110                        <img src="./img/stars.png" alt="5 star rating">
111                        <p id="average">4.9</p>
112                        <p>47,000+ App store reviews</p>
113                    </div>
114                </div>
115                <div class="card" data-aos="fade-left">
116                    <img src="./img/header-image.png" alt="Day on a card">
117                </div>
118            </div>
119        </div>
120    </section>
121    <section id="rewards">
122        <div class="container-nr">
123            <div id="rewards-content" class="fade">
124                <div>
125                    <a href="https://apps.apple.com/cn/story/id1433996215" target="_blank">
126                        <img src="./img/1.png" alt="App of the day">
127                    </a>
128                </div>
129                <div>
130                    <a href="https://www.producthunt.com/posts/card-diary" target="_blank">
131                        <img src="./img/2.png" alt="Product Hunt Featured">
132                    </a>
133                </div>
134                <div>
135                    <a href="https://www.behance.net/gallery/59120015/Card-Diary-iOS-App" target="_blank">
136                        <img src="./img/3.png" alt="Behance Featured">
137                    </a>
138                </div>
139            </div>
140        </div>
141    </section>
142    <section class="intro">
143        <div class="container">
144            <div class="intro-content">
145                <div class="card" data-aos="fade-right">
146                    <img src="./img/4.png" alt="Listen to your heart">
147                </div>
148                <div class="card">
149                    <h2>Listen to your heart</h2>
150                    <p class="intro-lead">The age we're living in is overloaded with information. Sometimes it gets so noisy it's hard to hear your own voice.</p>
151                </div>
152            </div>
153        </div>
154    </section>
155    <section class="intro">
156        <div class="container">
157            <div class="intro-content">
158                <div class="card">
159                    <h2>Capture your life story</h2>
160                    <p class="intro-lead">Journaling is all about taking a break, turning your attention inwards and listening to what is going on in your mind.</p>
161                </div>
162                <div class="card" data-aos="fade-left">
163                    <img src="./img/5.png" alt="Capture your life story">
164                </div>
165            </div>
166        </div>
167    </section>
168    <section class="intro" id="last">
169        <div class="container">
170            <div class="intro-content">
171                <div class="card" data-aos="fade-right">
172                    <img src="./img/6.png" alt="Make your day meaningful">
173                </div>
174                <div class="card">
175                    <h2>Make your day meaningful</h2>
176                    <p class="intro-lead">
177                        <span>Oak Diary</span>
178                        is a perfect place for you to think, feel, discover, remember, and dream. </p>
179                </div>
180            </div>
181        </div>
182    </section>
183    <section id="features">
184        <div class="container">
185            <div id="features-content">
186                <h2>Essential Features</h2>
187                <p id="features-lead">With various intuitive functions, Oak Diary customizes your writing process, organizes your entries, secures your privacy, and allows you to access your data anytime, anywhere.</p>
188                <div id="features-cards">
189                    <div class="card-wrapper">
190                        <div class="card">
191                            <h3>Enrich Your Memory</h3>
192                            <ul>
193                                <li>Photos and Video in Diary</li>
194                                <li>Rich Text Format / Multiple fonts</li>
195                            </ul>
196                        </div>
197                        <div class="card">
198                            <h3>Feel Warm and Private</h3>
199                            <ul>
200                                <li>Feel Warm and Private</li>
201                                <li>Face ID / Password Lock</li>
202                            </ul>
203                        </div>
204                    </div>
205                    <div class="card-wrapper"> 
206                        <div class="card">
207                            <h3>Record Your Moods</h3>
208                            <ul>
209                                <li>Statistics / Photo Gallery</li>
210                                <li>Emotions / Tags / Locations / Favorites</li>
211                            </ul>
212                        </div>
213                        <div class="card">
214                            <h3>Never Lose a Moment</h3>
215                            <ul>
216                                <li>Cloud Auto Sync (iCloud / Google Drive)</li>
217                                <li>Export as PDF/TXT/ZIP file</li>
218                            </ul>
219                        </div>
220                    </div>
221                </div>
222            </div>
223        </div>
224    </section>
225    <section id="pricing">
226        <div class="container">
227            <div id="pricing-content">
228                <h2>Pricing</h2>
229                <p id="pricing-lead">Most features in Oak Diary are free to use. Upgrade to the Pro plan to enjoy more advanced features and unlock extra happiness!</p>
230                <div id="time-span">
231                    <button class="time active" id="1-month">1 Month</button>
232                    <button class="time" id="1-year">1 Year</button>
233                    <button class="time" id="lifetime">Lifetime</button>
234                </div>
235                <div id="plans">
236                    <div class="plan" data-aos="fade-right" id="free">
237                        <table>
238                            <tr>
239                                <th>
240                                    <h3>Free plan</h3>
241                                    <p>Enjoy most features!</p>
242                                </th>
243                                <!-- <th>
244                                    <img src="./img/7.png" alt="Pro plan">
245                                </th> -->
246                            </tr>
247                            <tr id=price-time>
248                                <td id="price">$0</td>
249                                <!-- <td id="time">Monthly</td> -->
250                            </tr>
251                            <tr class="view-more">
252                                <td><p class="view-more-link">View All Features</p></td>
253                                <td>
254                                    <div class="angle-wrapper">
255                                        <img src="./img/angle-down.png" alt="arrow down">
256                                    </div>
257                                </td>
258                            </tr>
259                            <tr class="include">
260                                <td>
261                                    <div class="icon-text-wrapper">
262                                        <img src="./img/i-1.png" alt="Photos" class="icon">
263                                        <p>Photos</p>
264                                    </div>
265                                </td>
266                                <td class="check">
267                                    <div class="check-wrapper">
268                                        <img src="./img/check.png" alt="Check" class="icon">
269                                    </div>
270                                </td>
271                            </tr>
272                            <tr class="include disabled">
273                                <td>
274                                    <div class="icon-text-wrapper">
275                                        <img src="./img/i-2.png" alt="Video" class="icon">
276                                        <p>Video</p>
277                                    </div>
278                                </td>
279                                <td class="check">
280                                    <div class="check-wrapper">
281                                        <img src="./img/check.png" alt="Check" class="icon">
282                                    </div>
283                                </td>
284                            </tr>
285                            <tr class="include">
286                                <td>
287                                    <div class="icon-text-wrapper">
288                                        <img src="./img/i-3.png" alt="Weather" class="icon">
289                                        <p>Weather</p>
290                                    </div>
291                                </td>
292                                <td class="check">
293                                    <div class="check-wrapper">
294                                        <img src="./img/check.png" alt="Check" class="icon">
295                                    </div>
296                                </td>
297                            </tr>
298                            <tr class="include">
299                                <td>
300                                    <div class="icon-text-wrapper">
301                                        <img src="./img/i-4.png" alt="Locations" class="icon">
302                                        <p>Locations</p>
303                                    </div>
304                                </td>
305                                <td class="check">
306                                    <div class="check-wrapper">
307                                        <img src="./img/check.png" alt="Check" class="icon">
308                                    </div>
309                                </td>
310                            </tr>
311                            <tr class="include">
312                                <td>
313                                    <div class="icon-text-wrapper">
314                                        <img src="./img/i-5.png" alt="Tags" class="icon">
315                                        <p>Tags</p>
316                                    </div>
317                                </td>
318                                <td class="check">
319                                    <div class="check-wrapper">
320                                        <img src="./img/check.png" alt="Check" class="icon">
321                                    </div>
322                                </td>
323                            </tr>
324                            <tr class="include">
325                                <td>
326                                    <div class="icon-text-wrapper">
327                                        <img src="./img/i-6.png" alt="Reminder" class="icon">
328                                        <p>Reminder</p>
329                                    </div>
330                                </td>
331                                <td class="check">
332                                    <div class="check-wrapper">
333                                        <img src="./img/check.png" alt="Check" class="icon">
334                                    </div>
335                                </td>
336                            </tr>
337                            <tr class="include">
338                                <td>
339                                    <div class="icon-text-wrapper">
340                                        <img src="./img/i-7.png" alt="Statistics" class="icon">
341                                        <p>Statistics</p>
342                                    </div>
343                                </td>
344                                <td class="check">
345                                    <div class="check-wrapper">
346                                        <img src="./img/check.png" alt="Check" class="icon">
347                                    </div>
348                                </td>
349                            </tr>
350                            <tr class="include">
351                                <td>
352                                    <div class="icon-text-wrapper">
353                                        <img src="./img/i-8.png" alt="Photos Gallery" class="icon">
354                                        <p>Photos Gallery</p>
355                                    </div>
356                                </td>
357                                <td class="check">
358                                    <div class="check-wrapper">
359                                        <img src="./img/check.png" alt="Check" class="icon">
360                                    </div>
361                                </td>
362                            </tr>
363                            <tr class="include">
364                                <td>
365                                    <div class="icon-text-wrapper">
366                                        <img src="./img/i-9.png" alt="Face ID" class="icon">
367                                        <p>Face ID / Fingerprint</p>
368                                    </div>
369                                </td>
370                                <td class="check">
371                                    <div class="check-wrapper">
372                                        <img src="./img/check.png" alt="Check" class="icon">
373                                    </div>
374                                </td>
375                            </tr>
376                            <tr class="include">
377                                <td>
378                                    <div class="icon-text-wrapper">
379                                        <img src="./img/i-10.png" alt="Claud Auto Sync" class="icon">
380                                        <p>Claud Auto Sync</p>
381                                    </div>
382                                </td>
383                                <td class="check">
384                                    <div class="check-wrapper">
385                                        <img src="./img/check.png" alt="Check" class="icon">
386                                    </div>
387                                </td>
388                            </tr>
389                            <tr class="include disabled">
390                                <td>
391                                    <div class="icon-text-wrapper">
392                                        <img src="./img/i-11.png" alt="Righ Text Format" class="icon">
393                                        <p>Righ Text Format</p>
394                                    </div>
395                                </td>
396                                <td class="check">
397                                    <div class="check-wrapper">
398                                        <img src="./img/check.png" alt="Check" class="icon">
399                                    </div>
400                                </td>
401                            </tr>
402                            <tr class="include disabled">
403                                <td>
404                                    <div class="icon-text-wrapper">
405                                        <img src="./img/i-12.png" alt="Multiple Fonts" class="icon">
406                                        <p>Multiple Fonts</p>
407                                    </div>
408                                </td>
409                                <td class="check">
410                                    <div class="check-wrapper">
411                                        <img src="./img/check.png" alt="Check" class="icon">
412                                    </div>
413                                </td>
414                            </tr>
415                            <tr class="include disabled">
416                                <td>
417                                    <div class="icon-text-wrapper">
418                                        <img src="./img/i-13.png" alt="Emotions" class="icon">
419                                        <p>Emotions</p>
420                                    </div>
421                                </td>
422                                <td class="check">
423                                    <div class="check-wrapper">
424                                        <img src="./img/check.png" alt="Check" class="icon">
425                                    </div>
426                                </td>
427                            </tr>
428                            <tr class="include disabled">
429                                <td>
430                                    <div class="icon-text-wrapper">
431                                        <img src="./img/i-14.png" alt="Favorites" class="icon">
432                                        <p>Favorites</p>
433                                    </div>
434                                </td>
435                                <td class="check">
436                                    <div class="check-wrapper">
437                                        <img src="./img/check.png" alt="Check" class="icon">
438                                    </div>
439                                </td>
440                            </tr>
441                            <tr class="include disabled">
442                                <td>
443                                    <div class="icon-text-wrapper">
444                                        <img src="./img/i-15.png" alt="Dark Mode" class="icon">
445                                        <p>Dark Mode</p>
446                                    </div>
447                                </td>
448                                <td class="check">
449                                    <div class="check-wrapper">
450                                        <img src="./img/check.png" alt="Check" class="icon">
451                                    </div>
452                                </td>
453                            </tr>
454                            <tr class="include disabled">
455                                <td>
456                                    <div class="icon-text-wrapper">
457                                        <img src="./img/i-16.png" alt="Password Lock" class="icon">
458                                        <p>Password Lock</p>
459                                    </div>
460                                </td>
461                                <td class="check">
462                                    <div class="check-wrapper">
463                                        <img src="./img/check.png" alt="Check" class="icon">
464                                    </div>
465                                </td>
466                            </tr>
467                            <tr class="include disabled">
468                                <td>
469                                    <div class="icon-text-wrapper">
470                                        <img src="./img/i-17.png" alt="More Photos & Videos" class="icon">
471                                        <p>More Photos & Videos</p>
472                                    </div>
473                                </td>
474                                <td class="check">
475                                    <div class="check-wrapper">
476                                        <img src="./img/check.png" alt="Check" class="icon">
477                                    </div>
478                                </td>
479                            </tr>
480                            <tr class="include disabled">
481                                <td>
482                                    <div class="icon-text-wrapper">
483                                        <img src="./img/i-18.png" alt="Export as PDF/TXT/ZIP" class="icon">
484                                        <p>Export as PDF/TXT/ZIP</p>
485                                    </div>
486                                </td>
487                                <td class="check">
488                                    <div class="check-wrapper">
489                                        <img src="./img/check.png" alt="Check" class="icon">
490                                    </div>
491                                </td>
492                            </tr>
493                        </table>
494                    </div>
495                    <div class="plan" data-aos="fade-left" id="pro">
496                        <table>
497                            <tr>
498                                <th>
499                                    <h3>Pro plan</h3>
500                                    <p>Unlock all features!</p>
501                                </th>
502                                <th>
503                                    <img src="./img/7.png" alt="Pro plan">
504                                </th>
505                            </tr>
506                            <tr id=price-time>
507                                <td id="price">$0.99</td>
508                                <td id="time">Monthly</td>
509                            </tr>
510                            <tr class="view-more">
511                                <td><p class="view-more-link">View All Features</p></td>
512                                <td>
513                                    <div class="angle-wrapper">
514                                        <img src="./img/angle-down.png" alt="arrow down">
515                                    </div>
516                                </td>
517                            </tr>
518                            <tr class="include">
519                                <td>
520                                    <div class="icon-text-wrapper">
521                                        <img src="./img/i-1.png" alt="Photos" class="icon">
522                                        <p>Photos</p>
523                                    </div>
524                                </td>
525                                <td class="check">
526                                    <div class="check-wrapper">
527                                        <img src="./img/check.png" alt="Check" class="icon">
528                                    </div>
529                                </td>
530                            </tr>
531                            <tr class="include">
532                                <td>
533                                    <div class="icon-text-wrapper">
534                                        <img src="./img/i-2.png" alt="Video" class="icon">
535                                        <p>Video</p>
536                                    </div>
537                                </td>
538                                <td class="check">
539                                    <div class="check-wrapper">
540                                        <img src="./img/check.png" alt="Check" class="icon">
541                                    </div>
542                                </td>
543                            </tr>
544                            <tr class="include">
545                                <td>
546                                    <div class="icon-text-wrapper">
547                                        <img src="./img/i-3.png" alt="Weather" class="icon">
548                                        <p>Weather</p>
549                                    </div>
550                                </td>
551                                <td class="check">
552                                    <div class="check-wrapper">
553                                        <img src="./img/check.png" alt="Check" class="icon">
554                                    </div>
555                                </td>
556                            </tr>
557                            <tr class="include">
558                                <td>
559                                    <div class="icon-text-wrapper">
560                                        <img src="./img/i-4.png" alt="Locations" class="icon">
561                                        <p>Locations</p>
562                                    </div>
563                                </td>
564                                <td class="check">
565                                    <div class="check-wrapper">
566                                        <img src="./img/check.png" alt="Check" class="icon">
567                                    </div>
568                                </td>
569                            </tr>
570                            <tr class="include">
571                                <td>
572                                    <div class="icon-text-wrapper">
573                                        <img src="./img/i-5.png" alt="Tags" class="icon">
574                                        <p>Tags</p>
575                                    </div>
576                                </td>
577                                <td class="check">
578                                    <div class="check-wrapper">
579                                        <img src="./img/check.png" alt="Check" class="icon">
580                                    </div>
581                                </td>
582                            </tr>
583                            <tr class="include">
584                                <td>
585                                    <div class="icon-text-wrapper">
586                                        <img src="./img/i-6.png" alt="Reminder" class="icon">
587                                        <p>Reminder</p>
588                                    </div>
589                                </td>
590                                <td class="check">
591                                    <div class="check-wrapper">
592                                        <img src="./img/check.png" alt="Check" class="icon">
593                                    </div>
594                                </td>
595                            </tr>
596                            <tr class="include">
597                                <td>
598                                    <div class="icon-text-wrapper">
599                                        <img src="./img/i-7.png" alt="Statistics" class="icon">
600                                        <p>Statistics</p>
601                                    </div>
602                                </td>
603                                <td class="check">
604                                    <div class="check-wrapper">
605                                        <img src="./img/check.png" alt="Check" class="icon">
606                                    </div>
607                                </td>
608                            </tr>
609                            <tr class="include">
610                                <td>
611                                    <div class="icon-text-wrapper">
612                                        <img src="./img/i-8.png" alt="Photos Gallery" class="icon">
613                                        <p>Photos Gallery</p>
614                                    </div>
615                                </td>
616                                <td class="check">
617                                    <div class="check-wrapper">
618                                        <img src="./img/check.png" alt="Check" class="icon">
619                                    </div>
620                                </td>
621                            </tr>
622                            <tr class="include">
623                                <td>
624                                    <div class="icon-text-wrapper">
625                                        <img src="./img/i-9.png" alt="Face ID" class="icon">
626                                        <p>Face ID / Fingerprint</p>
627                                    </div>
628                                </td>
629                                <td class="check">
630                                    <div class="check-wrapper">
631                                        <img src="./img/check.png" alt="Check" class="icon">
632                                    </div>
633                                </td>
634                            </tr>
635                            <tr class="include">
636                                <td>
637                                    <div class="icon-text-wrapper">
638                                        <img src="./img/i-10.png" alt="Claud Auto Sync" class="icon">
639                                        <p>Claud Auto Sync</p>
640                                    </div>
641                                </td>
642                                <td class="check">
643                                    <div class="check-wrapper">
644                                        <img src="./img/check.png" alt="Check" class="icon">
645                                    </div>
646                                </td>
647                            </tr>
648                            <tr class="include">
649                                <td>
650                                    <div class="icon-text-wrapper">
651                                        <img src="./img/i-11.png" alt="Righ Text Format" class="icon">
652                                        <p>Righ Text Format</p>
653                                    </div>
654                                </td>
655                                <td class="check">
656                                    <div class="check-wrapper">
657                                        <img src="./img/check.png" alt="Check" class="icon">
658                                    </div>
659                                </td>
660                            </tr>
661                            <tr class="include">
662                                <td>
663                                    <div class="icon-text-wrapper">
664                                        <img src="./img/i-12.png" alt="Multiple Fonts" class="icon">
665                                        <p>Multiple Fonts</p>
666                                    </div>
667                                </td>
668                                <td class="check">
669                                    <div class="check-wrapper">
670                                        <img src="./img/check.png" alt="Check" class="icon">
671                                    </div>
672                                </td>
673                            </tr>
674                            <tr class="include">
675                                <td>
676                                    <div class="icon-text-wrapper">
677                                        <img src="./img/i-13.png" alt="Emotions" class="icon">
678                                        <p>Emotions</p>
679                                    </div>
680                                </td>
681                                <td class="check">
682                                    <div class="check-wrapper">
683                                        <img src="./img/check.png" alt="Check" class="icon">
684                                    </div>
685                                </td>
686                            </tr>
687                            <tr class="include">
688                                <td>
689                                    <div class="icon-text-wrapper">
690                                        <img src="./img/i-14.png" alt="Favorites" class="icon">
691                                        <p>Favorites</p>
692                                    </div>
693                                </td>
694                                <td class="check">
695                                    <div class="check-wrapper">
696                                        <img src="./img/check.png" alt="Check" class="icon">
697                                    </div>
698                                </td>
699                            </tr>
700                            <tr class="include">
701                                <td>
702                                    <div class="icon-text-wrapper">
703                                        <img src="./img/i-15.png" alt="Dark Mode" class="icon">
704                                        <p>Dark Mode</p>
705                                    </div>
706                                </td>
707                                <td class="check">
708                                    <div class="check-wrapper">
709                                        <img src="./img/check.png" alt="Check" class="icon">
710                                    </div>
711                                </td>
712                            </tr>
713                            <tr class="include">
714                                <td>
715                                    <div class="icon-text-wrapper">
716                                        <img src="./img/i-16.png" alt="Password Lock" class="icon">
717                                        <p>Password Lock</p>
718                                    </div>
719                                </td>
720                                <td class="check">
721                                    <div class="check-wrapper">
722                                        <img src="./img/check.png" alt="Check" class="icon">
723                                    </div>
724                                </td>
725                            </tr>
726                            <tr class="include">
727                                <td>
728                                    <div class="icon-text-wrapper">
729                                        <img src="./img/i-17.png" alt="More Photos & Videos" class="icon">
730                                        <p>More Photos & Videos</p>
731                                    </div>
732                                </td>
733                                <td class="check">
734                                    <div class="check-wrapper">
735                                        <img src="./img/check.png" alt="Check" class="icon">
736                                    </div>
737                                </td>
738                            </tr>
739                            <tr class="include">
740                                <td>
741                                    <div class="icon-text-wrapper">
742                                        <img src="./img/i-18.png" alt="Export as PDF/TXT/ZIP" class="icon">
743                                        <p>Export as PDF/TXT/ZIP</p>
744                                    </div>
745                                </td>
746                                <td class="check">
747                                    <div class="check-wrapper">
748                                        <img src="./img/check.png" alt="Check" class="icon">
749                                    </div>
750                                </td>
751                            </tr>
752                        </table>
753                    </div>
754                </div>
755            </div>
756        </div>
757    </section>
758    <section id="start">
759        <div class="container">
760            <div id="start-content">
761                <h2>Get Started For Free!</h2>
762                <p id="start-lead">Oak Diary is available for Android. For iPhone and iPad please try Card Diary.</p>
763                <div class="apple-google" class="fade">
764                        <!-- Link to google play here -->
765                        <a href="https://play.google.com/store/apps/details?id=com.card.carddiary" target="_blank">
766                            <img src="./img/google-play.png" alt="Oak Diary on google play">
767                        </a>
768                </div>
769            </div>
770        </div>
771    </section>
772    <section id="reviews">
773        <div class="container">
774            <div class="reviews-content">
775                <div class="card">
776                    <img src="./img/stars-2.png" alt="5 Stars">
777                    <p class="review-text">“I love this app so much. I downloaded almost every journal app, this one was by 
777far the best one for me. It’s super simple and aesthetically pleasing.”</p>
778                    <div class="person">
779                        <div class="logo">K</div>
780                        <div class="name"><p>Kilo_reley</p></div>
781                    </div>
782                </div>
783                <div class="card">
784                    <img src="./img/stars-2.png" alt="5 Stars">
785                    <p class="review-text">“The interface is simple and beautiful. It’s a low commitment way to keep memories that you will cherish later on. They give many ways to backup entries so they don’t get lost.”</p>
786                    <div class="person">
787                        <div class="logo">M</div>
788                        <div class="name"><p>MJRecht</p></div>
789                    </div>
790                </div>
791                <div class="card">
792                    <img src="./img/stars-2.png" alt="5 Stars">
793                    <p class="review-text">“This is by far one of the best journalling apps in the market and I am fully satisfied with all the simplicity & elegance that it features, most especially its minimalist design.”</p>
794                    <div class="person">
795                        <div class="logo">B</div>
796                        <div class="name"><p>Blanche25</p></div>
797                    </div>
798                </div>
799            </div>
800        </div>
801    </section>
802    <section id="reviews-mobile">
803         <div class="container">
804            <div class="reviews-content">
805                <div class="card">
806                    <img src="./img/stars-2.png" alt="5 Stars">
807                    <p class="review-text">“I love this app so much. I downloaded almost every journal app, this one was by far the best one for me. It’s super simple and aesthetically pleasing.”</p>
808                    <div class="person">
809                        <div class="logo">K</div>
810                        <div class="name"><p>Kilo_reley</p></div>
811                    </div>
812                    <div id="reviews-select">
813                        <div class="active" id="0"></div>
814                        <div id="1"></div>
815                        <div id="2"></div>
816                    </div>
817                </div>
818            </div>
819         </div>
820    </section>
821    <footer id="footer">
822        <div class="container">
823            <div id="footer-content">
824                <div style="width: 200px;">
825                    <img src="./img/logo-bottom.png" alt="Logo"/>
826                    <p>Write your day on a card.</p>
827                </div>
828                <div id="links" style="color: #ddd;">
829                    <a href="https://oakdiary.com/terms">Terms</a>
830                    |&nbsp;&nbsp;&nbsp; <a href="https://oakdiary.com/privacy/global/">Privacy</a>
831                    <p>|&nbsp;&nbsp;&nbsp; © Oak Studio</p>
832                </div>
833            </div>
834        </div>
835    </footer>
836    
836<script>
837        AOS.init({
838            duration: 500
839        });
840    </script>
840
841    
841<script src="./js/versions.js"></script>
841
842    
842<script src="./js/app.js"></script>
vendor: 2 bytes, line 842
842
843<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"624239f889cd4793b2cb40b370f1ce32","r":1,"spa":2}' crossorigin="anonymous"></script>
843
844</body>
845</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.