| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236 |
- <!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 class="banner-item active">
- <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" th:src="${avatarUploadHost + star.personPortraitUrl}">
- <a href="#">
- <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
- 关注
- </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}">“985”工程首席科学家</h5>
- <p class="mt20"><label>技术:</label> <span class="red" th:text="${star.achievementNum}">4</span>项</p>
- <p><label>粉丝:</label> <span class="red" th:text="${star.fansNum}">456</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" 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}">2017-06-30</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>
- <!--<div class="container star">
- <div id="crowdfunding_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_1.png'}" alt="Second slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
- </div>
- <div class="item next left">
- <img th:src="${portalHost + '/img/star_banner_1.png'}" alt="Third slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
- </div>
- </div>
- </div>
- <div class="star_list">
- <ul>
- <li>
- <div class="star_content_img">
- <img th:src="${portalHost + '/img/star_img.png'}"> <a href="#">报名中</a> <span></span>
- </div>
- <div class="star_content_info">
- <h4>众筹名称</h4>
- <h5>描述</h5>
- <p class="mt20">
- <label>已报名:</label> <span class="red">4</span>名
- </p>
- <p>
- <label>剩余名额:</label> <span class="red">6</span>名
- </p>
- <p>
- <label>剩余时间:</label> <span class="red">01:01:01</span>
- </p>
- </div>
- </li>
- <li>
- <div class="star_content_img">
- <img th:src="${portalHost + '/img/star_img.png'}"> <a href="#">报名中</a> <span></span>
- </div>
- <div class="star_content_info">
- <h4>袁隆平先生</h4>
- <h5>中南大学 材料学院</h5>
- <h5>高强铝 镁铝 锻造 大飞机</h5>
- <p class="mt20">
- <label>技术:</label> <span class="red">4</span>项
- </p>
- <p>
- <label>解决:</label> <span class="red">6</span>次
- </p>
- <p>
- <label>粉丝:</label> <span class="red">456</span>人
- </p>
- </div>
- </li>
- <li>
- <div class="star_content_img">
- <img th:src="${portalHost + '/img/star_img.png'}"> <span></span>
- </div>
- <div class="star_content_info">
- <h4>袁隆平先生</h4>
- <h5>中南大学 材料学院</h5>
- <h5>高强铝 镁铝 锻造 大飞机</h5>
- <p class="mt20">
- <label>技术:</label> <span class="red">4</span>项
- </p>
- <p>
- <label>解决:</label> <span class="red">6</span>次
- </p>
- <p>
- <label>粉丝:</label> <span class="red">456</span>人
- </p>
- </div>
- </li>
- <li>
- <div class="star_content_img">
- <img th:src="${portalHost + '/img/star_img.png'}"> <span></span>
- </div>
- <div class="star_content_info">
- <h4>袁隆平先生</h4>
- <h5>中南大学 材料学院</h5>
- <h5>高强铝 镁铝 锻造 大飞机</h5>
- <p class="mt20">
- <label>技术:</label> <span class="red">4</span>项
- </p>
- <p>
- <label>解决:</label> <span class="red">6</span>次
- </p>
- <p>
- <label>粉丝:</label> <span class="red">456</span>人
- </p>
- </div>
- </li>
- </ul>
- </div>
- <div style="clear: both"></div>
- <div class="news_btn">
- <img th:src="${portalHost + '/img/down_ioc.png'}"> <a href="#">查看更多</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>
|