diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/project.pbxproj b/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/project.pbxproj
new file mode 100644
index 0000000..d663e74
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/project.pbxproj
@@ -0,0 +1,365 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 48;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		BF518AD1203FF0AC001476B5 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = BF518AD0203FF0AC001476B5 /* AppDelegate.swift */; };
+		BF518AD3203FF0AC001476B5 /* FrameBoundsViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BF518AD2203FF0AC001476B5 /* FrameBoundsViewController.swift */; };
+		BF518AD6203FF0AC001476B5 /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = BF518AD4203FF0AC001476B5 /* Main.storyboard */; };
+		BF518AD8203FF0AC001476B5 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = BF518AD7203FF0AC001476B5 /* Assets.xcassets */; };
+		BF518ADB203FF0AC001476B5 /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = BF518AD9203FF0AC001476B5 /* LaunchScreen.storyboard */; };
+		BF8CAA09204E29A10044C3C9 /* NSLayoutConstraintsViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BF8CAA08204E29A10044C3C9 /* NSLayoutConstraintsViewController.swift */; };
+		BF8CAA0B204E2EA50044C3C9 /* NSLayoutAnchorViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BF8CAA0A204E2EA50044C3C9 /* NSLayoutAnchorViewController.swift */; };
+		BF8CAA0D204E326D0044C3C9 /* StackViewViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BF8CAA0C204E326D0044C3C9 /* StackViewViewController.swift */; };
+		BFA3463A2048EA2B00D45997 /* SizeClassViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BFA346392048EA2B00D45997 /* SizeClassViewController.swift */; };
+		BFA3463C2048F2AB00D45997 /* TableViewViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BFA3463B2048F2AB00D45997 /* TableViewViewController.swift */; };
+		BFA3463F2048F3B500D45997 /* TableViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = BFA3463E2048F3B500D45997 /* TableViewCell.swift */; };
+		BFD90B9B2045418A00A1E6FE /* LoginViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BFD90B9A2045418A00A1E6FE /* LoginViewController.swift */; };
+		BFF8F5D6204692A3007CB625 /* ScrollViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BFF8F5D5204692A3007CB625 /* ScrollViewController.swift */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXFileReference section */
+		BF518ACD203FF0AC001476B5 /* 3.AutoLayout.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = 3.AutoLayout.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		BF518AD0203FF0AC001476B5 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
+		BF518AD2203FF0AC001476B5 /* FrameBoundsViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FrameBoundsViewController.swift; sourceTree = "<group>"; };
+		BF518AD5203FF0AC001476B5 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
+		BF518AD7203FF0AC001476B5 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
+		BF518ADA203FF0AC001476B5 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		BF518ADC203FF0AC001476B5 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		BF8CAA08204E29A10044C3C9 /* NSLayoutConstraintsViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = NSLayoutConstraintsViewController.swift; sourceTree = "<group>"; };
+		BF8CAA0A204E2EA50044C3C9 /* NSLayoutAnchorViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = NSLayoutAnchorViewController.swift; sourceTree = "<group>"; };
+		BF8CAA0C204E326D0044C3C9 /* StackViewViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = StackViewViewController.swift; sourceTree = "<group>"; };
+		BFA346392048EA2B00D45997 /* SizeClassViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SizeClassViewController.swift; sourceTree = "<group>"; };
+		BFA3463B2048F2AB00D45997 /* TableViewViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TableViewViewController.swift; sourceTree = "<group>"; };
+		BFA3463E2048F3B500D45997 /* TableViewCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TableViewCell.swift; sourceTree = "<group>"; };
+		BFD90B9A2045418A00A1E6FE /* LoginViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LoginViewController.swift; sourceTree = "<group>"; };
+		BFF8F5D5204692A3007CB625 /* ScrollViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ScrollViewController.swift; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		BF518ACA203FF0AC001476B5 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		BF518AC4203FF0AB001476B5 = {
+			isa = PBXGroup;
+			children = (
+				BF518ACF203FF0AC001476B5 /* 3.AutoLayout */,
+				BF518ACE203FF0AC001476B5 /* Products */,
+			);
+			sourceTree = "<group>";
+		};
+		BF518ACE203FF0AC001476B5 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				BF518ACD203FF0AC001476B5 /* 3.AutoLayout.app */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		BF518ACF203FF0AC001476B5 /* 3.AutoLayout */ = {
+			isa = PBXGroup;
+			children = (
+				BF518ADC203FF0AC001476B5 /* Info.plist */,
+				BF518AD0203FF0AC001476B5 /* AppDelegate.swift */,
+				BF518AD2203FF0AC001476B5 /* FrameBoundsViewController.swift */,
+				BFD90B9A2045418A00A1E6FE /* LoginViewController.swift */,
+				BF8CAA0A204E2EA50044C3C9 /* NSLayoutAnchorViewController.swift */,
+				BF8CAA08204E29A10044C3C9 /* NSLayoutConstraintsViewController.swift */,
+				BFF8F5D5204692A3007CB625 /* ScrollViewController.swift */,
+				BFA346392048EA2B00D45997 /* SizeClassViewController.swift */,
+				BF8CAA0C204E326D0044C3C9 /* StackViewViewController.swift */,
+				BF518AD7203FF0AC001476B5 /* Assets.xcassets */,
+				BF518AD9203FF0AC001476B5 /* LaunchScreen.storyboard */,
+				BF518AD4203FF0AC001476B5 /* Main.storyboard */,
+				BFA3463D2048F39C00D45997 /* TableView */,
+			);
+			path = 3.AutoLayout;
+			sourceTree = "<group>";
+		};
+		BFA3463D2048F39C00D45997 /* TableView */ = {
+			isa = PBXGroup;
+			children = (
+				BFA3463B2048F2AB00D45997 /* TableViewViewController.swift */,
+				BFA3463E2048F3B500D45997 /* TableViewCell.swift */,
+			);
+			path = TableView;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		BF518ACC203FF0AC001476B5 /* 3.AutoLayout */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = BF518ADF203FF0AC001476B5 /* Build configuration list for PBXNativeTarget "3.AutoLayout" */;
+			buildPhases = (
+				BF518AC9203FF0AC001476B5 /* Sources */,
+				BF518ACA203FF0AC001476B5 /* Frameworks */,
+				BF518ACB203FF0AC001476B5 /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = 3.AutoLayout;
+			productName = 3.AutoLayout;
+			productReference = BF518ACD203FF0AC001476B5 /* 3.AutoLayout.app */;
+			productType = "com.apple.product-type.application";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		BF518AC5203FF0AC001476B5 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastSwiftUpdateCheck = 0920;
+				LastUpgradeCheck = 0920;
+				ORGANIZATIONNAME = DaoLQ;
+				TargetAttributes = {
+					BF518ACC203FF0AC001476B5 = {
+						CreatedOnToolsVersion = 9.2;
+						ProvisioningStyle = Automatic;
+					};
+				};
+			};
+			buildConfigurationList = BF518AC8203FF0AC001476B5 /* Build configuration list for PBXProject "3.AutoLayout" */;
+			compatibilityVersion = "Xcode 8.0";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = BF518AC4203FF0AB001476B5;
+			productRefGroup = BF518ACE203FF0AC001476B5 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				BF518ACC203FF0AC001476B5 /* 3.AutoLayout */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		BF518ACB203FF0AC001476B5 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				BF518ADB203FF0AC001476B5 /* LaunchScreen.storyboard in Resources */,
+				BF518AD8203FF0AC001476B5 /* Assets.xcassets in Resources */,
+				BF518AD6203FF0AC001476B5 /* Main.storyboard in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		BF518AC9203FF0AC001476B5 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				BFD90B9B2045418A00A1E6FE /* LoginViewController.swift in Sources */,
+				BF518AD3203FF0AC001476B5 /* FrameBoundsViewController.swift in Sources */,
+				BF8CAA0D204E326D0044C3C9 /* StackViewViewController.swift in Sources */,
+				BF518AD1203FF0AC001476B5 /* AppDelegate.swift in Sources */,
+				BF8CAA09204E29A10044C3C9 /* NSLayoutConstraintsViewController.swift in Sources */,
+				BFF8F5D6204692A3007CB625 /* ScrollViewController.swift in Sources */,
+				BF8CAA0B204E2EA50044C3C9 /* NSLayoutAnchorViewController.swift in Sources */,
+				BFA3463C2048F2AB00D45997 /* TableViewViewController.swift in Sources */,
+				BFA3463F2048F3B500D45997 /* TableViewCell.swift in Sources */,
+				BFA3463A2048EA2B00D45997 /* SizeClassViewController.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXVariantGroup section */
+		BF518AD4203FF0AC001476B5 /* Main.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				BF518AD5203FF0AC001476B5 /* Base */,
+			);
+			name = Main.storyboard;
+			sourceTree = "<group>";
+		};
+		BF518AD9203FF0AC001476B5 /* LaunchScreen.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				BF518ADA203FF0AC001476B5 /* Base */,
+			);
+			name = LaunchScreen.storyboard;
+			sourceTree = "<group>";
+		};
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+		BF518ADD203FF0AC001476B5 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				CODE_SIGN_IDENTITY = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.2;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+			};
+			name = Debug;
+		};
+		BF518ADE203FF0AC001476B5 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				CODE_SIGN_IDENTITY = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.2;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+		BF518AE0203FF0AC001476B5 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_STYLE = Automatic;
+				INFOPLIST_FILE = 3.AutoLayout/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				PRODUCT_BUNDLE_IDENTIFIER = "com.fstyle.--AutoLayout";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_VERSION = 4.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		BF518AE1203FF0AC001476B5 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_STYLE = Automatic;
+				INFOPLIST_FILE = 3.AutoLayout/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				PRODUCT_BUNDLE_IDENTIFIER = "com.fstyle.--AutoLayout";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_VERSION = 4.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		BF518AC8203FF0AC001476B5 /* Build configuration list for PBXProject "3.AutoLayout" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				BF518ADD203FF0AC001476B5 /* Debug */,
+				BF518ADE203FF0AC001476B5 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		BF518ADF203FF0AC001476B5 /* Build configuration list for PBXNativeTarget "3.AutoLayout" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				BF518AE0203FF0AC001476B5 /* Debug */,
+				BF518AE1203FF0AC001476B5 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = BF518AC5203FF0AC001476B5 /* Project object */;
+}
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/project.xcworkspace/contents.xcworkspacedata b/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/project.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 0000000..cc24eb3
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/project.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "self:3.AutoLayout.xcodeproj">
+   </FileRef>
+</Workspace>
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/project.xcworkspace/xcuserdata/daolq.xcuserdatad/UserInterfaceState.xcuserstate b/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/project.xcworkspace/xcuserdata/daolq.xcuserdatad/UserInterfaceState.xcuserstate
new file mode 100644
index 0000000..f00fef9
Binary files /dev/null and b/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/project.xcworkspace/xcuserdata/daolq.xcuserdatad/UserInterfaceState.xcuserstate differ
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/xcuserdata/daolq.xcuserdatad/xcschemes/3.AutoLayout.xcscheme b/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/xcuserdata/daolq.xcuserdatad/xcschemes/3.AutoLayout.xcscheme
new file mode 100644
index 0000000..408f89f
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/xcuserdata/daolq.xcuserdatad/xcschemes/3.AutoLayout.xcscheme
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "0830"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "BF518ACC203FF0AC001476B5"
+               BuildableName = "3.AutoLayout.app"
+               BlueprintName = "3.AutoLayout"
+               ReferencedContainer = "container:3.AutoLayout.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "BF518ACC203FF0AC001476B5"
+            BuildableName = "3.AutoLayout.app"
+            BlueprintName = "3.AutoLayout"
+            ReferencedContainer = "container:3.AutoLayout.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "BF518ACC203FF0AC001476B5"
+            BuildableName = "3.AutoLayout.app"
+            BlueprintName = "3.AutoLayout"
+            ReferencedContainer = "container:3.AutoLayout.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "BF518ACC203FF0AC001476B5"
+            BuildableName = "3.AutoLayout.app"
+            BlueprintName = "3.AutoLayout"
+            ReferencedContainer = "container:3.AutoLayout.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/xcuserdata/daolq.xcuserdatad/xcschemes/xcschememanagement.plist b/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/xcuserdata/daolq.xcuserdatad/xcschemes/xcschememanagement.plist
new file mode 100644
index 0000000..dbd3013
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout.xcodeproj/xcuserdata/daolq.xcuserdatad/xcschemes/xcschememanagement.plist
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>SchemeUserState</key>
+	<dict>
+		<key>3.AutoLayout.xcscheme</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>0</integer>
+		</dict>
+	</dict>
+	<key>SuppressBuildableAutocreation</key>
+	<dict>
+		<key>BF518ACC203FF0AC001476B5</key>
+		<dict>
+			<key>primary</key>
+			<true/>
+		</dict>
+	</dict>
+</dict>
+</plist>
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/AppDelegate.swift b/3.AutoLayout/3.AutoLayout/3.AutoLayout/AppDelegate.swift
new file mode 100644
index 0000000..5114acc
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/AppDelegate.swift
@@ -0,0 +1,46 @@
+//
+//  AppDelegate.swift
+//  3.AutoLayout
+//
+//  Created by DaoLQ on 2/23/18.
+//  Copyright © 2018 DaoLQ. All rights reserved.
+//
+
+import UIKit
+
+@UIApplicationMain
+class AppDelegate: UIResponder, UIApplicationDelegate {
+
+    var window: UIWindow?
+
+
+    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
+        // Override point for customization after application launch.
+        return true
+    }
+
+    func applicationWillResignActive(_ application: UIApplication) {
+        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
+        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
+    }
+
+    func applicationDidEnterBackground(_ application: UIApplication) {
+        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
+        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
+    }
+
+    func applicationWillEnterForeground(_ application: UIApplication) {
+        // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
+    }
+
+    func applicationDidBecomeActive(_ application: UIApplication) {
+        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
+    }
+
+    func applicationWillTerminate(_ application: UIApplication) {
+        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
+    }
+
+
+}
+
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/AppIcon.appiconset/Contents.json b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/AppIcon.appiconset/Contents.json
new file mode 100644
index 0000000..d8db8d6
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,98 @@
+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "20x20",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "29x29",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "29x29",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "40x40",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "40x40",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "76x76",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "76x76",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ipad",
+      "size" : "83.5x83.5",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "ios-marketing",
+      "size" : "1024x1024",
+      "scale" : "1x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/Contents.json b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/Contents.json
new file mode 100644
index 0000000..da4a164
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image1.imageset/Contents.json b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image1.imageset/Contents.json
new file mode 100644
index 0000000..fdbbef8
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image1.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "image1.jpeg",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image1.imageset/image1.jpeg b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image1.imageset/image1.jpeg
new file mode 100644
index 0000000..00c3610
Binary files /dev/null and b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image1.imageset/image1.jpeg differ
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image2.imageset/Contents.json b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image2.imageset/Contents.json
new file mode 100644
index 0000000..b7f7ccd
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image2.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "image2.jpeg",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image2.imageset/image2.jpeg b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image2.imageset/image2.jpeg
new file mode 100644
index 0000000..2e55015
Binary files /dev/null and b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image2.imageset/image2.jpeg differ
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image3.imageset/Contents.json b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image3.imageset/Contents.json
new file mode 100644
index 0000000..a196b4e
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image3.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "image3.jpeg",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image3.imageset/image3.jpeg b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image3.imageset/image3.jpeg
new file mode 100644
index 0000000..8241cc2
Binary files /dev/null and b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Assets.xcassets/image3.imageset/image3.jpeg differ
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Base.lproj/LaunchScreen.storyboard b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Base.lproj/LaunchScreen.storyboard
new file mode 100644
index 0000000..f83f6fd
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Base.lproj/LaunchScreen.storyboard
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="13122.16" systemVersion="17A277" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <dependencies>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="13104.12"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <viewLayoutGuide key="safeArea" id="6Tk-OE-BBY"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="53" y="375"/>
+        </scene>
+    </scenes>
+</document>
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Base.lproj/Main.storyboard b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Base.lproj/Main.storyboard
new file mode 100644
index 0000000..c339351
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Base.lproj/Main.storyboard
@@ -0,0 +1,472 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="13771" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="QSa-KH-EU6">
+    <device id="retina4_7" orientation="portrait">
+        <adaptation id="fullscreen"/>
+    </device>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="13772"/>
+        <capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--Frame Bounds View Controller-->
+        <scene sceneID="tne-QT-ifu">
+            <objects>
+                <viewController id="BYZ-38-t0r" customClass="FrameBoundsViewController" customModule="__AutoLayout" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="SzR-7X-Vgc">
+                                <rect key="frame" x="0.0" y="0.0" width="300" height="222.5"/>
+                                <subviews>
+                                    <view contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="YLF-UD-VAo">
+                                        <rect key="frame" x="0.0" y="0.0" width="240" height="128"/>
+                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                        <color key="backgroundColor" red="0.8285624694" green="0.20778125953410645" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                    </view>
+                                </subviews>
+                                <color key="backgroundColor" red="0.24394802300000001" green="0.8285624694" blue="0.35828149869999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                            </view>
+                            <slider opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" minValue="0.0" maxValue="100" translatesAutoresizingMaskIntoConstraints="NO" id="Dg9-K8-BuF">
+                                <rect key="frame" x="27" y="341" width="310" height="30"/>
+                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                <connections>
+                                    <action selector="sliderFrameXValueChange:" destination="BYZ-38-t0r" eventType="valueChanged" id="jY2-5o-S9C"/>
+                                </connections>
+                            </slider>
+                            <slider opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" minValue="0.0" maxValue="100" translatesAutoresizingMaskIntoConstraints="NO" id="VX6-pF-aMP">
+                                <rect key="frame" x="27" y="397" width="310" height="30"/>
+                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                <connections>
+                                    <action selector="sliderFrameYValueChange:" destination="BYZ-38-t0r" eventType="valueChanged" id="TBA-8r-yGb"/>
+                                </connections>
+                            </slider>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="Frame:" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="1B0-c7-Pc0">
+                                <rect key="frame" x="29" y="310" width="71" height="21"/>
+                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                <nil key="textColor"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                            <slider opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" minValue="0.0" maxValue="100" translatesAutoresizingMaskIntoConstraints="NO" id="l0z-2q-jrG">
+                                <rect key="frame" x="27" y="493" width="310" height="30"/>
+                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                <connections>
+                                    <action selector="sliderBoundValueXChange:" destination="BYZ-38-t0r" eventType="valueChanged" id="Q4G-MT-ZmH"/>
+                                </connections>
+                            </slider>
+                            <slider opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" minValue="0.0" maxValue="100" translatesAutoresizingMaskIntoConstraints="NO" id="djI-m9-1kV">
+                                <rect key="frame" x="27" y="549" width="310" height="30"/>
+                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                <connections>
+                                    <action selector="sliderBoundValueYChange:" destination="BYZ-38-t0r" eventType="valueChanged" id="ftC-jR-oBK"/>
+                                    <action selector="sliderFrameValueChange:" destination="BYZ-38-t0r" eventType="valueChanged" id="EsZ-1f-IS5"/>
+                                </connections>
+                            </slider>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="Bounds:" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Fw4-z5-wF1">
+                                <rect key="frame" x="29" y="462" width="71" height="21"/>
+                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                <nil key="textColor"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                        </subviews>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>
+                            <constraint firstItem="SzR-7X-Vgc" firstAttribute="width" secondItem="8bC-Xf-vdC" secondAttribute="width" multiplier="4/5" id="F2U-ip-6kh"/>
+                            <constraint firstItem="SzR-7X-Vgc" firstAttribute="height" secondItem="8bC-Xf-vdC" secondAttribute="height" multiplier="1/3" id="IyK-ow-1Ip"/>
+                            <constraint firstItem="SzR-7X-Vgc" firstAttribute="leading" secondItem="6Tk-OE-BBY" secondAttribute="leading" id="msN-wx-Gff"/>
+                            <constraint firstItem="SzR-7X-Vgc" firstAttribute="top" secondItem="8bC-Xf-vdC" secondAttribute="top" id="raf-BN-1cq"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="6Tk-OE-BBY"/>
+                    </view>
+                    <connections>
+                        <outlet property="viewGreen" destination="SzR-7X-Vgc" id="YtM-50-eDy"/>
+                    </connections>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="116" y="115.59220389805098"/>
+        </scene>
+        <!--Size Class View Controller-->
+        <scene sceneID="uww-eO-h4c">
+            <objects>
+                <viewController id="iAU-3J-gKd" customClass="SizeClassViewController" customModule="__AutoLayout" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="oaH-fO-qlb">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="3M9-qc-6HD" userLabel="ViewXanh">
+                                <rect key="frame" x="0.0" y="20" width="375" height="333.5"/>
+                                <color key="backgroundColor" red="0.24394802300000001" green="0.8285624694" blue="0.35828149869999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                            </view>
+                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="cdG-Wo-fdI" userLabel="ViewDo">
+                                <rect key="frame" x="0.0" y="353.5" width="375" height="333.5"/>
+                                <color key="backgroundColor" red="1" green="0.33250077445270898" blue="0.018287883055548848" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                            </view>
+                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="tbj-Ra-OC6">
+                                <rect key="frame" x="0.0" y="0.0" width="568" height="320"/>
+                                <color key="backgroundColor" red="1" green="0.62565112594259698" blue="0.08772027741682531" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                            </view>
+                        </subviews>
+                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                        <constraints>
+                            <constraint firstItem="cdG-Wo-fdI" firstAttribute="height" secondItem="3M9-qc-6HD" secondAttribute="height" id="6zd-Yz-PMd"/>
+                            <constraint firstItem="tbj-Ra-OC6" firstAttribute="leading" secondItem="MIE-VZ-5IU" secondAttribute="leading" id="EOI-Re-eEU"/>
+                            <constraint firstItem="tbj-Ra-OC6" firstAttribute="width" secondItem="oaH-fO-qlb" secondAttribute="width" id="Esd-xC-e7x"/>
+                            <constraint firstItem="cdG-Wo-fdI" firstAttribute="top" secondItem="3M9-qc-6HD" secondAttribute="bottom" id="PTV-6b-4xf"/>
+                            <constraint firstItem="3M9-qc-6HD" firstAttribute="leading" secondItem="MIE-VZ-5IU" secondAttribute="leading" id="VQm-Fd-4LT"/>
+                            <constraint firstItem="cdG-Wo-fdI" firstAttribute="leading" secondItem="3M9-qc-6HD" secondAttribute="leading" id="ZrR-Zo-zof"/>
+                            <constraint firstItem="3M9-qc-6HD" firstAttribute="height" secondItem="oaH-fO-qlb" secondAttribute="height" multiplier="1/2" id="gae-y6-WAv"/>
+                            <constraint firstItem="tbj-Ra-OC6" firstAttribute="height" secondItem="oaH-fO-qlb" secondAttribute="height" id="ghq-0i-kDN"/>
+                            <constraint firstItem="tbj-Ra-OC6" firstAttribute="top" secondItem="MIE-VZ-5IU" secondAttribute="top" id="gxa-Ru-BZX"/>
+                            <constraint firstItem="3M9-qc-6HD" firstAttribute="top" secondItem="MIE-VZ-5IU" secondAttribute="top" id="tVB-jV-cdr"/>
+                            <constraint firstItem="cdG-Wo-fdI" firstAttribute="width" secondItem="3M9-qc-6HD" secondAttribute="width" id="yb5-5o-dDy"/>
+                            <constraint firstItem="3M9-qc-6HD" firstAttribute="width" secondItem="oaH-fO-qlb" secondAttribute="width" id="z3Z-Hr-a93"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="MIE-VZ-5IU"/>
+                        <variation key="default">
+                            <mask key="subviews">
+                                <exclude reference="tbj-Ra-OC6"/>
+                            </mask>
+                        </variation>
+                        <variation key="heightClass=compact-widthClass=compact">
+                            <mask key="subviews">
+                                <exclude reference="3M9-qc-6HD"/>
+                                <exclude reference="cdG-Wo-fdI"/>
+                                <include reference="tbj-Ra-OC6"/>
+                            </mask>
+                        </variation>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="AbH-KW-7St" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="118" y="822"/>
+        </scene>
+        <!--Layout Anchor View Controller-->
+        <scene sceneID="KHH-YV-adC">
+            <objects>
+                <viewController id="rf1-81-PPF" customClass="NSLayoutAnchorViewController" customModule="__AutoLayout" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="4GB-jV-tzO">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                        <viewLayoutGuide key="safeArea" id="Jrg-jW-olT"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="ZkG-jr-21m" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="116" y="1537"/>
+        </scene>
+        <!--Stack View View Controller-->
+        <scene sceneID="BVm-ZK-4dO">
+            <objects>
+                <viewController id="QSa-KH-EU6" customClass="StackViewViewController" customModule="__AutoLayout" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="6Yw-yI-8Ri">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <stackView opaque="NO" contentMode="scaleToFill" axis="vertical" spacing="20" translatesAutoresizingMaskIntoConstraints="NO" id="DKV-8A-URr">
+                                <rect key="frame" x="0.0" y="20" width="375" height="647"/>
+                                <subviews>
+                                    <stackView opaque="NO" contentMode="scaleToFill" axis="vertical" distribution="fillEqually" spacing="10" translatesAutoresizingMaskIntoConstraints="NO" id="Oq3-ch-0MI" userLabel="Stack View 1">
+                                        <rect key="frame" x="0.0" y="0.0" width="375" height="485.5"/>
+                                        <subviews>
+                                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="image1" translatesAutoresizingMaskIntoConstraints="NO" id="G1F-AX-W4r">
+                                                <rect key="frame" x="0.0" y="0.0" width="375" height="155"/>
+                                            </imageView>
+                                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="image2" translatesAutoresizingMaskIntoConstraints="NO" id="Zyl-YG-yny">
+                                                <rect key="frame" x="0.0" y="165" width="375" height="155.5"/>
+                                            </imageView>
+                                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="image3" translatesAutoresizingMaskIntoConstraints="NO" id="jS1-r2-RRh">
+                                                <rect key="frame" x="0.0" y="330.5" width="375" height="155"/>
+                                            </imageView>
+                                        </subviews>
+                                    </stackView>
+                                    <stackView opaque="NO" contentMode="scaleToFill" distribution="equalSpacing" alignment="center" translatesAutoresizingMaskIntoConstraints="NO" id="I8k-VU-aWR" userLabel="Stack View 2">
+                                        <rect key="frame" x="0.0" y="505.5" width="375" height="141.5"/>
+                                        <subviews>
+                                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="IDc-oe-vjd" userLabel="Hide Image1">
+                                                <rect key="frame" x="0.0" y="56" width="85" height="30"/>
+                                                <state key="normal" title="Hide Image1"/>
+                                                <connections>
+                                                    <action selector="onButton1ClickedWithSender:" destination="QSa-KH-EU6" eventType="touchUpInside" id="JUY-7C-QA8"/>
+                                                </connections>
+                                            </button>
+                                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="yT2-Lg-NQd" userLabel="Hide Image2">
+                                                <rect key="frame" x="143" y="56" width="87" height="30"/>
+                                                <state key="normal" title="Hide Image2"/>
+                                                <connections>
+                                                    <action selector="onButton2ClickedWithSender:" destination="QSa-KH-EU6" eventType="touchUpInside" id="8aO-7T-jfE"/>
+                                                </connections>
+                                            </button>
+                                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="2GX-hF-Hno" userLabel="Hide Image3">
+                                                <rect key="frame" x="288" y="56" width="87" height="30"/>
+                                                <state key="normal" title="Hide Image3"/>
+                                                <connections>
+                                                    <action selector="onButton3ClickedWithSender:" destination="QSa-KH-EU6" eventType="touchUpInside" id="WZB-6i-EhH"/>
+                                                </connections>
+                                            </button>
+                                        </subviews>
+                                    </stackView>
+                                </subviews>
+                                <constraints>
+                                    <constraint firstItem="Oq3-ch-0MI" firstAttribute="leading" secondItem="DKV-8A-URr" secondAttribute="leading" id="0eZ-KJ-Gr4"/>
+                                    <constraint firstAttribute="bottom" secondItem="I8k-VU-aWR" secondAttribute="bottom" id="2fS-Bx-siJ"/>
+                                    <constraint firstItem="I8k-VU-aWR" firstAttribute="height" secondItem="DKV-8A-URr" secondAttribute="height" multiplier="1/4" id="DEG-yy-OsB"/>
+                                    <constraint firstItem="Oq3-ch-0MI" firstAttribute="top" secondItem="DKV-8A-URr" secondAttribute="top" id="KjC-df-Yei"/>
+                                    <constraint firstItem="Oq3-ch-0MI" firstAttribute="height" secondItem="DKV-8A-URr" secondAttribute="height" multiplier="3/4" id="PF6-R6-fgI"/>
+                                    <constraint firstAttribute="trailing" secondItem="Oq3-ch-0MI" secondAttribute="trailing" id="RCz-9Z-CS2"/>
+                                    <constraint firstItem="I8k-VU-aWR" firstAttribute="leading" secondItem="DKV-8A-URr" secondAttribute="leading" id="dPL-nA-gyw"/>
+                                    <constraint firstAttribute="trailing" secondItem="I8k-VU-aWR" secondAttribute="trailing" id="kzB-SB-Xhw"/>
+                                </constraints>
+                            </stackView>
+                        </subviews>
+                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                        <constraints>
+                            <constraint firstItem="U8N-vb-z9g" firstAttribute="bottom" secondItem="DKV-8A-URr" secondAttribute="bottom" id="0iz-nB-gKq"/>
+                            <constraint firstItem="DKV-8A-URr" firstAttribute="top" secondItem="U8N-vb-z9g" secondAttribute="top" id="UDI-2B-eg3"/>
+                            <constraint firstItem="DKV-8A-URr" firstAttribute="leading" secondItem="U8N-vb-z9g" secondAttribute="leading" id="oyY-3h-Q2l"/>
+                            <constraint firstItem="U8N-vb-z9g" firstAttribute="trailing" secondItem="DKV-8A-URr" secondAttribute="trailing" id="yHv-bh-XcR"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="U8N-vb-z9g"/>
+                    </view>
+                    <connections>
+                        <outlet property="button1" destination="IDc-oe-vjd" id="x68-lF-ODX"/>
+                        <outlet property="button2" destination="yT2-Lg-NQd" id="W83-VS-wIu"/>
+                        <outlet property="button3" destination="2GX-hF-Hno" id="hw8-9p-YlS"/>
+                        <outlet property="image1" destination="G1F-AX-W4r" id="tWQ-4c-qCd"/>
+                        <outlet property="image2" destination="Zyl-YG-yny" id="xsT-IM-LWN"/>
+                        <outlet property="image3" destination="jS1-r2-RRh" id="HGT-iD-vZI"/>
+                    </connections>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="bfT-qv-pZL" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="1044" y="1537"/>
+        </scene>
+        <!--Table View View Controller-->
+        <scene sceneID="eGX-cd-1Dv">
+            <objects>
+                <viewController id="ehC-xK-0Ac" customClass="TableViewViewController" customModule="__AutoLayout" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="xIN-To-6p5">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="prototypes" style="plain" separatorStyle="none" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="28" sectionFooterHeight="28" translatesAutoresizingMaskIntoConstraints="NO" id="ZcR-fL-rW6">
+                                <rect key="frame" x="0.0" y="20" width="375" height="647"/>
+                                <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                                <prototypes>
+                                    <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" misplaced="YES" preservesSuperviewLayoutMargins="YES" selectionStyle="default" indentationWidth="10" reuseIdentifier="TableViewCell" rowHeight="100" id="D9z-Ep-sXL" customClass="TableViewCell" customModule="__AutoLayout" customModuleProvider="target">
+                                        <rect key="frame" x="0.0" y="28" width="375" height="100"/>
+                                        <autoresizingMask key="autoresizingMask"/>
+                                        <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" preservesSuperviewLayoutMargins="YES" insetsLayoutMarginsFromSafeArea="NO" tableViewCell="D9z-Ep-sXL" id="PXu-7B-diD">
+                                            <rect key="frame" x="0.0" y="0.0" width="375" height="100"/>
+                                            <autoresizingMask key="autoresizingMask"/>
+                                            <subviews>
+                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="HM1-nl-TnV">
+                                                    <rect key="frame" x="87.5" y="10" width="200" height="90"/>
+                                                    <constraints>
+                                                        <constraint firstAttribute="width" constant="200" id="6yL-zt-cjd"/>
+                                                    </constraints>
+                                                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                                    <nil key="textColor"/>
+                                                    <nil key="highlightedColor"/>
+                                                </label>
+                                            </subviews>
+                                            <constraints>
+                                                <constraint firstItem="HM1-nl-TnV" firstAttribute="centerX" secondItem="PXu-7B-diD" secondAttribute="centerX" id="AHv-nz-ESx"/>
+                                                <constraint firstItem="HM1-nl-TnV" firstAttribute="top" secondItem="PXu-7B-diD" secondAttribute="top" constant="10" id="PW9-ai-MoN"/>
+                                                <constraint firstAttribute="bottom" secondItem="HM1-nl-TnV" secondAttribute="bottom" id="PfB-Re-33h"/>
+                                            </constraints>
+                                        </tableViewCellContentView>
+                                        <connections>
+                                            <outlet property="lblText" destination="HM1-nl-TnV" id="g2I-fr-9SZ"/>
+                                        </connections>
+                                    </tableViewCell>
+                                </prototypes>
+                            </tableView>
+                        </subviews>
+                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                        <constraints>
+                            <constraint firstItem="sK6-kx-7bc" firstAttribute="bottom" secondItem="ZcR-fL-rW6" secondAttribute="bottom" id="7sx-Jd-RMc"/>
+                            <constraint firstItem="ZcR-fL-rW6" firstAttribute="top" secondItem="sK6-kx-7bc" secondAttribute="top" id="Rmc-5y-ciy"/>
+                            <constraint firstItem="sK6-kx-7bc" firstAttribute="trailing" secondItem="ZcR-fL-rW6" secondAttribute="trailing" id="VdW-wJ-snT"/>
+                            <constraint firstItem="ZcR-fL-rW6" firstAttribute="leading" secondItem="sK6-kx-7bc" secondAttribute="leading" id="zVa-yb-gi1"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="sK6-kx-7bc"/>
+                    </view>
+                    <connections>
+                        <outlet property="tableView" destination="ZcR-fL-rW6" id="KFH-JI-AtJ"/>
+                    </connections>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="d4u-SE-7iP" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="1044.375" y="822.88732394366195"/>
+        </scene>
+        <!--Layout Constraints View Controller-->
+        <scene sceneID="QeV-80-0O3">
+            <objects>
+                <viewController id="ICJ-fx-D2v" customClass="NSLayoutConstraintsViewController" customModule="__AutoLayout" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="yNh-jb-5Mh">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                        <viewLayoutGuide key="safeArea" id="P78-6w-82G"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="kPI-DS-Wjh" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="2028" y="828"/>
+        </scene>
+        <!--Login View Controller-->
+        <scene sceneID="Caj-6z-XEf">
+            <objects>
+                <viewController id="Z3g-Vc-fcM" customClass="LoginViewController" customModule="__AutoLayout" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="8Fe-nt-knp">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="KIp-lu-eZZ">
+                                <rect key="frame" x="37.5" y="60" width="300" height="159"/>
+                                <subviews>
+                                    <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="✉️Email" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="oVu-2d-nad">
+                                        <rect key="frame" x="15" y="20" width="270" height="35"/>
+                                        <constraints>
+                                            <constraint firstAttribute="height" constant="35" id="fB9-Tq-Vm2"/>
+                                        </constraints>
+                                        <nil key="textColor"/>
+                                        <fontDescription key="fontDescription" type="system" pointSize="14"/>
+                                        <textInputTraits key="textInputTraits"/>
+                                    </textField>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Mhd-2A-ekq">
+                                        <rect key="frame" x="15" y="115" width="120" height="35"/>
+                                        <color key="backgroundColor" red="0.84482438360471179" green="0.78082779148662851" blue="0.24867985419680524" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
+                                        <constraints>
+                                            <constraint firstAttribute="height" constant="35" id="qZW-EH-wZm"/>
+                                        </constraints>
+                                        <state key="normal" title="Login">
+                                            <color key="titleColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                                        </state>
+                                    </button>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="ssB-vN-rwI">
+                                        <rect key="frame" x="175" y="115" width="110" height="35"/>
+                                        <color key="backgroundColor" red="0.84482438360000001" green="0.78082779150000003" blue="0.24867985419999999" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
+                                        <state key="normal" title="Register">
+                                            <color key="titleColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                                        </state>
+                                    </button>
+                                    <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="🔐PassWord" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="6YT-no-jLf">
+                                        <rect key="frame" x="15" y="65" width="270" height="35"/>
+                                        <nil key="textColor"/>
+                                        <fontDescription key="fontDescription" type="system" pointSize="14"/>
+                                        <textInputTraits key="textInputTraits"/>
+                                    </textField>
+                                </subviews>
+                                <color key="backgroundColor" red="0.84482438360471179" green="0.84482438360471179" blue="0.84482438360471179" alpha="0.40000000000000002" colorSpace="custom" customColorSpace="sRGB"/>
+                                <constraints>
+                                    <constraint firstItem="6YT-no-jLf" firstAttribute="trailing" secondItem="oVu-2d-nad" secondAttribute="trailing" id="AI5-u0-K0q"/>
+                                    <constraint firstItem="oVu-2d-nad" firstAttribute="top" secondItem="KIp-lu-eZZ" secondAttribute="top" constant="20" id="AmM-S7-WaU"/>
+                                    <constraint firstItem="6YT-no-jLf" firstAttribute="top" secondItem="oVu-2d-nad" secondAttribute="bottom" constant="10" id="F4e-6n-Ykc"/>
+                                    <constraint firstItem="Mhd-2A-ekq" firstAttribute="width" secondItem="KIp-lu-eZZ" secondAttribute="width" multiplier="1/2.5" id="FiI-by-rvP"/>
+                                    <constraint firstItem="6YT-no-jLf" firstAttribute="leading" secondItem="oVu-2d-nad" secondAttribute="leading" id="Gas-mO-sAZ"/>
+                                    <constraint firstItem="ssB-vN-rwI" firstAttribute="trailing" secondItem="6YT-no-jLf" secondAttribute="trailing" id="HLo-4C-WSh"/>
+                                    <constraint firstItem="ssB-vN-rwI" firstAttribute="baseline" secondItem="Mhd-2A-ekq" secondAttribute="baseline" id="Slb-xB-9vt"/>
+                                    <constraint firstItem="ssB-vN-rwI" firstAttribute="height" secondItem="Mhd-2A-ekq" secondAttribute="height" id="itH-02-ubF"/>
+                                    <constraint firstItem="Mhd-2A-ekq" firstAttribute="top" secondItem="6YT-no-jLf" secondAttribute="bottom" constant="15" id="j8g-Cq-IP3"/>
+                                    <constraint firstItem="oVu-2d-nad" firstAttribute="leading" secondItem="KIp-lu-eZZ" secondAttribute="leading" constant="15" id="ksF-Pb-GEs"/>
+                                    <constraint firstItem="6YT-no-jLf" firstAttribute="height" secondItem="oVu-2d-nad" secondAttribute="height" id="lkq-2p-6Gf"/>
+                                    <constraint firstAttribute="trailing" secondItem="oVu-2d-nad" secondAttribute="trailing" constant="15" id="rqt-Fk-TOB"/>
+                                    <constraint firstItem="Mhd-2A-ekq" firstAttribute="leading" secondItem="6YT-no-jLf" secondAttribute="leading" id="yaa-sc-qvL"/>
+                                    <constraint firstItem="ssB-vN-rwI" firstAttribute="width" secondItem="Mhd-2A-ekq" secondAttribute="width" constant="-10" id="yj5-M1-GAI"/>
+                                    <constraint firstItem="6YT-no-jLf" firstAttribute="width" secondItem="oVu-2d-nad" secondAttribute="width" id="yju-oI-M9N"/>
+                                </constraints>
+                            </view>
+                        </subviews>
+                        <color key="backgroundColor" red="0.24394802300000001" green="0.8285624694" blue="0.35828149869999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>
+                            <constraint firstItem="KIp-lu-eZZ" firstAttribute="top" secondItem="qfx-em-uou" secondAttribute="top" constant="40" id="nsp-ur-Ymt"/>
+                            <constraint firstItem="KIp-lu-eZZ" firstAttribute="centerX" secondItem="qfx-em-uou" secondAttribute="centerX" id="rvn-gF-lIo"/>
+                            <constraint firstItem="KIp-lu-eZZ" firstAttribute="width" secondItem="8Fe-nt-knp" secondAttribute="width" multiplier="4/5" id="uFC-h7-u18"/>
+                            <constraint firstItem="KIp-lu-eZZ" firstAttribute="height" secondItem="8Fe-nt-knp" secondAttribute="height" multiplier="1/4.2" id="xRo-ua-ABv"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="qfx-em-uou"/>
+                    </view>
+                    <connections>
+                        <outlet property="btnLogin" destination="Mhd-2A-ekq" id="Dsw-zW-dab"/>
+                        <outlet property="btnRegister" destination="ssB-vN-rwI" id="bOL-vB-fqv"/>
+                    </connections>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="pJw-Cd-VYv" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="1048.8" y="115.59220389805098"/>
+        </scene>
+        <!--Scroll View Controller-->
+        <scene sceneID="f3Y-CE-M9s">
+            <objects>
+                <viewController id="3cG-7u-BHa" customClass="ScrollViewController" customModule="__AutoLayout" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="wPE-7o-7LT">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <scrollView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" pagingEnabled="YES" showsHorizontalScrollIndicator="NO" showsVerticalScrollIndicator="NO" translatesAutoresizingMaskIntoConstraints="NO" id="EcG-mD-8W3">
+                                <rect key="frame" x="87.5" y="243.5" width="200" height="200"/>
+                                <subviews>
+                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="sCM-XX-6fR">
+                                        <rect key="frame" x="0.0" y="0.0" width="200" height="200"/>
+                                        <color key="backgroundColor" red="0.92137432816246345" green="1" blue="0.17675462680405851" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                        <constraints>
+                                            <constraint firstAttribute="width" constant="200" id="2ue-wA-qlC"/>
+                                            <constraint firstAttribute="height" constant="200" id="JZu-5Y-lfA"/>
+                                        </constraints>
+                                    </view>
+                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="fH0-W7-0tV">
+                                        <rect key="frame" x="400" y="0.0" width="200" height="200"/>
+                                        <color key="backgroundColor" red="0.22849157829579547" green="0.42499546087418094" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                    </view>
+                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="WZP-R2-XKZ">
+                                        <rect key="frame" x="200" y="0.0" width="200" height="200"/>
+                                        <color key="backgroundColor" red="0.8285624694" green="0.21244496409999999" blue="0.043114465349999999" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                    </view>
+                                </subviews>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="200" id="2Qk-YV-wH9"/>
+                                    <constraint firstItem="fH0-W7-0tV" firstAttribute="height" secondItem="sCM-XX-6fR" secondAttribute="height" id="4Yo-qk-1Ew"/>
+                                    <constraint firstAttribute="bottom" secondItem="WZP-R2-XKZ" secondAttribute="bottom" id="EZA-VN-Hs8"/>
+                                    <constraint firstItem="WZP-R2-XKZ" firstAttribute="height" secondItem="sCM-XX-6fR" secondAttribute="height" id="W4l-OZ-4RB"/>
+                                    <constraint firstItem="fH0-W7-0tV" firstAttribute="leading" secondItem="WZP-R2-XKZ" secondAttribute="trailing" id="XGH-hO-QvH"/>
+                                    <constraint firstAttribute="bottom" secondItem="sCM-XX-6fR" secondAttribute="bottom" id="Y0g-lD-kMs"/>
+                                    <constraint firstItem="WZP-R2-XKZ" firstAttribute="top" secondItem="EcG-mD-8W3" secondAttribute="top" id="ZHv-Z1-ibv"/>
+                                    <constraint firstItem="WZP-R2-XKZ" firstAttribute="leading" secondItem="sCM-XX-6fR" secondAttribute="trailing" id="aiQ-p9-WpF"/>
+                                    <constraint firstItem="sCM-XX-6fR" firstAttribute="top" secondItem="EcG-mD-8W3" secondAttribute="top" id="b6T-5u-rhy"/>
+                                    <constraint firstItem="sCM-XX-6fR" firstAttribute="leading" secondItem="EcG-mD-8W3" secondAttribute="leading" id="eau-MG-T6f"/>
+                                    <constraint firstItem="fH0-W7-0tV" firstAttribute="top" secondItem="EcG-mD-8W3" secondAttribute="top" id="h2i-wo-wXd"/>
+                                    <constraint firstAttribute="trailing" secondItem="fH0-W7-0tV" secondAttribute="trailing" id="lho-fe-hbe"/>
+                                    <constraint firstAttribute="width" constant="200" id="qvq-WS-frO"/>
+                                    <constraint firstAttribute="bottom" secondItem="fH0-W7-0tV" secondAttribute="bottom" id="qyh-xl-HQX"/>
+                                    <constraint firstItem="fH0-W7-0tV" firstAttribute="width" secondItem="sCM-XX-6fR" secondAttribute="width" id="rM6-ix-1bp"/>
+                                    <constraint firstItem="WZP-R2-XKZ" firstAttribute="width" secondItem="sCM-XX-6fR" secondAttribute="width" id="rP8-Hu-zlX"/>
+                                </constraints>
+                            </scrollView>
+                        </subviews>
+                        <color key="backgroundColor" red="0.24394802300000001" green="0.8285624694" blue="0.35828149869999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>
+                            <constraint firstItem="EcG-mD-8W3" firstAttribute="centerY" secondItem="aJL-vv-04G" secondAttribute="centerY" id="0mU-6z-jSv"/>
+                            <constraint firstItem="EcG-mD-8W3" firstAttribute="centerX" secondItem="aJL-vv-04G" secondAttribute="centerX" id="fwo-a0-nWM"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="aJL-vv-04G"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="p9r-WX-pUN" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="2031.2" y="115.59220389805098"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="image1" width="142" height="88"/>
+        <image name="image2" width="142" height="88"/>
+        <image name="image3" width="150" height="84"/>
+    </resources>
+</document>
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/FrameBoundsViewController.swift b/3.AutoLayout/3.AutoLayout/3.AutoLayout/FrameBoundsViewController.swift
new file mode 100644
index 0000000..d0da392
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/FrameBoundsViewController.swift
@@ -0,0 +1,41 @@
+//
+//  ViewController.swift
+//  3.AutoLayout
+//
+//  Created by DaoLQ on 2/23/18.
+//  Copyright © 2018 DaoLQ. All rights reserved.
+//
+
+import UIKit
+
+class FrameBoundsViewController: UIViewController {
+    
+    @IBOutlet weak var viewGreen: UIView!
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        // Do any additional setup after loading the view, typically from a nib.
+    }
+    
+    @IBAction func sliderFrameXValueChange(_ sender: Any) {
+        if let sliderBar = sender as? UISlider {
+            viewGreen.frame.origin.x = CGFloat(sliderBar.value)
+        }
+    }
+    
+    @IBAction func sliderFrameYValueChange(_ sender: Any) {
+        if let sliderBar = sender as? UISlider {
+            viewGreen.frame.origin.y = CGFloat(sliderBar.value)
+        }    }
+    
+    @IBAction func sliderBoundValueXChange(_ sender: Any) {
+        if let sliderBar = sender as? UISlider {
+            viewGreen.bounds.origin.x = CGFloat(sliderBar.value)
+        }    }
+    
+    @IBAction func sliderBoundValueYChange(_ sender: Any) {
+        if let sliderBar = sender as? UISlider {
+            viewGreen.bounds.origin.x = CGFloat(sliderBar.value)
+        }
+    }
+}
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/Info.plist b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Info.plist
new file mode 100644
index 0000000..16be3b6
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/Info.plist
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>$(DEVELOPMENT_LANGUAGE)</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIMainStoryboardFile</key>
+	<string>Main</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+</dict>
+</plist>
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/LoginViewController.swift b/3.AutoLayout/3.AutoLayout/3.AutoLayout/LoginViewController.swift
new file mode 100644
index 0000000..7769755
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/LoginViewController.swift
@@ -0,0 +1,26 @@
+//
+//  LoginViewController.swift
+//  3.AutoLayout
+//
+//  Created by DaoLQ on 2/27/18.
+//  Copyright © 2018 DaoLQ. All rights reserved.
+//
+
+import UIKit
+
+class LoginViewController: UIViewController {
+    
+    @IBOutlet weak var btnLogin: UIButton!
+    @IBOutlet weak var btnRegister: UIButton!
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        btnLogin.layer.cornerRadius = 0.2*btnLogin.bounds.size.height
+        btnLogin.layer.borderWidth = 1.0
+        btnLogin.layer.borderColor = UIColor.white.cgColor
+        
+        btnRegister.layer.cornerRadius = 0.2*btnLogin.bounds.size.height
+        btnRegister.layer.borderWidth = 1.0
+        btnRegister.layer.borderColor = UIColor.white.cgColor
+    }
+}
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/NSLayoutAnchorViewController.swift b/3.AutoLayout/3.AutoLayout/3.AutoLayout/NSLayoutAnchorViewController.swift
new file mode 100644
index 0000000..1f753e7
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/NSLayoutAnchorViewController.swift
@@ -0,0 +1,27 @@
+//
+//  NSLayoutAnchorViewController.swift
+//  3.AutoLayout
+//
+//  Created by DaoLQ on 3/6/18.
+//  Copyright © 2018 DaoLQ. All rights reserved.
+//
+
+import UIKit
+
+class NSLayoutAnchorViewController: UIViewController {
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        
+        let redView = UIView()
+        redView.backgroundColor = #colorLiteral(red: 0.8285624694, green: 0.2124449641, blue: 0.04311446535, alpha: 1)
+        view.addSubview(redView)
+        
+        redView.topAnchor.constraint(equalTo: view.topAnchor, constant: 20).isActive = true
+        redView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 10).isActive = true
+        redView.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 1/3).isActive = true
+        redView.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 1/2).isActive = true
+        
+        redView.translatesAutoresizingMaskIntoConstraints = false
+    }
+}
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/NSLayoutConstraintsViewController.swift b/3.AutoLayout/3.AutoLayout/3.AutoLayout/NSLayoutConstraintsViewController.swift
new file mode 100644
index 0000000..9dd075a
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/NSLayoutConstraintsViewController.swift
@@ -0,0 +1,28 @@
+//
+//  NSLayoutConstraints.swift
+//  3.AutoLayout
+//
+//  Created by DaoLQ on 3/6/18.
+//  Copyright © 2018 DaoLQ. All rights reserved.
+//
+
+import UIKit
+
+class NSLayoutConstraintsViewController: UIViewController {
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        let redView = UIView()
+        redView.backgroundColor = UIColor.red
+        view.addSubview(redView)
+        
+        let top = NSLayoutConstraint(item: redView, attribute: .top, relatedBy: .equal, toItem: view, attribute: .top, multiplier: 1, constant: 20)
+        let left = NSLayoutConstraint(item: redView, attribute: .left, relatedBy: .equal, toItem: view, attribute: .left, multiplier: 1, constant: 20)
+        let width = NSLayoutConstraint(item: redView, attribute: .width, relatedBy: .equal, toItem: view, attribute: .width, multiplier: 1, constant: -40)
+        let height = NSLayoutConstraint(item: redView, attribute: .height, relatedBy: .equal, toItem: view, attribute: .height, multiplier: 1/2, constant: 0)
+        
+        redView.autoresizesSubviews = false
+        redView.translatesAutoresizingMaskIntoConstraints = false
+        view.addConstraints([top,left,width,height])
+    }
+}
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/ScrollViewController.swift b/3.AutoLayout/3.AutoLayout/3.AutoLayout/ScrollViewController.swift
new file mode 100644
index 0000000..d01b949
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/ScrollViewController.swift
@@ -0,0 +1,13 @@
+//
+//  ScrollViewController.swift
+//  3.AutoLayout
+//
+//  Created by DaoLQ on 2/28/18.
+//  Copyright © 2018 DaoLQ. All rights reserved.
+//
+
+import UIKit
+
+class ScrollViewController: UIViewController {
+    
+}
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/SizeClassViewController.swift b/3.AutoLayout/3.AutoLayout/3.AutoLayout/SizeClassViewController.swift
new file mode 100644
index 0000000..e2b8a85
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/SizeClassViewController.swift
@@ -0,0 +1,16 @@
+//
+//  SizeClassViewController.swift
+//  3.AutoLayout
+//
+//  Created by DaoLQ on 3/2/18.
+//  Copyright © 2018 DaoLQ. All rights reserved.
+//
+
+import UIKit
+
+class SizeClassViewController: UIViewController {
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+    }
+}
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/StackViewViewController.swift b/3.AutoLayout/3.AutoLayout/3.AutoLayout/StackViewViewController.swift
new file mode 100644
index 0000000..e4d502c
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/StackViewViewController.swift
@@ -0,0 +1,65 @@
+//
+//  StackViewViewController.swift
+//  3.AutoLayout
+//
+//  Created by DaoLQ on 3/6/18.
+//  Copyright © 2018 DaoLQ. All rights reserved.
+//
+
+import UIKit
+
+class StackViewViewController: UIViewController {
+    
+    @IBOutlet weak var image1: UIImageView!
+    @IBOutlet weak var image2: UIImageView!
+    @IBOutlet weak var image3: UIImageView!
+    @IBOutlet weak var button1: UIButton!
+    @IBOutlet weak var button2: UIButton!
+    @IBOutlet weak var button3: UIButton!
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+    }
+    
+    @IBAction func onButton1Clicked(sender: AnyObject) {
+        if image1.isHidden == false {
+            UIView.animate(withDuration: 0.3, animations: { () -> Void in
+                self.image1.isHidden = true
+                self.button1.setTitle("Show image 1", for: .normal)
+            })
+        } else {
+            UIView.animate(withDuration: 0.3, animations: { () -> Void in
+                self.image1.isHidden = false
+                self.button1.setTitle("Hide image 1", for: .normal)
+            })
+        }
+    }
+    
+    @IBAction func onButton2Clicked(sender: AnyObject) {
+        if image2.isHidden == false {
+            UIView.animate(withDuration: 0.3, animations: { () -> Void in
+                self.image2.isHidden = true
+                self.button2.setTitle("Show image 2", for: .normal)
+            })
+        } else {
+            UIView.animate(withDuration: 0.3, animations: { () -> Void in
+                self.image2.isHidden = false
+                self.button2.setTitle("Hide image 2", for: .normal)
+            })
+        }
+    }
+    
+    @IBAction func onButton3Clicked(sender: AnyObject) {
+        if image3.isHidden == false {
+            UIView.animate(withDuration: 0.3, animations: { () -> Void in
+                self.image3.isHidden = true
+                self.button3.setTitle("Show image 3", for: .normal)
+            })
+        } else {
+            UIView.animate(withDuration: 0.3, animations: { () -> Void in
+                self.image3.isHidden = false
+                self.button3.setTitle("Hide image 3", for: .normal)
+            })
+        }
+    }
+}
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/TableView/TableViewCell.swift b/3.AutoLayout/3.AutoLayout/3.AutoLayout/TableView/TableViewCell.swift
new file mode 100644
index 0000000..da99edc
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/TableView/TableViewCell.swift
@@ -0,0 +1,18 @@
+//
+//  TableViewCell.swift
+//  3.AutoLayout
+//
+//  Created by DaoLQ on 3/2/18.
+//  Copyright © 2018 DaoLQ. All rights reserved.
+//
+
+import UIKit
+
+class TableViewCell: UITableViewCell {
+    
+    @IBOutlet weak var lblText: UILabel!
+    
+    override func awakeFromNib() {
+        super.awakeFromNib()
+    }
+}
diff --git a/3.AutoLayout/3.AutoLayout/3.AutoLayout/TableView/TableViewViewController.swift b/3.AutoLayout/3.AutoLayout/3.AutoLayout/TableView/TableViewViewController.swift
new file mode 100644
index 0000000..6070658
--- /dev/null
+++ b/3.AutoLayout/3.AutoLayout/3.AutoLayout/TableView/TableViewViewController.swift
@@ -0,0 +1,38 @@
+//
+//  TableViewViewController.swift
+//  3.AutoLayout
+//
+//  Created by DaoLQ on 3/2/18.
+//  Copyright © 2018 DaoLQ. All rights reserved.
+//
+
+import UIKit
+
+class TableViewViewController: UIViewController {
+    
+    @IBOutlet weak var tableView: UITableView!
+    
+    var arrText = ["Test001aaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbqqqqqqqqqqqqqqqqqqqqqqqqqaaaaa", "Test 002", "Test 003"]
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        tableView.delegate = self
+        tableView.dataSource = self
+        
+        tableView.estimatedRowHeight = 100
+        tableView.rowHeight = UITableViewAutomaticDimension
+    }
+}
+
+extension TableViewViewController: UITableViewDelegate, UITableViewDataSource {
+    
+    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
+        return arrText.count
+    }
+    
+    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
+        let cell = tableView.dequeueReusableCell(withIdentifier: "TableViewCell") as! TableViewCell
+        cell.lblText.text = arrText[indexPath.row]
+        return cell
+    }
+}
diff --git a/README.md b/README.md
index 76205d9..2f5b8b8 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,23 @@
 # IOSTraining
+## Lession 3:
+**1. Brief of AutoLayouts, AutoLayout with constraint**
+ + Understanding Auto Layout
+ + Neo (trailing, leading, top, bottom)
+ + equals (with, heigh)
+ + priority, multiplier 
+
+**2. Auto Layout Without Constraints**
+ + Stack View
+
+**3. AutoLayout SizeClass, ScrollView, TableView**
+ + Dynamic tableview with autolayout
+
+**4. AutoLayout with NSLayoutContrains, NSLayoutAnchor**
+
+### Excercise: 
+- Let's do and push code to GitHub: [AutoLayout_Excercise_01.pdf](https://github.com/daolq3012/IOSTraining/files/1757839/AutoLayout_Excercise_01.pdf)
+
+### Ref: 
++ [Developer Apple - Auto Layout Guide](https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/AutolayoutPG/index.html#//apple_ref/doc/uid/TP40010853-CH7-SW1)
++ [Lập trình iOS - Autolayout - Khoa Pham](https://www.youtube.com/playlist?list=PLzrVYRai0riQcRhyUNP8Qczor3iCOc4Rh)
+