html+css静态页⾯Demo（参考⼀唯科技官⽹）html+css静态页⾯
如需要源码请在最下⽅下载(请使⽤⾕歌,⽕狐,IE等浏览器浏览)
ps：纯属学习交流，若有侵权或者其他不妥，尽请联系删除
html源码
<!DOCTYPE html>
<html lang="en">
<html lang="en">
<head>
<meta charset="UTF-8">
<title>⼀唯科技</title>
<link rel="stylesheet" href="../css/index.css">
</head>
<body>
<!--头部-->
<div id="head">
<!--头部上部分-->
<div class="outer">
<div class="head_top">
<div class="head_left">
<span class="loog">⼀唯科技</span>
</div>
<div class="head_right">
<ul>
<a href="#">
<li>⾸页</li>
</a>
<a href="#">
<li>产品</li>
</a>
<a href="#">
<li>资费</li>
</a>
<a href="#">
<li>定制</li>
</a>
<a href="#">
<li>案例</li>
</a>
<a href="#">
<li>帮助</li>
</a>
<a href="#">
<li>EV学院</li>
</a>
<a href="#">
<li id="head_right_last">登录</li>
</a>
</ul>
</div>
</div>
</div>
<!--头部下部分-->
<div class="head_bottom">
<div class="head_bot_outer">
<div class="head_bot_left">
<a href="#"><img src="../img/evcapture_interface.png"></a>
</div>
<div class="head_bot_right">
<a href="#"><span class="top">EV录屏</span></a>
<a href="#"><span class="mid">免费⽆⽔印，不限时长的⾼清录屏软件</span></a> <span class="bot">
<ul>
<a href="#"><li>Win v3.9.7下载 </li></a>
<a href="#"><li>Android v1.1.4下载</li></a>
<a href="#"><li>Mac版 v1.1.0下载</li></a>
</ul>
</span>
</div>
</div>
</div>
</div>
</div>
<!--体验我们的产品-->
<div id="product" class="box">
<div>
<div class="title_text">
<span class="title">体验我们的产品</span>
<span class="text">提供⼀站式视频制作与在线教学服务⽅案</span> </div>
</div>
<div class="pro_outer">
<div class="product_bot">
<div class="left">
<div class="pro_head">
<span>
<img src="../img/index_pro_icon1.png" alt="">
</span>
<span class="pro_text">视频制作软件</span>
</div>
<div class="pro_body">
<sapn><img src="../img/index_pro_logo1.png"></sapn>
<sapn>
<span class="sp1">EV录屏</span>
<span class="sp2">免费⽆⽔印桌⾯录屏</span>
</sapn>
<sapn class="sp3">⽴即下载</sapn>
</div>
<div class="pro_body">
<sapn><img src="../img/index_pro_logo2.png"></sapn>
<sapn>
<span class="sp1">EV剪辑</span>
<span class="sp2">轻松易上⼿快速剪辑</span>
</sapn>
<sapn class="sp3">⽴即下载</sapn>
</div>
<div class="pro_body">
<sapn><img src="../img/index_pro_logo3.png"></sapn>
<sapn>
<span class="sp1">EV视频转换器</span>
<span class="sp2">专业的视频压缩、格式转换软件</span> </sapn>
<sapn class="sp3">⽴即下载</sapn>
</div>
</div>
<div class="mid">
<div class="pro_head">
<span>
<img src="../img/index_pro_icon2.png" alt="">
</span>
<span class="pro_text">加密视频软件</span>
</div>
<div class="pro_body">
<sapn><img src="../img/index_pro_logo4.png"></sapn>
<sapn>
<span class="sp1">EV加密 2</span>
<span class="sp2">商家端 - EV加密2代，体验升级</span> </sapn>
<sapn class="sp3">⽴即下载</sapn>
</div>
<div class="pro_body">
<sapn><img src="../img/index_pro_logo5.png"></sapn>
<sapn><img src="../img/index_pro_logo5.png"></sapn>
<sapn>
<span class="sp1">EV加密2播放器</span>
<span class="sp2">学员端 - 登录账号观看加密视频</span>
</sapn>
<sapn class="sp3">⽴即下载</sapn>
</div>
<div class="pro_body">
<sapn><img src="../img/index_pro_logo6.png"></sapn>
<sapn>
<span class="sp1">EV加密 1</span>
<span class="sp2">商家端 - 防提取、防翻录、防破解</span> </sapn>
<sapn class="sp3">⽴即下载</sapn>
</div>
<div class="pro_body">
<sapn><img src="../img/index_pro_logo7.png"></sapn>
<sapn>
<span class="sp1">EV加密播放器</span>
<span class="sp2">学员端 - 通过激活码观看加密视频</span> </sapn>
<sapn class="sp3">⽴即下载</sapn>
</div>
</div>
<div class="right">
<div class="pro_head">
<span>
<img src="../img/index_pro_icon3.png" alt="">
</span>
<span class="pro_text">在线教学平台</span>
</div>
<div class="pro_body">
<sapn><img src="../img/index_pro_logo8.png"></sapn>
<sapn>
<span class="sp1">EV课堂</span>
<span class="sp2">⼀键开启您的专属云课堂</span>
</sapn>
<sapn class="sp3">⽴即下载</sapn>
</div>
<div class="pro_body">
<sapn><img src="../img/index_pro_logo9.png"></sapn>
<sapn>
box sizing
<span class="sp1">EV直播</span>
<span class="sp2">极速开启您的个⼈直播</span>
</sapn>
<sapn class="sp3">⽴即下载</sapn>
</div>
</div>
</div>
</div>
</div>
<!--定制解决⽅案-->
<div id="project" class="box">
<div>
<div class="title_text">
<span class="title">定制解决⽅案</span>
<span class="text">根据您的需求为您定制专业的视频解决⽅案</span> </div>
</div>
<div class="pjt_outer">
<div class="pjt_bot">
<div class="pjt_box">
<div class="pjt_box">
<img src="../img/scheme_index_icon1.png">
<span>
在线课堂定制
</span>
<div class="sp_text">
<span>
快速搭建您的专属⽹校，pc、⼩程序、APP三端独⽴部署，满⾜您的品牌独⽴需求 </span>
<a href="#"><span class="sp_text2">
查看详情
</span></a>
</div>
</div>
<div class="pjt_box">
<img src="../img/scheme_index_icon2.png">
<span>
视频加密播放器定制
</span>
<div class="sp_text">
<span>
定制加密视频后缀，
拥有⾃有品牌解密播放器，
助⼒企业⼝碑宣传
</span>
<a href="#"><span class="sp_text2">
查看详情
</span></a>
</div>
</div>
<div class="pjt_box">
<img src="../img/scheme_index_icon3.png">
<span>
⽹校平台定制
</span>
<div class="sp_text">
<span>
构建⽹校平台，
实现多路引流，
锁定⽣源实现知识变现
</span>
<a href="#"><span class="sp_text2">
查看详情
</span></a>
</div>
</div>
<div class="pjt_box">
<img src="../img/scheme_index_icon4.png">
<span>
录屏直播定制
</span>
<div class="sp_text">
<span>
录屏直播定制⾼端录屏、直播软件
定制开发，配套强⼤的⾼并发
⾃建流媒体服务
</span>
<a href="#"><span class="sp_text2">
查看详情
</span></a>
</div>
</div>
<div class="pjt_box">
<img src="../img/scheme_index_icon5.png">
<span>
深度定制开发
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论