experience page
This commit is contained in:
		@@ -1,8 +1,11 @@
 | 
				
			|||||||
#section3{
 | 
					#section3 {
 | 
				
			||||||
    background-color: #53bf65;
 | 
					    background-color: #53bf65;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.content > div {display: none; padding: 20px 25px 5px;}
 | 
					.content > div {
 | 
				
			||||||
 | 
					    display: none;
 | 
				
			||||||
 | 
					    padding: 20px 25px 5px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#tab1:checked ~ .content #content1,
 | 
					#tab1:checked ~ .content #content1,
 | 
				
			||||||
#tab2:checked ~ .content #content2,
 | 
					#tab2:checked ~ .content #content2,
 | 
				
			||||||
@@ -11,34 +14,65 @@
 | 
				
			|||||||
    display: block;
 | 
					    display: block;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.tab{
 | 
					.tab {
 | 
				
			||||||
    display: block;
 | 
					    display: block;
 | 
				
			||||||
    float: left;
 | 
					    float: left;
 | 
				
			||||||
    clear: left;
 | 
					    clear: left;
 | 
				
			||||||
    /*float: left;*/
 | 
					    margin: 0px;
 | 
				
			||||||
    margin-top: 10px;
 | 
					    width: 14%;
 | 
				
			||||||
    width: 10%;
 | 
					    left: 0;
 | 
				
			||||||
    background-color: white;
 | 
					 | 
				
			||||||
    left:0;
 | 
					 | 
				
			||||||
    overflow: hidden;
 | 
					    overflow: hidden;
 | 
				
			||||||
    /*border: 10px;*/
 | 
					
 | 
				
			||||||
 | 
					    margin-right: 6mm;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    border: 6mm solid hsla(0, 100%, 50%, 0);
 | 
				
			||||||
 | 
					    padding-left: 2mm;
 | 
				
			||||||
 | 
					    border-left-color: #357840;
 | 
				
			||||||
 | 
					    transition: border-left-color 500ms;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    border-bottom-right-radius: 5mm;
 | 
				
			||||||
 | 
					    border-top-right-radius: 5mm;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.content{
 | 
					.tab:hover {
 | 
				
			||||||
 | 
					    color: aqua;
 | 
				
			||||||
 | 
					    background-color: #357840;
 | 
				
			||||||
 | 
					    transition: background-color 500ms;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.ratiobtn:checked + .tab {
 | 
				
			||||||
 | 
					    border-left-color: aqua;
 | 
				
			||||||
 | 
					    transition: border-left-color 500ms;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.content {
 | 
				
			||||||
    position: relative;
 | 
					    position: relative;
 | 
				
			||||||
    float: left;
 | 
					    float: left;
 | 
				
			||||||
    width: 80%;
 | 
					    width: 80%;
 | 
				
			||||||
    top: -140px;
 | 
					    top: -200px;
 | 
				
			||||||
 | 
					    height: 260px;
 | 
				
			||||||
 | 
					    background-color: #357840;
 | 
				
			||||||
 | 
					    color: white;
 | 
				
			||||||
 | 
					    border-radius: 5mm;;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#tab4{
 | 
					.ratiobtn {
 | 
				
			||||||
    float: left;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ratiobtn{
 | 
					 | 
				
			||||||
    display: none;
 | 
					    display: none;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#experiencecontentcontainer{
 | 
					#experiencecontentcontainer {
 | 
				
			||||||
    margin-top: 25px;
 | 
					    margin-top: 100px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.experiencetitle{
 | 
				
			||||||
 | 
					    font-size: x-large;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.companyname{
 | 
				
			||||||
 | 
					    color: aqua;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.experienceworktext{
 | 
				
			||||||
 | 
					    margin-top: 5mm;
 | 
				
			||||||
 | 
					    font-size: large;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										69
									
								
								index.html
									
									
									
									
									
								
							
							
						
						
									
										69
									
								
								index.html
									
									
									
									
									
								
							@@ -126,52 +126,65 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
                <div class="content">
 | 
					                <div class="content">
 | 
				
			||||||
                    <div id="content1">
 | 
					                    <div id="content1">
 | 
				
			||||||
                        <div>
 | 
					                        <div class="experiencetitle">
 | 
				
			||||||
                            Engineer @Profactor
 | 
					                            Software engineer <span class="companyname">@Profactor</span>
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                        <div>
 | 
					                        <div>
 | 
				
			||||||
                            research lab
 | 
					                            extramural research institute
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                        <div>
 | 
					                        <div>
 | 
				
			||||||
                            07.2019 – 08.2019
 | 
					                            07.2019 – 08.2019
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                        <p>
 | 
					                        <p class="experienceworktext">
 | 
				
			||||||
                            Development of picture corrections for a surface inspection robot with the help of
 | 
					                            Diploma thesis - "Image correction for surface inspection": Development of picture corrections for a surface inspection robot in C++.
 | 
				
			||||||
                            OpenCV.<br>
 | 
					                            A C++ library was created for equalization of one of the parts picked up by a robot arm.
 | 
				
			||||||
                            außeruniversitäres Forschungsinstitut
 | 
					                            Surface picture Processing using OpenCV and especially the affine transformation.
 | 
				
			||||||
                            ▪ Programmieren von Bildkorrekturen für
 | 
					 | 
				
			||||||
                            Oberflächeninspektionen mithilfe von OpenCV in C++
 | 
					 | 
				
			||||||
                            Diplomarbeit – „Bildkorrektur für Oberflächeninspektion“
 | 
					 | 
				
			||||||
                            ● Entwicklung einer C++ Bibliothek zur Entzerrung
 | 
					 | 
				
			||||||
                            eines von einem Roboterarm aufgenommenen
 | 
					 | 
				
			||||||
                            Oberflächenbildes
 | 
					 | 
				
			||||||
                            ● Bearbeitung mit Hilfe von OpenCV und überwiegend
 | 
					 | 
				
			||||||
                            der Affinen-Transformation
 | 
					 | 
				
			||||||
                        </p>
 | 
					                        </p>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
                    <div id="content2">
 | 
					                    <div id="content2">
 | 
				
			||||||
                        <p>
 | 
					                        <div class="experiencetitle">
 | 
				
			||||||
                            todo
 | 
					                            Electrician <span class="companyname">@SPS Technik</span>
 | 
				
			||||||
                            Automatisierungsprojekte
 | 
					                        </div>
 | 
				
			||||||
                            ▪ Aufbau einer Dichtprüfanlage für BMW Werk Steyr in
 | 
					                        <div>
 | 
				
			||||||
                            Ellwangen/Deutschland
 | 
					                            automation technology
 | 
				
			||||||
 | 
					                        </div>
 | 
				
			||||||
 | 
					                        <div>
 | 
				
			||||||
 | 
					                            08.2017 – 09.2017
 | 
				
			||||||
 | 
					                        </div>
 | 
				
			||||||
 | 
					                        <p class="experienceworktext">
 | 
				
			||||||
 | 
					                            Electronic setup of a leak test system in Ellwangen in Germany for the company BMW Steyr.
 | 
				
			||||||
                        </p>
 | 
					                        </p>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
                    <div id="content3">
 | 
					                    <div id="content3">
 | 
				
			||||||
                        <p>
 | 
					                        <div class="experiencetitle">
 | 
				
			||||||
                            todo außeruniversitäres Forschungsinstitut
 | 
					                            Software and electronics engineer <span class="companyname">@Profactor</span>
 | 
				
			||||||
                            ▪ Aufbauen und Programmieren eines
 | 
					                        </div>
 | 
				
			||||||
                            Oberflächeninspektions-Roboters
 | 
					                        <div>
 | 
				
			||||||
 | 
					                            extramural research institute
 | 
				
			||||||
 | 
					                        </div>
 | 
				
			||||||
 | 
					                        <div>
 | 
				
			||||||
 | 
					                            07.2017 – 08.2017
 | 
				
			||||||
 | 
					                        </div>
 | 
				
			||||||
 | 
					                        <p class="experienceworktext">
 | 
				
			||||||
 | 
					                            Design and programming of a surface inspection robot
 | 
				
			||||||
                        </p>
 | 
					                        </p>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
                    <div id="content4">
 | 
					                    <div id="content4">
 | 
				
			||||||
                        <p>
 | 
					                        <div class="experiencetitle">
 | 
				
			||||||
                            todo Heizung-Lüftung-Klima-Sanitär
 | 
					                            plumber & maintenance worker <span class="companyname">@Klausriegler</span>
 | 
				
			||||||
                            ▪ Mithilfe bei Ölbrenner- und Gasthermenservice
 | 
					                        </div>
 | 
				
			||||||
                            ▪ Mithilfe bei Badsanierung und -installation
 | 
					                        <div>
 | 
				
			||||||
 | 
					                            Heating-Ventilation-Climate-Sanitary
 | 
				
			||||||
 | 
					                        </div>
 | 
				
			||||||
 | 
					                        <div>
 | 
				
			||||||
 | 
					                            07.2016 – 08.2016
 | 
				
			||||||
 | 
					                        </div>
 | 
				
			||||||
 | 
					                        <p class="experienceworktext">
 | 
				
			||||||
 | 
					                            Assistance with oil burner and gas heater service.
 | 
				
			||||||
 | 
					                            Furthermore, assistance with bathroom renovation and installation.
 | 
				
			||||||
                        </p>
 | 
					                        </p>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                </div>
 | 
					                </div>
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user