Index: vue/src/assets/images/devops/DevSupport/github.png
===================================================================
diff -u -rb047f435489969819522d9c285508b96502176eb -r8c07de488e835706d7f2e3c03dcfc6b22d3a67c1
--- vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision b047f435489969819522d9c285508b96502176eb)
+++ vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 8c07de488e835706d7f2e3c03dcfc6b22d3a67c1)
@@ -2208,6 +2208,7 @@
 .contributorList li .profile .profileImg img[data-v-35dc3539] {
 	width: 100%;
 	height: 100%;
+	object-fit: cover;
 }
 
 .contributorList li .profile h2[data-v-35dc3539] {
@@ -2542,7 +2543,7 @@
 }
 
 .about h2 {
-	color: #5b617b;
+	color: #666;
 	margin-bottom: 7%;
 	padding-top: 20px;
 }
@@ -2584,16 +2585,23 @@
 /*--------------------------------------------------------------
 # Contributors
 --------------------------------------------------------------*/
+#contributors {
+	margin: 100px auto;
+}
 #contributors .section-title {
 	margin-bottom: 5%;
 }
 /*--------------------------------------------------------------
 # Contact
 --------------------------------------------------------------*/
-.contact {
-	margin: 100px auto;
+#contact {
+	padding: 100px 0;
 }
 
+.contact h2 {
+	color: #666;
+}
+
 .contact .info {
 	width: 100%;
 }
@@ -2651,7 +2659,7 @@
 
 .contact .php-email-form .error-message {
 	display: none;
-	color: #fff;
+	color: #666;
 	background: #ed3c0d;
 	text-align: left;
 	padding: 15px;
@@ -2695,13 +2703,12 @@
 	border-radius: 4px;
 	box-shadow: none;
 	font-size: 14px;
-	color: #fff;
 	background-color: transparent;
 }
 
 .contact .php-email-form input::placeholder,
 .contact .php-email-form textarea::placeholder {
-	color: #fff;
+	color: #666;
 }
 
 .contact .php-email-form input[type="text"],
Index: arms/html/pdService
===================================================================
diff -u -rb047f435489969819522d9c285508b96502176eb -r8c07de488e835706d7f2e3c03dcfc6b22d3a67c1
--- arms/html/pdService	(.../pdService)	(revision b047f435489969819522d9c285508b96502176eb)
+++ arms/html/pdService	(.../pdService)	(revision 8c07de488e835706d7f2e3c03dcfc6b22d3a67c1)
@@ -805,37 +805,6 @@
 													Project
 													<small>owner</small>
 												</h4>
-												<div
-													class="widget-controls"
-													style="top: 2px !important">
-													<a
-														title="Options"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-cog"></i>
-													</a>
-													<a
-														data-widgster="expand"
-														title="Expand"
-														href="#"
-														style="display: none; padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-up"></i>
-													</a>
-													<a
-														data-widgster="collapse"
-														title="Collapse"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-down"></i>
-													</a>
-													<a
-														data-widgster="close"
-														title="Close"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-remove"></i>
-													</a>
-												</div>
 											</header>
 											<div class="body">
 												<ul
@@ -903,37 +872,6 @@
 													Project
 													<small>leader</small>
 												</h4>
-												<div
-													class="widget-controls"
-													style="top: 2px !important">
-													<a
-														title="Options"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-cog"></i>
-													</a>
-													<a
-														data-widgster="expand"
-														title="Expand"
-														href="#"
-														style="display: none; padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-up"></i>
-													</a>
-													<a
-														data-widgster="collapse"
-														title="Collapse"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-down"></i>
-													</a>
-													<a
-														data-widgster="close"
-														title="Close"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-remove"></i>
-													</a>
-												</div>
 											</header>
 											<div class="body">
 												<ul
@@ -1001,37 +939,6 @@
 													Project
 													<small>committer</small>
 												</h4>
-												<div
-													class="widget-controls"
-													style="top: 2px !important">
-													<a
-														title="Options"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-cog"></i>
-													</a>
-													<a
-														data-widgster="expand"
-														title="Expand"
-														href="#"
-														style="display: none; padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-up"></i>
-													</a>
-													<a
-														data-widgster="collapse"
-														title="Collapse"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-down"></i>
-													</a>
-													<a
-														data-widgster="close"
-														title="Close"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-remove"></i>
-													</a>
-												</div>
 											</header>
 											<div class="body">
 												<ul
@@ -1099,37 +1006,6 @@
 													Project
 													<small>committer</small>
 												</h4>
-												<div
-													class="widget-controls"
-													style="top: 2px !important">
-													<a
-														title="Options"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-cog"></i>
-													</a>
-													<a
-														data-widgster="expand"
-														title="Expand"
-														href="#"
-														style="display: none; padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-up"></i>
-													</a>
-													<a
-														data-widgster="collapse"
-														title="Collapse"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-down"></i>
-													</a>
-													<a
-														data-widgster="close"
-														title="Close"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-remove"></i>
-													</a>
-												</div>
 											</header>
 											<div class="body">
 												<ul
@@ -1199,37 +1075,6 @@
 													Project
 													<small>committer</small>
 												</h4>
-												<div
-													class="widget-controls"
-													style="top: 2px !important">
-													<a
-														title="Options"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-cog"></i>
-													</a>
-													<a
-														data-widgster="expand"
-														title="Expand"
-														href="#"
-														style="display: none; padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-up"></i>
-													</a>
-													<a
-														data-widgster="collapse"
-														title="Collapse"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-down"></i>
-													</a>
-													<a
-														data-widgster="close"
-														title="Close"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-remove"></i>
-													</a>
-												</div>
 											</header>
 											<div class="body">
 												<ul
@@ -1297,37 +1142,6 @@
 													Project
 													<small>committer</small>
 												</h4>
-												<div
-													class="widget-controls"
-													style="top: 2px !important">
-													<a
-														title="Options"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-cog"></i>
-													</a>
-													<a
-														data-widgster="expand"
-														title="Expand"
-														href="#"
-														style="display: none; padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-up"></i>
-													</a>
-													<a
-														data-widgster="collapse"
-														title="Collapse"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-chevron-down"></i>
-													</a>
-													<a
-														data-widgster="close"
-														title="Close"
-														href="#"
-														style="padding: 0px !important">
-														<i class="glyphicon glyphicon-remove"></i>
-													</a>
-												</div>
 											</header>
 											<div class="body">
 												<ul
@@ -1394,84 +1208,86 @@
 		</div>
 		<div
 			id="contact"
-			class="widget-contact contact container">
-			<div class="section-title">
-				<h2>Contact</h2>
-			</div>
+			class="widget-contact widget-white">
+			<div class="contact container">
+				<div class="section-title">
+					<h2>Contact</h2>
+				</div>
 
-			<div class="row">
-				<div class="col-lg-4">
-					<div class="info">
-						<div class="address">
-							<i class="bi bi-geo-alt"></i>
-							<h4>Location:</h4>
-							<p>A108 Adam Street, New York, NY 535022</p>
-						</div>
+				<div class="row">
+					<div class="col-lg-4">
+						<div class="info">
+							<div class="address">
+								<i class="bi bi-geo-alt"></i>
+								<h4>Location:</h4>
+								<p>A108 Adam Street, New York, NY 535022</p>
+							</div>
 
-						<div class="email">
-							<i class="bi bi-envelope"></i>
-							<h4>Email:</h4>
-							<p>info@example.com</p>
-						</div>
+							<div class="email">
+								<i class="bi bi-envelope"></i>
+								<h4>Email:</h4>
+								<p>info@example.com</p>
+							</div>
 
-						<div class="phone">
-							<i class="bi bi-phone"></i>
-							<h4>Call:</h4>
-							<p>+1 5589 55488 55s</p>
+							<div class="phone">
+								<i class="bi bi-phone"></i>
+								<h4>Call:</h4>
+								<p>+1 5589 55488 55s</p>
+							</div>
 						</div>
 					</div>
-				</div>
 
-				<div class="col-lg-8 form-wrap">
-					<form
-						action="index/forms/contact.php"
-						method="post"
-						role="form"
-						class="php-email-form">
-						<div class="row">
-							<div class="col-md-6 form-group">
+					<div class="col-lg-8 form-wrap">
+						<form
+							action="index/forms/contact.php"
+							method="post"
+							role="form"
+							class="php-email-form">
+							<div class="row">
+								<div class="col-md-6 form-group">
+									<input
+										type="text"
+										name="name"
+										class="form-control"
+										id="name"
+										placeholder="Your Name"
+										required />
+								</div>
+								<div class="col-md-6 form-group mt-3 mt-md-0">
+									<input
+										type="email"
+										class="form-control"
+										name="email"
+										id="email"
+										placeholder="Your Email"
+										required />
+								</div>
+							</div>
+							<div class="form-group mt-3">
 								<input
 									type="text"
-									name="name"
 									class="form-control"
-									id="name"
-									placeholder="Your Name"
+									name="subject"
+									id="subject"
+									placeholder="Subject"
 									required />
 							</div>
-							<div class="col-md-6 form-group mt-3 mt-md-0">
-								<input
-									type="email"
+							<div class="form-group mt-3">
+								<textarea
 									class="form-control"
-									name="email"
-									id="email"
-									placeholder="Your Email"
-									required />
+									name="message"
+									rows="5"
+									placeholder="Message"
+									required></textarea>
 							</div>
-						</div>
-						<div class="form-group mt-3">
-							<input
-								type="text"
-								class="form-control"
-								name="subject"
-								id="subject"
-								placeholder="Subject"
-								required />
-						</div>
-						<div class="form-group mt-3">
-							<textarea
-								class="form-control"
-								name="message"
-								rows="5"
-								placeholder="Message"
-								required></textarea>
-						</div>
-						<div class="my-3">
-							<div class="loading">Loading</div>
-							<div class="error-message"></div>
-							<div class="sent-message">Your message has been sent. Thank you!</div>
-						</div>
-						<div class="text-center"><button type="submit">Send Message</button></div>
-					</form>
+							<div class="my-3">
+								<div class="loading">Loading</div>
+								<div class="error-message"></div>
+								<div class="sent-message">Your message has been sent. Thank you!</div>
+							</div>
+							<div class="text-center"><button type="submit">Send Message</button></div>
+						</form>
+					</div>
 				</div>
 			</div>
 		</div>