首页界面更改
This commit is contained in:
“wanyongkang”
@@ -185,8 +185,6 @@
|
||||
margin-top: -160px;
|
||||
z-index: 3;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 6px 8px 6px #ccc;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
@@ -353,10 +351,13 @@
|
||||
<!-- banner&nav -->
|
||||
<div class="container-fluid banner" id="top">
|
||||
<div class="bg">
|
||||
<img src="~/img/banner.png">
|
||||
<img style="height:calc(100vh);" src="http://mp4.juip.com/banner.png">
|
||||
</div>
|
||||
<div class="container d1">
|
||||
<img src="~/img/d1.png">
|
||||
<div class="container d1" style="color: #badcff;">
|
||||
@* <img src="~/img/d1.png"> *@
|
||||
<p style="font-size:3em;">聚集优质动态IP产品 亿万级高品质IP资源</p>
|
||||
<p style="font-size:1.5em;">覆盖500+城市，超2000个服务器，亿量级IP</p>
|
||||
<p style="font-size:1em;">旗下有蘑菇、老鹰、云牛、西瓜、天天、强子、讯连、极客、无极、火狐等十几种优质动、静态IP产品</p>
|
||||
</div>
|
||||
<div class="container-fluid nav">
|
||||
<div class="row">
|
||||
@@ -415,27 +416,28 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- products -->
|
||||
<div class="container-fluid pro">
|
||||
<div class="container-fluid pro" style="background:#141f2d;color: #badcff;">
|
||||
<p class="tit tit_cp text-center">
|
||||
<span><img src="~/img/tit_chanpin.png"></span>
|
||||
<span class="modelTit">我们的产品</span>
|
||||
</p>
|
||||
<p class="chanpinText">冰点价格，开通后任何问题可无理由退款</p>
|
||||
<p class="chanpinText">温馨提示：在国外，香港，台湾，澳门，城市使用不稳定；移动网络，长城宽带以及校园网使用会不稳定，因此不建议亲使用哦</p>
|
||||
<p class="chanpinText">温馨提示：在国外，香港，台湾，澳门，城市限制使用；移动网络，长城宽带以及校园网使用会不稳定，因此不建议亲使用哦</p>
|
||||
<div class="container-fluid d2">
|
||||
<ul class="newProduct">
|
||||
<ul class="newProduct" >
|
||||
@foreach (var item in Model.Where(m => m.Sort != 1000).OrderBy(m => m.Sort))
|
||||
{
|
||||
<li>
|
||||
<li style="background:#2c3748;border:1px solid white;">
|
||||
|
||||
@*<p><img src="@P(item.Image)"></p>*@
|
||||
<p class="titCard">@item.Name</p>
|
||||
<p class="jieshao">@item.Profile</p>
|
||||
<p class="jieshao" style="overflow: hidden;">@item.Profile</p>
|
||||
@*<p class="chakan"> <a asp-action="index" asp-controller="linelist" asp-route-ProductId="@item.Id">查看线路表→</a></p>
|
||||
<p><a asp-action="index" asp-controller="product" asp-route-id="@item.Id"><button type="button" class="btn btn-primary gm">立即购买</button></a></p>*@
|
||||
<div class="buyBar">
|
||||
<div class="item ck"><a asp-action="index" asp-controller="linelist" asp-route-ProductId="@item.Id">查看线路表</a></div>
|
||||
<div class="item ck"><a asp-action="index" asp-controller="linelist" type="button" class="btn btn-primary btn-warning" asp-route-ProductId="@item.Id">查看线路表</a></div>
|
||||
<div class="item">
|
||||
<a asp-action="index" asp-controller="product" asp-route-id="@item.Id">
|
||||
<button type="button" class="btn btn-primary btn-warning">
|
||||
@@ -451,163 +453,60 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Swiper -->
|
||||
@*<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach (var item in Model.Where(m => m.Sort != 1000))
|
||||
{
|
||||
<div class="swiper-slide">
|
||||
<p><img src="@P(item.Image)"></p>
|
||||
<p class="titCard">@item.Name</p>
|
||||
<p class="jieshao">@item.Profile</p>
|
||||
<p> <a asp-action="index" asp-controller="linelist" asp-route-ProductId="@item.Id">查看线路表→</a></p>
|
||||
<p><a asp-action="index" asp-controller="product" asp-route-id="@item.Id"><button type="button" class="btn btn-primary">立即购买</button></a></p>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="swiper-button-next"><img src="~/img/btnR.png"></div>
|
||||
<div class="swiper-button-prev"><img src="~/img/btnL.png"></div>
|
||||
</div>*@
|
||||
</div>
|
||||
<!-- youshi -->
|
||||
<div class="container-fluid youshi">
|
||||
<div class="youshiBg">
|
||||
<img src="~/img/youshi.png">
|
||||
</div>
|
||||
<div class="container">
|
||||
<p class="tit tit_youshi text-center">
|
||||
<span><img src="~/img/tit_youshi.png"></span>
|
||||
<span class="youshiTit">我们的优势</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="container imgYoushi">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 text-center">
|
||||
<img src="~/img/youshiL.png" class="d3">
|
||||
<div class="col-lg-5 text-right">
|
||||
<div class="d3">
|
||||
<h3 style="color: #47a1ff;">全网产品最多IP库最大</h3>
|
||||
<p style="color: white;">旗下有蘑菇、老鹰、云牛、西瓜、天天、强子、讯连、极客、无极、火狐等<br>十几种优质动、静态IP产品,多产品组合畅享ip翻倍，可用ip超1亿个</p>
|
||||
</div>
|
||||
<div class="d3" style="margin-top:10em;">
|
||||
<h3 style="color: #47a1ff;">全设备、全协议支持</h3>
|
||||
<p style="color: white;">支持安卓、IOS、MAC、windows、Linux等系统<br>支持PPTP\L2TP\SSTP等协议</p>
|
||||
</div>
|
||||
<div class="d3" style="margin-top:10em;">
|
||||
<h3 style="color: #47a1ff;">用户独享宽带</h3>
|
||||
<p style="color: white;">一号一拨绝不超拨、快速切换平均带宽6-10兆，最高可达百兆</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center">
|
||||
<img src="~/img/youshiR.png" class="d4">
|
||||
<div class="col-lg-5 col-lg-offset-2 text-left">
|
||||
<div class="d4">
|
||||
<h3 style="color: #47a1ff;">价低质优、免费测试</h3>
|
||||
<p style="color: white;">全自营机房一手资源、价低质优、量大可联系客服获取最低价</p>
|
||||
</div>
|
||||
<div class="d4" style="margin-top:10em;">
|
||||
<h3 style="color: #47a1ff;">专属化产品定制</h3>
|
||||
<p style="color: white;">支持定制独立服务器、可根据项目需求定制专用产品</p>
|
||||
</div>
|
||||
<div class="d4" style="margin-top:10em;">
|
||||
<h3 style="color: #47a1ff;">专业的服务团队</h3>
|
||||
<p style="color: white;">资深客服一对一指导、实时在线、竭诚为您服务</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- map -->
|
||||
<div class="container modelMap">
|
||||
<div class="yuan1">
|
||||
@*<div class="nei animation"></div>*@
|
||||
<div class="wai animation mapCicle"></div>
|
||||
</div>
|
||||
<div class="yuan2">
|
||||
@*<div class="nei2 animation"></div>*@
|
||||
<div class="wai2 animation mapCicle"></div>
|
||||
</div>
|
||||
<div class="yuan3">
|
||||
@*<div class="nei animation"></div>*@
|
||||
<div class="wai animation mapCicle"></div>
|
||||
</div>
|
||||
<div class="yuan4">
|
||||
@*<div class="nei2 animation"></div>*@
|
||||
<div class="wai2 animation mapCicle"></div>
|
||||
</div>
|
||||
<div class="yuan5">
|
||||
@*<div class="nei2 animation"></div>*@
|
||||
<div class="wai animation mapCicle"></div>
|
||||
</div>
|
||||
<div class="yuan6">
|
||||
<div class="wai2 animation mapCicle"></div>
|
||||
</div>
|
||||
<div class="yuan7">
|
||||
<div class="wai animation mapCicle"></div>
|
||||
</div>
|
||||
<div class="yuan8">
|
||||
<div class="wai2 animation mapCicle"></div>
|
||||
</div>
|
||||
<div class="yuan9">
|
||||
<div class="wai animation mapCicle"></div>
|
||||
</div>
|
||||
<p class="tit tit_map text-center">
|
||||
<span><img src="~/img/tit_map.png"></span>
|
||||
<span class="dituTit">全国覆盖范围地图</span>
|
||||
</p>
|
||||
<p class="text-center map"><img src="~/img/map.png" class="d5"></p>
|
||||
<div class="row lianjie">
|
||||
<div class="col-lg-5 text-right">
|
||||
今日IP连接数：
|
||||
</div>
|
||||
<div class="col-lg-7 text-left">
|
||||
<div class="num">
|
||||
<div class="item"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- use -->
|
||||
<div class="container-fluid use">
|
||||
<img src="~/img/tit_use.png" class="dailiImg">
|
||||
<div class="useBg">
|
||||
<img src="~/img/use.png">
|
||||
<p class="useTit">这些人正在使用IP代理</p>
|
||||
<div class="useBg" style="background:#39516b;">
|
||||
<img src="~/img/use.png" style="opacity: 0;">
|
||||
<p class="useTit" style="color: #0777ff;">这些人正在使用IP代理</p>
|
||||
</div>
|
||||
<div class="d_use">
|
||||
<div class="d_use" style="background:#39516b;">
|
||||
<img src="~/img/d_use.png">
|
||||
</div>
|
||||
</div>
|
||||
<!-- news -->
|
||||
<div class="container newsArea">
|
||||
<p class="tit tit_news text-center">
|
||||
<span><img src="~/img/tit_news.png"></span>
|
||||
<span class="helpTit">教程&咨询</span>
|
||||
</p>
|
||||
<div class="d6">
|
||||
|
||||
<!-- Nav tabs -->
|
||||
<ul class="nav nav-tabs newsList" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><img src="~/img/tab1.png">聚IP头条</a></li>
|
||||
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"> <img src="~/img/tab2.png">优惠活动</a></li>
|
||||
<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"><img src="~/img/tab3.png">常见问题</a></li>
|
||||
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"><img src="~/img/tab4.png">新手教程</a></li>
|
||||
<li class="pull-right more" role="presentation"><a asp-action="index" asp-controller="article" aria-controls="settings" role="tab"><img src="~/img/more.png"></a></li>
|
||||
</ul>
|
||||
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content listcon">
|
||||
<div role="tabpanel" class="tab-pane active" id="home">
|
||||
<ul class="xinwen">
|
||||
@foreach (var item in articleNews)
|
||||
{
|
||||
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane" id="profile">
|
||||
<ul class="xinwen">
|
||||
@foreach (var item in activityNews)
|
||||
{
|
||||
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane" id="messages">
|
||||
<ul class="xinwen">
|
||||
@foreach (var item in QANews)
|
||||
{
|
||||
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane" id="settings">
|
||||
<ul class="xinwen">
|
||||
@foreach (var item in helpsNews)
|
||||
{
|
||||
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr style="color: white;padding:0;margin:0;">
|
||||
<!-- footer -->
|
||||
<div class="container-fluid footer">
|
||||
<div class="container">
|
||||
@@ -668,7 +567,7 @@
|
||||
|
||||
<div style="font-size: 15px;">
|
||||
@* <div><a style="cursor:pointer;float:right;" onclick="know()">关闭</a></div> *@
|
||||
<h3 style="margin-top: 0px;margin-left:10%;text-align:center;width:80%;margin-bottom: 10px;color:red;background-color:#FFFF00;">公告</h3>
|
||||
<h3 style="margin-top: 0px;margin-left:10%;text-align:center;width:80%;margin-bottom: 10px;color:red;">公告</h3>
|
||||
<div style="color: red;text-align:center;">
|
||||
<p>杜绝电信诈骗及任何违法行为</p>
|
||||
<p>所有IP产品已记录日志,均保留6个月以上</p>
|
||||
|
||||
Reference in New Issue
Block a user