白色扁平风格的地产集团公司企业网站源码下载



6 23 8



模板描述:白色扁平风格 地产集团公司 企业网站,白色扁平风格的地产集团公司企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<link rel="stylesheet" type="text/css" href="css/bootsnav.css">
<link rel="stylesheet" href="css/swiper.min.css" type="text/css">
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" href="css/lrtk.css">

2. 引入JS

<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.slides.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script src="js/slide.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootsnav.js"></script>

3. HTML代码

  <!--top-->
  <div class="inde_one">
  <div class="container long_m  ">
  <div class="row">
   <div class="col-lg-8 col-md-8 col-xs-6 log1"><img src="images/index_r1_c8.png"></div>
   <div class="col-lg-4 col-md-4 col-xs-6 log2">
    <dl>
     <dd><a href="3">中文</a></dd>
     <dd><a href="3">英文</a></dd>
    </dl>
   </div>
   </div>
  </div>
 <div class="demo one_nav" >
 <!--nav-->
		<div class="container">
			<div class="row">
            <div class="nav_bg">
				<div class="col-md-12">
					<nav class="navbar navbar-default navbar-mobile bootsnav">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
								<i class=""><img src="images/ahome_r2_c13.png"></i>&nbsp;&nbsp;&nbsp;&nbsp; <em style="font-size:16px; color:#fff; font-style:normal">网站栏目</em>
							</button>
						</div>
						<div class="collapse navbar-collapse" id="navbar-menu" >
							<ul class="nav navbar-nav " data-in="fadeInDown" data-out="fadeOutUp">
								<li class="dropdown"><a href="#">网站首页&nbsp;<img src="images/index_r3_c17.png"></a>
                                <ul class="dropdown-menu" style=" position:absolute; z-index:1000; left:0px">
                                        <h5 id="navh5">网站首页</h5>
									</ul>
                                </li>
                                <li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    关于我们&nbsp;<img src="images/index_r3_c17.png"></a>
                                    <ul class="dropdown-menu" style=" position:absolute; z-index:1000; left:0px">
                                        <h5>关于我们</h5>
										<li>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;集团简介&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;董事长致辞&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
										<a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp; 组织架构&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;发展历程&nbsp;<em><img src="images/ty_r2_c8.png"></em> </a>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;资质荣誉&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;企业文化&nbsp;<em><img src="images/ty_r2_c8.png"></em> </a>
                                        </li>
									</ul>
								</li>
                               <li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    核心业务&nbsp;<img src="images/index_r3_c17.png"></a>
                                    <ul class="dropdown-menu" style=" position:absolute; z-index:1000; left:0px">
                                     <h5>核心业务</h5>
										<li>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;商务咨询&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
										<a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;建设工程&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
										<a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;信息科技&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;文化产业&nbsp;<em><img src="images/ty_r2_c8.png"></em> </a>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;投资管理&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;工业地产&nbsp;<em><img src="images/ty_r2_c8.png"></em> </a>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;信息学院&nbsp;<em><img src="images/ty_r2_c8.png"></em> </a>
                                        </li>
									</ul>
								</li>
                                <li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    新闻中心&nbsp;<img src="images/index_r3_c17.png"></a>
                                    <ul class="dropdown-menu" style=" position:absolute; z-index:1000; left:0px">
                                    <h5>新闻中心</h5>
										<li>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;集团要闻&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
										<a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;学院动态&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
										<a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;党务动态&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
                                        </li>
									</ul>
								</li>
                                <li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    商务合作&nbsp; <img src="images/index_r3_c17.png"></a>
                                    <ul class="dropdown-menu" style=" position:absolute; z-index:1000; left:0px">
                                    <h5>商务合作</h5>
										<li>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;介绍 &nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
										<a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;链接到登录界面&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
                                        </li>
									</ul>
								</li>
                                <li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    联系我们&nbsp;<img src="images/index_r3_c17.png"></a>
                                    <ul class="dropdown-menu" style=" position:absolute; z-index:1000; left:0px">
                                    <h5>联系我们</h5>
										<li>
                                        <a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;联系我们&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
										<a href="#"><em><img src="images/ty_r2_c8.png"></em>&nbsp;招聘信息&nbsp;<em><img src="images/ty_r2_c8.png"></em></a>
                                        </li>
									</ul>
								</li>
							</ul>
						</div>
					</nav>
				</div>
			</div>
		</div>
	</div>
 	</div> 
 <!-- 代码 开始 -->
  <div class="js_lno">
    <div class="slide_container " style="position:relative; z-index:1">
      <ul class="rslides" id="slider">
        <li>
          <img src="images/ad.jpg" alt="">
        </li>
        <li>
          <img src="images/ad.jpg" alt="">
        </li>
        <li>
          <img src="images/ad.jpg" alt="">
        </li>
      </ul>
    </div>
    </div>
<!-- 代码 结束 -->
</div>
<!--公司简介-->
 <div class="index_1920">
 <div class="index_bg">
   <div class="container">
	<div class="row">
     <div class="col-lg-12 about">
     <div class="row">
      <dl>
       <dt><img src="images/index_r5_c8.png"></dt>
       <dd>
        <p>
        定制<br><em>CUSTOM</em></p>
        </p>
        <p>
        投资<br><em>INVEST</em></p>
        </p>
        <p>
        规划<br><em>PROJECT</em></p>
        </p>
        <p>
        开发<br><em>EXPLOIT</em></p>
        </p>
        <p>
        运营<br><em>OPERATING</em></p>
        </p>
        <p>
        管理<br><em>SUPERVISE</em></p>
        </p>
         <p style=" border-right:none; padding-right:0px">
        服务<br><em>SERVISE</em></p>
        </p>
       </dd>
      </dl>
     </div>
     </div>
    </div>
    </div>
   <div class="container mt40">
	 <div class="row">
      <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 about_left">
       <div class="about_text">
       海太江集团有限公司,简称“太江集团”,成立于2004年,是一家致力于产业地产的投资、开发、建设及运营为一体的多元化集团公司。公司总部位于上海,下属上海太江建设工程有限公司、上海太江信息科技有限公司、上海太江金属制品有限公司等多家企业,同时还与境外的煌卓商务,煌卓国际、煌卓工业等多家公司建立了紧密的合作关系。集团公司目前已在全国范围内形成...
       </div>
       <div class="about_us_bot">
        <dl>
         <dt><img src="images/index_r11_c9.png"></dt>
         <dd>
          <span><a href="#">MORE +</a></span>
         <p> 公司宗旨:始终坚持“敢为人先、追求卓越、<BR>诚信务实、勤勉尽责”的经营宗旨</p>
         </dd>
        </dl>
       </div>
      </div>
      <div class="col-lg-7 col-md-7  col-sm-12 col-xs-12 about_rightt">
       <img src="images/about_r4_c4.jpg">
      </div>
     </div>
   </div>
    <!--nes-->
    <div class="container mt40 ">
	 <div class="row">
      <div class="news_bg">
       <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
        <dl>
         <dt>
         <h1>08</h1>
         <em>2018-01</em>
         </dt>
         <dd>
          <a href="#">远洋集团成功发行5亿美元3.25年期境外高级美元债券取得中资投资级企业境外债券发行开门红...</a>
         </dd>
        </dl>
       </div>
       <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
        <dl>
         <dt>
        <h1>08</h1>
         <em>2018-01</em>
         </dt>
         <dd>
          <a href="#">远洋集团成功发行5亿美元3.25年期境外高级美元债券取得中资投资级企业境外债券发行开门红...</a>
         </dd>
        </dl>
       </div>
       <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
        <dl>
         <dt>
         <h1>08</h1>
         <em>2018-01</em>
         </dt>
         <dd>
          <a href="#">远洋集团成功发行5亿美元3.25年期境外高级美元债券取得中资投资级企业境外债券发行开门红...</a>
         </dd>
        </dl>
       </div>
      </div>
     </div>
    </div>
 </div>
 <!--业务-->
  <div class="main_yw">
   <div class="container  ">
	 <div class="row">
      <div class="yewu mt40">
       <div class="col-lg-5 col-md-5 col-sm-12  col-xs-12">
       <div class="row">
        <div class="yewu1">
        <dl>
         <dt>
          <a href="#">
           <img src="images/ywu_r2_c2.png">
          </a>
         </dt>
         <dd>
          <h1>
          上海太江集团有限公司<br>
主营业务
          </h1>
          <p>
          集团公司目前已在全国范围内形成了以工业产业开发为主业、技术研发、金融投资、建筑施工、产业服务管理、文化产业并举发展的多元化经营格局,致力于成为一家主业突出、多元发展、产业与资本双驱动的大型集团公司。
          </p>
          <p>
          <a href="#">
           <img src="images/index_r7_c2.png">
          </a>
          </p>
         </dd>
        </dl>
        </div>
        </div>
       </div>
       <div class="col-lg-7 col-md-7 col-sm-12  col-xs-12">
        <div class="show_yes">
         <dl>
          <a href="#">
          <dt><img src="images/index_r12_c21.png"></dt>
          <dd>— 工业地产开发 —</dd>
          </a>
         </dl>
          <dl>
          <a href="#">
          <dt><img src="images/index_r17_c21.png"></dt>
          <dd>— 资本运营 —</dd>
          </a>
         </dl>
          <dl>
          <a href="#">
          <dt><img src="images/index_r18_c14.png"></dt>
          <dd>— 文化产业  —</dd>
          </a>
         </dl>
          <dl>
          <a href="#">
          <dt><img src="images/index_r19_c11.png"></dt>
          <dd>— 信息科技 —</dd>
          </a>
         </dl>
        </div>
       </div>
      </div>
     </div>
    </div>
  </div>
</div>
   <!--导航-->
   <div class="container  ">
	 <div class="row">
      <div class="bot_nav">
       <img src="images/er_r5_c2.jpg">
       <dl>
        <dt>[关于我们]</dt>
        <dd>
        <a href="#">· 集团简介</a>             <a href="#"> · 董事长致辞</a>             <a href="#">  · 组织架构</a>          <a href="#">     · 发展历程</a>        <a href="#">       · 资质荣誉</a>          <a href="#">     · 企业文化</a> 
        </dd>
       </dl>
       <dl>
        <dt>[核心业务]</dt>
        <dd>
        <a href="#">· 商务咨询 </a>            <a href="#"> · 建设工程  </a>            <a href="#">  · 信息科技 </a>         <a href="#">     · 文化产业 </a>         <a href="#">     · 投资管理 </a>      <a href="#">        · 工业地产  </a>        <a href="#">     · 信息学院 </a>
        </dd>
       </dl>
       <dl>
        <dt>[新闻中心]</dt>
        <dd>
        <a href="#">· 集团要闻    </a>        <a href="#">   · 学院动态   </a>       <a href="#">      · 党务动态  </a>
        </dd>
       </dl>
       <dl>
        <dt>[商务合作]</dt>
        <dd>
        <a href="#">· 介绍    </a>          <a href="#">  · 链接到登录界面   </a>
        </dd>
       </dl>
       <dl>
        <dt>[联系我们]</dt>
        <dd>
        <a href="#">· 联系我们   </a>          <a href="#">  · 招聘信息 </a>
        </dd>
       </dl>
      </div>
     </div>
   </div>
   <div class="copy_bg ">
    上海太江集团有限公司 京ICP备13009680号。
   </div>
     <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->



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


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 扁平化 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 pc+wap 移动+电脑 手机+电脑 白色 房地产 房地产公司

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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