| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
- <head th:replace="common::header(~{::title},~{::link})">
- <title>大咖说</title>
- <link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
- <link th:href="${portalHost + '/scienceTechnology/bigShot.css'}" rel="stylesheet">
- </head>
- <body>
- <header>
- <div th:replace="common::{topNav}">
- <div class="container">
- <div class="lt">欢迎进入科技认知计算交易平台!</div>
- <div class="rt">
- <a href="/user/login.html" class="login">登录</a> <a href="/user/signIn.html">注册</a> <a href="#">导航</a> <a href="#">关于我们</a>
- <a href="#">联系我们</a>
- </div>
- </div>
- </div>
- </header>
- <div class="header_nav_detail">
- <div class="container ">
- <div class="row clearfix">
- <div class="col-md-3 logo">
- <div th:replace="common::sublogo"></div>
- </div>
- <div class="col-md-9">
- <div th:replace="common::subMenu('bigShot', '')"></div>
- </div>
- </div>
- </div>
- <div class="secondary_navigation"></div>
- </div>
- <div th:replace="common::banners"></div>
- <div class="banner-item" th:if="${banners==null}">
- <img th:src="${portalHost + '/img/bigshot_banner.jpg'}" alt="First slide">
- </div>
- <div class="container star">
- <div id="star_carousel" class="carousel slide star_slide">
- <ol class="carousel-indicators">
- <li data-target="#myCarousel2" data-slide-to="0" class=""></li>
- <li data-target="#myCarousel2" data-slide-to="1" class=""></li>
- <li data-target="#myCarousel2" data-slide-to="2" class="active"></li>
- </ol>
- <div class="carousel-inner">
- <div class="item">
- <img th:src="${portalHost + '/img/star_banner_1.png'}" alt="First slide"> <span>杂交水稻之父“袁隆平”</span>
- </div>
- <div class="item active left">
- <img th:src="${portalHost + '/img/star_banner_2.png'}" alt="Second slide"> <span>陈政清点评工作</span>
- </div>
- <div class="item next left">
- <img th:src="${portalHost + '/img/star_banner_3.png'}" alt="Third slide"> <span>钟志华接收媒体采访</span>
- </div>
- </div>
- </div>
- <div class="star_list">
- <ul>
- <li th:each="star,iterStart:${starList}">
- <div class="star_content_img">
- <img th:if="${star.personPortraitUrl!=null && star.personPortraitUrl!=''}" th:src="${avatarUploadHost + star.personPortraitUrl}">
- <a href="#" class="interest-star">
- <span class="txt">
- <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> 关注
- </span>
- <input type="hidden" class="uid" th:value="${star.uid}">
- <input type="hidden" class="interestId" value="">
- </a>
- </div>
- <div class="star_content_info">
- <h4 th:text="${star.username}" th:title="${star.username}"></h4>
- <h5 th:text="${star.workUnit}" th:title="${star.workUnit}"></h5>
- <h5 th:text="${star.professionalTitle}" th:title="${star.professionalTitle}"></h5>
- <p class="mt20"><label>技术:</label> <span class="red" th:text="${star.achievementNum}"></span>项</p>
- <p><label>粉丝:</label> <span class="red" th:text="${star.fansNum}"></span>人</p>
- </div>
- </li>
- </ul>
- </div>
- <div style="clear: both"></div>
- <div class="news_btn">
- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAUBAMAAAD4luk4AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTKCgoJubm5mZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZmZmZmZmZiYmJqampmZmbAu5ZYAAAAPdFJOUwAGG+ayw9P5ip90DlxFMJBoSyAAAAC2SURBVBjTY2C1Y0AFjx0YmD8roAjx2Rsw8NYboYgpf3/AwHD9G7JCJvtaIMlTn4Qkpvb9Aog6/20DQll+DZjm+R8IF9v2/QCEsf6rAFSIO/4PlMX13xHKEv2/AKaj/wtEIaP/L7gpHP8ngGmR/w0IF8z/CVY2/weSqyTBCjihyhmgBoFU9P8UQPalCNBCDrj1UIXxvxjWfxFADbWt/08heQfqg/z6rxvQxBjU/mejCzEwpcGDEQDAuTZNFcPLnwAAAABJRU5ErkJggg==">
- <a href="/portal/search/subscriberUser.html">查看更多</a>
- </div>
- </div>
- <div class="container lecture">
- <div id="lecture_carousel" class="carousel slide lecture_slide">
- <ol class="carousel-indicators">
- <li data-target="#myCarousel2" data-slide-to="0" class=""></li>
- <li data-target="#myCarousel2" data-slide-to="1" class=""></li>
- <li data-target="#myCarousel2" data-slide-to="2" class="active"></li>
- </ol>
- <div class="carousel-inner">
- <div class="item">
- <img th:src="${portalHost + '/img/star_banner_4.jpg'}" alt="First slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
- </div>
- <div class="item active left">
- <img th:src="${portalHost + '/img/star_banner_5.jpg'}" alt="Second slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
- </div>
- <div class="item next left">
- <img th:src="${portalHost + '/img/star_banner_6.jpg'}" alt="Third slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
- </div>
- </div>
- </div>
- <div class="star_list">
- <ul>
- <li th:each="lecture,iterStart:${lectureList}">
- <div class="star_content_img">
- <img th:if="${lecture.lectureUrl != null && lecture.lectureUrl != ''}" th:src="${avatarUploadHost + lecture.lectureUrl}">
- </div>
- <div class="lecture_content_info">
- <h5 th:text="${lecture.name}" th:title="${lecture.name}"></h5>
- <p class="mt20" th:text="${lecture.lectureTimeFormattedDate}" th:title="${lecture.lectureTimeFormattedDate}"></p>
- <a href="#" class="customer-service">报名中</a>
- </div>
- </li>
- </ul>
- </div>
- <div style="clear: both"></div>
- <div class="news_btn">
- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAUBAMAAAD4luk4AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTKCgoJubm5mZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZmZmZmZmZiYmJqampmZmbAu5ZYAAAAPdFJOUwAGG+ayw9P5ip90DlxFMJBoSyAAAAC2SURBVBjTY2C1Y0AFjx0YmD8roAjx2Rsw8NYboYgpf3/AwHD9G7JCJvtaIMlTn4Qkpvb9Aog6/20DQll+DZjm+R8IF9v2/QCEsf6rAFSIO/4PlMX13xHKEv2/AKaj/wtEIaP/L7gpHP8ngGmR/w0IF8z/CVY2/weSqyTBCjihyhmgBoFU9P8UQPalCNBCDrj1UIXxvxjWfxFADbWt/08heQfqg/z6rxvQxBjU/mejCzEwpcGDEQDAuTZNFcPLnwAAAABJRU5ErkJggg==">
- <a href="/portal/scienceTechnology/lecture.html">查看更多</a>
- </div>
- </div>
- <footer>
- <div th:replace="common::copyright"></div>
- </footer>
- <div th:replace="common::footer(~{::script})">
- <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
- <script type="text/javascript" th:src="${portalHost + '/scienceTechnology/bigShot.js'}"></script>
- </div>
- </body>
- </html>
|