From cf6ed1ece6956f3a8a7d7e1294a3f0fef9320e82 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Fri, 21 Sep 2018 14:20:55 +0800
Subject: [PATCH] 软件平台

---
 images/portfolio-soft-wrap-1-active.png | Bin 0 -> 2505 bytes
 images/portfolio-soft-wrap-1.png        | Bin 0 -> 3024 bytes
 images/portfolio-soft-wrap-2-active.png | Bin 0 -> 1910 bytes
 images/portfolio-soft-wrap-2.png        | Bin 0 -> 2294 bytes
 images/portfolio-soft-wrap-3-active.png | Bin 0 -> 2086 bytes
 images/portfolio-soft-wrap-3.png        | Bin 0 -> 2488 bytes
 portfolio.html                          | 88 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------
 style.css                               | 86 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 8 files changed, 155 insertions(+), 19 deletions(-)
 create mode 100755 images/portfolio-soft-wrap-1-active.png
 create mode 100755 images/portfolio-soft-wrap-1.png
 create mode 100755 images/portfolio-soft-wrap-2-active.png
 create mode 100755 images/portfolio-soft-wrap-2.png
 create mode 100755 images/portfolio-soft-wrap-3-active.png
 create mode 100755 images/portfolio-soft-wrap-3.png

diff --git a/images/portfolio-soft-wrap-1-active.png b/images/portfolio-soft-wrap-1-active.png
new file mode 100755
index 0000000..1ca4659
Binary files /dev/null and b/images/portfolio-soft-wrap-1-active.png differ
diff --git a/images/portfolio-soft-wrap-1.png b/images/portfolio-soft-wrap-1.png
new file mode 100755
index 0000000..a3b2eb3
Binary files /dev/null and b/images/portfolio-soft-wrap-1.png differ
diff --git a/images/portfolio-soft-wrap-2-active.png b/images/portfolio-soft-wrap-2-active.png
new file mode 100755
index 0000000..01eb301
Binary files /dev/null and b/images/portfolio-soft-wrap-2-active.png differ
diff --git a/images/portfolio-soft-wrap-2.png b/images/portfolio-soft-wrap-2.png
new file mode 100755
index 0000000..94de1e5
Binary files /dev/null and b/images/portfolio-soft-wrap-2.png differ
diff --git a/images/portfolio-soft-wrap-3-active.png b/images/portfolio-soft-wrap-3-active.png
new file mode 100755
index 0000000..e33d311
Binary files /dev/null and b/images/portfolio-soft-wrap-3-active.png differ
diff --git a/images/portfolio-soft-wrap-3.png b/images/portfolio-soft-wrap-3.png
new file mode 100755
index 0000000..8f014ab
Binary files /dev/null and b/images/portfolio-soft-wrap-3.png differ
diff --git a/portfolio.html b/portfolio.html
index 41b0f9d..4c855b4 100755
--- a/portfolio.html
+++ b/portfolio.html
@@ -66,27 +66,79 @@
 		</div>
 		<!--/ End breadcrumb -->
 
-		<!-- Latest Works Area -->
-		<section id="portfolio-soft" class="section">
+		<section id="portfolio-soft-top" class="section">
 			<div class="container">
 				<div class="row">
-					<div class="col-md-12">
-						<div class="section-title">
-							<h2>硬件设备</h2>
-							<ul>
-								<li class="text-center">
-									任你停
-								</li>
-								<li class="text-center">
-									企业云平台
-								</li>
-								<li class="text-center">
-									数据分析平台
-								</li>
-							</ul>
-						</div>
-					</div>
+					<div class="section-title-name">软件平台</div>
+					<ul class="portfolio-soft-wrap">
+						<li class="text-center col-md-4 active">
+							任你停
+						</li>
+						<li class="text-center col-md-4">
+							企业云平台
+						</li>
+						<li class="text-center col-md-4">
+							数据分析平台
+						</li>
+					</ul>
 				</div>
+			</div>
+		</section>
+		<ul class="portfolio-section-wrap">
+			<li class="">
+				<section>
+					<div class="container">
+						<ul class="row ortfolio-soft-bottom-1">
+							<li class="text-center col-md-6">
+								1
+							</li>
+							<li class="text-center col-md-6">
+								2
+							</li>
+
+						</ul>
+					</div>
+				</section>
+			</li>
+			<li class="displaynone">
+				<section>
+					<div class="container">
+						<ul class="row ortfolio-soft-bottom-2">
+							<li class="text-center col-md-6">
+								1
+							</li>
+							<li class="text-center col-md-6">
+								2
+							</li>
+
+						</ul>
+					</div>
+				</section>
+			</li>
+			<li class="displaynone">
+				<section>
+					<div class="container">
+						<ul class="row ortfolio-soft-bottom-3">
+							<li class="text-center col-md-6">
+								1
+							</li>
+							<li class="text-center col-md-6">
+								2
+							</li>
+
+						</ul>
+					</div>
+				</section>
+			</li>
+		</ul>
+
+
+
+
+		<!-- Latest Works Area -->
+		<section id="" class="section">
+			<div class="container">
+
 				<div class="row">
 
 					<div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s">
diff --git a/style.css b/style.css
index 3553ef7..f9f0b0e 100755
--- a/style.css
+++ b/style.css
@@ -4,7 +4,7 @@
 	padding:0;
 }
 .section{
-	padding:162px 0 19px 0;
+	padding:162px 0 0 0;
 }
 html,body {
 	height: 100%;
@@ -118,6 +118,90 @@ a:hover{
 	color: #fff;
 	font-size: 71px;
 }
+#portfolio-soft-top{
+	background: #fff;
+}
+.section-title-name{
+	font-size: 36px;
+	font-weight: 500;
+	text-transform: uppercase;
+	padding-bottom: 15px;
+	margin-bottom: 15px;
+	position: relative;
+	text-align: center;
+	margin-bottom: 40px;
+}
+
+.portfolio-soft-wrap li{
+	color:rgba(6,14,19,.8);
+	font-size: 20px;
+	cursor: pointer;
+}
+.portfolio-soft-wrap li:nth-of-type(1){
+	padding-top: 60px;
+	background: url("images/portfolio-soft-wrap-1.png") no-repeat center 0;
+
+}
+.portfolio-soft-wrap li:nth-of-type(2){
+	padding-top: 60px;
+	background: url("images/portfolio-soft-wrap-2.png") no-repeat center 0;
+
+}
+.portfolio-soft-wrap li:nth-of-type(3){
+	padding-top: 60px;
+	background: url("images/portfolio-soft-wrap-3.png") no-repeat center 0;
+
+}
+.portfolio-soft-wrap li:nth-of-type(1).active{
+	color: #3F9FFE;
+	padding-bottom: 10px;
+	border-bottom: 3px solid rgba(63,159,254,1);
+	background: url("images/portfolio-soft-wrap-1-active.png") no-repeat center 0;
+}
+.portfolio-soft-wrap li:nth-of-type(2).active{
+	color: #3F9FFE;
+	padding-bottom: 10px;
+	border-bottom: 3px solid rgba(63,159,254,1);
+	background: url("images/portfolio-soft-wrap-2-active.png") no-repeat center 0;
+}
+.portfolio-soft-wrap li:nth-of-type(3).active{
+	color: #3F9FFE;
+	padding-bottom: 10px;
+	border-bottom: 3px solid rgba(63,159,254,1);
+	background: url("images/portfolio-soft-wrap-3-active.png") no-repeat center 0;
+}
+
+.portfolio-section-wrap{
+	height: 596px;
+	overflow: hidden;
+}
+.portfolio-section-wrap>li{
+	height: 596px;
+}
+.portfolio-section-wrap>li li{
+	height: 596px;
+}
+.displaynone{
+	display: none;
+}
+.ortfolio-soft-bottom-1 li:nth-of-type(1){
+	background: #ffff00;
+}
+.ortfolio-soft-bottom-1 li:nth-of-type(2){
+
+}
+.ortfolio-soft-bottom-2 li:nth-of-type(1){
+	background: #f00;
+}
+.ortfolio-soft-bottom-2 li:nth-of-type(2){
+
+}
+.ortfolio-soft-bottom-3 li:nth-of-type(1){
+	background: #f0f;
+}
+.ortfolio-soft-bottom-3 li:nth-of-type(2){
+
+}
 
 
 .slicknav_menu{
--
libgit2 0.21.4