159 lines
7.9 KiB
HTML
159 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<!--[if lt IE 7 ]><html class="ie ie6 no-js" lang="de"> <![endif]-->
|
|
<!--[if IE 7 ]><html class="ie ie7 no-js" lang="de"> <![endif]-->
|
|
<!--[if IE 8 ]><html class="ie ie8 no-js" lang="de"> <![endif]-->
|
|
<!--[if IE 9 ]><html class="ie ie9 no-js" lang="de"> <![endif]-->
|
|
<html lang="de">
|
|
<head>
|
|
|
|
<!--Metadaten-->
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="title" content="Visitenkarte Robert Jeutter">
|
|
<meta name="author" content="Robert Jeutter">
|
|
<meta name="date" content="18-03-2019">
|
|
<meta property="og:locale" content="de_GER" />
|
|
<meta name="keywords" content="Webdesign, Programming">
|
|
<meta name="description" content="Visitenkarte von Robert Jeutter">
|
|
|
|
<!--Website Inhalt-->
|
|
<title>Robert Jeutter - Student, Freelancer, Ingenieur</title>
|
|
|
|
|
|
<!-- FontAwesome --><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
|
|
<link href="index.css" rel="stylesheet">
|
|
<!-- Allow IE to render HTML5 -->
|
|
<!--[if lt IE 9]>
|
|
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
<script src="typing-carousel.js" ></script>
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136461851-1"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'UA-136461851-1');
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<noscript class="jumbotron text-center alert alert-danger" role="alert">Bitte JavaScript für die optimale Darstellung der Webseite aktivieren<br> Please activate JavaScript for best view</noscript>
|
|
|
|
<div class="clear_top">Wish you a lucky Day</div>
|
|
|
|
<div class="card m-auto p-auto bg-info text-white" style="width: 80%; border-radius:20px;">
|
|
<div class="row no-gutters">
|
|
<div class="col-md-2">
|
|
<div class="clear"></div>
|
|
<img src="..." class="card-img" alt="...Coming Soon">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="card-body">
|
|
<h1 class="my-3 card-title text-center">
|
|
<span style="color:#ffffff">R</span>obert
|
|
<span style="color:#ffffff">J</span>eutter</h1>
|
|
|
|
<p class="mb-5 lead text-center">Inventor · Freelancer · Student</p>
|
|
<p class="card-text">Welcome to my Card,<br>
|
|
currently I am studying at <i><a href="http://www.tu-ilmenau.de">Technical University of Ilmenau</a></i> in the fields of Mechatronic and Biomechatronics.<br>
|
|
In addition i am an active member of the <a href="https://www.bi-club.de">student club</a>, <a href="https://ingenieure-ohne-grenzen.org/">Engineers without Borders</a> and a studential Makerspace <a href="http://www.unikat-ilmenau.de">UNIKAT</a>.<br>
|
|
My Hobbies include Programming, building Robots (ever since my <a href="https://www.robocup.org/">RoboCup</a> Qualifications) and Machines.
|
|
</p>
|
|
|
|
<div class="m-auto text-center">
|
|
<ul class="list-inline-item">
|
|
<li class="list-inline-item">
|
|
<a href="mailto:jeutter@rolex-ing.de" target="_blank">
|
|
<span class="fa-stack fa-lg"><i class="fas fa-envelope"></i></span></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="http://www.github.com/wieerwill">
|
|
<span class="fa-stack fa-lg"><i class="fab fa-github"></i></span></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="http://www.rolex-ing.de" target="_blank">
|
|
<span class="fa-stack fa-lg"><i class="fas fa-globe"></i></span></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="http://www.tu-ilmenau.de/unikat" target="_blank">
|
|
<span class="fa-stack fa-lg"><i class="fas fa-graduation-cap"></i></span></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="https://www.udemy.com/user/robert-jeutter/" target="_blank">
|
|
<span class="fa-stack fa-lg"><i class="fas fa-university"></i></span></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h4 class="mt-5 mb-3 text-center">Skills</h4>
|
|
<div class="text-center" id="pro">
|
|
<h5 class="imgcent text-center">Progamming</h5>
|
|
<div class="show_first" id="pro1">
|
|
<p><span class="txt-rotate" data-period="2000"
|
|
data-rotate='[ "C", "C#", "C++", "Python", "Java" ]'></span></p>
|
|
</div>
|
|
<div class="show_hover text-center m-auto" id="pro2">
|
|
<img class="skill mx-1" src="icons/code_c.png" alt="C">
|
|
<img class="skill mx-1" src="icons/code_csharp.png" alt="C#">
|
|
<img class="skill mx-1" src="icons/c++.png" alt="C++">
|
|
<img class="skill mx-1" src="icons/Python.png" alt="Phyton">
|
|
<img class="skill mx-1" src="icons/java.png" alt="Java">
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
|
|
<div class="text-center" id="full">
|
|
<h5 class="imgcent text-center">FullStack WebDev</h5>
|
|
<div class="show_first" id="full1">
|
|
<p><span class="txt-rotate" data-period="2000"
|
|
data-rotate='[ "HTML5", "CSS", "JavaScript", "PHP", "NodeJS", "SQL", "MongoDB" ]'></span></p>
|
|
</div>
|
|
<div class="show_hover text-center m-auto" id="full2">
|
|
<img class="skill mx-1" src="icons/html.png" alt="HTML5">
|
|
<img class="skill mx-1" src="icons/css.png" alt="CSS">
|
|
<img class="skill mx-1" src="icons/javascript.png" alt="JavaScript">
|
|
<img class="skill mx-1" src="icons/php.png" alt="PHP">
|
|
<img class="skill mx-1" src="icons/nodejs.png" alt="NodeJS">
|
|
<img class="skill mx-1" src="icons/sql.png" alt="SQL">
|
|
<img class="skill mx-1" src="icons/mongodb.png" alt="MongoDB">
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
|
|
<div class="text-center" id="cad">
|
|
<h5 class="imgcent text-center">CAD, Graphic & Design</h5>
|
|
<div class="show_first" id="cad1">
|
|
<p><span class="txt-rotate" data-period="2000"
|
|
data-rotate='[ "Inventor", "OpenSCAD", "Photoshop", "Gimp", "Bootstrap" ]'></span></p>
|
|
</div>
|
|
<div class="show_hover text-center m-auto" id="cad2">
|
|
<img class="skill mx-1" src="icons/Inventor.png" alt="Inventor">
|
|
<img class="skill mx-1" src="icons/openscad.png" alt="OpenSCAD">
|
|
<img class="skill mx-1" src="icons/photoshop.png" alt="Photoshop">
|
|
<img class="skill mx-1" src="icons/gimp.png" alt="Gimp">
|
|
<img class="skill mx-1" src="icons/bootstrap.png" alt="Bootstrap">
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
|
|
<p><small class="text-muted text-right">Hover over Items</small></p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html>
|