Index: arms/img/landing/section1.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section2.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section3.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section4.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section5.png
===================================================================
diff -u
Binary files differ
Index: arms/index/assets/css/style.css
===================================================================
diff -u -r6ef65126a9b022f4053730b38acc5bceb983dd2d -ra6ecdd20e3ed6d36baff68b588e9cab4358d7630
--- arms/index/assets/css/style.css	(.../style.css)	(revision 6ef65126a9b022f4053730b38acc5bceb983dd2d)
+++ arms/index/assets/css/style.css	(.../style.css)	(revision a6ecdd20e3ed6d36baff68b588e9cab4358d7630)
@@ -293,7 +293,7 @@
 	overflow: hidden;
 }
 
-.landing-container .home {
+.landing-container .section-container {
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
@@ -319,14 +319,6 @@
 	border: 2px solid #fff;
 }
 
-.landing-container .row {
-	margin-top: 220px;
-}
-
-.home .row {
-	margin-top: 100px;
-}
-
 /*--------------------------------------------------------------
 # Sections General
 --------------------------------------------------------------*/
@@ -377,21 +369,17 @@
 	padding: 5px;
 }
 .content-section {
-	width: 100%;
-	max-width: 425px;
-	aspect-ratio: 4 / 3;
-	position: relative;
-	border-radius: 20px;
-	overflow: hidden;
+	postion: relative;
 }
 
 .content-section img {
-	position: absolute;
 	width: 100%;
-	height: 100%;
-	object-fit: fill;
 }
 
+.content-section .comment {
+	position: absolute;
+}
+
 /*--------------------------------------------------------------
 # Resume
 --------------------------------------------------------------*/
@@ -727,16 +715,21 @@
 	}
 
 	.arms-logo {
+		position: absolute;
 		width: 100px;
-		margin: -55px 0 15px 5px;
+		margin: -10px 0 15px 5px;
 	}
 
-	.landing-container .row,
-	.home .row,
+	.services .features,
 	.contact .row {
 		margin-top: 15px;
 	}
 
+	.services.section-container,
+	.landing-container .contact {
+		height: auto;
+	}
+
 	.services .features:last-child {
 		margin-top: 0px;
 	}
Index: arms/landing.html
===================================================================
diff -u -r2c6cd4e709082d177089616a94de4a1e522ef946 -ra6ecdd20e3ed6d36baff68b588e9cab4358d7630
--- arms/landing.html	(.../landing.html)	(revision 2c6cd4e709082d177089616a94de4a1e522ef946)
+++ arms/landing.html	(.../landing.html)	(revision a6ecdd20e3ed6d36baff68b588e9cab4358d7630)
@@ -84,35 +84,43 @@
 							href="#home"
 							class="nav-link scrollto active">
 							<i class="bx bx-home"></i>
-							<span>Home</span>
+							<span>Charter</span>
 						</a>
 					</li>
 					<li>
 						<a
 							href="#about"
 							class="nav-link scrollto">
 							<i class="bx bx-user"></i>
-							<span>About</span>
+							<span>SRS</span>
 						</a>
 					</li>
 					<li>
 						<a
 							href="#resume"
 							class="nav-link scrollto">
 							<i class="bx bx-file-blank"></i>
-							<span>Resume</span>
+							<span>SDS</span>
 						</a>
 					</li>
 					<li>
 						<a
 							href="#portfolio"
 							class="nav-link scrollto">
 							<i class="bx bx-book-content"></i>
-							<span>Portfolio</span>
+							<span>QA Checklist</span>
 						</a>
 					</li>
 					<li>
 						<a
+							href="#endpoint"
+							class="nav-link scrollto">
+							<i class="bx bx-book-content"></i>
+							<span>Endpoint</span>
+						</a>
+					</li>
+					<li>
+						<a
 							href="#services"
 							class="nav-link scrollto">
 							<i class="bx bx-server"></i>
@@ -146,37 +154,15 @@
 					class="container"
 					data-aos="fade-up">
 					<div class="row">
-						<p class="description">요구사항이 개발자에게 제대로 전달되지 않는중</p>
-
 						<div
-							class="col-lg-4 flex justify-content-center"
+							class="col-lg-12 flex justify-content-center"
 							data-aos="fade-up">
 							<div class="content-section">
 								<img
-									src="./img/landing/plan.jpg"
-									alt="plan" />
+									src="./img/landing/section1.png"
+									alt="project charter" />
 							</div>
 						</div>
-						<div
-							class="col-lg-4 flex"
-							data-aos="fade-up"
-							data-aos-delay="400">
-							<div class="content-section">
-								<img
-									src="./img/landing/idea.jpg"
-									alt="idea" />
-							</div>
-						</div>
-						<div
-							class="col-lg-4 flex"
-							data-aos="fade-up"
-							data-aos-delay="800">
-							<div class="content-section">
-								<img
-									src="./img/landing/developer_q.jpg"
-									alt="developer" />
-							</div>
-						</div>
 					</div>
 
 					<div
@@ -199,45 +185,16 @@
 				<div
 					class="container"
 					data-aos="fade-up">
-					<div class="section-title">
-						<h2>About</h2>
-						<p>
-							Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
-							consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat
-							sit in iste officiis commodi quidem hic quas.
-						</p>
-					</div>
-
 					<div class="row">
 						<div
-							class="col-lg-4 flex justify-content-center"
+							class="col-lg-12 flex justify-content-center"
 							data-aos="fade-up">
 							<div class="content-section">
 								<img
-									src="./img/landing/idea.jpg"
-									alt="idea" />
+									src="./img/landing/section2.png"
+									alt="SRS" />
 							</div>
 						</div>
-						<div
-							class="col-lg-4 flex"
-							data-aos="fade-up"
-							data-aos-delay="400">
-							<div class="content-section">
-								<img
-									src="./img/landing/arms-connect.jpg"
-									alt="arms-connect" />
-							</div>
-						</div>
-						<div
-							class="col-lg-4 flex"
-							data-aos="fade-up"
-							data-aos-delay="800">
-							<div class="content-section">
-								<img
-									src="./img/landing/developer_e.jpg"
-									alt="developer" />
-							</div>
-						</div>
 					</div>
 				</div>
 			</section>
@@ -250,60 +207,18 @@
 				<div
 					class="container"
 					data-aos="fade-up">
-					<div class="section-title">
-						<h2>Resume</h2>
-						<p>
-							Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
-							consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat
-							sit in iste officiis commodi quidem hic quas.
-						</p>
-					</div>
-
 					<div class="row">
-						<div
-							class="col-lg-4 flex justify-content-center"
-							data-aos="fade-up">
-							<div class="content-section">
-								<img
-									class="idea"
-									src="./img/landing/idea.jpg"
-									alt="idea" />
-								<img
-									class="okay"
-									src="./img/landing/okay.jpg"
-									alt="okay" />
+						<div class="row">
+							<div
+								class="col-lg-12 flex justify-content-center"
+								data-aos="fade-up">
+								<div class="content-section">
+									<img
+										src="./img/landing/section3.png"
+										alt="SDS" />
+								</div>
 							</div>
 						</div>
-						<div
-							class="col-lg-4 flex"
-							data-aos="fade-up"
-							data-aos-delay="400">
-							<div class="content-section">
-								<img
-									class="connect"
-									src="./img/landing/arms-connect.jpg"
-									alt="arms-connect" />
-								<img
-									class="combination"
-									src="./img/landing/arms-combination.jpg"
-									alt="arms-combination" />
-							</div>
-						</div>
-						<div
-							class="col-lg-4 flex"
-							data-aos="fade-up"
-							data-aos-delay="800">
-							<div class="content-section">
-								<img
-									class="developer"
-									src="./img/landing/developer_e.jpg"
-									alt="developer" />
-								<img
-									class="assembly"
-									src="./img/landing/assembly.jpg"
-									alt="assembly" />
-							</div>
-						</div>
 					</div>
 				</div>
 			</section>
@@ -316,59 +231,46 @@
 				<div
 					class="container"
 					data-aos="fade-up">
-					<div class="section-title">
-						<h2>Portfolio</h2>
-						<p>
-							Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint
-							consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat
-							sit in iste officiis commodi quidem hic quas.
-						</p>
+					<div class="row">
+						<div class="row">
+							<div
+								class="col-lg-12 flex justify-content-center"
+								data-aos="fade-up">
+								<div class="content-section">
+									<img
+										src="./img/landing/section4.png"
+										alt="QA Checklist" />
+								</div>
+							</div>
+						</div>
 					</div>
+				</div>
+			</section>
+			<!-- End Portfolio Section -->
 
+			<!-- ======= EndPoint Section ======= -->
+			<section
+				id="endpoint"
+				class="endpoint section-container">
+				<div
+					class="container"
+					data-aos="fade-up">
 					<div class="row">
-						<div
-							class="col-lg-4 flex justify-content-center"
-							data-aos="fade-up">
-							<div class="content-section okay-to-progress">
-								<img
-									class="okay"
-									src="./img/landing/okay.jpg"
-									alt="okay" />
-								<img
-									class="progress"
-									src="./img/landing/progress.jpg"
-									alt="progress" />
+						<div class="row">
+							<div
+								class="col-lg-12 flex justify-content-center"
+								data-aos="fade-up">
+								<div class="content-section">
+									<img
+										src="./img/landing/section5.png"
+										alt="Endpoint" />
+								</div>
 							</div>
 						</div>
-						<div
-							class="col-lg-4 flex"
-							data-aos="fade-up"
-							data-aos-delay="400">
-							<div class="content-section">
-								<img
-									src="./img/landing/arms-combination.jpg"
-									alt="arms-combination" />
-							</div>
-						</div>
-						<div
-							class="col-lg-4 flex"
-							data-aos="fade-up"
-							data-aos-delay="800">
-							<div class="content-section">
-								<img
-									class="assembly"
-									src="./img/landing/assembly.jpg"
-									alt="assembly" />
-								<img
-									class="checklist"
-									src="./img/landing/checklist.jpg"
-									alt="checklist" />
-							</div>
-						</div>
 					</div>
 				</div>
 			</section>
-			<!-- End Portfolio Section -->
+			<!-- End EndPoint Section -->
 
 			<!-- ======= Services Section ======= -->
 			<section