Task 4006 online help content

I have reviewed the html pages, structure the folders as per DSE templete, added/changed the figures (where required), removed the unnecessary figures.

org.fortiss.af3.rcp.help/html/layout/stylesheet.css

@@ -72,9 +72,7 @@ body {
   padding-bottom: 15px;
 }
 
-img {
-	margin: 5px 0 5px 0;
-} 
+
 
 @font-face {
     font-family: testfont;
@@ -132,7 +130,7 @@ h1 {
 	color: #192846;
 	font-size: 2.4rem;
 	font-weight: 500;
-	line-height: 2;
+	line-height: 1;
 	margin: 0 0 -20 0;
 	text-align: left;
 	padding: 0;
@@ -240,11 +238,15 @@ h3 {
 /* Hyperlinks */
   a{
     transition: all ease 0.15s;
+    text-decoration: none;
+    
    }
     a:hover {
        color: lightblue;
     }
-
+    a:visited {
+      color: green;
+    }
     a:active {
       text-decoration: underline;
     }
@@ -356,3 +358,98 @@ label.hamburger {
     padding: 14px 16px;
   
 }
+
+
+/* ---adding for getting_started page---*/
+
+#header 
+{ 
+	background: #FFF; 
+	width: 900px;
+	height: 137px;
+	padding: 0;
+	margin:0;
+
+} 
+
+
+
+#mainContent 
+{
+	padding: 0; 
+	background: #FFFFFF;
+	width: 900px;
+	height: 100%;		
+}
+
+.background /*class in inner page maincontent*/
+{
+
+	width: 99%;
+	margin-left: 3px;
+	border: 1px solid #7290AA;
+}
+
+
+
+.mainfeature
+{
+	height: 100%;
+	width: 100%;
+	border: 1px solid #7290AA;
+	margin-top: 4px;
+	border-width: 1px 1px 1px 1px;
+	background-image:url(img/boxback.png);
+	background-repeat: repeat-x; 
+	font-family:Verdana;	
+}
+
+.mainfeature h4
+{
+	font-weight: bold;
+	text-align:center;
+	color: #83A4EA;  
+	margin-top: 0;
+	font-family:Verdana;
+	font-size:12px;
+}
+
+
+* {
+  box-sizing: border-box;
+}
+
+/* Create two equal columns that floats next to each other */
+.column {
+  float: left;
+  width: 50%;
+  padding: 2px;
+  background-color: #004696;
+  
+}
+
+/* Clear floats after the columns */
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.row::before {
+  display: table;
+  clear: both;
+}
+
+#container 
+{
+	width: 900px;
+  height: 100%;
+  top: 0;
+	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
+	text-align: left; /* this overrides the text-align: center on the body element. */
+	border-left: 0px solid #CCC;
+	border-right: 0px solid #CCC;
+	border-bottom: 0px solid #CCC;
+	border-top: 0px solid #CCC;
+	background-image: linear-gradient(#ffffff, #d6d9dd);
+}