黃色簡潔風格的影視眾籌投資企業網站源碼下載



8 29 10



模板描述:黃色簡潔風格 影視眾籌投資 企業網站,黃色簡潔風格的影視眾籌投資企業網站源碼下載html模板下載

代碼結構

1. 引入CSS

<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./swiper/css/swiper.min.css">
<link rel="stylesheet" href="./css/font-awesome.min.css">

2. 引入JS

<script src="./js/jquery-2.1.0.js"></script>
<script src="./swiper/js/swiper.min.js"></script>
<script src="./js/common.js"></script>

3. HTML代碼

    <header class="header">
        <div class="center">
            <div class="left">
                <h1>歡迎訪問影視投資平臺-聚影網&emsp;客服熱線:11111111111</h1>
            </div>
            <div class="right">
                <span class="login"><i class="fa fa-fw fa-user"></i>登錄</span>
                <span class="reigster"><i class="fa fa-fw fa-pencil"></i>注冊</span>
                <!-- <span><i class="fa fa-fw fa-user"></i>個人中心</span>
                <span><i class="fa fa-fw fa-sign-out"></i>退出登錄</span> -->
            </div>
        </div>
    </header>
    <div class="menu">
        <div class="center">
            <h2>
                <a href="" class="logo">
                    <img src="./imgs/logo.png" alt="">
                </a>
            </h2>
            <ul class="links">
                <li><a href="index.html">網站主頁</a></li>
                <li><a href="news.html">電影資訊</a></li>
                <li><a href="movie.html">影視項目</a></li>
                <li><a href="office.html">院線票房</a></li>
                <li><a href="#">在線報名</a></li>
                <li><a href="about.html">關于我們</a></li>
            </ul>
            <div class="search">
                <input type="text" placeholder="請輸入關鍵詞">
                <button><i class="fa fa-fw fa-search"></i> 搜索</button>
            </div>
        </div>
    </div>
    <!-- header -->
    <!-- banner -->
    <div class="swiper-container indexBanner">
        <div class="swiper-wrapper">
            <div class="swiper-slide bannerLi"
                style="background-image: url(./imgs/banner.png)"></div>
            <div class="swiper-slide bannerLi" style="background-image: url(./imgs/banner.png)"></div>
            <div class="swiper-slide bannerLi" style="background-image: url(./imgs/banner.png)"></div>
        </div>
        <!-- Add Arrows -->
        <div class="swiper-pagination"></div>
    </div>
    <!-- 優勢 -->
    <div class="titleBox">
        <div class="title">
            <dl>
                <dt>
                    <h3>聚影電影投資優勢/</h3>
                </dt>
                <dd>Advantages</dd>
            </dl>
            <a href="">MORE+</a>
        </div>
    </div>
    <div class="advantageBox2">
        <dl>
            <dt class="dt0">
                <i class="fa fa-fw fa-film"></i>
            </dt>
            <dt class="dt1">29,533</dt>
            <dd>次影視項目咨詢</dd>
        </dl>
        <dl>
            <dt class="dt0">
                <i class="fa fa-fw fa-star-o"></i>
            </dt>
            <dt class="dt1">8,526</dt>
            <dd>個影視人的信賴</dd>
        </dl>
        <dl>
            <dt class="dt0">
                <i class="fa fa-fw fa-file-video-o"></i>
            </dt>
            <dt class="dt1">382</dt>
            <dd>個人成功影視項目</dd>
        </dl>
        <dl>
            <dt class="dt0">
                <i class="fa fa-fw fa-user"></i>
            </dt>
            <dt class="dt1">7,258</dt>
            <dd>位聚影會員</dd>
        </dl>
        <dl>
            <dt class="dt0">
                <i class="fa fa-fw fa-clock-o"></i>
            </dt>
            <dt class="dt1">24</dt>
            <dd>小時全天候的服務</dd>
        </dl>
    </div>
    <div class="titleBox">
        <div class="title">
            <dl>
                <dt>
                    <h4>熱門影視項目</h4>
                </dt>
                <dd>Hot Item</dd>
            </dl>
            <ul class="filelist">
                <li>全部題材</li>
                <li>網絡大電影</li>
                <li>網絡電視劇</li>
                <li>院線電影</li>
                <li>電視劇</li>
            </ul>
            <a href="">MORE+</a>
        </div>
    </div>
    <div class="moveList">
        <div class="moveli">
            <!-- 220-305 -->
            <a href="">
                <img src="./imgs/noimg.png" alt="">
            </a>
            <dl>
                <dt>蜘蛛俠2英雄遠征</dt>
                <dd>電影類型:院線電影</dd>
                <dd>上映狀態:已結束</dd>
                <dd>導演:路楊</dd>
                <dd><button> <i class="fa fa-fw fa-pencil-square-o"></i> 立即報名</button></dd>
            </dl>
        </div>
        <div class="moveli">
            <!-- 220-305 -->
            <a href="">
                <img src="./imgs/noimg.png" alt="">
            </a>
            <dl>
                <dt>蜘蛛俠2英雄遠征</dt>
                <dd>電影類型:院線電影</dd>
                <dd>上映狀態:已結束</dd>
                <dd>導演:路楊</dd>
                <dd><button> <i class="fa fa-fw fa-pencil-square-o"></i> 立即報名</button></dd>
            </dl>
        </div>
        <div class="moveli">
            <!-- 220-305 -->
            <a href="">
                <img src="./imgs/noimg.png" alt="">
            </a>
            <dl>
                <dt>蜘蛛俠2英雄遠征</dt>
                <dd>電影類型:院線電影</dd>
                <dd>上映狀態:已結束</dd>
                <dd>導演:路楊</dd>
                <dd><button> <i class="fa fa-fw fa-pencil-square-o"></i> 立即報名</button></dd>
            </dl>
        </div>
        <div class="moveli">
            <!-- 220-305 -->
            <a href="">
                <img src="./imgs/noimg.png" alt="">
            </a>
            <dl>
                <dt>蜘蛛俠2英雄遠征</dt>
                <dd>電影類型:院線電影</dd>
                <dd>上映狀態:已結束</dd>
                <dd>導演:路楊</dd>
                <dd><button> <i class="fa fa-fw fa-pencil-square-o"></i> 立即報名</button></dd>
            </dl>
        </div>
        <div class="moveli">
            <!-- 220-305 -->
            <a href="">
                <img src="./imgs/noimg.png" alt="">
            </a>
            <dl>
                <dt>蜘蛛俠2英雄遠征</dt>
                <dd>電影類型:院線電影</dd>
                <dd>上映狀態:已結束</dd>
                <dd>導演:路楊</dd>
                <dd><button> <i class="fa fa-fw fa-pencil-square-o"></i> 立即報名</button></dd>
            </dl>
        </div>
        <div class="moveli">
            <!-- 220-305 -->
            <a href="">
                <img src="./imgs/noimg.png" alt="">
            </a>
            <dl>
                <dt>蜘蛛俠2英雄遠征</dt>
                <dd>電影類型:院線電影</dd>
                <dd>上映狀態:已結束</dd>
                <dd>導演:路楊</dd>
                <dd><button> <i class="fa fa-fw fa-pencil-square-o"></i> 立即報名</button></dd>
            </dl>
        </div>
        <div class="moveli">
            <!-- 220-305 -->
            <a href="">
                <img src="./imgs/noimg.png" alt="">
            </a>
            <dl>
                <dt>蜘蛛俠2英雄遠征</dt>
                <dd>電影類型:院線電影</dd>
                <dd>上映狀態:已結束</dd>
                <dd>導演:路楊</dd>
                <dd><button> <i class="fa fa-fw fa-pencil-square-o"></i> 立即報名</button></dd>
            </dl>
        </div>
        <div class="moveli">
            <!-- 220-305 -->
            <a href="">
                <img src="./imgs/noimg.png" alt="">
            </a>
            <dl>
                <dt>蜘蛛俠2英雄遠征</dt>
                <dd>電影類型:院線電影</dd>
                <dd>上映狀態:已結束</dd>
                <dd>導演:路楊</dd>
                <dd><button> <i class="fa fa-fw fa-pencil-square-o"></i> 立即報名</button></dd>
            </dl>
        </div>
    </div>
    <div class="titleBox">
        <div class="title">
            <dl>
                <dt>
                    <h5>近期電影投資人/</h5>
                </dt>
                <dd>Recent investment</dd>
            </dl>
        </div>
    </div>
    <div class="investmentList">
        <div class="tableTitle">
            <table>
                <tr>
                    <td width="100">投資人</td>
                    <td width="250">投資影片</td>
                    <td width="100">主演</td>
                    <td width="200">電影類型</td>
                    <td width="100">總人數</td>
                    <td width="100">投資日期</td>
                    <td>投資金額</td>
                </tr>
            </table>
        </div>
        <div class="tableBody">
            <table>
                <tr>
                    <td width="100">陳**</td>
                    <td width="250">黃海行動</td>
                    <td width="100">吳京</td>
                    <td width="200">軍事題材</td>
                    <td width="100">123</td>
                    <td width="100">2019-9-17</td>
                    <td>100萬</td>
                </tr>
                <tr>
                    <td width="100">陳**</td>
                    <td width="250">黃海行動</td>
                    <td width="100">吳京</td>
                    <td width="200">軍事題材</td>
                    <td width="100">123</td>
                    <td width="100">2019-9-17</td>
                    <td>100萬</td>
                </tr>
                <tr>
                    <td width="100">陳**</td>
                    <td width="250">黃海行動</td>
                    <td width="100">吳京</td>
                    <td width="200">軍事題材</td>
                    <td width="100">123</td>
                    <td width="100">2019-9-17</td>
                    <td>100萬</td>
                </tr>
                <tr>
                    <td width="100">陳**</td>
                    <td width="250">黃海行動</td>
                    <td width="100">吳京</td>
                    <td width="200">軍事題材</td>
                    <td width="100">123</td>
                    <td width="100">2019-9-17</td>
                    <td>100萬</td>
                </tr>
                <tr>
                    <td width="100">陳**</td>
                    <td width="250">黃海行動</td>
                    <td width="100">吳京</td>
                    <td width="200">軍事題材</td>
                    <td width="100">123</td>
                    <td width="100">2019-9-17</td>
                    <td>100萬</td>
                </tr>
                <tr>
                    <td width="100">陳**</td>
                    <td width="250">黃海行動</td>
                    <td width="100">吳京</td>
                    <td width="200">軍事題材</td>
                    <td width="100">123</td>
                    <td width="100">2019-9-17</td>
                    <td>100萬</td>
                </tr>
                <tr>
                    <td width="100">陳**</td>
                    <td width="250">黃海行動</td>
                    <td width="100">吳京</td>
                    <td width="200">軍事題材</td>
                    <td width="100">123</td>
                    <td width="100">2019-9-17</td>
                    <td>100萬</td>
                </tr>
                <tr>
                    <td width="100">陳**</td>
                    <td width="250">黃海行動</td>
                    <td width="100">吳京</td>
                    <td width="200">軍事題材</td>
                    <td width="100">123</td>
                    <td width="100">2019-9-17</td>
                    <td>100萬</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="titleBox">
        <div class="title">
            <dl>
                <dt><strong>影視資訊/</strong></dt>
                <dd>Film News</dd>
            </dl>
            <ul class="filelist">
                <li><a href="">行業資訊</a></li>
                <li><a href="">電影資訊</a></li>
            </ul>
            <a href="">MORE+</a>
        </div>
    </div>
    <div class="newsLists">
        <ul>
            <li>
                <a href="" class="newTitle">吳京“被”代言 獲賠12萬元</a>
                <span class="w350">Tags:<a href="">影視投資</a><a href="">影視眾籌</a></span>
                <span class="w150">類別:<a href="">行業資訊</a></span>
                <span class="w150 last">點擊次數:<em>322</em></span>
            </li>
            <li>
                <a href="" class="newTitle">吳京“被”代言 獲賠12萬元</a>
                <span class="w350">Tags:<a href="">影視投資</a><a href="">影視眾籌</a></span>
                <span class="w150">類別:<a href="">行業資訊</a></span>
                <span class="w150 last">點擊次數:<em>322</em></span>
            </li>
            <li>
                <a href="" class="newTitle">吳京“被”代言 獲賠12萬元</a>
                <span class="w350">Tags:<a href="">影視投資</a><a href="">影視眾籌</a></span>
                <span class="w150">類別:<a href="">行業資訊</a></span>
                <span class="w150 last">點擊次數:<em>322</em></span>
            </li>
            <li>
                <a href="" class="newTitle">吳京“被”代言 獲賠12萬元</a>
                <span class="w350">Tags:<a href="">影視投資</a><a href="">影視眾籌</a></span>
                <span class="w150">類別:<a href="">行業資訊</a></span>
                <span class="w150 last">點擊次數:<em>322</em></span>
            </li>
            <li>
                <a href="" class="newTitle">吳京“被”代言 獲賠12萬元</a>
                <span class="w350">Tags:<a href="">影視投資</a><a href="">影視眾籌</a></span>
                <span class="w150">類別:<a href="">行業資訊</a></span>
                <span class="w150 last">點擊次數:<em>322</em></span>
            </li>
        </ul>
    </div>
    <div class="titleBox">
        <div class="title">
            <dl>
                <dt><strong>合作影視公司/</strong></dt>
                <dd>Company</dd>
            </dl>
        </div>
    </div>
    <div class="companyBox">
        <table>
            <tr>
                <td>
                    <img src="./imgs/al.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/bn.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/dsn.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/gx.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/hc.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/hy.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/jiay.jpg" alt="">
                </td>
            </tr>
            <tr>
                <td>
                    <img src="./imgs/jy.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/leshi.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/ls.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/sy.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/wd.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/ya.jpg" alt="">
                </td>
                <td>
                    <img src="./imgs/zy.jpg" alt="">
                </td>
            </tr>
        </table>
    </div>
    <footer>
        <div class="center">
            <a href="" class='logo'>
                <img src="./imgs/logo.png" alt="">
            </a>
            <div class="dlbox">
                <dl>
                    <dt><a href="">主頁</a></dt>
                </dl>
                <dl>
                    <dt><a href="">電影資訊</a></dt>
                    <dd>
                        <a href="">行業資訊</a>
                    </dd>
                    <dd>
                        <a href="">電影資訊</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="">影視項目</a></dt>
                </dl>
                <dl>
                    <dt><a href="">院線票房</a></dt>
                </dl>
                <dl>
                    <dt><a href="">在線報名</a></dt>
                </dl>
                <dl>
                    <dt><a href="">關于我們</a></dt>
                </dl>
                <dl>
                    <dt><a href="">網站地圖</a></dt>
                    <dd><a href="">幫助中心</a></dd>
                    <dd><a href="">免責聲明</a></dd>
                </dl>
            </div>
            <div class="tel">
                <div>客服電話:<strong>11111111111</strong></div>
                <div class="beian">備案號:<a href="http://www.beian.miit.gov.cn">滬ICP備11111111111號</a></div>
            </div>
        </div>
    </footer>
    <div class="flinks">
        友情鏈接:<a href="">百度新聞</a><a href="">百度新聞</a><a href="">百度新聞</a><a href="">百度新聞</a>
    </div>
    <!-- 登錄注冊 -->
    <div class="registerLogin">
        <div class="main">
            <div class="box">
                <div class="headerUser">
                    <div class="lr">
                        <span class="active">登錄</span>
                        <span>注冊</span>
                    </div>
                    <strong class="closeRegisterLogin">×</strong>
                </div>
                <div class="bodyUser">
                    <div class="section active">
                        <div class="inputBox">
                            <span>賬號</span>
                            <input type="text" placeholder="請輸入賬號">
                        </div>
                        <div class="inputBox">
                            <span>密碼</span>
                            <input type="text" placeholder="請輸入密碼">
                        </div>
                        <div class="inputBox sent">
                            <button class="login">登錄</button>
                        </div>
                    </div>
                    <div class="section">
                        <div class="inputBox">
                            <span><em>*</em>手機號</span>
                            <input type="text" placeholder="請輸入賬號">
                        </div>
                        <div class="inputBox">
                            <span><em>*</em>創建密碼</span>
                            <input type="text" placeholder="至少輸入4個字符">
                        </div>
                        <div class="inputBox">
                            <span><em>*</em>確認密碼</span>
                            <input type="text" placeholder="至少輸入4個字符">
                        </div>
                        <div class="inputBox">
                            <span><em>*</em>驗證碼</span>
                            <input type="text" placeholder="請輸入密碼">
                            <img src="http://www.shweichou.com/captcha/1" alt="">
                        </div>
                        <div class="inputBox sent">
                            <button class="login">登錄</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 登錄注冊 -->
    <!-- js后置開始 -->
    <!-- js后置結束 -->



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 企業 行業 公司 工廠 bootstrap bootstrap自適應 bootstrap響應式 pc+wap 移動+電腦 手機+電腦 簡潔 簡約 簡單 黃色 大氣 霸氣 電影 視頻 短視頻 電視劇 影視公司
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 4场进球彩11月对阵安排 pk10计划软件免费版 中国体彩大乐透 佛山福彩中奖纪录 爱养成2拼图赚钱 中彩票官网 品牌卫浴代理赚钱吗 幸运飞艇必中计划软件 合买彩票那个网站靠谱 重庆时时现场开奖视频 黑龙江11选5前三任 什么女职业赚钱 河南快3一定牛号码遗漏 金盾时时彩稳赚 江西快三今天开奖结果走势图 11选5任稳赚不赔