Update index.html
This commit is contained in:
Robert Jeutter
GitHub
parent
8a3c0ac9e1
commit
9c35d0f6ce
178
index.html
178
index.html
@ -1,50 +1,158 @@
|
||||
<!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>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<title>Robert Jeutter - Student, Freelancer, Ingenieur</title>
|
||||
<meta property="og:locale" content="de_GER" />
|
||||
<meta name="description" content="Robert Jeutter stellt sich vor. Hier findest du die Visitenkarte." />
|
||||
<!-- Bootstrap Include -->
|
||||
<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 rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
|
||||
|
||||
<!--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>
|
||||
|
||||
<section class="resume-section p-3 p-lg-5 d-flex d-column">
|
||||
<div class="mx-auto my-auto px-5 py-3" style="background-color:#7BFFE8; border-radius:20px;">
|
||||
<div>
|
||||
<p class="subheading mt-5 font-weight-light" style="font-size:12px !important;"> Technische Universität Ilmenau</p>
|
||||
<h1 class="my-1">Robert <span style="color:#0600A8">Jeutter</span></h1>
|
||||
<p class="mb-5 lead">Ingenieur · Freelancer · Student</p>
|
||||
<div>
|
||||
<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 social-icons mb-2">
|
||||
<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="https://www.udemy.com/user/robert-jeutter/" target="_blank">
|
||||
<span class="fa-stack fa-lg"><i class="fas fa-graduation-cap"></i></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
</section>
|
||||
</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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user