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 | <a href="https://oakdiary.com/privacy/global/">Privacy</a> 831 <p>| © 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.