CRM/normand/frontend/frontend/views/download/download.php

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2018/1/27/027
 * Time: 19:04
 */
use yii\helpers\Url;
?>
<div class="content">


    <!-- banner -->
    <div class="banner download-banner">
        <div class="container">
            <h2 class="main-title-en">下载中心
                <span class="en">/Download</span>
            </h2>
            <?php if($language == 0){ ?>
                <p>注册一个<?php echo $company[0]; ?>账号 多终端平台共享</p>
                <a class="btn" href="<?php echo $open;?>">注册</a>
            <?php }else if($language == 1){ ?>
                <p>註冊一個<?php echo $company[1]; ?>帳號 多終端平臺共享</p>
                <a class="btn" href="<?php echo $open;?>">註冊</a>
            <?php }else{?>
                <p>Register an account in <?php echo $company[2]; ?> for multi-terminal platform sharing</p>
                <a class="btn" href="<?php echo $open;?>">Register</a>
            <?php }?>

        </div>
    </div>

    <div class="download">
        <div class="desc container">
            <h3 class="title">MetaTrader4</h3>
            <?php if($language == 0){?>
                <p class="tips">MT4 交易平台 全称 MetaTrader4 客户终端，由 MetaQuotes 软件公司研发，功能强大，页面简洁，操作方便，最主要的建仓平仓功能简单易用截止至 2015 年底已有超过 70%的经纪公司和来自全世界三十多个国家的银行选择了
                    MT4 交易软件作为网络交易平台。全球超过 90%的零售交易量是通过 MT4 平台成交。</p>
                <ul class="download-list">
                    <li>通过设置止赚止损来进行控制风险</li>
                    <li>提供实时行情和交易功能</li>
                    <li>包括 18 种画线工具</li>
                    <li>9个交易时段图表选项</li>
                    <li>30种国际流行技术指标和声音预警提示</li>
                    <li>下单、平仓、限价单、止损、止赢</li>
                    <li>查看实时新闻、公告、预警、查看报表，以及数据分析和处理等操作</li>
                    <li>运行速度快，还可下载历史数据和图表</li>
                </ul>
            <?php }else if($language == 1){ ?>
                <p class="tips">MT4 交易平臺 全稱 MetaTrader4 客戶終端，由 MetaQuotes 軟件公司研發，功能強大，頁面簡潔，操作方便，最主要的建倉平倉功能簡單易用截止至 2015 年底已有超過 70%的經紀公司和來自全世界三十多個國家的銀行選擇了 MT4 交易軟件作為網絡交易平臺。全球超過 90%的零售交易量是通過 MT4平臺成交。</p>
                <ul class="download-list">
                    <li>通過設置止賺止損來進行控制風險</li>
                    <li>提供實時行情和交易功能</li>
                    <li>包括18種畫線工具</li>
                    <li>9個交易時段圖表選項</li>
                    <li>30種國際流行技術指標和聲音預警提示</li>
                    <li>下單、平倉、限價單、止損、止贏</li>
                    <li>查看實時新聞、公告、預警、查看報表，以及數據分析和處理等操作</li>
                    <li>運行速度快，還可下載歷史數據和圖表</li>
                </ul>
            <?php }else{ ?>
                <p class="tips">MT4 trading platform is called MetaTrader4 customer terminal. It is developed by MetaQuotes Software Company. It has powerful functions, simple pages and easy operation. By the end of 2015, more than 70% of brokerage companies and banks from more than 30 countries around the world have chosen MT4 trading software as their online trading platform. More than 90% of global retail transactions are done through MT4.</p>
                <ul class="download-list">
                    <li>Control risk by setting stop-loss and stop-loss</li>
                    <li>Provide real-time quotation and trading functions</li>
                    <li>Including 18 line drawing tools</li>
                    <li>Chart options for nine trading periods</li>
                    <li>30 international epidemic technical indicators and sound warning tips</li>
                    <li>Placing orders, closing warehouses, price limit orders, stopping losses, stopping wins</li>
                    <li>View real-time news, announcements, warnings, reports, and data analysis and processing operations</li>
                    <li>It runs fast and downloads historical data and charts.</li>
                </ul>
            <?php }?>


        </div>

        <div class="download-link">
            <div class="container">
                <?php if($language == 0){?>
                    <h3 class="title">下载 MetaTrader 4</h3>
                    <p class="tips">最流行的交易平台之一，适用于PC端和移动设备</p>
                <?php }else if($language == 1){?>
                    <h3 class="title">下載 MetaTrader 4</h3>
                    <p class="tips">最流行的交易平臺之一，適用于PC端和移動設備</p>
                <?php }else{?>
                    <h3 class="title">Download MetaTrader 4</h3>
                    <p class="tips">One of the most popular trading platforms for PC and mobile devices</p>
                <?php }?>

                <ul class="list clearfix">
                    <li>
                        <a href="<?= STATIC_URL ?>/upload/NorYaTaiMetaTrader4.exe" class="ico pc">
                            <span class="default"></span>
                            <span class="over"></span>
                        </a>
                        <a href="<?= STATIC_URL ?>/upload/NorYaTaiMetaTrader4.exe">
                            <?php if($language == 0){?>
                                PC下载
                            <?php }else if($language == 1){?>
                                PC下載
                            <?php }else{?>
                                PC Download
                            <?php }?>

                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" class="ico android" style="margin:auto;">
                            <span class="default"></span>
                            <span class="over"></span>
                        </a>
                        <a id="download_ewm_and" href="javascript:void(0)">
                            <?php if($language == 0){?>
                                Android下载
                            <?php }else if($language == 1){?>
                                Android下載
                            <?php }else{?>
                                Android Download
                            <?php }?>

                        </a>
						<img id="download_ewm_android" src="<?= STATIC_URL ?>/static/fxm/images/download.jpg" style="display: none;">
                    </li>
                    <li>
                        <a href="javascript:void(0)" class="ico iphone" style="margin:auto;">
                            <span class="default"></span>
                            <span class="over"></span>
                        </a>
                        <a href="javascript:void(0)" id="download_ewm_ios">
                            <?php if($language == 0){?>
                                iPhone下载
                            <?php }else if($language == 1){?>
                                iPhone下載
                            <?php }else{?>
                                iPhone Download
                            <?php }?>

                        </a>
                    </li>
                </ul>
            </div>
            <div>
			    <img id="download_ewm_iosend" src="<?= STATIC_URL ?>/static/fxm/images/appledownload.jpg" style="display: none;margin-right: 100px;
    margin-top: 40px;">
		        <img id="download_ewm_iosend1" src="<?= STATIC_URL ?>/static/fxm/images/appledownload1.jpg" style="display: none;width:210px;height:210px;margin-top:35px;">
			</div>
        </div>
    </div>

</div>

<style>
  .download-link li {
    margin-left: 290px;
}
  
</style>

<?php $this->beginBlock('footer_script'); ?>
<script>
    // 页面滚动动画
    window.sr = ScrollReveal({
        duration: 1000
    });
    sr.reveal('.download-banner .container', {
        origin: 'bottom',
        distance: '20px',
    }, 50);
    sr.reveal('.desc,.title,.tips', {
        origin: 'left',
        distance: '20px',
    }, 150);
    sr.reveal('.download-link .list li', {
        origin: 'left',
        distance: '20px',
    }, 150);
    // 鼠标移上动画
    $('.download-link .ico').hover(function () {
        $(this).find('.over').stop().animate({
            'top': '-119px'
        }, 500)
    }, function () {
        $(this).find('.over').stop().animate({
            'top': '119px'
        }, 500)
    })
	$("#download_ewm_and").mouseover(function () {
		$("#download_ewm_android").fadeIn(1000);
	})
	$("#download_ewm_and").mouseout(function () {
		$("#download_ewm_android").fadeOut(1000);
	})
	$("#download_ewm_ios").mouseover(function () {
		$("#download_ewm_iosend").fadeIn(1000);
		$("#download_ewm_iosend1").fadeIn(1000);
	})
	$("#download_ewm_ios").mouseout(function () {
		$("#download_ewm_iosend").fadeOut(1000);
		$("#download_ewm_iosend1").fadeOut(1000);
	})
</script>
<?php $this->endBlock(); ?>