Skip to content

L
love-tree

InsCode 模板 / love-tree

通知 1
Star 74
Fork 787
L
love-tree
切换分支/标签
查找文件 普通视图历史永久链接Permalink
index.html 13.8 KB
Newer Older
S
:rocket: update  
sunshine 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 
<html lang="en">

<head>
   <meta charset="utf-8">
</head>

<body>
   <meta name="description" content="我们的相遇是意外的，但这是一个美丽幸福的意外，让我遇到了这么好的你">
   <title>小孙同学</title>
   <link rel="icon" type="image/x-icon" href="https://i.loli.net/2021/06/03/lFg2V4WUcmkB98G.png">
   <meta name="language" content="zh-CN">
   <meta name="title" content="小孙同学">
   <meta name="github" content="https://github.com/sun0225SUN/Awesome-Love-Code">
   <meta name="describe" content="收集不易，您的star是我坚持的动力，同时也欢迎各位PR哦! ">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
   <link href="css/base.css" rel="stylesheet" type="text/css" media="all">
   <link href="css/main.css" rel="stylesheet" type="text/css" media="all">
   <link href="css/venobox.css" rel="stylesheet" type="text/css" media="all">
   <link href="css/fonts.css" rel="stylesheet" type="text/css" media="all">
   <link href="css/ae168344b8194b348b667f19ac4d1956.css" rel="stylesheet">


   <div class="loader">
      <div class="loader-inner">
         <svg width="120" height="220" viewBox="0 0 100 100" class="loading-spinner" version="1.1"
            xmlns="http://www.w3.org/2000/svg">
            <circle class="spinner" cx="50" cy="50" r="21" fill="#ffffff" stroke-width="2"></circle>
         </svg>
      </div>
   </div>
   <div class="wrapper">
      <section class="hero overlay">
         <div class="background-img">
            <img src="img/1.jpeg" alt="">
         </div>
         <header class="header default">
            <div class=" left-part">
               <a class="logo scroll">
                  <h2>LOVE</h2>
               </a>
            </div>
            <div class="right-part">
               <nav class="main-nav">
                  <div class="toggle-mobile-but">
                     <a href="#" id="Aaa" class="mobile-but">
                        <div class="lines"></div>
                     </a>
                  </div>
                  <ul>
                     <li><a id="Aa" class="scroll" href="#home">爱的首页</a></li>
                     <li><a id="Bb" class="scroll" href="#story">爱的故事</a></li>
                     <li><a id="Cc" class="scroll" href="#album">爱的相册</a></li>
                  </ul>
               </nav>
            </div>
         </header>
         <script type="text/javascript">
            document.getElementById("Aaa").setAttribute("href", window.location.href + "#");
            document.getElementById("Aa").setAttribute("href", window.location.href + "#home");
            document.getElementById("Bb").setAttribute("href", window.location.href + "#story");
            document.getElementById("Cc").setAttribute("href", window.location.href + "#album"); 
         </script>

         <div class="inner-hero">
            <div class="container hero-content">
               <div class="row">
                  <div class="col-sm-12 text-center">
                     <h1 class="large mb-20">i love you</h1>
                     <div class="block-date-hero">
                        <div class="circle-dashed bg-n">
                           <div class="round-circle">
                              <svg viewBox="0 0 103 103" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                 class="dashed-border">
                                 <circle cx="50%" cy="50%" r="50"></circle>
                              </svg>
                              <i class="icon-heart"></i>
                           </div>
                        </div>
                        <ul>
                           <li>小孙同学</li>
                           <li>小爱同学</li>
                        </ul>
                     </div>
                     <p class="mt-20 lead"></p>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section id="story" class="story pt-120 pb-120">
         <svg class="section-dashed" version="1.1" xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="578px" xml:space="preserve">
            <path class="dashed-line" stroke-width="1" d="M30 0 v600 400"></path>
         </svg>
         <div class="container">
            <div class="row">
               <div class="col-sm-12 text-center mb-100">
                  <h1 class="title">Our love story</h1>
                  <p>The Story of our love</p>
               </div>
            </div>
            <div class="row">
               <div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2 text-center mb-30">
                  <h2 class="heavy">这就是我们的爱情故事<br><span>同一个愿望,相爱.我爱你,至死不渝</span></h2>
               </div>
            </div>
            <div class="row story-row mt-100 mb-100">
               <div class="circle-dashed timeline bg">
                  <div class="round-circle bg before">
                     <svg viewBox="0 0 103 103" version="1.1" xmlns="http://www.w3.org/2000/svg" class="dashed-border">
                        <circle cx="50%" cy="50%" r="50"></circle>
                     </svg>
                     <i class="icon-heart"></i>
                  </div>
               </div>
               <div class="col-sm-5 ">
                  <div class="couple-story text-right">
                     <p>我们的相遇是意外的，但这是一个美丽幸福的意外，让我遇到了这么好的你</p>
                  </div>
               </div>
               <div class="col-sm-5 col-sm-offset-2">
                  <div class="couple-story">
                     <p>莎士比亚说过：爱情是一种甜蜜的痛苦，但是我愿意忍受这种痛苦，莎士比亚还说过，世界上没有比服侍爱情更快乐的了，你愿不愿意享受这种快乐？当然你是愿意的~嘿嘿</p>
                  </div>
               </div>
            </div>
            <div class="row story-row mt-100 mb-80 ">
               <div class="circle-dashed timeline bg green">
                  <div class="round-circle  green before">
                     <svg viewBox="0 0 103 103" version="1.1" xmlns="http://www.w3.org/2000/svg" class="dashed-border">
                        <circle cx="50%" cy="50%" r="50"></circle>
                     </svg>
                     <i class="icon-heart"></i>
                  </div>
               </div>
               <div class="col-sm-5 ">
                  <div class="couple-story text-right">
                     <p>这并不是说长，它肯定是不是你在电影这几天看到的那种吻，但它妙在以自己的方式，和所有我能记得的时刻是，当我们的嘴唇感动，我知道记忆会永远持续下去</p>
                  </div>
               </div>
               <div class="col-sm-5 col-sm-offset-2">
                  <div class="couple-story">
                     <p>多庆幸世界那么大能和你相恋， 好骄傲你是爱我的，就那么一个你我真的很珍惜， 所有...所有的一切我只想用一句英文告诉你， You are the apple of my eyes</p>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-md-12  text-center mt-100">
                  <a href="#" class="but">
                     <span>Home</span>
                     <svg class="but-svg" width="175" height="50" viewBox="0 0 415 120"
                        xmlns="http://www.w3.org/2000/svg">
                        <rect class="but-rect" x="10" y="10" width="400" height="100" rx="6" ry="6"></rect>
                     </svg>
                  </a>
               </div>
            </div>
         </div>
      </section>
      <section class="date pt-150 pb-150 overlay">
         <div class="background-img">
            <img src="img/4.jpeg" alt="">
         </div>
         <div class="container">
            <div class="row">
               <h2 class="indent">Wedding date</h2>
               <div class="col-sm-12 text-center">
                  <div class="block-content front-p">

                     <h2 class="typo">Save the date</h2>
                     <span id="elapseClock" class="text-white" style="font-size: 45px;font-weight: 300;"></span>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section id="album" class="album bg-grey pt-120 pb-120">
         <div class="container">
            <div class="row">
               <div class="col-sm-12 text-center mb-100">
                  <h1 class="title">爱的相册</h1>
                  <p>Main ceremony - Wedding party</p>
               </div>
            </div>
            <div class="row mb-30">
               <h2 class="indent">Photo album</h2>
               <div class="col-md-4 col-sm-4 col-xs-12 ">
                  <div class="block-img">
                     <a href="http://love.145v1.com/page/biaobai_aidegushi/img/1.jpg" class="venobox" target="_blank">
                        <div class="background-img">
                           <img alt="" src="img/1.jpeg">
                        </div>
                     </a>
                  </div>
               </div>
               <div class="col-md-4 col-sm-4 col-xs-12 ">
                  <div class="block-img">
                     <a href="http://love.145v1.com/page/biaobai_aidegushi/img/2.jpg" class="venobox" target="_blank">
                        <div class="background-img">
                           <img alt="" src="img/2.jpeg">
                        </div>
                     </a>
                  </div>
               </div>
               <div class="col-md-4 col-sm-4 col-xs-12 ">
                  <div class="block-img">
                     <a href="http://love.145v1.com/page/biaobai_aidegushi/img/3.jpg" class="venobox" target="_blank">
                        <div class="background-img">
                           <img alt="" src="img/3.jpeg">
                        </div>
                     </a>
                  </div>
               </div>
               <div class="col-md-4 col-sm-4 col-xs-12 ">
                  <div class="block-img">
                     <a href="http://love.145v1.com/page/biaobai_aidegushi/img/44.jpg" class="venobox" target="_blank">
                        <div class="background-img">
                           <img alt="" src="img/44.jpeg">
                        </div>
                     </a>
                  </div>
               </div>
               <div class="col-md-4 col-sm-4 col-xs-12 ">
                  <div class="block-img">
                     <a href="http://love.145v1.com/page/biaobai_aidegushi/img/55.jpg" class="venobox" target="_blank">
                        <div class="background-img">
                           <img alt="" src="img/55.jpeg">
                        </div>
                     </a>
                  </div>
               </div>
               <div class="col-md-4 col-sm-4 col-xs-12 ">
                  <div class="block-img">
                     <a href="http://love.145v1.com/page/biaobai_aidegushi/img/66.jpg" class="venobox" target="_blank">
                        <div class="background-img">
                           <img alt="" src="img/66.jpeg">
                        </div>
                     </a>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section class="just-married pt-200 pb-200 overlay">
         <div class="background-img">
            <img src="img/17.jpeg" alt="">
         </div>
         <div class="container">
            <div class="row">
               <div class="col-sm-12 text-center">
                  <div class="block-content front-p">
                     <h2 class="typo">❤</h2>
                     <h2 class="heavy uppercase mt-10 light">执子之手,与子携老</h2>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <footer class="footer pt-70 pb-70">
         <div class="container">
            <div class="row">
               <div class="col-sm-12 text-center">
                  <p class="uppercase heavy normal">© 2022 love. 小孙同学 &amp; 小爱同学</p>
               </div>
            </div>
         </div>
      </footer>
   </div>
   <script src="js/jquery-1.12.4.min.js" type="text/javascript"></script>
   <script src="js/venobox.min.js" type="text/javascript"></script>
   <script src="js/smooth-scroll.js" type="text/javascript"></script>
   <script src="js/script.js" type="text/javascript"></script>
   <script type="text/javascript">
      var together = new Date();
      var strs = "2017-01-01 00:00:00";
      var nowTime = new Date();
      var together = new Date(strs.replace(/-/g, "/"));
      timeElapse(together);
      setInterval(function () { timeElapse(together); }, 500);
      function timeElapse(c) {
         var e = Date();
         var f = (Date.parse(e) - Date.parse(c)) / 1000;
         var g = Math.floor(f / (3600 * 24)); f = f % (3600 * 24);
         var b = Math.floor(f / 3600);
         if (b < 10) { b = "0" + b } f = f % 3600; var d = Math.floor(f / 60);
         if (d < 10) { d = "0" + d } f = f % 60;
         if (f < 10) { f = "0" + f }
         var a = '<span class="digit">' + g + '</span> days <span class="digit">' + b + '</span> hours <span class="digit">' + d + '</span> minutes <span class="digit">' + f + "</span> seconds"; $("#elapseClock").html(a)
      };
   </script>

   <audio id="main_audio" autoplay="autoplay" preload="auto" loop="">
      <source
         src="http://m128.xiami.net/869/2110248869/2103472457/1801400569_1516527396061.mp3?auth_key=1519095600-0-0-c65ae8fba0efb9eae88785e8b6322bd9"
         type="audio/mpeg">
   </audio>

   <script type="text/javascript" src="js/count.js"></script>



</body>

</html>