网页模仿
码云链接:https://gitee.com/mxqjxh/codes/xuah07s9rjne4g8fbtvdp41
效果截图:
源码:
<!DOCTYPE >
<html ><head>
<meta charset="UTF-8">
<style >
.agl-hover {
outline: 2px solid rgba(244,67,54,0.99) !important;
background-color: rgba(244,67,54,0.2) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}
.agl-highlight-current {
outline: 2px solid rgba(255,87,34,0.99) !important;
background-color: rgba(255,87,34,0.4) !important;
}
.agl-highlight-similar {
outline: 2px dashed rgba(255,87,34,0.99) !important;
background-color: rgba(255,87,34,0.4) !important;
}
.agl-highlight-group {
outline: 4px double rgba(255,87,34,0.99) !important;
background-color: rgba(255,87,34,0.4) !important;
}
.agl-cover-current {
position: absolute !important;
top: 0;
left: 0;
z-index: 9 !important;
outline: 2px solid rgba(33,33,33,0.99) !important;
background-color: rgba(33,33,33,0.6) !important;
}
.agl-cover-similar {
position: absolute !important;
top: 0;
left: 0;
z-index: 9 !important;
outline: 2px dashed rgba(33,33,33,0.99) !important;
background-color: rgba(33,33,33,0.6) !important;
}
.agl-cover-group {
position: absolute !important;
top: 0;
left: 0;
z-index: 9 !important;
outline: 4px double rgba(33,33,33,0.99) !important;
background-color: rgba(33,33,33,0.6) !important;
}
.agl-cover-focus {
outline: 3px solid rgba(255,165,0,0.99) !important;
background-color: rgba(255,165,0,0.4) !important;
}
</style><script type="text/javascript" async="" src="./洛基英语_files/683fd8a0.js"></script><script type="text/javascript" async="" src="./洛基英语_files/fcagl.js"></script><script src="./洛基英语_files/cityjson"></script><style type="text/css" abt="234"></style>
<link rel="favicon.ico" type="image/x-icon">
<link rel="shortcut Icon" href="http://yingyu.weixinjishi.com/reg/favicon.ico" type="image/x-icon">
<title>洛基英语</title>
<link href="./洛基英语_files/style.css" rel="stylesheet" type="text/css">
<script src="./洛基英语_files/jquery.min.js"></script>
</script>
<script type="text/javascript" src="./洛基英语_files/statisticScript.js"></script>
</style>
<body style="">
<form id="form" method="post" class="form-horizontal" action="http://yingyu.weixinjishi.com/reg/regist">
<div class="main">
<div class="top">
<p class="fl"><img src="./洛基英语_files/reg1_logo.jpg"></p>
<p class="fr" style="padding-top:30px;">专注在线成人英语口语培训 </p>
</div>
<div class="banner">
<div class="banner1">
<div class="banner">
<div class="login fr m_10">
<h3><img src="./洛基英语_files/reg1_bg1.png"></h3>
<div class="login1">
<h2><strong>马上免费注册</strong><br>填写下表,免费获得英语学习秘籍,<br>每天25分钟,免费在线英语课程!</h2>
<div class="a1">
<p>姓 名:<input type="text" id="Name" name="name" placeholder="姓名"></p>
<p>手 机:<input type="text" id="Phone" name="cellPhone" placeholder="用来收资料和上课的手机号*"></p>
<p>Q Q:<input type="text" id="QQ" name="qq" placeholder="QQ"></p>
<p>年 龄:<input type="text" id="Age" name="age" placeholder="年齡"></p>
</div>
<p class="p1 p_10"><input type="button" id="tj" value="点击提交"></p>
<input type="hidden" id="Telphone1" name="telphone1">
<input type="hidden" id="Telphone2" name="telphone2">
<input type="hidden" class="Email" name="email" id="clk">
<input type="hidden" name="description" id="description" value="正常">
<input type="hidden" name="searchWord" id="searchWord" value="开心学">
<input type="hidden" name="ip" id="ip" value="110.166.216.242">
<input type="hidden" name="area" id="area" value="青海省西宁市">
<script type="text/javascript"> setSouKW();</script>
<div class="law">
<p>点击上面的点击提交按钮,即表示您已阅读并同意</p>
<p><a href="http://yingyu.weixinjishi.com/privacy/privacy.html" target="_blank">《隐私声明》</a></p>
</div>
</div>
<h3 style="margin-top:-12px;"><img src="./洛基英语_files/reg1_bg3.png"></h3>
</div>
</div>
</div>
</div>
<li>
<p class="fl"><img src="./洛基英语_files/reg1_pic1.jpg"></p>
<dl class="fr">
<dt>真正的想学就学</dt>
<dd>全程录音,无限次复习,不耽误日常事务,不遗漏任何时候的学习内容,<br>
可以充分利用地铁、公交、机场、家里、旅游、开会等任意时间回放课程。</dd>
</dl>
</li>
<li>
<p class="fl"><img src="./洛基英语_files/reg1_pic2.jpg"></p>
<dl class="fr">
<dt class="color1">全新6大教学应用</dt>
<dd>与世界同步的教学模式,微信、腾讯课堂、电话、QT等全新6大教学<br>
应用,满足您的不同需求。不管刮风下雨、艳阳高照还是寒流来袭,不管你在<br>
哪里,只要你有手机有网络,就能学好英语。</dd>
</dl>
</li>
<li>
<p class="fl"><img src="./洛基英语_files/reg1_pic3.jpg"></p>
<dl class="fr">
<dt class="color2">全英语环境模拟</dt>
<dd>打破传统的枯燥学习法,模拟真实工作、生活场景、视频动画、中外教一对一<br>
等N种口语陪练方式,让您真正感受一种异国他乡的语言气氛,闭上眼睛就像<br>
走在异国他乡的大街上,惬意的说"I Love You"!</dd>
</dl>
</li>
<li>
<p class="fl"><img src="./洛基英语_files/reg1_pic1.jpg"></p>
<dl class="fr">
<dt class="color3">秘书式订制课程</dt>
<dd>根据每个人的基础、学习要求与目的,一对一制定学习方案,结合我们的独创学<br>
习技巧,无论是"英语白痴",还是"英语哑巴",最终都能张口说出流利的英语。</dd>
</dl>
</li>
<div class="horor">
<div class="horor1">
<p class="fl p10_0"><img src="./洛基英语_files/reg1_ry.jpg"></p>
<h1 class="fr"><img src="./洛基英语_files/reg1_ad1.jpg"> <img src="./洛基英语_files/reg1_dot.jpg"> <img src="./洛基英语_files/reg1_ad2.jpg"> <img src="./洛基英语_files/reg1_dot.jpg"> <img src="./洛基英语_files/reg1_ad3.jpg"> <img src="./洛基英语_files/reg1_dot.jpg"> <img src="./洛基英语_files/reg1_ad4.jpg"> <img src="./洛基英语_files/reg1_dot.jpg"> </h1>
</div>
</div>
</div>
</form>
<script type="text/javascript" src="./洛基英语_files/statisticScript2.js"></script>
<script src="./洛基英语_files/scripts_pc.js"></script>
</body></html>