159 lines
5 KiB
HTML
Executable file
159 lines
5 KiB
HTML
Executable file
<html lang="de">
|
|
<head>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
|
|
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
|
|
crossorigin="anonymous"
|
|
/>
|
|
<link rel="stylesheet" href="dist/style.css"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>ITbyHF | Profilpage</title>
|
|
<meta charset="UTF-8"/>
|
|
<link rel="icon" type="image/png" href="https://cdn.a-hoefler.eu/resources/img/logo-min.png" sizes="1000x1000">
|
|
</head>
|
|
|
|
<body onload="loaded()">
|
|
<div id="loader-wr">
|
|
<div id="loader">
|
|
<p id="loading">Lade</p>
|
|
<div class="loader-spinner spinner-border text-info" id="loading-circle">
|
|
<span class="sr-only"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header" id="header">
|
|
<div class="start-bg-logo">
|
|
<navbarwr id="navbar_wr"></navbarwr>
|
|
<div class="start-bg-text">
|
|
<p>ITbyHF</p>
|
|
</div>
|
|
</div>
|
|
<div class="stage">
|
|
<a id="mouse" href="#intro"></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content" id="content">
|
|
<div id="intro">
|
|
<h1>Über mich</h1>
|
|
<div class="row">
|
|
<img
|
|
src="//cdn.a-hoefler.eu/apps/zj3hnjz38r/Logo.png"
|
|
class="col-xs-10"
|
|
alt="Logo"/>
|
|
<span id="pp-text-intro" class="col-xs-10"></span>
|
|
</div>
|
|
</div>
|
|
<!--END #intro box-->
|
|
|
|
<br/>
|
|
|
|
<div id="skills">
|
|
<h1>Skills</h1>
|
|
<div id="skill-box" class="row"></div>
|
|
</div>
|
|
<!--END #skills-->
|
|
|
|
<br/>
|
|
|
|
<div class="recentPosts">
|
|
<h1>Blog</h1>
|
|
<div id="recentposts-wr" class="row recommended_posts"></div>
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
<div id="contact">
|
|
|
|
<h1>Kontakt</h1>
|
|
<br><br>
|
|
<div class="form-group">
|
|
<label for="contactEmail" class="col-sm-2 control-label">Email</label>
|
|
<div class="col-sm-10">
|
|
<input
|
|
type="email"
|
|
class="form-control"
|
|
id="contactEmail"
|
|
placeholder="max@mustermann.net"
|
|
required
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="contactTitle" class="col-sm-2 control-label">Titel</label>
|
|
<div class="col-sm-10">
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
id="contactTitle"
|
|
placeholder="Sehr wichtig!"
|
|
required
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="contactText" class="col-sm-2 control-label">Text</label>
|
|
<div class="col-sm-10">
|
|
<textarea
|
|
class="form-control"
|
|
rows="5"
|
|
id="contactText"
|
|
placeholder="Lorem labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
|
|
></textarea>
|
|
</div>
|
|
</div>
|
|
<!-- //TODO
|
|
<div class="form-group">
|
|
<label for="contactSendResponse" class="col-sm-2 control-label">Bestätigung senden</label>
|
|
<div class="col-sm-10">
|
|
<label><input type="checkbox" id="contactSendResponse" /></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-2 col-sm-10">
|
|
<button type="submit" class="btn btn-default" id="contactSubmit">Absenden</button>
|
|
</div>
|
|
</div>
|
|
<span id="contactStatus"></span>
|
|
</div>
|
|
<!--END #contact-->
|
|
</div>
|
|
<br/>
|
|
|
|
<div id="bottom"></div>
|
|
|
|
<!-- START Cookie-Alert -->
|
|
<div class="alert text-center cookiealert" role="alert">
|
|
<span>
|
|
🍪 Um die Experience zu verbessern, werden Cookies verwendet.
|
|
</span>
|
|
<a href="https://de.wikipedia.org/wiki/HTTP-Cookie" target="_blank"
|
|
>Mehr</a
|
|
>
|
|
|
|
<button type="button" class="btn btn-primary btn-sm acceptcookies">
|
|
×
|
|
</button>
|
|
</div>
|
|
<!-- END Cookie-Alert -->
|
|
|
|
|
|
<script>
|
|
const page = "start";
|
|
</script>
|
|
<script src="dist/jquery.js"></script>
|
|
<script src="dist/index.js"></script>
|
|
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/cookie.js"></script>
|
|
<script src="https://s3.itbyhf.xyz/cdn/apps/gfdgp3t123d/bootstrap.min.js"></script>
|
|
<style>
|
|
.header, #content,#bottom {
|
|
display: none;
|
|
}
|
|
</style>
|
|
<script src="./templates/loader.js"></script>
|
|
</body>
|
|
</html>
|