S.H.I.E.L.D.
/
Launcher


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
							<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome/fontawesome-all.css">
    <link rel="stylesheet" href="css/global.css">
    <title>启动器</title>
  </head>
  <body>
    <!-- style="background: rgba(216,76,19,0.1);" -->
  	<div class="container container-width border shadow-sm rounded mt-5 pl-0 pr-0">
  		<div class="media pl-3 pr-3 pb-2 pt-3 header border-bottom shadow-sm">
        <h5 class="mt-1 mr-2"><a href="index.html"><i class="fas fa-th-large"></i></a></h5>
        <div class="media-body">
          <div class="float-right">
            <div class="dropdown float-left mr-2">
              <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="fab fa-usb"></i>
              </div>
              <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton">
                <div class="downloading">
                  <div class="pb-2 border-bottom"><span class="float-right">1年</span><h4>SC-0001</h4></div>
                  <div class="pt-3 pb-2"><div class="float-right"><button type="button" class="btn btn-primary btn-sm">启动</button></div>纵横公路工程造价管理系统 专业版</div>
                  <div class="pt-3 pb-2"><div class="float-right"><button type="button" class="btn btn-primary btn-sm">下载</button></div>纵横公路养护造价管理系统 广东养护专业版</div>
                </div>
              </div>
            </div>
            <div class="dropdown float-right">
              <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="fas fa-download"></i><span class="badge badge-pill badge-info ml-2">2</span>
              </div>
              <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton">
                <div class="downloading">
                  <div class="pb-2"><span class="float-right">63.5MB</span>公路造价（增值税）专业版</div>
                  <div class="pb-2">
                    <div class="progress">
                      <div class="progress-bar bg-success" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
                    </div>
                  </div>
                </div>
                <div class="downloaded border-top pt-2 mt-2">
                  <div class="pb-2"><span class="float-right mt-1"><a href="#"><i class="fas fa-times text-danger"></i></a></span>公路造价（增值税）专业版</div>
                  <button type="button" class="btn btn-primary btn-sm btn-lg btn-block">安装软件</button>
                </div>
              </div>
            </div>
          </div>
          <h5>纵横启动器</h5>
        </div>
      </div>
      <div class="software-wrap">
        <div class="software-left border-right border-top">
          <div class="local-software">
            <div class="software media p-3 active">
              <img class="mr-2" src="images/product01.png" width="25" height="25" alt="公路造价（增值税）">
              <div class="media-body">
                <div class="mt-0 mb-1"><a href="#">公路造价（增值税）</a></div>
              </div>
            </div>
            <div class="software media p-3">
              <img class="mr-2 border rounded" src="images/product02.png" width="25" height="25" alt="公路造价（增值税）">
              <div class="media-body">
                <div class="mt-0 mb-1"><a href="#">广东公路造价</a></div>
              </div>
            </div>
          </div>
          <div class="software-left-bottom">
            <div class="d-flex bd-highlight">
              <div class="p-2 flex-fill bd-highlight"><button style="width:100%;" type="button" class="btn btn-primary btn-sm">下载软件</button></div>
              <div class="p-2 flex-fill bd-highlight"><button style="width:100%;" type="button" class="btn btn-primary btn-sm">添加软件</button></div>
            </div>
          </div>
        </div>
        <div class="local-install">
          <div class="media pl-3">
            <img class="mr-3" src="images/product01.png" width="50" height="50" alt="广东公路造价">
            <div class="media-body">
              <h5 class="mt-0 mb-1">公路造价（增值税）</h5>
              纵横公路工程造价管理系统
            </div>
          </div>
          <div class="mt-4">
            <ul class="nav nav-tabs pl-3" id="myTab" role="tablist">
              <li class="nav-item">
                <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">下载软件</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#details" role="tab" aria-controls="profile" aria-selected="false">软件详情</a>
              </li>
            </ul>
            <div class="tab-content local-software-content" id="myTabContent">
              <div class="tab-pane fade show active pt-3 pl-3" id="home" role="tabpanel" aria-labelledby="home-tab">
                <div class="details">
                  <h5 class="w-25 d-inline-block">专业版</h5>
                  <div class="w-50 d-inline-block">锁号：SC-Z****</div>
                  <div class="float-right">
                    <button type="button" class="btn btn-primary btn-sm d-inline-block">启动软件</button>
                  </div>
                  <div>D:\Program Files (x86)\纵横软件</div>
                </div>
                <div class="details">
                  <h5 class="w-25 d-inline-block">专业版</h5>
                  <div class="w-50 d-inline-block">锁号：SC-Z****</div>
                  <div class="float-right">
                    <button type="button" class="btn btn-primary btn-sm d-inline-block">启动软件</button>
                  </div>
                  <div>D:\Program Files (x86)\纵横软件</div>
                </div>
                <div class="details">
                  <h5 class="w-25 d-inline-block">专业版</h5>
                  <div class="w-50 d-inline-block">锁号：SC-Z****</div>
                  <div class="float-right">
                    <button type="button" class="btn btn-primary btn-sm d-inline-block">启动软件</button>
                  </div>
                  <div>D:\Program Files (x86)\纵横软件</div>
                </div>
                <div class="details">
                  <h5 class="w-25 d-inline-block">专业版</h5>
                  <div class="w-50 d-inline-block">锁号：SC-Z****</div>
                  <div class="float-right">
                    <button type="button" class="btn btn-primary btn-sm d-inline-block">启动软件</button>
                  </div>
                  <div>D:\Program Files (x86)\纵横软件</div>
                </div>
                <div class="details">
                  <h5 class="w-25 d-inline-block">专业版</h5>
                  <div class="w-50 d-inline-block">锁号：SC-Z****</div>
                  <div class="float-right">
                    <button type="button" class="btn btn-primary btn-sm d-inline-block">启动软件</button>
                  </div>
                  <div>D:\Program Files (x86)\纵横软件</div>
                </div>
                <div class="details">
                  <h5 class="w-25 d-inline-block">专业版</h5>
                  <div class="w-50 d-inline-block">锁号：SC-Z****</div>
                  <div class="float-right">
                    <button type="button" class="btn btn-primary btn-sm d-inline-block">启动软件</button>
                  </div>
                  <div>D:\Program Files (x86)\纵横软件</div>
                </div>
              </div>
              <div class="tab-pane fade" id="details" role="tabpanel" aria-labelledby="profile-tab">
              </div>
            </div>
          </div>
        </div>
      </div>
  	</div>
    

    <script src="js/jquery-3.3.1.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/global.js"></script>
  </body>
</html>