黑色宽屏风格的美容医疗设备整站网站源码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

29 114 39



模板描述:黑色宽屏风格 美容医疗设备 整站网站。黑色宽屏风格的美容医疗设备整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/lrtk.js"></script>
<script src="js/banner.js" type="text/javascript"></script>

3. HTML代码

<!--top-->
<div class="top_bg ">
  <div class="wrap ">
   <p class="fl pt38 overflow"> <a href="#"><img src="images/shouye_r2_c3.jpg" /></a></p>
<div class="democon fl pt40  pl50">
    <div class="container ">
            <ul id="nav">
                <li><a class="hsubs" href="yf.html">施得集团</a>
                    <ul class="subs">
                        <li><a href="#">集团简介</a></li>
                        <li><a href="#">我们的团队</a></li>
                    </ul>
                </li>
                <li><a class="hsubs" href="smj.html">锦瑟年华</a>
                    <ul class="subs">
                        <li><a href="#">美丽时光机</a></li>
                        <li><a href="#">青春永驻</a></li>
                    </ul>
                </li>
                <li><a class="hsubs" href="pro.html">与我们同行</a>
                    <ul class="subs">
                        <li><a href="#">分公司</a></li>
                        <li><a href="#">加盟</a></li>
                        <li><a href="#">加盟流程</a></li>
                    </ul>
                </li>
                <li ><a class="hsubs pp" href="#">联系我们</a>
                </li>
                <div id="lavalamp"></div>
            </ul>
    </div>
  </div>
   <ol class="fr  bg12 mt40"> <img src="images/shouye_r3_c16.jpg" class="fr" /></ol>
</div>
</div>
<!--top-->
<!--js-->
<div class="focus">
    <ul class="rslides f426x240">
        <li><a href="http://www.lan#tuku.com/" target="_blank"><img src="images/h_r2_c1.jpg" alt="懒人图库全新改版" /></a></li>
        <li><a href="http://www.lan#uku.com/js/" target="_blank"><img src="images/h_r2_c1.jpg" alt="JS代码" /></a></li>
        <li><a href="http://www.lanr#ntuku.com/zt/book/" target="_blank"><img src="images/h_r2_c1.jpg" alt="读。书。" /></a></li>
        <li><a href="http://www.lanre#ku.com/bg/" target="_blank"><img src="images/h_r2_c1.jpg" alt="网页背景" /></a></li>
    </ul>
</div>
<!--js-->
<!--简介-->
<div class="wrap mt40 overflow clearfix bgx"></div>
<div class="wrap mt20 overflow clearfix ">
 <img src="images/index_r3_c2.png" /><img src="images/12.png" class="pl40 pr40" /><img src="images/index_r2_c20.png" />
</div>
<div class="wrap mt20 overflow clearfix ">
 <img src="images/j_r2_c2.png" />
</div>
<div>
<div class="mg overflow">
<!--简介-->
<div class="wrap overflow clearfix bg_main">
 <div class="w550 fl pl40">
  <!-- 代码 开始 -->
    <div id="banner">
        <div class="slides">
            <ul class="slide-pic">
                <li class="cur"><a href="http://www.#.com/" target="_blank">
                    <img alt="" src="images/shouye_r7_c2.jpg" /></a></li>
                <li><a href="http://www.#.com/" target="_blank">
                    <img alt="" src="images/shouye_r7_c2.jpg" /></a></li>
                <li><a href="http://www.#.com/" target="_blank">
                    <img alt="" src="images/shouye_r7_c2.jpg" /></a></li>
                <li><a href="http://www.#.com/" target="_blank">
                    <img alt="" src="images/shouye_r7_c2.jpg" /></a></li>
            </ul>
            <ul class="slide-li op">
                <li class="cur"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul class="slide-li slide-txt">
                <li class="cur"><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>
        </div>
    </div>
    <!-- 代码 结束 -->
 </div>
 <div class="about_bg fr mr35">
  <div class="w580 ">
    <p>
    &nbsp; &nbsp;&nbsp;&nbsp;施得医疗科技有限公司专注于向医疗美容行业提供全球最尖端的
高科技医学美容设备和全方位的经营管理方案,将先进的理念贯通于
行业的经营管理中,向客户提供最无忧人性化的售后服务,秉承“施
不以报为得,给客户最需要的”理念,承载着“做美业最大的仪器合
作服务商”的使命;它就像甘霖一样尘埃落定;它不但给美丽于受施
的人,也同样给美于施与的人。
   </p>
    <p>
    &nbsp; &nbsp;&nbsp;&nbsp;    就像沙漠中小小的依米花,为了仅仅两天的鲜艳,却要花费整整
五年的时间穿茎插根;顽强的信念使它做到了“生命一次,美丽一次,
辉煌一次,最终绽放自己的精彩!”
</p>
    <p>
    &nbsp; &nbsp;&nbsp;&nbsp;    齐聚“施得”,我们坚信:“施努力,得成功;施爱心,获幸福;
施诚信,收信任;施科技,得魅力”;施与得之间——彰显我们的魅力
人生。
</p>
  </div>
 </div>
</div> 
<!--简介-->
<!--环境新闻-->
<div class="wrap mt40 overflow clearfix bgx"></div>
<div class="wrap mt20 overflow clearfix ">
 <img src="images/index_r3_c2.png" /><img src="images/11.png" class="pl40 pr40" /><img src="images/index_r2_c20.png" />
</div>
<div class="wrap mt20 overflow clearfix ">
 <img src="images/j_r2_c2.png" />
</div>
<div class="wrap overflow clearfix bg_main">
 <script type="text/javascript">
	$(function(){
		$(".floor-maskItem").mouseover(function(){
			$(this).addClass("qq").parent().addClass("hover");
		}).mouseout(function(){
			$(this).removeClass("qq").parent().removeClass("hover");
		});
	})
</script>
<div class="area01">
	<div class="box11">
		<a href="#" target="_blank" class="floor-maskItem fl ml35" style="left:0;top:0;">
			<img src="images/h_r2_c2.png" />
			<div class="mask"></div>
            <span>青春之旅</span>
		</a>
		<a href="#" target="_blank" class="floor-maskItem fr mr35" style="right:0px;top:0;">
			<img src="images/h_r2_c4.png" />
			<div class="mask" ></div>
            <span>最新资讯</span>
		</a>
	</div>
</div>
</div> 
<!--环境新闻-->
<div class="wrap mt40 overflow clearfix bgx mb20"></div>
</div>
 </div>
</div>
</div>
<div class="bot_bg overflow clearfix">
 <div class="w100 bg_c"></div>
 <div class="wrap pt40 overflow">
  <img src="images/index_r6_c3.png" />
 </div>
 <div class="wrap overflow">
 <div id="lanrenzhijia">
  <dl>
  <a href="#">
   <dd class="w100 clearfix pt20">
	<ul>
    	<li>
         <p><span><img src="images/02_r9_c11.png" /></span></p>
        </li>
    </ul>
   </dd>
   <dd class="w100 clearfix pt15">
    <em class="f20">分公司</em><br />
    <i class="F14 huise">BRANCH COMPANY</i>
    <ol style="width:60px; border-bottom:1px solid #CCC"></ol>
   </dd>
   </a>
   </dl>
   <dl>
  <a href="#">
   <dd class="w100 clearfix pt20">
	<ul>
    	<li>
         <p><span><img src="images/index_r8_c4.png" /></span></p>
        </li>
    </ul>
   </dd>
   <dd class="w100 clearfix pt15">
    <em class="f20">合作伙伴</em><br />
    <i class="F14 huise">BRANCH COMPANY</i>
    <ol style="width:60px; border-bottom:1px solid #CCC"></ol>
   </dd>
   </a>
   </dl>
   <dl>
  <a href="#">
   <dd class="w100 clearfix pt20">
	<ul>
    	<li>
         <p><span><img src="images/12_r2_c7.png" /></span></p>
        </li>
    </ul>
   </dd>
   <dd class="w100 clearfix pt15">
    <em class="f20">直营连锁</em><br />
    <i class="F14 huise">BRANCH COMPANY</i>
    <ol style="width:60px; border-bottom:1px solid #CCC"></ol>
   </dd>
   </a>
   </dl>
   <dl>
  <a href="#">
   <dd class="w100 clearfix pt20">
	<ul>
    	<li>
         <p><span><img src="images/12r8_c14.png" /></span></p>
        </li>
    </ul>
   </dd>
   <dd class="w100 clearfix pt15">
    <em class="f20">加盟流程</em><br />
    <i class="F14 huise">BRANCH COMPANY</i>
    <ol style="width:60px; border-bottom:1px solid #CCC"></ol>
   </dd>
   </a>
   </dl>
</div>
</div>
<script>
$(function(){
	$('#lanrenzhijia li').hover(function(){
		$('span',this).stop().animate({'top':'-82px'});
	},function(){
		$('span',this).stop().animate({'top':'0px'});
	});
});
</script>
<div class="wrap mt40 overflow clearfix bgx"></div>
<div  class="wrap pt20 overflow clearfix pb25 ">
 <ul>
  <li><img src="images/index_r12_c5.png" /></li>
  <li class="pt15"><img src="images/index_r14_c13.png" /> <img src="images/index_r15_c7.png" /> <img src="images/index_r15_c9.png" /> <img src="images/index_r15_c11.png" /> </li>
  <li class="pt15"><img src="images/y_r8_c5.png" /></li>
  <li class="tc huise pt20 l-24">
  联系人:龚经理     手机:15821022258      公司电话:021-31300398      加盟热线:400-6823-166<br />
邮 箱:1621950725@qq.com<br />
公司地址:上海嘉定区城北路<br /> 
版权所有:上海皇元木门有限公司      
  </li>
 </ul>
</div>
 <div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 养生会馆 植物花草 游戏 黑色 bootstrap自适应 IT网络科技 蓝色 普通自适应 旅游 红色 金融理财保险 绿色 高校 灰色 工业产品 黄色 家居装饰 紫色 橙色 招聘猎头 粉色 政府 婚庆 白色 新闻资讯 婚纱摄影 棕色 教育培训 彩色 设计 餐饮美食 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到