diff --git a/pages/index.vue b/pages/index.vue
index 9394a55..8d5dca9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -172,7 +172,7 @@
 									</u-col>
 								</u-row>
 								<view class="card-grey">
-									<view class="title">
+									<view class="card-title">
 										<u-row>
 											<u-col span="3">
 												<view><text class="font-green">●</text>1-1</view>
@@ -196,7 +196,17 @@
 											</u-col>
 										</u-row>
 									</view>
-									
+									<view class="control">
+										<view class="buttons"></view>
+										<view class="valve">
+											<view class=""></view>
+											<view class="">
+												<image src="../static/images/login/logo.png"></image>
+											</view>
+											<view class=""></view>
+										</view>
+										<view class="buttons"></view>
+									</view>
 								</view>
 							</view>
 						</u-collapse-item>
diff --git a/static/images/fiveValves/valve5-1.gif b/static/images/fiveValves/valve5-1.gif
new file mode 100644
index 0000000..67e5a08
Binary files /dev/null and b/static/images/fiveValves/valve5-1.gif differ
diff --git a/static/images/fiveValves/valve5-2.gif b/static/images/fiveValves/valve5-2.gif
new file mode 100644
index 0000000..6d4d540
Binary files /dev/null and b/static/images/fiveValves/valve5-2.gif differ
diff --git a/static/images/fiveValves/valve5-3.gif b/static/images/fiveValves/valve5-3.gif
new file mode 100644
index 0000000..01f4ea8
Binary files /dev/null and b/static/images/fiveValves/valve5-3.gif differ
diff --git a/static/images/fiveValves/valve5-4.gif b/static/images/fiveValves/valve5-4.gif
new file mode 100644
index 0000000..667e217
Binary files /dev/null and b/static/images/fiveValves/valve5-4.gif differ
diff --git a/static/images/fiveValves/valve5-all.gif b/static/images/fiveValves/valve5-all.gif
new file mode 100644
index 0000000..d5e43ca
Binary files /dev/null and b/static/images/fiveValves/valve5-all.gif differ
diff --git a/static/images/fiveValves/valve5-run.gif b/static/images/fiveValves/valve5-run.gif
new file mode 100644
index 0000000..d88d9b4
Binary files /dev/null and b/static/images/fiveValves/valve5-run.gif differ
diff --git a/static/images/fiveValves/valve5.png b/static/images/fiveValves/valve5.png
new file mode 100644
index 0000000..01ad3a4
Binary files /dev/null and b/static/images/fiveValves/valve5.png differ
diff --git a/static/images/valves/valve3-1.gif b/static/images/valves/valve3-1.gif
new file mode 100644
index 0000000..d3837dc
Binary files /dev/null and b/static/images/valves/valve3-1.gif differ
diff --git a/static/images/valves/valve3-2.gif b/static/images/valves/valve3-2.gif
new file mode 100644
index 0000000..1c5e9f7
Binary files /dev/null and b/static/images/valves/valve3-2.gif differ
diff --git a/static/images/valves/valve3-all.gif b/static/images/valves/valve3-all.gif
new file mode 100644
index 0000000..7365f88
Binary files /dev/null and b/static/images/valves/valve3-all.gif differ
diff --git a/static/images/valves/valve3-run.gif b/static/images/valves/valve3-run.gif
new file mode 100644
index 0000000..bfa1e40
Binary files /dev/null and b/static/images/valves/valve3-run.gif differ
diff --git a/static/images/valves/valve3.png b/static/images/valves/valve3.png
new file mode 100644
index 0000000..7386d90
Binary files /dev/null and b/static/images/valves/valve3.png differ
diff --git a/static/scss/app.css b/static/scss/app.css
index 709ba7b..e52539f 100644
--- a/static/scss/app.css
+++ b/static/scss/app.css
@@ -75,11 +75,18 @@
 }
 
 .card-grey {
-	.title {
+	.card-title {
 		padding: 10px;
-border-bottom: 1px solid #c7c7c7;
+		border-bottom: 1px solid #c7c7c7;
+
 		.icon {
 			color: #39ac4f;
 		}
+		.u-row{margin-bottom: 0 !important;}
 	}
-}
+	.control{
+	    display: flex;
+	    justify-content: space-between;
+	    align-items: center;
+	}
+}
\ No newline at end of file