publication.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charSet="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="preload" as="image" href="img/popup.jpg" />
    <link rel="preload" as="image" href="img/success.png" />
    <link rel="preload" as="image" href="/img/banner.jpg" />
    <link rel="preload" as="image" href="/img/avatar.jpg" />
    <link rel="preload" as="image" href="img/blog/b5.jpg" />
    <link rel="preload" as="image" href="img/blog/b4.jpg" />
    <link rel="preload" as="image" href="img/blog/b2.jpg" />
    <link rel="preload" as="image" href="img/blog/b7.jpg" />
    <link rel="stylesheet" href="/_next/static/css/c9abf75460fa311a.css" crossorigin="" data-precedence="next" />
    <link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-fd79bffa2edc9624.js" crossorigin="" />
    <script src="/_next/static/chunks/fd9d1056-3cb1c2fbfd2a752c.js" async="" crossorigin=""></script>
    <script src="/_next/static/chunks/69-7cd7f516aa3f18bc.js" async="" crossorigin=""></script>
    <script src="/_next/static/chunks/main-app-f5c8d25c8479457f.js" async="" crossorigin=""></script>
    <script src="/_next/static/chunks/f5bc5986-0918c8455a9d1d56.js" async=""></script>
    <script src="/_next/static/chunks/478-a2ddb5889d2e7ee3.js" async=""></script>
    <script src="/_next/static/chunks/867-59ef13d9e08a3d26.js" async=""></script>
    <script src="/_next/static/chunks/app/publication/page-4ccd3666c2c67236.js" async=""></script>
    <script src="/_next/static/chunks/app/layout-b24c80e728ceddd6.js" async=""></script>
    <title>Trueman</title>
    <meta name="description" content="Generated by create next app" />
    <link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16" />
    <link rel="stylesheet" href="css/style-light.css" />
    <script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" noModule=""></script>
  </head>
  <body>
    <div class="trm-app-frame">
      <div class="trm-preloader">
        <div class="trm-holder">
          <div class="preloader">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
          </div>
        </div>
      </div>
      <div class="trm-mode-swich-animation-frame">
        <div class="trm-mode-swich-animation">
          <i class="far fa-sun"></i>
          <div class="trm-horizon"></div>
          <i class="far fa-moon"></i>
        </div>
      </div>
      <div id="trm-dynamic-content" class="trm-swup-animation">
        <div id="trm-scroll-container" class="trm-scroll-container" style="opacity:0">
          <div id="trm-order" class="trm-order">
            <div class="trm-popup-content">
              <img src="img/popup.jpg" alt="photo" />
              <div class="trm-popup-form-frame">
                <h5 class="trm-mb-40">Write me a message</h5>
                <form id="form1">
                  <input type="text" placeholder="Name" name="name" />
                  <input type="email" placeholder="Email" name="email" />
                  <textarea name="text" rows="6" placeholder="Message"></textarea>
                  <button type="submit" class="trm-btn">Send <i class="fas fa-arrow-right"></i>
                  </button>
                </form>
                <div class="trm-text-sm trm-mt-20">* I promise the confidentiality of your personal information</div>
                <div class="trm-success-banner">
                  <img src="img/success.png" alt="success" class="trm-mb-15" />
                  <h4 class="trm-mb-15">Success</h4>
                  <div class="trm-text trm-mb-20">Your message has been sent successfully</div>
                  <a href="#." class="trm-btn" data-fancybox-close="true">Ok</a>
                </div>
              </div>
            </div>
          </div>
          <div data-scroll-section="" id="content" class="trm-scroll-section">
            <div class="trm-top-bar" data-scroll="" data-scroll-sticky="" data-scroll-target="#content" data-scroll-offset="-10">
              <div class="container">
                <div class="trm-left-side">
                  <a class="trm-logo-frame trm-anima-link" href="/">
                    <div class="trm-logo-text">True <span>man</span>
                    </div>
                  </a>
                </div>
                <div class="trm-right-side ">
                  <div class="trm-menu">
                    <nav>
                      <ul>
                        <li class="menu-item-has-children">
                          <a href="/">Home</a>
                          <ul>
                            <li>
                              <a href="/">Image</a>
                            </li>
                            <li>
                              <a href="home-video">Video</a>
                            </li>
                            <li>
                              <a href="home-slideshow">Slideshow</a>
                            </li>
                            <li>
                              <a rel="noopener noreferrer" target="_blank" href="/onepage-image">Onepage Image <i class="fas fa-external-link-alt"></i>
                              </a>
                            </li>
                            <li>
                              <a rel="noopener noreferrer" target="_blank" href="/onepage-video">Onepage Video <i class="fas fa-external-link-alt"></i>
                              </a>
                            </li>
                            <li>
                              <a rel="noopener noreferrer" target="_blank" href="/onepage-slideshow">Onepage Slideshow <i class="fas fa-external-link-alt"></i>
                              </a>
                            </li>
                          </ul>
                        </li>
                        <li class="menu-item-has-children">
                          <a href="portfolio">Portfolio</a>
                          <ul>
                            <li>
                              <a href="portfolio">Portfolio 1</a>
                            </li>
                            <li>
                              <a href="portfolio-2">Portfolio 2</a>
                            </li>
                            <li>
                              <a href="portfolio-3">Portfolio 3</a>
                            </li>
                            <li>
                              <a href="portfolio-4">Portfolio 4</a>
                            </li>
                            <li>
                              <a href="portfolio-5">Portfolio 5</a>
                            </li>
                          </ul>
                        </li>
                        <li>
                          <a href="resume">Resume</a>
                        </li>
                        <li>
                          <a href="contact">Contact</a>
                        </li>
                        <li class="menu-item-has-children">
                          <a href="blog">Blog</a>
                          <ul>
                            <li>
                              <a href="blog">Blog 1</a>
                            </li>
                            <li>
                              <a href="blog-2">Blog 2</a>
                            </li>
                            <li>
                              <a href="publication">Publication</a>
                            </li>
                          </ul>
                        </li>
                      </ul>
                    </nav>
                  </div>
                  <div class="trm-mode-switcher-place">
                    <div class="trm-mode-switcher">
                      <i class="far fa-sun"></i>
                      <input class="tgl tgl-light" id="trm-swich" type="checkbox" />
                      <label class="trm-swich" for="trm-swich"></label>
                      <i class="far fa-moon"></i>
                    </div>
                  </div>
                  <a href="files/cv.txt" download="" class="trm-btn trm-btn-sm">Download cv <i class="fas fa-arrow-down"></i>
                  </a>
                </div>
                <div class="trm-menu-btn ">
                  <span></span>
                </div>
              </div>
            </div>
            <div class="trm-content-start">
              <div class="trm-banner" data-scroll="true" data-scroll-direction="vertical" data-scroll-speed="-1">
                <img src="/img/banner.jpg" alt="banner" class="trm-banner-cover" data-scroll="true" data-scroll-direction="vertical" data-scroll-speed="-4" />
                <div class="trm-banner-content trm-overlay">
                  <div class="container" data-scroll="true" data-scroll-direction="vertical" data-scroll-speed="1">
                    <div class="row">
                      <div class="col-lg-4"></div>
                      <div class="col-lg-8">
                        <div class="trm-banner-text undefined">
                          <div class="trm-label trm-mb-20"></div>
                          <h1 class="trm-mb-30"></h1>
                          <ul class="trm-breadcrumbs trm-label">
                            <li>
                              <a class="trm-anima-link" href="/">Home</a>
                            </li>
                            <li>
                              <span></span>
                            </li>
                          </ul>
                        </div>
                        <a href="#about-triger" data-scroll-to="#about-triger" data-scroll-offset="-130" class="trm-scroll-hint-frame">
                          <div class="trm-scroll-hint"></div>
                          <span class="trm-label">Scroll down</span>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="container">
                <div class="row">
                  <div class="col-lg-4">
                    <div class="trm-main-card-frame trm-sidebar">
                      <div class="trm-main-card" data-scroll="" data-scroll-repeat="" data-scroll-sticky="" data-scroll-target="#content" data-scroll-offset="60">
                        <div class="trm-mc-header">
                          <div class="trm-avatar-frame trm-mb-20">
                            <img class="trm-avatar" src="/img/avatar.jpg" alt="Avatar" />
                            <div class="trm-dot"></div>
                          </div>
                          <h5 class="trm-name trm-mb-15">Emma Trueman</h5>
                          <div class="trm-label">I`m
                            <!-- -->
                            <span class="trm-typed-text"></span>
                          </div>
                        </div>
                        <div class="trm-divider trm-mb-40 trm-mt-40"></div>
                        <div class="trm-social">
                          <a href="#." target="_blank">
                            <i class="fab fa-linkedin-in"></i>
                          </a>
                          <a href="#." target="_blank">
                            <i class="fab fa-dribbble"></i>
                          </a>
                          <a href="#." target="_blank">
                            <i class="fab fa-behance"></i>
                          </a>
                          <a href="#." target="_blank">
                            <i class="fab fa-twitter"></i>
                          </a>
                        </div>
                        <div class="trm-divider trm-mb-40 trm-mt-40"></div>
                        <ul class="trm-table trm-mb-20">
                          <li>
                            <div class="trm-label">Residence:</div>
                            <div class="trm-label trm-label-light">Canada</div>
                          </li>
                          <li>
                            <div class="trm-label">City:</div>
                            <div class="trm-label trm-label-light">Toronto</div>
                          </li>
                          <li>
                            <div class="trm-label">Age:</div>
                            <div class="trm-label trm-label-light">26</div>
                          </li>
                        </ul>
                        <div class="trm-divider trm-mb-40 trm-mt-40"></div>
                        <div class="text-center">
                          <a data-fancybox="" href="#trm-order" class="trm-btn">Contact me <i class="far fa-envelope"></i>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-8">
                    <div class="trm-content" id="trm-content">
                      <div data-scroll="true" data-scroll-repeat="true" data-scroll-offset="500" id="about-triger"></div>
                      <div class="row">
                        <div class="col-lg-4">
                          <div class="trm-card trm-label trm-label-light text-center">
                            <i class="far fa-calendar-alt trm-icon"></i>
                            <br />17 JULYS
                          </div>
                        </div>
                        <div class="col-lg-4">
                          <div class="trm-card trm-label trm-label-light text-center">
                            <i class="far fa-clock trm-icon"></i>
                            <br />14:32
                          </div>
                        </div>
                        <div class="col-lg-4">
                          <div class="trm-card trm-label trm-label-light text-center">
                            <i class="far fa-user trm-icon"></i>
                            <br />Emma T.
                          </div>
                        </div>
                      </div>
                      <div class="trm-card trm-publication">
                        <p class="trm-text-lg trm-contrast trm-mb-40">Consectetur adipisicing elit. Quaerat quia provident officiis delectus, soluta temporibus. Perspiciatis minima pariatur hic repellendus iusto quae, aspernatur amet, eum vero sapiente voluptate odio obcaecati aliquam ipsa, cupiditate beatae doloribus sed repudiandae nemo esse facilis consequatur, possimus. Fuga aut quae quidem quia.</p>
                        <p class="trm-mb-40">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum minima consequuntur tenetur, facilis rerum nulla deleniti sunt, ea quisquam neque atque. Expedita eum sequi blanditiis modi, consequatur magnam. Nulla culpa dolor ipsam nesciunt debitis corrupti mollitia* porro necessitatibus repell. Natus quia nemo cum neque necessitatibus, fugit excepturi recusandae officia ipsam, soluta numquam voluptate sapiente mollitia modi reprehenderit unde odit debitis optio temporibus dignissimos qui culpa? Suscipit est, ullam officiis omnis.</p>
                        <div class="row">
                          <div class="col-lg-6">
                            <a href="img/blog/b5.jpg" data-fancybox="gallery">
                              <img src="img/blog/b5.jpg" alt="img" class="trm-just-img trm-mb-40" />
                            </a>
                          </div>
                          <div class="col-lg-6">
                            <a href="img/blog/b4.jpg" data-fancybox="gallery">
                              <img src="img/blog/b4.jpg" alt="img" class="trm-just-img trm-mb-40" />
                            </a>
                          </div>
                        </div>
                        <p class="trm-mb-40">Quisquam temporibus repudiandae, aut fugiat expedita quia eveniet sit veritatis ad totam nesciunt? Natus totam unde, cumque facere dolorum esse <strong>consequatur</strong> veritatis modi voluptatem harum saepe, id qui adipisci! Provident sit ducimus deleniti dolor commodi a laborum nulla quidem qui minus eos velit reprehenderit eveniet molestias quaerat exercitationem vel cum omnis ipsum molestiae necessitatibus perferendis, numquam illum quis obcaecati. Fugit facilis temporibus fuga nobis aut recusandae nesciunt, animi facere blanditiis tenetur tempora mollitia enim ea sapiente at eos minus dignissimos, commodi possimus? Quo, sunt consequatur. </p>
                        <blockquote class="trm-color-quote trm-mb-40">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate reprehenderit omnis fugiat! Laborum aut, ab incidunt dolore odit quas tenetur, harum repudiandae suscipit quis natus maiores quo sit. Provident, perferendis!</blockquote>
                        <p class="trm-mb-40">Lorem ipsum dolor sit amet. Fugit facilis temporibus fuga nobis aut recusandae nesciunt, animi facere blanditiis tenetur tempora mollitia enim ea sapiente at eos minus dignissimos consectetur adipisicing elit veritatis modi voluptatem harum saepe, id qui adipisci!</p>
                        <div class="row">
                          <div class="col-lg-6">
                            <ul class="trm-list trm-mb-40">
                              <li>Voluptate reprehenderit omnis</li>
                              <li>Lorem ipsum dolor sit</li>
                              <li>Quisquam temporibus repudiandae</li>
                            </ul>
                          </div>
                          <div class="col-lg-6">
                            <ul class="trm-list trm-mb-40">
                              <li>Fugit facilis temporibus fuga</li>
                              <li>Nulla culpa dolor</li>
                              <li>Consectetur adipisicing elit</li>
                            </ul>
                          </div>
                        </div>
                        <p class="trm-mb-40">Quaerat quia provident officiis delectus. Fugit facilis temporibus fuga nobis aut recusandae temporibus fuga nobis aut recusandae nesciunt, animi facere blanditiis tenetur tempora mollitia enim ea sapiente at eos minus dignissimos consectetur adipisicing elit veritatis modi voluptatem harum saepe, id qui adipisci!</p>
                        <span class="trm-text-sm">* Mollitia - Consectetur adipisicing dolor sit amet, consectetur adipisicing elit.</span>
                      </div>
                      <div class="row">
                        <div class="col-lg-12">
                          <h5 class="trm-mb-40 trm-title-with-divider">Similar Publications <span data-number="2"></span>
                          </h5>
                        </div>
                        <div class="col-lg-6">
                          <div class="trm-blog-card trm-scroll-animation trm-active-el" data-scroll="true" data-scroll-offset="40">
                            <a class="trm-cover-frame trm-anima-link" href="/publication">
                              <img src="img/blog/b2.jpg" alt="cover" />
                            </a>
                            <div class="trm-card-descr">
                              <div class="trm-label trm-category trm-mb-20">
                                <a href="#.">Lifestyle</a>
                              </div>
                              <h5 class="trm-mb-20">
                                <a class="trm-anima-link" href="/publication">Create your own beauty blog with Trueman</a>
                              </h5>
                              <div class="trm-divider trm-mb-20 trm-mt-20"></div>
                              <ul class="trm-card-data trm-label">
                                <li>17 JULYS</li>
                                <li>14:32</li>
                                <li>Emma T.</li>
                              </ul>
                            </div>
                          </div>
                        </div>
                        <div class="col-lg-6">
                          <div class="trm-blog-card trm-scroll-animation trm-active-el" data-scroll="true" data-scroll-offset="40">
                            <a class="trm-cover-frame trm-anima-link" href="/publication">
                              <img src="img/blog/b7.jpg" alt="cover" />
                            </a>
                            <div class="trm-card-descr">
                              <div class="trm-label trm-category trm-mb-20">
                                <a href="#.">Lifestyle</a>
                              </div>
                              <h5 class="trm-mb-20">
                                <a class="trm-anima-link" href="/publication">Create your own beauty blog with Trueman</a>
                              </h5>
                              <div class="trm-divider trm-mb-20 trm-mt-20"></div>
                              <ul class="trm-card-data trm-label">
                                <li>17 JULYS</li>
                                <li>14:32</li>
                                <li>Emma T.</li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="trm-divider trm-mb-40"></div>
                      <div class="trm-subscribe-card trm-scroll-animation trm-active-el" data-scroll="true" data-scroll-offset="40">
                        <div class="row">
                          <div class="col-lg-4 align-self-center">
                            <h5>Subscribe to my newsletter</h5>
                          </div>
                          <div class="col-lg-8">
                            <form>
                              <input type="email" placeholder="Email" />
                              <button class="trm-btn" type="submit">
                                <i class="fas fa-paper-plane"></i>
                              </button>
                            </form>
                          </div>
                        </div>
                      </div>
                      <div class="trm-divider trm-mb-40"></div>
                      <footer class="trm-scroll-animation" data-scroll="" data-scroll-offset="50">
                        <div class="trm-label">©
                          <!-- -->2024
                          <!-- --> All Rights Reserved.
                        </div>
                        <div class="trm-label">Developed by:
                          <!-- -->
                          <a href="https://themeforest.net/user/bslthemes" target="_blank">BSLTHEMES</a>
                        </div>
                      </footer>
                    </div>
                    <div id="trm-order" class="trm-order">
                      <div class="trm-popup-content">
                        <img src="img/popup.jpg" alt="photo" />
                        <div class="trm-popup-form-frame">
                          <h5 class="trm-mb-40">Write me a message</h5>
                          <form id="form1">
                            <input type="text" placeholder="Name" name="name" />
                            <input type="email" placeholder="Email" name="email" />
                            <textarea name="text" rows="6" placeholder="Message"></textarea>
                            <button type="submit" class="trm-btn">Send <i class="fas fa-arrow-right"></i>
                            </button>
                          </form>
                          <div class="trm-text-sm trm-mt-20">* I promise the confidentiality of your personal information</div>
                          <div class="trm-success-banner">
                            <img src="img/success.png" alt="success" class="trm-mb-15" />
                            <h4 class="trm-mb-15">Success</h4>
                            <div class="trm-text trm-mb-20">Your message has been sent successfully</div>
                            <a href="#." class="trm-btn" data-fancybox-close="true">Ok</a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="/_next/static/chunks/webpack-fd79bffa2edc9624.js" crossorigin="" async=""></script>
    <script>
      (self.__next_f = self.__next_f || []).push([0]);
      self.__next_f.push([2, null])
    </script>
    <script>
      self.__next_f.push([1, "1:HL[\"/_next/static/css/c9abf75460fa311a.css\",\"style\",{\"crossOrigin\":\"\"}]\n0:\"$L2\"\n"])
    </script>
    <script>
      self.__next_f.push([1, "3:I[7690,[],\"\"]\n5:I[7831,[],\"\"]\n6:I[1090,[\"601\",\"static/chunks/f5bc5986-0918c8455a9d1d56.js\",\"478\",\"static/chunks/478-a2ddb5889d2e7ee3.js\",\"867\",\"static/chunks/867-59ef13d9e08a3d26.js\",\"460\",\"static/chunks/app/publication/page-4ccd3666c2c67236.js\"],\"\"]\n7:I[5613,[],\"\"]\n8:I[1778,[],\"\"]\n9:I[2046,[\"185\",\"static/chunks/app/layout-b24c80e728ceddd6.js\"],\"\"]\na:I[312,[\"185\",\"static/chunks/app/layout-b24c80e728ceddd6.js\"],\"\"]\nb:I[6183,[\"185\",\"static/chunks/app/layout-b24c80e728ceddd6.js\"],\"\"]\nd:I[8955,[],\"\"]\ne:[]\n"])
    </script>
    <script>
      self.__next_f.push([1, "2:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c9abf75460fa311a.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]],[\"$\",\"$L3\",null,{\"buildId\":\"ONWXZ5fQq-kLwLW_voM0m\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/publication\",\"initialTree\":[\"\",{\"children\":[\"publication\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"publication\",{\"children\":[\"__PAGE__\",{},[\"$L4\",[\"$\",\"$L5\",null,{\"propsForComponent\":{\"params\":{}},\"Component\":\"$6\",\"isStaticGeneration\":true}],null]]},[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"publication\",\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}]]},[null,[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"$L9\",null,{\"children\":[[\"$\",\"$La\",null,{}],[\"$\",\"body\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"trm-app-frame\",\"children\":[[\"$\",\"$Lb\",null,{}],[\"$\",\"div\",null,{\"id\":\"trm-dynamic-content\",\"className\":\"trm-swup-animation\",\"children\":[\"$\",\"div\",null,{\"id\":\"trm-scroll-container\",\"className\":\"trm-scroll-container\",\"style\":{\"opacity\":0},\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}]}]}]]}]}]]}]}],null]],\"initialHead\":[false,\"$Lc\"],\"globalErrorComponent\":\"$d\",\"missingSlots\":\"$We\"}]]\n"])
    </script>
    <script>
      self.__next_f.push([1, "c:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Trueman\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Generated by create next app\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}]]\n4:null\n"])
    </script>
    <script>
      self.__next_f.push([1, ""])
    </script>
  </body>
</html>