2019-10-29 22:26:10 +00:00
|
|
|
<!doctype html>
|
|
|
|
<html lang="en" prefix="og: http://ogp.me/ns#">
|
2016-10-28 17:05:19 +00:00
|
|
|
<head>
|
|
|
|
<title>Samuel Philipp</title>
|
2019-10-29 21:24:46 +00:00
|
|
|
<base href="/">
|
2016-10-28 17:05:19 +00:00
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
2019-10-27 19:35:10 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
2019-10-29 21:24:46 +00:00
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
<meta name="fragment" content="!">
|
|
|
|
<meta name="target" content="all">
|
|
|
|
<meta name="audience" content="all">
|
|
|
|
<meta name="coverage" content="Worldwide">
|
|
|
|
<meta name="distribution" content="Global">
|
|
|
|
<meta name="rating" content="general">
|
2019-12-19 21:14:47 +00:00
|
|
|
<meta name="url" content="https://samuel-philipp.de/">
|
2019-10-29 21:24:46 +00:00
|
|
|
<meta name="subject" content="Samuel Philipp">
|
|
|
|
<meta name="description" content="Samuel Philipp - Software Engineer & Magician">
|
2019-10-27 19:35:10 +00:00
|
|
|
<meta name="author" content="Samuel Philipp">
|
2019-10-29 21:24:46 +00:00
|
|
|
<meta property="og:type" content="website">
|
|
|
|
<meta property="og:locale" content="de">
|
2019-12-19 21:14:47 +00:00
|
|
|
<meta property="og:url" content="https://samuel-philipp.de/">
|
2019-10-29 21:24:46 +00:00
|
|
|
<meta property="og:title" content="Samuel Philipp">
|
|
|
|
<meta property="og:description" content="Samuel Philipp - Software Engineer & Magician">
|
|
|
|
<meta property="og:site_name" content="Samuel Philipp">
|
2019-12-19 21:14:47 +00:00
|
|
|
<meta property="og:image" content="https://samuel-philipp.de/img/samuel-philipp.jpg">
|
2019-10-29 21:24:46 +00:00
|
|
|
<!--<meta property="og:updated_time" content="">-->
|
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
|
|
<meta name="twitter:title" content="Samuel Philipp">
|
|
|
|
<meta name="twitter:description" content="Samuel Philipp - Software Engineer & Magician">
|
2019-12-19 21:14:47 +00:00
|
|
|
<meta name="twitter:image" content="https://samuel-philipp.de/img/samuel-philipp.jpg">
|
2019-10-29 21:24:46 +00:00
|
|
|
<link rel="shortcut icon" href="img/samuel.png">
|
2019-10-27 19:35:10 +00:00
|
|
|
<link rel="stylesheet" href="css/main.min.css">
|
2021-11-05 23:34:00 +00:00
|
|
|
<script async defer data-website-id="594e86a6-02bb-407d-98e0-73e31827a785" data-domains="samuel-philipp.de"
|
|
|
|
src="https://umami.sp-codes.de/umami.js"></script>
|
2016-10-28 17:05:19 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
2021-11-05 23:34:00 +00:00
|
|
|
<header class="vh-100">
|
|
|
|
<div class="overlay"></div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-md-center">
|
|
|
|
<div class="col-md-8 text-center">
|
|
|
|
<div class="d-flex flex-column vh-100 justify-content-center">
|
|
|
|
<img class="profile-thumb mb-4" src="img/samuel.png">
|
|
|
|
<h1>Samuel Philipp</h1>
|
|
|
|
<h3>Full-Stack Developer / SysAdmin / Magician</h3>
|
|
|
|
<ul class="social-icons mt-4">
|
|
|
|
<li><a href="#"><i class="i-envelope i-2x i-fw"></i></a></li>
|
|
|
|
<li><a href="#"><i class="i-matrix i-2x i-fw"></i></a></li>
|
|
|
|
<li><a href="#"><i class="i-mastodon i-2x i-fw"></i></a></li>
|
|
|
|
<li><a href="#"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
|
|
|
|
<li><a href="#"><i class="i-gitea i-2x i-fw"></i></a></li>
|
|
|
|
<li><a href="#"><i class="i-github i-2x i-fw"></i></a></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2021-05-29 18:42:05 +00:00
|
|
|
</div>
|
2021-11-05 23:34:00 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<section id="about">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-md-center">
|
|
|
|
<div class="col-md-8 text-center heading">
|
|
|
|
<h1>About Me</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4">
|
|
|
|
<ul class="info">
|
|
|
|
<li><span class="first-block">Full Name:</span><span class="second-block">Louie Jie Mahusay</span>
|
|
|
|
</li>
|
|
|
|
<li><span class="first-block">Phone:</span><span class="second-block">+ 1235 2355 98</span></li>
|
|
|
|
<li><span class="first-block">Email:</span><span class="second-block">info@yoursite.com</span></li>
|
|
|
|
<li><span class="first-block">Website:</span><span class="second-block">www.yoursite.com</span></li>
|
|
|
|
<li><span class="first-block">Address:</span><span class="second-block">198 West 21th Street, Suite 721 New York NY 10016</span>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-8">
|
|
|
|
<h2>Hello There!</h2>
|
|
|
|
<p>There live the blind texts far from the countries Vokalia and Consonantia, there live the blind
|
|
|
|
texts. Separated they live in bookmarksgrove there live the blind texts far from the countries.</p>
|
|
|
|
<p>Far far away, behind the word mountains, Quos quia provident consequuntur culpa facere ratione maxime
|
|
|
|
commodi voluptates id repellat velit eaque aspernatur expedita. Possimus itaque adipisci there live
|
|
|
|
the blind texts from the countries Vokalia and Consonantia, there live the blind texts. Quos quia
|
|
|
|
provident consequuntur culpa facere ratione maxime commodi voluptates id repellat velit eaque
|
|
|
|
aspernatur expedita. Possimus itaque adipisci.</p>
|
|
|
|
<ul class="social-icons mt-4">
|
|
|
|
<li><a href="#"><i class="i-envelope i-2x i-fw"></i></a></li>
|
|
|
|
<li><a href="#"><i class="i-matrix i-2x i-fw"></i></a></li>
|
|
|
|
<li><a href="#"><i class="i-mastodon i-2x i-fw"></i></a></li>
|
|
|
|
<li><a href="#"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
|
|
|
|
<li><a href="#"><i class="i-gitea i-2x i-fw"></i></a></li>
|
|
|
|
<li><a href="#"><i class="i-github i-2x i-fw"></i></a></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section id="resume">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-md-center">
|
|
|
|
<div class="col-md-8 text-center heading">
|
|
|
|
<h1>My Resume</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<ul class="timeline">
|
|
|
|
<li class="timeline-heading text-center">
|
|
|
|
<div><h3>Work Experience</h3></div>
|
|
|
|
</li>
|
|
|
|
<li class="timeline-inverted">
|
|
|
|
<div class="timeline-badge"><i class="icon-suitcase"></i></div>
|
|
|
|
<div class="timeline-panel">
|
|
|
|
<div class="timeline-heading">
|
|
|
|
<h3 class="timeline-title">Software Engineer</h3>
|
|
|
|
<span class="company">AV-TEST GmbH - Jan. 2018 - present</span>
|
|
|
|
</div>
|
|
|
|
<div class="timeline-body">
|
|
|
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and
|
|
|
|
Consonantia, there live the blind texts.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="timeline-unverted">
|
|
|
|
<div class="timeline-badge"><i class="icon-suitcase"></i></div>
|
|
|
|
<div class="timeline-panel">
|
|
|
|
<div class="timeline-heading">
|
|
|
|
<h3 class="timeline-title">Software Engineer</h3>
|
|
|
|
<span class="company">Fiducia & GAD IT AG - Oct. 2017 - Dec. 2018</span>
|
|
|
|
</div>
|
|
|
|
<div class="timeline-body">
|
|
|
|
<p>Far far away, behind the word mountains, they live in Bookmarksgrove right at the
|
|
|
|
coast of the Semantics, a large language ocean.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="timeline-inverted">
|
|
|
|
<div class="timeline-badge"><i class="icon-suitcase"></i></div>
|
|
|
|
<div class="timeline-panel">
|
|
|
|
<div class="timeline-heading">
|
|
|
|
<h3 class="timeline-title">Dual Student Applied Computer Science</h3>
|
|
|
|
<span class="company">Fiducia & GAD IT AG - Sept. 2014 - Sept. 2017</span>
|
|
|
|
</div>
|
|
|
|
<div class="timeline-body">
|
|
|
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and
|
|
|
|
Consonantia, there live the blind texts.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<br>
|
|
|
|
<li class="timeline-heading text-center">
|
|
|
|
<div><h3>Education</h3></div>
|
|
|
|
</li>
|
|
|
|
<li class="timeline-unverted">
|
|
|
|
<div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
|
|
|
|
<div class="timeline-panel">
|
|
|
|
<div class="timeline-heading">
|
|
|
|
<h3 class="timeline-title">Master of Engineering</h3>
|
|
|
|
<span class="company">Wismar University - Sept. 2018 - June 2021</span>
|
|
|
|
</div>
|
|
|
|
<div class="timeline-body">
|
|
|
|
<p>Far far away, behind the word mountains, they live in Bookmarksgrove right at the
|
|
|
|
coast of the Semantics, a large language ocean.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="timeline-inverted">
|
|
|
|
<div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
|
|
|
|
<div class="timeline-panel">
|
|
|
|
<div class="timeline-heading">
|
|
|
|
<h3 class="timeline-title">Bachelor of Science</h3>
|
|
|
|
<span class="company">Baden-Württemberg Cooperative State University - Oct. 2014 - Sept. 2017</span>
|
|
|
|
</div>
|
|
|
|
<div class="timeline-body">
|
|
|
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and
|
|
|
|
Consonantia, there live the blind texts.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="timeline-unverted">
|
|
|
|
<div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
|
|
|
|
<div class="timeline-panel">
|
|
|
|
<div class="timeline-heading">
|
|
|
|
<h3 class="timeline-title">Abitur (A-Level)</h3>
|
|
|
|
<span class="company">Albert-Einstein School - Sept. 2011 - June 2014</span>
|
|
|
|
</div>
|
|
|
|
<div class="timeline-body">
|
|
|
|
<p>Far far away, behind the word mountains, they live in Bookmarksgrove right at the
|
|
|
|
coast of the Semantics, a large language ocean.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section id="services" class="bg-primary">
|
|
|
|
<div class="container">
|
|
|
|
<div class="services-padding">
|
|
|
|
<div class="row justify-content-md-center">
|
|
|
|
<div class="col-md-8 text-center heading">
|
|
|
|
<h1>My Services</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 text-center">
|
|
|
|
<div class="feature-left">
|
|
|
|
<span class="icon">
|
|
|
|
<i class="icon-paintbrush"></i>
|
|
|
|
</span>
|
|
|
|
<div class="feature-copy">
|
|
|
|
<h3>Web Design</h3>
|
|
|
|
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-4 text-center">
|
|
|
|
<div class="feature-left">
|
|
|
|
<span class="icon">
|
|
|
|
<i class="icon-briefcase"></i>
|
|
|
|
</span>
|
|
|
|
<div class="feature-copy">
|
|
|
|
<h3>Branding</h3>
|
|
|
|
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 text-center">
|
|
|
|
<div class="feature-left">
|
|
|
|
<span class="icon">
|
|
|
|
<i class="icon-search"></i>
|
|
|
|
</span>
|
|
|
|
<div class="feature-copy">
|
|
|
|
<h3>Analytics</h3>
|
|
|
|
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 text-center">
|
|
|
|
|
|
|
|
<div class="feature-left">
|
|
|
|
<span class="icon">
|
|
|
|
<i class="icon-bargraph"></i>
|
|
|
|
</span>
|
|
|
|
<div class="feature-copy">
|
|
|
|
<h3>Web Developent</h3>
|
|
|
|
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-4 text-center">
|
|
|
|
<div class="feature-left">
|
|
|
|
<span class="icon">
|
|
|
|
<i class="icon-genius"></i>
|
|
|
|
</span>
|
|
|
|
<div class="feature-copy">
|
|
|
|
<h3>Web Marketing</h3>
|
|
|
|
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4 text-center">
|
|
|
|
<div class="feature-left">
|
|
|
|
<span class="icon">
|
|
|
|
<i class="icon-chat"></i>
|
|
|
|
</span>
|
|
|
|
<div class="feature-copy">
|
|
|
|
<h3>Support</h3>
|
|
|
|
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section id="skills">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-md-center">
|
|
|
|
<div class="col-md-8 text-center heading">
|
|
|
|
<h1>Skills</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row mb-4">
|
|
|
|
<div class="col-md-3 col-sm-6 col-xs-12 d-flex justify-content-center">
|
|
|
|
<div class="circular">
|
|
|
|
<div class="inner"></div>
|
|
|
|
<div class="number"><strong>Java</strong><span>95%</span></div>
|
|
|
|
<div class="circle">
|
|
|
|
<div class="bar left">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
<div class="bar right">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 col-sm-6 col-xs-12 d-flex justify-content-center">
|
|
|
|
<div class="circular">
|
|
|
|
<div class="inner"></div>
|
|
|
|
<div class="number"><strong>JavaScript</strong><span>93%</span></div>
|
|
|
|
<div class="circle">
|
|
|
|
<div class="bar left">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
<div class="bar right">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 col-sm-6 col-xs-12 d-flex justify-content-center">
|
|
|
|
<div class="circular">
|
|
|
|
<div class="inner"></div>
|
|
|
|
<div class="number"><strong>TypeScript</strong><span>90%</span></div>
|
|
|
|
<div class="circle">
|
|
|
|
<div class="bar left">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
<div class="bar right">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 col-sm-6 col-xs-12 d-flex justify-content-center">
|
|
|
|
<div class="circular">
|
|
|
|
<div class="inner"></div>
|
|
|
|
<div class="number"><strong>Python</strong><span>90%</span></div>
|
|
|
|
<div class="circle">
|
|
|
|
<div class="bar left">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
<div class="bar right">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-3 col-sm-6 col-xs-12 d-flex justify-content-center">
|
|
|
|
<div class="circular">
|
|
|
|
<div class="inner"></div>
|
|
|
|
<div class="number"><strong>HTML</strong><span>89%</span></div>
|
|
|
|
<div class="circle">
|
|
|
|
<div class="bar left">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
<div class="bar right">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 col-sm-6 col-xs-12 d-flex justify-content-center">
|
|
|
|
<div class="circular">
|
|
|
|
<div class="inner"></div>
|
|
|
|
<div class="number"><strong>CSS</strong><span>85%</span></div>
|
|
|
|
<div class="circle">
|
|
|
|
<div class="bar left">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
<div class="bar right">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 col-sm-6 col-xs-12 d-flex justify-content-center">
|
|
|
|
<div class="circular">
|
|
|
|
<div class="inner"></div>
|
|
|
|
<div class="number"><strong>SQL</strong><span>90%</span></div>
|
|
|
|
<div class="circle">
|
|
|
|
<div class="bar left">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
<div class="bar right">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 col-sm-6 col-xs-12 d-flex justify-content-center">
|
|
|
|
<div class="circular">
|
|
|
|
<div class="inner"></div>
|
|
|
|
<div class="number"><strong>Bash</strong><span>85%</span></div>
|
|
|
|
<div class="circle">
|
|
|
|
<div class="bar left">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
<div class="bar right">
|
|
|
|
<div class="progress"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-05-29 18:42:05 +00:00
|
|
|
</div>
|
2020-07-30 21:49:13 +00:00
|
|
|
</div>
|
2021-11-05 23:34:00 +00:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="progress-wrap">
|
|
|
|
<h3><span class="name-left">Docker</span><span class="float-right">95%</span></h3>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar" style="width:95%">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress-wrap">
|
|
|
|
<h3><span class="name-left">Git</span><span class="float-right">90%</span></h3>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-2 progress-bar-striped active" role="progressbar"
|
|
|
|
aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width:90%">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress-wrap">
|
|
|
|
<h3><span class="name-left">Intellij IDEA</span><span class="float-right">80%</span></h3>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-3 progress-bar-striped active" role="progressbar"
|
|
|
|
aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress-wrap">
|
|
|
|
<h3><span class="name-left">Node.js</span><span class="float-right">85%</span></h3>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-4 progress-bar-striped active" role="progressbar"
|
|
|
|
aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width:85%">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-07-30 20:03:29 +00:00
|
|
|
</div>
|
2021-11-05 23:34:00 +00:00
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="progress-wrap">
|
|
|
|
<h3><span class="name-left">Spring Framework</span><span class="float-right">100%</span></h3>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-5 progress-bar-striped active" role="progressbar"
|
|
|
|
aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress-wrap">
|
|
|
|
<h3><span class="name-left">Angular</span><span class="float-right">70%</span></h3>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="70"
|
|
|
|
aria-valuemin="0" aria-valuemax="100" style="width:70%">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress-wrap">
|
|
|
|
<h3><span class="name-left">CI/CD</span><span class="float-right">85%</span></h3>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-1 progress-bar-striped active" role="progressbar"
|
|
|
|
aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width:85%">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress-wrap">
|
|
|
|
<h3><span class="name-left">tba</span><span class="float-right">75%</span></h3>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-3 progress-bar-striped active" role="progressbar"
|
|
|
|
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width:75%">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section id="interests" class="bg-primary">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-md-center">
|
|
|
|
<div class="col-md-8 text-center heading">
|
|
|
|
<h1>Interests</h1>
|
2020-07-30 20:03:29 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-11-05 23:34:00 +00:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-3 text-center p-3">
|
|
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-1.jpg);">
|
|
|
|
<div class="desc">
|
|
|
|
<h3>Project Name</h3>
|
|
|
|
<span>Illustration</span>
|
|
|
|
</div>
|
2020-07-30 20:03:29 +00:00
|
|
|
</a>
|
2021-11-05 23:34:00 +00:00
|
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center p-3">
|
|
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-2.jpg);">
|
|
|
|
<div class="desc">
|
|
|
|
<h3>Project Name</h3>
|
|
|
|
<span>Brading</span>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center p-3">
|
|
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-3.jpg);">
|
|
|
|
<div class="desc">
|
|
|
|
<h3>Project Name</h3>
|
|
|
|
<span>Illustration</span>
|
|
|
|
</div>
|
2020-07-30 20:03:29 +00:00
|
|
|
</a>
|
2021-11-05 23:34:00 +00:00
|
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center p-3">
|
|
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-4.jpg);">
|
|
|
|
<div class="desc">
|
|
|
|
<h3>Project Name</h3>
|
|
|
|
<span>Design</span>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center p-3">
|
|
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-5.jpg);">
|
|
|
|
<div class="desc">
|
|
|
|
<h3>Project Name</h3>
|
|
|
|
<span>Website</span>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center p-3">
|
|
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-6.jpg);">
|
|
|
|
<div class="desc">
|
|
|
|
<h3>Project Name</h3>
|
|
|
|
<span>Illustration</span>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center p-3">
|
|
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-7.jpg);">
|
|
|
|
<div class="desc">
|
|
|
|
<h3>Project Name</h3>
|
|
|
|
<span>Brading</span>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center p-3">
|
|
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-8.jpg);">
|
|
|
|
<div class="desc">
|
|
|
|
<h3>Project Name</h3>
|
|
|
|
<span>Illustration</span>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
2020-07-30 20:03:29 +00:00
|
|
|
</div>
|
2016-11-22 23:56:21 +00:00
|
|
|
</div>
|
2021-11-05 23:34:00 +00:00
|
|
|
</section>
|
|
|
|
<section id="contact" class="p-0 d-flex">
|
|
|
|
<div class="video fh5co-video" style="background-image: url(img/sp-magic.png);">
|
|
|
|
<div class="overlay"></div>
|
|
|
|
</div>
|
|
|
|
<div class="choose">
|
|
|
|
<h2>Contact</h2>
|
|
|
|
<form action="#">
|
|
|
|
<div class="row form-group">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<input type="text" id="name" class="form-control" placeholder="Your name">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row form-group">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<input type="text" id="email" class="form-control" placeholder="Your email address">
|
|
|
|
</div>
|
2020-07-30 20:03:29 +00:00
|
|
|
</div>
|
2021-11-05 23:34:00 +00:00
|
|
|
|
|
|
|
<div class="row form-group">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<textarea name="message" id="message" cols="30" rows="10" class="form-control"
|
|
|
|
placeholder="Say something about us"></textarea>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<input type="submit" value="Send Message" class="btn btn-primary">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<footer id="footer">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="d-flex justify-content-start flex-wrap">
|
|
|
|
<div class="mr-3">Made with <span class="fas fa-heart highlight"></span> in Germany</div>
|
|
|
|
<div class="mr-3"><span class="far fa-copyright mr-2"></span>Samuel Philipp</div>
|
2020-07-30 20:03:29 +00:00
|
|
|
</div>
|
2021-11-05 23:34:00 +00:00
|
|
|
<div class="d-flex justify-content-sm-start flex-wrap">
|
|
|
|
<div class="mr-3"><a href="//sp-codes.de/de/imprint"><span class="fas fa-info-circle mr-2"></span>Imprint</a>
|
|
|
|
</div>
|
|
|
|
<div class="mr-3"><a href="//sp-codes.de/de/privacy"><span class="fas fa-user-secret mr-2"></span>Privacy</a>
|
|
|
|
</div>
|
|
|
|
<div class="mr-3"><a target="_blank" href="https://git.sp-codes.de/samuel-p/samuel-philipp.de"><span
|
|
|
|
class="fas fa-code mr-2"></span>Code</a></div>
|
|
|
|
<div><a target="_blank" href="https://umami.sp-codes.de/share/kBdKS5vR/samuel-philipp.de"><span
|
|
|
|
class="fas fa-chart-line mr-2"></span>Stats</a></div>
|
2020-07-30 20:03:29 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-11-22 23:56:21 +00:00
|
|
|
</div>
|
2021-11-05 23:34:00 +00:00
|
|
|
</footer>
|
2016-10-28 17:05:19 +00:00
|
|
|
</body>
|
2018-10-16 11:32:01 +00:00
|
|
|
</html>
|