<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>联系我们</title>
<link rel="shortcut icon" href="images/ico1.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/lianxi.css" />
</head>
<body>
<div class="pkc">
<div class="header">
<div class="left">
<a class="logo" href="index.html"><img src="images/logo.png" alt="logo"/>
</a>
</div>
<div class="right">
<ul class="nav">
<li><a href="index.html">首页</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="lianxi.html">联系我们</a></li>
<li><a href="#">申请合作</a></li>
</ul>
</div>
</div>
<div class="content">
<div class="banner">
<div class="banner-img">
<img src="images/pkc.jpg" alt="皮卡充"/>
<span><p>联系我们</p>
客服电话:020-2810825<br /><br />
地址:广州市天河区燕岭路93号新燕大厦1103
</span>
</div>
</div>
<!--表单-->
<div class="form">
<p class="h3" >申请合作资料填写</p>
<p class="p">带<span class="red">*</span>号为必填</p>
<div class="form-left">
<div class="form-left-1">
<p class="title">负责人信息</p>
<form>
<span class="red">*</span>
<span class="name">姓 名</span>
<input id="name" class="in" type="text" placeholder="请输入真实姓名" ><br/>
<span class="red">*</span>
<span class="name">手机号</span>
<input id="phone" class="in" maxLength="11" type="text" placeholder="请输入11位手机号">
<!--<button id="get" value="获取验证码" onclick="settime(this);">获取验证码</button>-->
<input type="button" id="get" class="" value=" 获取验证码" onclick="settime(this);">
<br/>
<span class="red">*</span>
<span class="name">验证码</span>
<input id="password" class="in" type="text" placeholder="请输入验证码">
</form>
</div>
<div class="form-left-2">
<p class="title">门店信息</p>
<span class="red">*</span>
<span class="name">店 名</span>
<input id="shopname" class="in" type="text" placeholder="您的门店叫什么?"><br/>
<span class="red">*</span>
<span class="name">地 址</span>
<input id="site" class="in" type="text" placeholder="您的门店在哪?" />
<br />
<div class="item-amount1">
<span class="red">*</span>
<span class="name">餐桌数量</span>
<input id="number" class="inx" type="text" value="1" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
<img src="images/up.png" class="img1" onclick="img1();" />
<img src="images/down.png" class="img2" onclick="img2();" />
</div>
<div class="item-amount2">
<span class="red">*</span>
<span class="name">申请数量</span>
<input id="number2" class="inx" type="text" value="1" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
<img src="images/up.png" id="" class="img1" onclick="up();" />
<img src="images/down.png" id="" class="img2" onclick="down();" />
<span class="name">每个门店最多申请两台</span>
</div>
</div>
</div>
<div class="form-right">
<div class="form-right-top">
<span class="red">*</span>
<span class="title">门店资质</span>
<input class="photo" id="photo" style="display: none;" type="file" />
<div class="b" onclick="javascript:setImagePreview();" id="localImag" >
<img id="preview" src="images/img1.png" width="140" height="140" style="display:block; ">
<!--<div class="b1" id="boder"></div>
<div class="b2" id="boder"></div>
<p id="boder">上传营业执照</p>-->
</div>
</div>
<div class="form-right-bottom">
<span class="title"> 门店照片</span>
<input class="in" id="photo2" style="display: none;" type="file" />
<div class="b" onclick="javascript:setImagePreview2();" id="localImag2">
<img id="preview2" src="images/img2.png" width="140" height="140" style="display:block; ">
<!--<div class="b1"></div>
<div class="b2"></div>
<p>上传店铺门面情况</p>-->
</div>
</div>
<input type="button" id="tijiao" class="button" value="提交申请" onclick="clickbutton()"/>
</div>
</div>
<!--footer-->
<div class="footer">
<div class="footer-left">
<a class="footer-logo">
<img src="images/logo_footer.png" />
</a>
<p>
<span>广州皮卡充科技有限公司 </span>
<span>客服电话:020-28108285</span><br />
<span>地址:广州市天河区燕岭路93号新燕大厦1103</span><br />
<span><a style="color:white;" href="#" target="_blank">
粤ICP备17061735号-1</a></span>
</p>
</div>
<div class="footer-right">
<div class="footer-right-img">
<div class="footer-right-img1">
<img src="images/routine.png" />
<p>皮卡充</p>
</div>
<div class="footer-right-img2">
<img src="images/wechat.png" />
<p>皮卡充公众号</p>
</div>
</div>
</div>
</div>
</div>
<!-- jq 放着自己写的js前面 -->
<script src="js/jquery/jquery.min.js"></script>
<script src="js/lianxi.js"></script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源说明】 1、该资源包括项目的全部源码,下载可以直接使用! 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目,作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能,需要能看懂代码,并且热爱钻研,自行调试。 一个共享充电宝官网源码.zip
资源推荐
资源详情
资源评论
收起资源包目录
一个共享充电宝官网源码.zip (30个子文件)
code_20105
lianxi.html 6KB
.gitattributes 66B
js
index.js 193B
lianxi.js 4KB
jquery
jquery.min.js 84KB
ss.js 14KB
css
lianxi.css 4KB
index.css 3KB
index.html 3KB
.project 1KB
images
banner.png 337KB
down.png 2KB
logo.png 4KB
data.png 5KB
pkc.jpg 298KB
img2.png 2KB
triangle_b.png 2KB
port.png 5KB
scan.png 6KB
ico1.ico 1KB
phone.jpg 417KB
up.png 3KB
logo_footer.png 4KB
img1.png 1KB
wechat.png 18KB
triangle_s.png 2KB
routine.png 12KB
Mockuuups.jpg 354KB
touch.png 10KB
new_file.html 2KB
共 30 条
- 1
资源评论
土豆片片
- 粉丝: 1852
- 资源: 5869
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功