Index: arms/html/dashboard/content-container.html
===================================================================
diff -u -re494086dc4f4358e2ada71d32e12915134a54aa8 -rbb12011f1f2f1c27685ec82d6dbb43d55732f2c9
--- arms/html/dashboard/content-container.html	(.../content-container.html)	(revision e494086dc4f4358e2ada71d32e12915134a54aa8)
+++ arms/html/dashboard/content-container.html	(.../content-container.html)	(revision bb12011f1f2f1c27685ec82d6dbb43d55732f2c9)
@@ -1,6 +1,6 @@
 <div class="row">
     <div class="col-lg-12 col-layer">
-        <section class="widget">
+        <section class="widget" style="padding-bottom: 0px">
             <header>
                 <h4>
 				<span   class="font13"
@@ -60,7 +60,13 @@
                     </div>
                 </blockquote>
                 <div class="row">
-
+                    <div
+                            class="col-lg-12 col-layer"
+                            id="notifyNoVersion" style="margin-bottom: 10px">
+                        <section class="widget" style="text-align: center; color: #e49400; margin-bottom: 10px">
+                            제품 선택 후 대시보드가 로드됩니다.
+                        </section>
+                    </div>
                     <div class="col-md-3">
                         <section class="widget dashboard-top-section">
                             <header style="margin-bottom: 20px">
@@ -255,409 +261,368 @@
 </div>
 
 <div class="row">
-    <div
-            class="col-lg-12 col-layer"
-            id="notifyNoVersion"
-            >
-        <section class="widget" style="text-align: center; color: #e49400; margin-bottom: 10px">
-<!--            <div class="body" >-->
-                제품 선택 후 대시보드가 로드됩니다.
-<!--            </div>-->
-        </section>
-    </div>
-</div>
-
-<div class="row">
-    <div class="card card-widget widget-user">
-        <div class="row">
-            <div class="widget-user-header text-white">
-                <div class="col-lg-6 col-layer">
-                    <section class="widget">
-                        <header>
-                            <h4>
-                                <span   class="font13"
-                                        style="font-weight: bold">
-                                    <i class="fa fa-sort-amount-asc"></i>
-                                    제품(서비스) 버전별 진행 현황
-                                </span>
-                            </h4>
-                            <div class="widget-controls">
-                                <a  data-widgster="toleft"
-                                    title="change width to left"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-left"></i>
-                                </a>
-                                <a  data-widgster="expand"
-                                    title="Expand"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-up"></i>
-                                </a>
-                                <a  data-widgster="collapse"
-                                    title="Collapse"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-down"></i>
-                                </a>
-                                <a  data-widgster="toright"
-                                    title="change width to right"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-right"></i>
-                                </a>
-                                <a  data-widgster="restore"
-                                    title="Restore"
-                                    href="#">
-                                    <span class="glyphicon glyphicon-repeat"></span>
-                                </a>
-                                <a  data-widgster="fullscreen"
-                                    title="Fullscreen"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-fullscreen"
-                                       style="font-size: 11px">
-                                    </i>
-                                </a>
-                            </div>
-                        </header>
-                        <div class="body">
-                            <div class="gradient_middle_border" style="width: 100%; height: 2px"></div>
-<!--                            <blockquote class="font13"
-                                        style="margin-top: 5px;">
-                                프로덕트의 요구사항 해결 추이
-                                <div style="float: right;">
-                                    <button class="btn btn-transparent btn-xs"
-                                            style="margin-top: -3px; color: #acacac; background: rgba(51,51,51,.2); padding: 1px 9px;"
-                                            onclick="window.open('docs/guide.html#requirement_regist_inquiry')">
-                                        Help
-                                        <i  class="fa fa-question"
-                                            style="font-size: 14px; vertical-align: middle; color: #acacac"></i>
-                                    </button>
-                                </div>
-                            </blockquote>-->
-                            <div class="row">
-                                <div class="col-lg-4 col-layer" style="padding-right: 4px !important;">
-                                    <section class="widget large">
-                                        <header>
-                                            <h4>
-                                                <span
-                                                        class="font13"
-                                                        style="font-weight: bold">
-                                                    <i class="fa fa-tasks"></i>
-                                                    버전별 기한 중 현 시점
-                                                </span>
-                                            </h4>
-                                        </header>
+    <div class="col-lg-6 col-layer">
+        <section class="widget">
+            <header>
+                <h4>
+                    <span   class="font13"
+                            style="font-weight: bold">
+                        <i class="fa fa-sort-amount-asc"></i>
+                        제품(서비스) 버전별 진행 현황
+                    </span>
+                </h4>
+                <div class="widget-controls">
+                    <a  data-widgster="toleft"
+                        title="change width to left"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-left"></i>
+                    </a>
+                    <a  data-widgster="expand"
+                        title="Expand"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-up"></i>
+                    </a>
+                    <a  data-widgster="collapse"
+                        title="Collapse"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-down"></i>
+                    </a>
+                    <a  data-widgster="toright"
+                        title="change width to right"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-right"></i>
+                    </a>
+                    <a  data-widgster="restore"
+                        title="Restore"
+                        href="#">
+                        <span class="glyphicon glyphicon-repeat"></span>
+                    </a>
+                    <a  data-widgster="fullscreen"
+                        title="Fullscreen"
+                        href="#">
+                        <i class="glyphicon glyphicon-fullscreen"
+                           style="font-size: 11px">
+                        </i>
+                    </a>
+                </div>
+            </header>
+            <div class="body">
+                <div class="gradient_middle_border" style="width: 100%; height: 2px"></div>
+                <div class="row">
+                    <div class="col-lg-4 col-layer" style="padding-right: 4px !important;">
+                        <section class="widget large">
+                            <header>
+                                <h4>
+                                    <span
+                                            class="font13"
+                                            style="font-weight: bold">
+                                        <i class="fa fa-tasks"></i>
+                                        버전별 기한 중 현 시점
+                                    </span>
+                                </h4>
+                            </header>
+                            <div
+                                    class="body"
+                                    id="project-progress-wrapper">
+                                <div style="display: flex; flex-direction: row; height: 42%; justify-content: space-between">
+                                    <div
+                                            id="project-start"
+                                            class="box col-md-6 fade-in-box"
+                                            style="width: 47%; position: relative; display: none">
+                                        <span>시작일로부터</span>
+                                        <br />
+                                        <span
+                                                class="project-date"
+                                                id="fastestStartDate"></span>
                                         <div
-                                                class="body"
-                                                id="project-progress-wrapper">
-                                            <div style="display: flex; flex-direction: row; height: 42%; justify-content: space-between">
-                                                <div
-                                                        id="project-start"
-                                                        class="box col-md-6 fade-in-box"
-                                                        style="width: 47%; position: relative; display: none">
-                                                    <span>시작일로부터</span>
-                                                    <br />
-                                                    <span
-                                                            class="project-date"
-                                                            id="fastestStartDate"></span>
-                                                    <div
-                                                            class="day-progress"
-                                                            id="startDDay"></div>
-                                                </div>
-                                                <div
-                                                        id="project-end"
-                                                        class="box col-sm-6 fade-in-box"
-                                                        style="width: 47%; position: relative; display: none">
-                                                    <span>종료일까지</span>
-                                                    <br />
-                                                    <span
-                                                            class="project-date"
-                                                            id="latestEndDate"></span>
-                                                    <div
-                                                            class="day-progress"
-                                                            id="endDDay"></div>
-                                                </div>
-                                            </div>
-                                            <div id="versionGaugeChart"></div>
-                                        </div>
-                                    </section>
-                                </div>
-                                <div class="col-lg-8" style="padding-left: 0px !important;">
-                                    <section class="widget large">
-                                        <header>
-                                            <h4>
-                                                <span
-                                                        class="font13"
-                                                        style="font-weight: bold">
-                                                    <i class="fa fa-tasks"></i>
-                                                    제품(서비스) 버전별 타임라인
-                                                </span>
-                                            </h4>
-                                        </header>
+                                                class="day-progress"
+                                                id="startDDay"></div>
+                                    </div>
+                                    <div
+                                            id="project-end"
+                                            class="box col-sm-6 fade-in-box"
+                                            style="width: 47%; position: relative; display: none">
+                                        <span>종료일까지</span>
+                                        <br />
+                                        <span
+                                                class="project-date"
+                                                id="latestEndDate"></span>
                                         <div
-                                                class="body"
-                                                id="version-timeline-wrapper">
+                                                class="day-progress"
+                                                id="endDDay"></div>
+                                    </div>
+                                </div>
+                                <div id="versionGaugeChart"></div>
+                            </div>
+                        </section>
+                    </div>
+                    <div class="col-lg-8" style="padding-left: 0px !important;">
+                        <section class="widget large">
+                            <header>
+                                <h4>
+                                    <span
+                                            class="font13"
+                                            style="font-weight: bold">
+                                        <i class="fa fa-tasks"></i>
+                                        제품(서비스) 버전별 타임라인
+                                    </span>
+                                </h4>
+                            </header>
+                            <div
+                                    class="body"
+                                    id="version-timeline-wrapper">
 <!--                                            <div-->
 <!--                                                        class="box"-->
 <!--                                                        id="notifyNoVersion2"-->
 <!--                                                        style="width: 100%; text-align: center; color: #e49400">-->
 <!--                                                    현재 선택된 제품이 없습니다.-->
 <!--                                            </div>-->
-                                            <div id="version-timeline-bar" class="time_element"></div>
-                                        </div>
-                                    </section>
-                                </div>
+                                <div id="version-timeline-bar" class="time_element"></div>
                             </div>
-                        </div>
-                    </section>
+                        </section>
+                    </div>
                 </div>
-                <div class="col-lg-6 col-layer">
-                    <section class="widget">
-                        <header>
-                            <h4>
-				<span   class="font13"
-                        style="font-weight: bold">
-					<i class="fa fa-sort-amount-asc"></i>
-					프로덕트의 요구사항 해결 추이
-				</span>
-                            </h4>
-                            <div class="widget-controls">
-                                <a  data-widgster="toleft"
-                                    title="change width to left"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-left"></i>
-                                </a>
-                                <a  data-widgster="expand"
-                                    title="Expand"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-up"></i>
-                                </a>
-                                <a  data-widgster="collapse"
-                                    title="Collapse"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-down"></i>
-                                </a>
-                                <a  data-widgster="toright"
-                                    title="change width to right"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-right"></i>
-                                </a>
-                                <a  data-widgster="restore"
-                                    title="Restore"
-                                    href="#">
-                                    <span class="glyphicon glyphicon-repeat"></span>
-                                </a>
-                                <a  data-widgster="fullscreen"
-                                    title="Fullscreen"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-fullscreen"
-                                       style="font-size: 11px">
-                                    </i>
-                                </a>
-                            </div>
-                        </header>
-                        <div class="body">
-<!--                            <div class="gradient_middle_border" style="width: 100%; height: 2px"></div>-->
-<!--                            <blockquote class="font13"-->
-<!--                                        style="margin-top: 5px;">-->
-<!--                                프로덕트의 요구사항 해결 추이-->
-<!--                                <div style="float: right;">-->
-<!--                                    <button class="btn btn-transparent btn-xs"-->
-<!--                                            style="margin-top: -3px; color: #acacac; background: rgba(51,51,51,.2); padding: 1px 9px;"-->
-<!--                                            onclick="window.open('docs/guide.html#requirement_regist_inquiry')">-->
-<!--                                        Help-->
-<!--                                        <i  class="fa fa-question"-->
-<!--                                            style="font-size: 14px; vertical-align: middle; color: #acacac"></i>-->
-<!--                                    </button>-->
-<!--                                </div>-->
-<!--                            </blockquote>-->
-                            <div class="row">
-                                <div class="col-md-6 col-layer">
-                                    <section class="widget">
-                                        <header>
-                                            <h4>
-                                                <span
-                                                        class="font13"
-                                                        style="font-weight: bold">
-                                                    <i class="fa fa-tasks"></i>
-                                                    제품별 버전 및 작업자
-                                                </span>
-                                            </h4>
-                                        </header>
-                                    <div class="body" id="chart-product-manpower" style="height: 286px">
-                                    </div>
-                                    </section>
-                                </div>
-                                <div class="col-md-6 col-layer">
-                                    <section class="widget">
-                                        <header>
-                                            <h4>
-                                                <span
-                                                        class="font13"
-                                                        style="font-weight: bold">
-                                                    <i class="fa fa-tasks"></i>
-                                                    작업자별 요구사항 관여
-                                                </span>
-                                            </h4>
-                                        </header>
-                                    <div class="body" id="chart-manpower-requirement" style="height: 286px">
-                                    </div>
-                                    </section>
-                                </div>
-                            </div>
+            </div>
+        </section>
+    </div>
+    <div class="col-lg-6 col-layer">
+        <section class="widget">
+            <header>
+                <h4>
+                    <span   class="font13"
+                            style="font-weight: bold">
+                        <i class="fa fa-sort-amount-asc"></i>
+                        프로덕트의 요구사항 해결 추이
+                    </span>
+                </h4>
+                <div class="widget-controls">
+                    <a  data-widgster="toleft"
+                        title="change width to left"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-left"></i>
+                    </a>
+                    <a  data-widgster="expand"
+                        title="Expand"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-up"></i>
+                    </a>
+                    <a  data-widgster="collapse"
+                        title="Collapse"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-down"></i>
+                    </a>
+                    <a  data-widgster="toright"
+                        title="change width to right"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-right"></i>
+                    </a>
+                    <a  data-widgster="restore"
+                        title="Restore"
+                        href="#">
+                        <span class="glyphicon glyphicon-repeat"></span>
+                    </a>
+                    <a  data-widgster="fullscreen"
+                        title="Fullscreen"
+                        href="#">
+                        <i class="glyphicon glyphicon-fullscreen"
+                           style="font-size: 11px">
+                        </i>
+                    </a>
+                </div>
+            </header>
+            <div class="body">
+                <div class="row">
+                    <div class="col-md-6 col-layer">
+                        <section class="widget">
+                            <header>
+                                <h4>
+                                    <span
+                                            class="font13"
+                                            style="font-weight: bold">
+                                        <i class="fa fa-tasks"></i>
+                                        제품별 버전 및 작업자
+                                    </span>
+                                </h4>
+                            </header>
+                        <div class="body" id="chart-product-manpower" style="height: 286px">
                         </div>
-                    </section>
+                        </section>
+                    </div>
+                    <div class="col-md-6 col-layer">
+                        <section class="widget">
+                            <header>
+                                <h4>
+                                    <span
+                                            class="font13"
+                                            style="font-weight: bold">
+                                        <i class="fa fa-tasks"></i>
+                                        작업자별 요구사항 관여
+                                    </span>
+                                </h4>
+                            </header>
+                        <div class="body" id="chart-manpower-requirement" style="height: 286px">
+                        </div>
+                        </section>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="row">
-            <div class="widget-user-header text-white">
-                <div class="col-lg-6 col-layer">
-                    <section class="widget">
-                        <header>
-                            <h4>
+        </section>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-lg-6 col-layer">
+        <section class="widget">
+            <header>
+                <h4>
                     <span   class="font13"
                             style="font-weight: bold">
                         <i class="fa fa-sort-amount-asc"></i>
                         Product Overview
                     </span>
-                            </h4>
-                            <div class="widget-controls">
-                                <a  data-widgster="toleft"
-                                    title="change width to left"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-left"></i>
-                                </a>
-                                <a  data-widgster="expand"
-                                    title="Expand"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-up"></i>
-                                </a>
-                                <a  data-widgster="collapse"
-                                    title="Collapse"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-down"></i>
-                                </a>
-                                <a  data-widgster="toright"
-                                    title="change width to right"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-right"></i>
-                                </a>
-                                <a  data-widgster="restore"
-                                    title="Restore"
-                                    href="#">
-                                    <span class="glyphicon glyphicon-repeat"></span>
-                                </a>
-                                <a  data-widgster="fullscreen"
-                                    title="Fullscreen"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-fullscreen"
-                                       style="font-size: 11px">
-                                    </i>
-                                </a>
-                            </div>
-                        </header>
-                        <div class="body">
-                            <div class="row">
-                                <div class="col-lg-4">
-                                    <section class="widget large">
-                                        <header>
-                                            <h4><i class="fa fa-pie-chart"></i> 제품의 이슈 상태 현황 </h4>
-                                        </header>
-                                        <div class="body" id="donut-chart"></div>
-                                    </section>
-                                </div>
-                                <div class="col-lg-8">
-                                    <section class="widget large">
-                                        <header>
-                                            <h4><i class="fa fa-bar-chart"></i> 주 별 제품의 요구사항 및 이슈 상태 누적 현황 </h4>
-                                        </header>
-                                        <div class="body" id="combination-chart"></div>
-                                    </section>
-                                </div>
-                            </div>
-                        </div>
-                    </section>
+                </h4>
+                <div class="widget-controls">
+                    <a  data-widgster="toleft"
+                        title="change width to left"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-left"></i>
+                    </a>
+                    <a  data-widgster="expand"
+                        title="Expand"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-up"></i>
+                    </a>
+                    <a  data-widgster="collapse"
+                        title="Collapse"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-down"></i>
+                    </a>
+                    <a  data-widgster="toright"
+                        title="change width to right"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-right"></i>
+                    </a>
+                    <a  data-widgster="restore"
+                        title="Restore"
+                        href="#">
+                        <span class="glyphicon glyphicon-repeat"></span>
+                    </a>
+                    <a  data-widgster="fullscreen"
+                        title="Fullscreen"
+                        href="#">
+                        <i class="glyphicon glyphicon-fullscreen"
+                           style="font-size: 11px">
+                        </i>
+                    </a>
                 </div>
-                <div class="col-lg-6 col-layer">
-                    <section class="widget">
-                        <header>
-                            <h4>
+            </header>
+            <div class="body">
+                <div class="row">
+                    <div class="col-lg-4">
+                        <section class="widget large">
+                            <header>
+                                <h4><i class="fa fa-pie-chart"></i> 제품의 이슈 상태 현황 </h4>
+                            </header>
+                            <div class="body" id="donut-chart"></div>
+                        </section>
+                    </div>
+                    <div class="col-lg-8">
+                        <section class="widget large">
+                            <header>
+                                <h4><i class="fa fa-bar-chart"></i> 주 별 제품의 요구사항 및 이슈 상태 누적 현황 </h4>
+                            </header>
+                            <div class="body" id="combination-chart"></div>
+                        </section>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+    <div class="col-lg-6 col-layer">
+        <section class="widget">
+            <header>
+                <h4>
                     <span   class="font13"
                             style="font-weight: bold">
                         <i class="fa fa-sort-amount-asc"></i>
                         Product Overview
                     </span>
-                            </h4>
-                            <div class="widget-controls">
-                                <a  data-widgster="toleft"
-                                    title="change width to left"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-left"></i>
-                                </a>
-                                <a  data-widgster="expand"
-                                    title="Expand"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-up"></i>
-                                </a>
-                                <a  data-widgster="collapse"
-                                    title="Collapse"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-down"></i>
-                                </a>
-                                <a  data-widgster="toright"
-                                    title="change width to right"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-chevron-right"></i>
-                                </a>
-                                <a  data-widgster="restore"
-                                    title="Restore"
-                                    href="#">
-                                    <span class="glyphicon glyphicon-repeat"></span>
-                                </a>
-                                <a  data-widgster="fullscreen"
-                                    title="Fullscreen"
-                                    href="#">
-                                    <i class="glyphicon glyphicon-fullscreen"
-                                       style="font-size: 11px">
-                                    </i>
-                                </a>
+                </h4>
+                <div class="widget-controls">
+                    <a  data-widgster="toleft"
+                        title="change width to left"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-left"></i>
+                    </a>
+                    <a  data-widgster="expand"
+                        title="Expand"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-up"></i>
+                    </a>
+                    <a  data-widgster="collapse"
+                        title="Collapse"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-down"></i>
+                    </a>
+                    <a  data-widgster="toright"
+                        title="change width to right"
+                        href="#">
+                        <i class="glyphicon glyphicon-chevron-right"></i>
+                    </a>
+                    <a  data-widgster="restore"
+                        title="Restore"
+                        href="#">
+                        <span class="glyphicon glyphicon-repeat"></span>
+                    </a>
+                    <a  data-widgster="fullscreen"
+                        title="Fullscreen"
+                        href="#">
+                        <i class="glyphicon glyphicon-fullscreen"
+                           style="font-size: 11px">
+                        </i>
+                    </a>
+                </div>
+            </header>
+            <div class="body">
+                <div class="row">
+                    <div class="col-lg-4">
+                        <section class="widget large">
+                            <header>
+                                <h4><i class="fa fa-pie-chart"></i> 투입 인력별 퍼포먼스 </h4>
+                            </header>
+                            <div class="body" id="polar_bar"></div>
+                        </section>
+                    </div>
+                    <div class="col-lg-8">
+                        <section class="widget large">
+                            <header>
+                                <h4><i class="fa fa-bar-chart"></i> 요구사항별 투입 인력 및 상태값 </h4>
+                            </header>
+                            <div class="body">
+                                <table  id="manpowerPerReqTable"
+                                        class="display"
+                                        style="width: 100%; border-top: 1px dashed rgba(51, 51, 51, 0.3)">
+                                </table>
                             </div>
-                        </header>
-                        <div class="body">
-                            <div class="row">
-                                <div class="col-lg-4">
-                                    <section class="widget large">
-                                        <header>
-                                            <h4><i class="fa fa-pie-chart"></i> 투입 인력별 퍼포먼스 </h4>
-                                        </header>
-                                        <div class="body" id="polar_bar"></div>
-                                    </section>
-                                </div>
-                                <div class="col-lg-8">
-                                    <section class="widget large">
-                                        <header>
-                                            <h4><i class="fa fa-bar-chart"></i> 요구사항별 투입 인력 및 상태값 </h4>
-                                        </header>
-                                        <div class="body">
-                                            <table  id="manpowerPerReqTable"
-                                                    class="display"
-                                                    style="width: 100%; border-top: 1px dashed rgba(51, 51, 51, 0.3)">
-                                            </table>
-                                        </div>
-                                    </section>
-                                </div>
-                            </div>
-                        </div>
-                    </section>
+                        </section>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="widget-user-image">
-            <img src="./img/index/str.png" alt="User Avatar">
-        </div>
+        </section>
     </div>
 </div>
 
+<img src="./img/index/str.png" alt="User Avatar" id="quality-img" style="width: 150px; position: absolute; top: 58%; left: 44%;">
 
+
+
 <style>
+    @media (max-width: 1200px) {
+        #quality-img {
+            display: none;
+        }
+    }
+
     .card-widget {
         border: 0;
         position: relative;