hP svg1

src/App/App.css

@@ -3713,3 +3713,10 @@ a{
   margin-left: 0 !important;
   padding-left: 10px !important;
 }
+
+.framecycletab{
+  background-color: var(--darkerbeige);
+  padding: 30px 20px;
+  border-radius: 20px;
+  margin-left: 60px;
+}
\ No newline at end of file

src/contents/Human Practices/IHP.tsx

@@ -2,6 +2,7 @@ import { ButtonOne } from "../../components/Buttons";
 import { HPTimeline } from "../../components/HP-timeline";
 import { LoremMedium } from "../../components/Loremipsum";
 import { Section, Subesction } from "../../components/sections";
+import { HPUnderstanding } from "./HP svgs/understanding";
 
 export function HPIntegrated(){
 
@@ -30,7 +31,19 @@ export function HPIntegrated(){
                     <ButtonOne text="Cycle of Reflection" open="refcycle" openclass="framecycletab"></ButtonOne>
                 </div>
             </div>
-            <div className="col framecycletab" id="stakemamange" style={{display: "block"}}>stakemamange </div>
+            <div className="col framecycletab" id="stakemamange" style={{display: "block"}}>
+                <div className="row">
+                    <br/>
+                    <div className="col-4">
+                        <div className="" >
+                            <HPUnderstanding/> 
+                        </div> 
+                    </div>
+                    <div className="col">
+                        hallo
+                    </div>
+                </div>  
+            </div>
             <div className="col framecycletab" id="mendelow" style={{display: "none"}}>mendelow </div>
             <div className="col framecycletab" id="swot" style={{display: "none"}}>