<!-- Page Wrap -->
<div class="page-wrap">
    <div id="home-slider">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide swiper-slide-one">
            <div class="swiper-image" data-swiper-parallax-y="-20%">
              <div class="swiper-image-inner swiper-image-left swiper-image-one">
                <h1>一 <span class="emphasis">口气</span>。<br><span>清新的空气。</span></h1>
                <p>第一章，第十五页</p>
              </div>
            </div>
            <div class="swiper-image" data-swiper-parallax-y="35%">
              <div class="swiper-image-inner swiper-image-right swiper-image-two">
                <p class="paragraph">
                    一位先知坐在市场上，为所有愿意为他服务的人算命。突然，一个人跑了过来，告诉他说，他的房子被小偷破门而入，偷走了所有能找到的东西
                    的手。
                </p>
              </div>
            </div>
          </div>
          <div class="swiper-slide swiper-slide-two">
            <div class="swiper-image" data-swiper-parallax-y="-20%">
              <div class="swiper-image-inner swiper-image-left swiper-image-three">
                <h1>那滴<span class="emphasis">液滴</span>。<br><span>永生之源。</span></h1>
                <p>第二章，第七页</p>
              </div>
            </div>
            <div class="swiper-image" data-swiper-parallax-y="35%">
              <div class="swiper-image-inner swiper-image-right swiper-image-four">
                <p class="paragraph">
                    一只口渴的乌鸦发现了一个水罐，里面装着一些水，但是水太少了，她用尽力气也够不到，她的嘴似乎在看到水的时候就会渴死。
                </p>
              </div>
            </div>
          </div>
          <div class="swiper-slide swiper-slide-three">
            <div class="swiper-image" data-swiper-parallax-y="-20%">
              <div class="swiper-image-inner swiper-image-left swiper-image-five">
                <h1>一种<span class="emphasis">感知</span>。<br><span>未来的迹象。</span></h1>
                <p>第三章，第十一页</p>
              </div>
            </div>
            <div class="swiper-image" data-swiper-parallax-y="35%">
              <div class="swiper-image-inner swiper-image-right swiper-image-six">
                <p class="paragraph">
                    每个人都随身带着两个袋子，一个在前，一个在后，两个都装满了缺点。前面的袋子装的是邻居的过错，后面的袋子装的是自己的过错。因此，人们看不见自己的缺点，但总是看不见
                    别人的。
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
  
  </div>

{/tabs-pane}
{tabs-pane label="css"}

    <link rel="stylesheet" href="https://nav.xgr.cab/wenjian/wenzhang/%E5%9B%BE%E7%89%87%E6%BB%91%E5%9D%97%E8%BD%AC%E6%8D%A2/ress.min.css">
    <link rel="stylesheet" href="https://nav.xgr.cab/wenjian/wenzhang/%E5%9B%BE%E7%89%87%E6%BB%91%E5%9D%97%E8%BD%AC%E6%8D%A2/style.css">

{/tabs-pane}
{tabs-pane label="js"}

<script src="https://nav.xgr.cab/wenjian/wenzhang/%E5%9B%BE%E7%89%87%E6%BB%91%E5%9D%97%E8%BD%AC%E6%8D%A2/jquery.min.js"></script>
<script src="https://nav.xgr.cab/wenjian/wenzhang/%E5%9B%BE%E7%89%87%E6%BB%91%E5%9D%97%E8%BD%AC%E6%8D%A2/swiper.jquery.min.js"></script>
<script>
    var mySwiper = new Swiper(".swiper-container", {
  direction: "vertical",
  loop: true,
  pagination: ".swiper-pagination",
  grabCursor: true,
  speed: 1000,
  paginationClickable: true,
  parallax: true,
  autoplay: false,
  effect: "slide",
  mousewheelControl: 1
});
</script>

{/tabs-pane}