1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- <!doctype html>
- <html lang="cn">
- <head>
- <meta charset="utf-8"/>
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
- <#include "./headerUp.ftl" parse=true encoding="utf-8">
- <title>${htmlTitle!"Welcome to FOTON"}</title>
- <meta name="keywords" content=${keywords!""}>
- <meta name="description" content=${description!""}>
- <meta content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"/>
- <link href="./static/css/swiper-bundle.min.css" rel="stylesheet"/>
- <link rel="stylesheet" href="./static/css/animate.min.css">
- <script src="./static/js/wow.min.js" charset="utf-8"></script>
- <link href="./common/index.css" rel="stylesheet">
- <link href="./index/index.css" rel="stylesheet">
-
- <meta property="og:title" content="Welcome to FOTON" />
- <#-- <meta property="og:url" content="http://www.sharethis.com" />-->
- <meta property="og:image" content="http://8.218.104.92/static/images/index/Banner05.jpg" />
- <meta property="og:description" content="Welcome to FOTON" />
- <#-- <meta property="og:site_name" content="ShareThis" />-->
- </head>
- <body>
- <#include "./header.ftl" parse=true encoding="utf-8">
- ${friPart}
- <div class="bgImage">
- <#list newsList as news>
- <#if news_index == 0>
- <a class="left fadeInLeft wow" href="${news.newsDetailUrl}">
- <div class="bottomContent">
- <div class="date mob">${(news.date)?string('yyyy-MM-dd')}</div>
- <div class="title_3">${news.title}
- </div>
- <div class="date pc">${(news.date)?string('yyyy-MM-dd')}</div>
- </div>
- <picture class="lazy">
- <source data-srcset="${news.topSurfaceUrl!""}" srcset="" media="(max-width: 800px)"/>
- <img class="fit-image" data-src="${news.topSurfaceUrl!""}" src=""/>
- </picture>
- </a>
- <#else >
- <div class="right-detail fadeInRight wow">
- <div class="imagePanel">
- <picture class="lazy">
- <source data-srcset="${news.topSurfaceUrl!""}" srcset="" media="(max-width: 800px)"/>
- <img class="fit-image" data-src="${news.topSurfaceUrl!""}" src=""/>
- </picture>
- </div>
- <div class="content">
- <div class="title_3">${news.title}
- </div>
- <div class="line pc"></div>
- <div class="date">${(news.date)?string('yyyy-MM-dd')}</div>
- <div class="detail">${news.digest}</div>
- <a class="viewBtn text" href="${news.newsDetailUrl}">
- <div class="viewText">VIEW MORE</div>
- <div class="viewIcon">
- <div class="viewArrow1"></div>
- <div class="viewArrow2"></div>
- </div>
- </a></div>
- <div class="line mob"></div>
- </div>
- </#if>
- </#list>
- </div>
- ${secPart}
- <#include "./footer.ftl" parse=true encoding="utf-8">
- <script>// 模块动画
- var wow = new WOW({
- boxClass: 'wow',
- animateClass: 'animated',
- offset: 100,
- live: true,
- mobile: false
- });
- wow.init();</script>
- <script defer="defer" src="./runtime/index.js"></script>
- <script defer="defer" src="./vendor/index.js"></script>
- <script defer="defer" src="./common/index.js"></script>
- <script defer="defer" src="./index/index.js"></script>
- </body>
- </html>
|