master

分支 (1)

管理

管理

master

xibang
/
team.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 视口 （作用于移动端，能适配平板、手机页面） -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>喜邦-团队列表</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/base.css"> <!--加在bootstrap后面-->
	<link rel="stylesheet" href="css/ie10-viewport-bug-workaround.css">

	<!--[if lt IE 9]><script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
	<script src="js/ie-emulation-modes-warning.js"></script>

	<!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/team.css">
</head>
<body>
  <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container"> <!--bootstrap容器-->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">
            <!-- 改为logo -->
            <img src="images/logo.png" alt="">
          </a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#about">公司</a></li>
            <li><a href="#contact">案例</a></li>
            <li><a href="#contact"><img src="images/logo.png" alt=""></a></li>
            <li><a href="#contact">团队</a></li>
            <li><a href="#contact">资讯</a></li>
            <li><a href="#contact">联系</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <!-- 广告轮播图 -->
    <div id="carousel-example-generic" class="carousel slide ad" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="images/ad1.jpg" alt="...">
          <div class="carousel-caption">
            广告图1
          </div>
        </div>
        <div class="item">
          <img src="images/ad1.jpg" alt="...">
          <div class="carousel-caption">
            广告图2
          </div>
        </div>
        <div class="item">
          <img src="images/ad1.jpg" alt="...">
          <div class="carousel-caption">
            广告图3
          </div>
        </div>
      </div>

      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>

    <div class="container xb_cont">
    	<p class="position">所在位置： <a href="">首页</a> - 团队</p>
		<p class="team_nav">
			<a href="" class="nav1">团队介绍</a>
			<a href="">设计作品</a>
		</p>

        <div class="content">
          <div class="title">
            <h3>团队介绍</h3>
          </div>
        </div>

        <div class="row team_list">
        	<div class="row col-sm-6 col-md-6 renwu">
        		<img class="col-xs-4 col-sm-4 col-md-4" src="images/renwu1.png" alt="">
        		<div class="col-xs-8 col-sm-8 col-md-8 renwu_des">
        			<h5>林清彬</h5>
	        		<h6>喜邦首席执行官/资深品牌顾问  喜邦品牌创始人</h6>
	        		<p>作为喜邦品牌品牌经营人、哲思者，林清彬先生早年毕业于广州美术学院，作为中国最早接受系统而专业的品牌形象设计人员...</p>
        		</div>
        	</div>
        	<div class="row col-sm-6 col-md-6 renwu">
        		<img class="col-xs-4 col-sm-4 col-md-4" src="images/renwu2.png" alt="">
        		<div class="col-xs-8 col-sm-8 col-md-8 renwu_des">
        			<h5>林华明</h5>
	        		<h6>创意策划/资深文案  品牌指导师</h6>
	        		<p>于2010年加入喜邦品牌，负责品牌策略方向和创意出品品质，同时确保项目策略工作的实时推进。深谙中国日化市场的特殊性...</p>
        		</div>
        	</div>
        	<div class="row col-sm-6 col-md-6 renwu">
        		<img class="col-xs-4 col-sm-4 col-md-4" src="images/renwu3.png" alt="">
        		<div class="col-xs-8 col-sm-8 col-md-8 renwu_des">
        			<h5>夏斌</h5>
	        		<h6>客户管理总监/首席品牌策略师  营销指导师</h6>
	        		<p>实战派营销策划人，主理喜邦品牌事业部的业务及运营规划，于2009年加入喜邦后，全面负责客户品牌业务及营销推广...</p>
        		</div>
        	</div>
        	<div class="row col-sm-6 col-md-6 renwu">
        		<img class="col-xs-4 col-sm-4 col-md-4" src="images/renwu4.png" alt="">
        		<div class="col-xs-8 col-sm-8 col-md-8 renwu_des">
        			<h5>张琪瑞</h5>
	        		<h6>高级制作排版师</h6>
	        		<p>毕业于广东省新闻出版高级技工学院电脑照排专业。10年软件排版制作经验，具有娴熟的设计软件操作技巧...</p>
        		</div>
        	</div>
        	<div class="row col-sm-6 col-md-6 renwu">
        		<img class="col-xs-4 col-sm-4 col-md-4" src="images/renwu5.png" alt="">
        		<div class="col-xs-8 col-sm-8 col-md-8 renwu_des">
        			<h5>张琪瑞</h5>
	        		<h6>高级制作排版师</h6>
	        		<p>毕业于广东省新闻出版高级技工学院电脑照排专业。10年软件排版制作经验，具有娴熟的设计软件操作技巧...</p>
        		</div>
        	</div>
        	<div class="row col-sm-6 col-md-6 renwu">
        		<img class="col-xs-4 col-sm-4 col-md-4" src="images/renwu6.png" alt="">
        		<div class="col-xs-8 col-sm-8 col-md-8 renwu_des">
        			<h5>张艾斯</h5>
	        		<h6>品牌设计师</h6>
	        		<p>毕业于广东省新闻出版高级技工学院电脑照排专业。10年软件排版制作经验，具有娴熟的设计软件操作技巧...</p>
        		</div>
        	</div>
        </div>

        <div class="clear"></div>
        <div class="page">
          <ul>
            <li class="next fl"><a href="">上一页</a></li>
            <li class="number fl number1"><a href="">1</a></li>
            <li class="number fl"><a href="">2</a></li>
            <li class="number fl"><a href="">3</a></li>
            <li class="fl" style="margin-left:20px;"><a href="">...</a></li>
            <li class="number fl"><a href="">10</a></li>
            <li class="next fl"><a href="">下一页</a></li>
          </ul>
        </div>
	</div>
  <div class="footer">
	    <div class="container xb_cont">
	        <div class="row footer_conter">
	          <div class="col-md-3 ft_logo">
	              <img src="images/logo2.png" alt="">
	          </div>
	          <div class="col-sm-7 col-md-5 ft_contact ft_links">
	             <p>喜邦品牌十年深耕化妆品产业</p>
	             <p>友情链接：   <a href="">中国雅芳</a>    <a href="">百雀羚</a>   <a href="">自然堂</a>    <a href="">巴黎欧莱雅</a>    <a href="">谷歌</a>
	             <p>广州喜邦品牌顾问&设计有限公司版权所有   粤ICP备0754673</p>
	          </div>
	          <div class="col-sm-5 col-md-4 ft_contact">
	              <p>E-mail: 758057640@qq.com</p>
	              <p><img src="images/tel.png" alt="">全国免费咨询热线：40000-138-136</p>
	              <p>地址：广州市白云区新市齐富路联富大厦6018</p>
	          </div>
	      </div>
	    </div>
	  </div>
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/adaption.js"></script>
</body>
</html>