公司页面前端代码完成
iamsongpeng
parent
66d8d496b5
commit
b053225ab7
|
|
@ -1,5 +1,9 @@
|
|||
package com.songpeng.sparchetype.company.client;
|
||||
|
||||
import io.swagger.annotations.Api;
|
||||
import io.swagger.annotations.ApiImplicitParam;
|
||||
import io.swagger.annotations.ApiImplicitParams;
|
||||
import io.swagger.annotations.ApiOperation;
|
||||
import org.slf4j.Logger;
|
||||
import org.slf4j.LoggerFactory;
|
||||
import org.springframework.stereotype.Controller;
|
||||
|
|
@ -8,18 +12,57 @@ import org.springframework.web.bind.annotation.GetMapping;
|
|||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
|
||||
/**
|
||||
* 公司
|
||||
*
|
||||
* @author SongPeng
|
||||
* @date 2019/9/27 16:05
|
||||
*/
|
||||
@Api(tags = "公司")
|
||||
@RequestMapping("/client/company")
|
||||
@Controller("clientCompanyController")
|
||||
public class CompanyController {
|
||||
|
||||
Logger log = LoggerFactory.getLogger(CompanyController.class);
|
||||
|
||||
@GetMapping("/index")
|
||||
@ApiOperation("公司首页")
|
||||
@ApiImplicitParams({@ApiImplicitParam(name ="model", value = "模型", defaultValue = "模型")})
|
||||
@GetMapping({"", "/index-ui"})
|
||||
public String indexUI(Model model) {
|
||||
log.info("/index");
|
||||
return "client/company/index";
|
||||
}
|
||||
|
||||
@ApiOperation("公司关于页")
|
||||
@ApiImplicitParams({@ApiImplicitParam(name ="model", value = "模型", defaultValue = "模型")})
|
||||
@GetMapping("/about-ui")
|
||||
public String aboutUI(Model model) {
|
||||
return "client/company/about";
|
||||
}
|
||||
|
||||
@ApiOperation("公司案例页")
|
||||
@ApiImplicitParams({@ApiImplicitParam(name ="model", value = "模型", defaultValue = "模型")})
|
||||
@GetMapping("/case-ui")
|
||||
public String caseUI(Model model) {
|
||||
return "client/company/case";
|
||||
}
|
||||
|
||||
@ApiOperation("公司新闻动态页")
|
||||
@ApiImplicitParams({@ApiImplicitParam(name ="model", value = "模型", defaultValue = "模型")})
|
||||
@GetMapping("/news-ui")
|
||||
public String newsUI(Model model) {
|
||||
return "client/company/news";
|
||||
}
|
||||
|
||||
@ApiOperation("公司新闻动态详情页")
|
||||
@ApiImplicitParams({@ApiImplicitParam(name ="model", value = "模型", defaultValue = "模型")})
|
||||
@GetMapping("/news/detail-ui")
|
||||
public String newsDetailUI(Model model) {
|
||||
return "client/company/newsDetail";
|
||||
}
|
||||
|
||||
@ApiOperation("公司产品页")
|
||||
@ApiImplicitParams({@ApiImplicitParam(name ="model", value = "模型", defaultValue = "模型")})
|
||||
@GetMapping("/product-ui")
|
||||
public String productUI(Model model) {
|
||||
return "client/company/product";
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -92,6 +92,7 @@ public class ShiroConfig {
|
|||
filterChainDefinitionMap.put("/upload/**", "anon");
|
||||
filterChainDefinitionMap.put("/files/**", "anon");
|
||||
filterChainDefinitionMap.put("/logout", "logout");
|
||||
filterChainDefinitionMap.put("/client/**", "anon");
|
||||
filterChainDefinitionMap.put("/", "anon");
|
||||
filterChainDefinitionMap.put("/blog", "anon");
|
||||
filterChainDefinitionMap.put("/blog/open/**", "anon");
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 318 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 283 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 153 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
|
|
@ -0,0 +1,182 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>网络公司-关于页</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<#include "${request.contextPath}/common/common.ftl">
|
||||
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
|
||||
</head>
|
||||
<body>
|
||||
<!-- nav部分 -->
|
||||
<div class="nav">
|
||||
<div class="layui-container">
|
||||
<!-- 公司logo -->
|
||||
<div class="nav-logo">
|
||||
<a href="index.html">
|
||||
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-list">
|
||||
<button>
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
<ul class="layui-nav" lay-filter="">
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
|
||||
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner部分 -->
|
||||
<div class="banner about">
|
||||
<div class="title">
|
||||
<p>关于我们</p>
|
||||
<p class="en">About Us</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- main部分 -->
|
||||
<div class="main-about">
|
||||
<div class="layui-container">
|
||||
<div class="layui-row">
|
||||
<ul class="aboutab">
|
||||
<li class="layui-this">公司简介</li>
|
||||
<li>招贤纳士</li>
|
||||
<li>发展历程</li>
|
||||
</ul>
|
||||
<div class="tabIntro">
|
||||
<div class="content">
|
||||
<div class="layui-inline img"><img src="${request.contextPath}/image/company/us_img1.jpg"></div>
|
||||
<div class="layui-inline panel">
|
||||
<p>身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而 layui 偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="layui-inline panel p_block">
|
||||
<p>如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。待，秋风萧瑟时，散作满天星辰，你看那四季轮回，正是Layui不灭的执念。</p>
|
||||
</div>
|
||||
<div class="layui-inline img"><img src="${request.contextPath}/image/company/us_img2.jpg"></div>
|
||||
<p class="p_hidden">如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。待，秋风萧瑟时，散作满天星辰，你看那四季轮回，正是Layui不灭的执念。</p>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="layui-inline img"><img src="${request.contextPath}/image/company/us_img3.jpg"></div>
|
||||
<div class="layui-inline panel">
|
||||
<p>拥有双面的不仅是人生，还有Layui。一面极简，一面丰盈。极简是视觉所见的外在，是开发所念的简易。丰盈是倾情雕琢的内在，是信手拈来的承诺。一切本应如此，简而全，双重体验。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabJob">
|
||||
<div class="content">
|
||||
<p class="title">前端开发工程师</p>
|
||||
<p>> 职位描述</p>
|
||||
<ol>
|
||||
<li>前端开发及维护工作；</li>
|
||||
<li>有良好的技术基础，熟悉 Web 标准，熟练掌握多种 Web 前端技术；</li>
|
||||
<li>掌握行业内流行的类库，Vue.js， React 等主流框架；</li>
|
||||
<li>参与公司前端工程的设计、研发；</li>
|
||||
<li>了解不同浏览器之间的差异，移动设备之间的差异。</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p class="title">IOS 开发工程师</p>
|
||||
<p>> 职位描述</p>
|
||||
<ol>
|
||||
<li>前端开发及维护工作；</li>
|
||||
<li>有良好的技术基础，熟悉 Web 标准，熟练掌握多种 Web 前端技术；</li>
|
||||
<li>掌握行业内流行的类库，Vue.js， React 等主流框架；</li>
|
||||
<li>参与公司前端工程的设计、研发；</li>
|
||||
<li>了解不同浏览器之间的差异，移动设备之间的差异。</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p class="title">JAVA 工程师</p>
|
||||
<p>> 职位描述</p>
|
||||
<ol>
|
||||
<li>前端开发及维护工作；</li>
|
||||
<li>有良好的技术基础，熟悉 Web 标准，熟练掌握多种 Web 前端技术；</li>
|
||||
<li>掌握行业内流行的类库，Vue.js， React 等主流框架；</li>
|
||||
<li>参与公司前端工程的设计、研发；</li>
|
||||
<li>了解不同浏览器之间的差异，移动设备之间的差异。</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabCour">
|
||||
<p class="title">我们的蜕变</p>
|
||||
<ul class="timeline">
|
||||
<li class="odd">
|
||||
<div class="cour-img"><img src="${request.contextPath}/image/company/us_img4.png"></div>
|
||||
<div class="cour-panel layui-col-sm4 layui-col-lg5">
|
||||
<p class="label">2017 年 6 月</p>
|
||||
<p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="cour-img"><img src="${request.contextPath}/image/company/us_img5.png"></div>
|
||||
<div class="cour-panel layui-col-sm4 layui-col-sm-offset8 layui-col-lg5 layui-col-lg-offset7">
|
||||
<p class="label">2017 年 6 月</p>
|
||||
<p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="odd">
|
||||
<div class="cour-img"><img src="${request.contextPath}/image/company/us_img6.png"></div>
|
||||
<div class="cour-panel layui-col-sm4 layui-col-lg5">
|
||||
<p class="label">2017 年 6 月</p>
|
||||
<p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="cour-img"><img src="${request.contextPath}/image/company/us_img7.png"></div>
|
||||
<div class="cour-panel layui-col-sm4 layui-col-sm-offset8 layui-col-lg5 layui-col-lg-offset7">
|
||||
<p class="label">2017 年 6 月</p>
|
||||
<p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="odd">
|
||||
<div class="cour-img"><img src="${request.contextPath}/image/company/us_img8.png"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer部分 -->
|
||||
<div class="footer">
|
||||
<div class="layui-container">
|
||||
<p class="footer-web">
|
||||
<a href="javascript:;">合作伙伴</a>
|
||||
<a href="javascript:;">企业画报</a>
|
||||
<a href="javascript:;">JS网</a>
|
||||
<a href="javascript:;">千图网</a>
|
||||
<a href="javascript:;">昵图网</a>
|
||||
<a href="javascript:;">素材网</a>
|
||||
<a href="javascript:;">花瓣网</a>
|
||||
</p>
|
||||
<div class="layui-row footer-contact">
|
||||
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
|
||||
<div class="layui-col-sm10 layui-col-lg11">
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
|
||||
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i> 400-8888888 (9:00-18:00)</p>
|
||||
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i> 88888888@163.com</span></p>
|
||||
</div>
|
||||
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
|
||||
<p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
|
||||
<p class="contact-bottom"><span class="right">Copyright © 2016-2018 ICP 备888888号</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
layui.use(['company'], function () {
|
||||
var company = layui.company;
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,131 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>网络公司-首页</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<#include "${request.contextPath}/common/common.ftl">
|
||||
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
|
||||
</head>
|
||||
<body>
|
||||
<!-- nav部分 -->
|
||||
<div class="nav">
|
||||
<div class="layui-container">
|
||||
<!-- 公司logo -->
|
||||
<div class="nav-logo">
|
||||
<a href="index.html">
|
||||
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-list">
|
||||
<button>
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
<ul class="layui-nav" lay-filter="">
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
|
||||
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner部分 -->
|
||||
<div class="banner case">
|
||||
<div class="title">
|
||||
<p>成功案例</p>
|
||||
<p class="en">Successful Case</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- main部分 -->
|
||||
<div class="main-case">
|
||||
<div class="layui-container">
|
||||
<div class="layui-row">
|
||||
<div class="layui-inline content">
|
||||
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case1.jpg"></div>
|
||||
<p class="lable">名牌工厂店</p>
|
||||
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
|
||||
</div>
|
||||
<div class="layui-inline content even center">
|
||||
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case2.jpg"></div>
|
||||
<p class="lable">名牌工厂店</p>
|
||||
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
|
||||
</div>
|
||||
<div class="layui-inline content">
|
||||
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case3.jpg"></div>
|
||||
<p class="lable">名牌工厂店</p>
|
||||
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
|
||||
</div>
|
||||
<div class="layui-inline content even">
|
||||
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case4.jpg"></div>
|
||||
<p class="lable">名牌工厂店</p>
|
||||
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
|
||||
</div>
|
||||
<div class="layui-inline content center">
|
||||
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case5.jpg"></div>
|
||||
<p class="lable">名牌工厂店</p>
|
||||
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
|
||||
</div>
|
||||
<div class="layui-inline content even">
|
||||
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case6.jpg"></div>
|
||||
<p class="lable">名牌工厂店</p>
|
||||
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
|
||||
</div>
|
||||
<div class="layui-inline content">
|
||||
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case7.jpg"></div>
|
||||
<p class="lable">名牌工厂店</p>
|
||||
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
|
||||
</div>
|
||||
<div class="layui-inline content even center">
|
||||
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case8.jpg"></div>
|
||||
<p class="lable">名牌工厂店</p>
|
||||
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
|
||||
</div>
|
||||
<div class="layui-inline content">
|
||||
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case9.jpg"></div>
|
||||
<p class="lable">名牌工厂店</p>
|
||||
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="casePage"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer部分 -->
|
||||
<div class="footer">
|
||||
<div class="layui-container">
|
||||
<p class="footer-web">
|
||||
<a href="javascript:;">合作伙伴</a>
|
||||
<a href="javascript:;">企业画报</a>
|
||||
<a href="javascript:;">JS网</a>
|
||||
<a href="javascript:;">千图网</a>
|
||||
<a href="javascript:;">昵图网</a>
|
||||
<a href="javascript:;">素材网</a>
|
||||
<a href="javascript:;">花瓣网</a>
|
||||
</p>
|
||||
<div class="layui-row footer-contact">
|
||||
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
|
||||
<div class="layui-col-sm10 layui-col-lg11">
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
|
||||
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i> 400-8888888 (9:00-18:00)</p>
|
||||
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i> 88888888@163.com</span></p>
|
||||
</div>
|
||||
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
|
||||
<p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
|
||||
<p class="contact-bottom"><span class="right">Copyright © 2016-2018 ICP 备888888号</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
layui.use(['company'], function () {
|
||||
var company = layui.company;
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -7,6 +7,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<#include "${request.contextPath}/common/common.ftl">
|
||||
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
|
||||
</head>
|
||||
<body>
|
||||
<!-- nav部分 -->
|
||||
|
|
@ -15,7 +16,7 @@
|
|||
<!-- 公司logo -->
|
||||
<div class="nav-logo">
|
||||
<a href="index.html">
|
||||
<img src="../res/static/image/logo.png" alt="网络公司">
|
||||
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-list">
|
||||
|
|
@ -23,10 +24,10 @@
|
|||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
<ul class="layui-nav" lay-filter="">
|
||||
<li class="layui-nav-item"><a href="product.html">产品</a></li>
|
||||
<li class="layui-nav-item"><a href="news.html">动态</a></li>
|
||||
<li class="layui-nav-item"><a href="case.html">案例</a></li>
|
||||
<li class="layui-nav-item"><a href="about.html">关于</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
|
||||
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -37,14 +38,14 @@
|
|||
<div class="layui-carousel" id="banner">
|
||||
<div carousel-item>
|
||||
<div>
|
||||
<img src="../res/static/img/banner1.jpg">
|
||||
<img src="${request.contextPath}/image/company/banner1.jpg">
|
||||
<div class="panel">
|
||||
<p class="title">网络公司</p>
|
||||
<p>完美前端体验</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src="../res/static/img/banner2.jpg">
|
||||
<img src="${request.contextPath}/image/company/banner2.jpg">
|
||||
<div class="panel">
|
||||
<p class="title">网络公司</p>
|
||||
<p>完美前端体验</p>
|
||||
|
|
@ -60,7 +61,7 @@
|
|||
<div class="layui-row layui-col-space25">
|
||||
<div class="layui-col-sm6 layui-col-md3">
|
||||
<div class="content">
|
||||
<div><img src="../res/static/img/Big_icon1.png"></div>
|
||||
<div><img src="${request.contextPath}/image/company/Big_icon1.png"></div>
|
||||
<div>
|
||||
<p class="label">JS基础库</p>
|
||||
<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
|
||||
|
|
@ -70,7 +71,7 @@
|
|||
</div>
|
||||
<div class="layui-col-sm6 layui-col-md3 ">
|
||||
<div class="content">
|
||||
<div><img src="../res/static/img/Big_icon2.png"></div>
|
||||
<div><img src="${request.contextPath}/image/company/Big_icon2.png"></div>
|
||||
<div>
|
||||
<p class="label">CSS处理</p>
|
||||
<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
|
||||
|
|
@ -80,7 +81,7 @@
|
|||
</div>
|
||||
<div class="layui-col-sm6 layui-col-md3 ">
|
||||
<div class="content">
|
||||
<div><img src="../res/static/img/Big_icon3.png"></div>
|
||||
<div><img src="${request.contextPath}/image/company/Big_icon3.png"></div>
|
||||
<div>
|
||||
<p class="label">兼容性</p>
|
||||
<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
|
||||
|
|
@ -90,7 +91,7 @@
|
|||
</div>
|
||||
<div class="layui-col-sm6 layui-col-md3 ">
|
||||
<div class="content">
|
||||
<div><img src="../res/static/img/Big_icon4.png"></div>
|
||||
<div><img src="${request.contextPath}/image/company/Big_icon4.png"></div>
|
||||
<div>
|
||||
<p class="label">响应式</p>
|
||||
<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
|
||||
|
|
@ -107,7 +108,7 @@
|
|||
<div class="layui-row layui-col-space25 layui-col-space80">
|
||||
<div class="layui-col-sm6">
|
||||
<div class="content">
|
||||
<div class="content-left"><img src="../res/static/img/home_img1.jpg"></div>
|
||||
<div class="content-left"><img src="${request.contextPath}/image/company/home_img1.jpg"></div>
|
||||
<div class="content-right">
|
||||
<p class="label">1 对 1 前端指导</p>
|
||||
<span></span>
|
||||
|
|
@ -117,7 +118,7 @@
|
|||
</div>
|
||||
<div class="layui-col-sm6">
|
||||
<div class="content">
|
||||
<div class="content-left"><img src="../res/static/img/home_img2.jpg"></div>
|
||||
<div class="content-left"><img src="${request.contextPath}/image/company/home_img2.jpg"></div>
|
||||
<div class="content-right">
|
||||
<p class="label">1 对 1 前端指导</p>
|
||||
<span></span>
|
||||
|
|
@ -127,7 +128,7 @@
|
|||
</div>
|
||||
<div class="layui-col-sm6">
|
||||
<div class="content">
|
||||
<div class="content-left"><img src="../res/static/img/home_img3.jpg"></div>
|
||||
<div class="content-left"><img src="${request.contextPath}/image/company/home_img3.jpg"></div>
|
||||
<div class="content-right">
|
||||
<p class="label">1 对 1 前端指导</p>
|
||||
<span></span>
|
||||
|
|
@ -137,7 +138,7 @@
|
|||
</div>
|
||||
<div class="layui-col-sm6">
|
||||
<div class="content">
|
||||
<div class="content-left"><img src="../res/static/img/home_img4.jpg"></div>
|
||||
<div class="content-left"><img src="${request.contextPath}/image/company/home_img4.jpg"></div>
|
||||
<div class="content-right">
|
||||
<p class="label">1 对 1 前端指导</p>
|
||||
<span></span>
|
||||
|
|
@ -162,7 +163,7 @@
|
|||
<a href="javascript:;">花瓣网</a>
|
||||
</p>
|
||||
<div class="layui-row footer-contact">
|
||||
<div class="layui-col-sm2 layui-col-lg1"><img src="../res/static/img/erweima.jpg"></div>
|
||||
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
|
||||
<div class="layui-col-sm10 layui-col-lg11">
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,230 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>网络公司-首页</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<#include "${request.contextPath}/common/common.ftl">
|
||||
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
|
||||
</head>
|
||||
<body>
|
||||
<!-- nav部分 -->
|
||||
<div class="nav">
|
||||
<div class="layui-container">
|
||||
<!-- 公司logo -->
|
||||
<div class="nav-logo">
|
||||
<a href="index.html">
|
||||
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-list">
|
||||
<button>
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
<ul class="layui-nav" lay-filter="">
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
|
||||
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner部分 -->
|
||||
<div class="banner news">
|
||||
<div class="title">
|
||||
<p>实时新闻</p>
|
||||
<p class="en">Real-time News</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- main -->
|
||||
<div class="main-news">
|
||||
<div class="layui-container">
|
||||
<div class="layui-row layui-col-space20">
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">一直在你身边对你好，你却没有发现。</a></strong>
|
||||
<p class="detail"><span>找老婆要找爱发脾气的女人。永远不会发脾气的女人就如同一杯白开水，解渴，却无味。而发脾气的女人正如烈酒般，刺激而令人无法忘怀。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>120</span> 发布时间：<span>2018-06-21</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">写经验交流材料的技巧全在这了！</a></strong>
|
||||
<p class="detail"><span>看不到您的原稿，这样对空发议论，估计对您的指导性是不大的。建议您将原稿贴出来，好让老师们针对指导。这里简单给出意见：</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>835</span> 发布时间：<span>2018-06-21</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">经验分享：我是如何做好每日计划的</a></strong>
|
||||
<p class="detail"><span>在日常的工作中，不知道大家有没有遇到以下这些问题：面对这样的问题，我养成了一个习惯就是每天写工作计划。想在此与大家分享，希望对你们有所帮助，同时欢迎指正及共同探讨。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>112</span> 发布时间：<span>2018-06-21</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">女人过了三十岁，一定要明白的12个道理！</a></strong>
|
||||
<p class="detail"><span>有些人再好，如果他不属于你，就什么用也没有。别再为一个得不到的人辗转难眠，你熬夜到天亮，对他来说也无关痛痒。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>3131</span> 发布时间：<span>2018-06-20</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">脾气不好的妈妈好好读读这篇文章，真的是细思极恐</a></strong>
|
||||
<p class="detail"><span>一个母亲要是控制不了自己的情绪，会发生多可怕的事情？去年一个9岁的男孩，因为弄丢了手机，遭受了亲妈捆绑殴打一整晚，第二天再也没能睁开眼睛。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>112</span> 发布时间：<span>2018-06-21</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">睡前千万不要给孩子吃这6种食物，不仅会影响睡眠。</a></strong>
|
||||
<p class="detail"><span>孩子正处于长身体的重要阶段，对于营养的需求自然不小。很多家长怕孩子半夜饿，喜欢在睡前补充一些食物。但是，以下6种食物，孩子如果在睡前吃，不仅会危害身体健康，还会导致孩子睡不好觉，影响长个。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>3874</span> 发布时间：<span>2018-06-20</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">养女儿，一定要让她漂亮！</a></strong>
|
||||
<p class="detail"><span>闹市街头，一位爸爸领着一对双胞胎女儿吸引住了我的目光。两个女儿五六岁，长得像天使一般动人。让人遗憾的是，家长给他们穿的衣服---大妈们买菜或做饭时穿的长袍式的家居服，看上去十分滑稽可笑。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>3393</span> 发布时间：<span>2018-06-20</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">见好友在同一趟高铁 粗心男子“串门”聊天</a></strong>
|
||||
<p class="detail"><span>出门在外若发现好友在同一趟高铁邂逅，你会如何做？近日，一男子上高铁后，打电话给一位久未联系好友，竟然得知出行乘坐同一趟车。于是，该男子兴奋地“串门”。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>4087</span> 发布时间：<span>2018-06-20</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">一直在你身边对你好，你却没有发现。</a></strong>
|
||||
<p class="detail"><span>找老婆要找爱发脾气的女人。永远不会发脾气的女人就如同一杯白开水，解渴，却无味。而发脾气的女人正如烈酒般，刺激而令人无法忘怀。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>120</span> 发布时间：<span>2018-06-21</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">写经验交流材料的技巧全在这了！</a></strong>
|
||||
<p class="detail"><span>看不到您的原稿，这样对空发议论，估计对您的指导性是不大的。建议您将原稿贴出来，好让老师们针对指导。这里简单给出意见：</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>835</span> 发布时间：<span>2018-06-21</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">经验分享：我是如何做好每日计划的</a></strong>
|
||||
<p class="detail"><span>在日常的工作中，不知道大家有没有遇到以下这些问题：面对这样的问题，我养成了一个习惯就是每天写工作计划。想在此与大家分享，希望对你们有所帮助，同时欢迎指正及共同探讨。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>112</span> 发布时间：<span>2018-06-21</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">女人过了三十岁，一定要明白的12个道理！</a></strong>
|
||||
<p class="detail"><span>有些人再好，如果他不属于你，就什么用也没有。别再为一个得不到的人辗转难眠，你熬夜到天亮，对他来说也无关痛痒。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>3131</span> 发布时间：<span>2018-06-20</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">脾气不好的妈妈好好读读这篇文章，真的是细思极恐</a></strong>
|
||||
<p class="detail"><span>一个母亲要是控制不了自己的情绪，会发生多可怕的事情？去年一个9岁的男孩，因为弄丢了手机，遭受了亲妈捆绑殴打一整晚，第二天再也没能睁开眼睛。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>112</span> 发布时间：<span>2018-06-21</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">睡前千万不要给孩子吃这6种食物，不仅会影响睡眠。</a></strong>
|
||||
<p class="detail"><span>孩子正处于长身体的重要阶段，对于营养的需求自然不小。很多家长怕孩子半夜饿，喜欢在睡前补充一些食物。但是，以下6种食物，孩子如果在睡前吃，不仅会危害身体健康，还会导致孩子睡不好觉，影响长个。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>3874</span> 发布时间：<span>2018-06-20</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">养女儿，一定要让她漂亮！</a></strong>
|
||||
<p class="detail"><span>闹市街头，一位爸爸领着一对双胞胎女儿吸引住了我的目光。两个女儿五六岁，长得像天使一般动人。让人遗憾的是，家长给他们穿的衣服---大妈们买菜或做饭时穿的长袍式的家居服，看上去十分滑稽可笑。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>3393</span> 发布时间：<span>2018-06-20</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-lg6 content">
|
||||
<div>
|
||||
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
|
||||
<strong><a href="newsDetail.html">见好友在同一趟高铁 粗心男子“串门”聊天</a></strong>
|
||||
<p class="detail"><span>出门在外若发现好友在同一趟高铁邂逅，你会如何做？近日，一男子上高铁后，打电话给一位久未联系好友，竟然得知出行乘坐同一趟车。于是，该男子兴奋地“串门”。</span><a href="newsDetail.html">[详细]</a></p>
|
||||
<p class="read-push">阅读 <span>4087</span> 发布时间：<span>2018-06-20</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="newsPage"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer部分 -->
|
||||
<div class="footer">
|
||||
<div class="layui-container">
|
||||
<p class="footer-web">
|
||||
<a href="javascript:;">合作伙伴</a>
|
||||
<a href="javascript:;">企业画报</a>
|
||||
<a href="javascript:;">JS网</a>
|
||||
<a href="javascript:;">千图网</a>
|
||||
<a href="javascript:;">昵图网</a>
|
||||
<a href="javascript:;">素材网</a>
|
||||
<a href="javascript:;">花瓣网</a>
|
||||
</p>
|
||||
<div class="layui-row footer-contact">
|
||||
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
|
||||
<div class="layui-col-sm10 layui-col-lg11">
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
|
||||
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i> 400-8888888 (9:00-18:00)</p>
|
||||
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i> 88888888@163.com</span></p>
|
||||
</div>
|
||||
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
|
||||
<p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
|
||||
<p class="contact-bottom"><span class="right">Copyright © 2016-2018 ICP 备888888号</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
layui.use(['company'], function () {
|
||||
var company = layui.company;
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>网络公司-首页</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<#include "${request.contextPath}/common/common.ftl">
|
||||
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
|
||||
</head>
|
||||
<body>
|
||||
<!-- nav部分 -->
|
||||
<div class="nav">
|
||||
<div class="layui-container">
|
||||
<!-- 公司logo -->
|
||||
<div class="nav-logo">
|
||||
<a href="index.html">
|
||||
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-list">
|
||||
<button>
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
<ul class="layui-nav" lay-filter="">
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
|
||||
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- main部分 -->
|
||||
<div class="main-newsdate">
|
||||
<div class="layui-container">
|
||||
<p class="news"><a href="news.html">实时新闻</a> > 新闻详情</p>
|
||||
<h1>这家引爆ins的奶茶店终于空降南昌，开放加盟啦！</h1>
|
||||
<p class="pushtime">发布时间：<span>2018-06-06</span></p>
|
||||
<p class="introTop">TA家的珍珠是用黑糖熬制的，要熬整整四个小时才行，每熬一锅黑糖只能做出40杯奶茶，好味，是值得等待的。</p>
|
||||
<div><img src="${request.contextPath}/image/company/news_big.jpg" alt="新闻详情图"></div>
|
||||
<p class="introBott">北极光的制作，需要300g葡萄来完成，要选用最新鲜的葡萄，才能做出最灿烂的北极光。满满一瓶葡萄，看着就让人倍感满足。喝之前，要先摇9下，才能喝出最好的果味。晨曦的寓意是，清晨的阳光。要用到一整颗百香果的晨曦，喝起来酸酸甜甜，果味浓郁。晨曦喝起来果味极浓，不仅仅有百香果，还有芒果、橙汁...的味道，十分清新，彷佛夏日的一抹凉风！</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer部分 -->
|
||||
<div class="footer">
|
||||
<div class="layui-container">
|
||||
<p class="footer-web">
|
||||
<a href="javascript:;">合作伙伴</a>
|
||||
<a href="javascript:;">企业画报</a>
|
||||
<a href="javascript:;">JS网</a>
|
||||
<a href="javascript:;">千图网</a>
|
||||
<a href="javascript:;">昵图网</a>
|
||||
<a href="javascript:;">素材网</a>
|
||||
<a href="javascript:;">花瓣网</a>
|
||||
</p>
|
||||
<div class="layui-row footer-contact">
|
||||
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
|
||||
<div class="layui-col-sm10 layui-col-lg11">
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
|
||||
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i> 400-8888888 (9:00-18:00)</p>
|
||||
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i> 88888888@163.com</span></p>
|
||||
</div>
|
||||
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
|
||||
<p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
|
||||
<p class="contact-bottom"><span class="right">Copyright © 2016-2018 ICP 备888888号</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
layui.use(['company'], function () {
|
||||
var company = layui.company;
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>网络公司-首页</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<#include "${request.contextPath}/common/common.ftl">
|
||||
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
|
||||
</head>
|
||||
<body>
|
||||
<!-- nav部分 -->
|
||||
<div class="nav">
|
||||
<div class="layui-container">
|
||||
<!-- 公司logo -->
|
||||
<div class="nav-logo">
|
||||
<a href="index.html">
|
||||
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-list">
|
||||
<button>
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
<ul class="layui-nav" lay-filter="">
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
|
||||
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
|
||||
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner部分 -->
|
||||
<div class="banner product">
|
||||
<div class="title">
|
||||
<p>产品展示</p>
|
||||
<p class="en">Product Display</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- main部分 -->
|
||||
<div class="main product">
|
||||
<div class="layui-container">
|
||||
<div class="content layui-row">
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="${request.contextPath}/image/company/Product_img1.jpg"></div>
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
|
||||
<p class="label">JS基础库</p>
|
||||
<p class="detail">从小屏逐步扩展到大屏，最终实现所有屏幕适配，最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。</p>
|
||||
<div><a href="javascript:;">查看产品 ></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content layui-row">
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="${request.contextPath}/image/company/Product_img2.jpg"></div>
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
|
||||
<p class="label">CSS处理</p>
|
||||
<p class="detail">从小屏逐步扩展到大屏，最终实现所有屏幕适配，最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。</p>
|
||||
<div><a href="javascript:;">查看产品 ></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content layui-row">
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="${request.contextPath}/image/company/Product_img3.jpg"></div>
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
|
||||
<p class="label">兼容性</p>
|
||||
<p class="detail">从小屏逐步扩展到大屏，最终实现所有屏幕适配，最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。</p>
|
||||
<div><a href="javascript:;">查看产品 ></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content layui-row">
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="${request.contextPath}/image/company/Product_img4.jpg"></div>
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
|
||||
<p class="label">响应式</p>
|
||||
<p class="detail">从小屏逐步扩展到大屏，最终实现所有屏幕适配，最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。</p>
|
||||
<div><a href="javascript:;">查看产品 ></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer部分 -->
|
||||
<div class="footer">
|
||||
<div class="layui-container">
|
||||
<p class="footer-web">
|
||||
<a href="javascript:;">合作伙伴</a>
|
||||
<a href="javascript:;">企业画报</a>
|
||||
<a href="javascript:;">JS网</a>
|
||||
<a href="javascript:;">千图网</a>
|
||||
<a href="javascript:;">昵图网</a>
|
||||
<a href="javascript:;">素材网</a>
|
||||
<a href="javascript:;">花瓣网</a>
|
||||
</p>
|
||||
<div class="layui-row footer-contact">
|
||||
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
|
||||
<div class="layui-col-sm10 layui-col-lg11">
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
|
||||
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i> 400-8888888 (9:00-18:00)</p>
|
||||
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i> 88888888@163.com</span></p>
|
||||
</div>
|
||||
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
|
||||
<p class="contact-top"><span class="right">该模板由 <a href="https://www.layui.com/" target="_blank">layui.com</a> 官方出品</span></p>
|
||||
<p class="contact-bottom"><span class="right">Copyright © 2016-2018 ICP 备888888号</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
layui.use(['company'], function () {
|
||||
var company = layui.company;
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue