byreqz
/
byreqz.de
mirror of https://github.com/byReqz/byreqz.de.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
byreqz.de/contact/index.html

179 lines
8.8 KiB
HTML
Raw Blame History

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="">
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
<meta http-equiv="X-UA-Compatible" content="">
<title>byReqz // Contact me</title>
<meta name="description" content="Find me on social networking sites, send me an email">
<meta name="author" content="Nils // byReqz">
<meta http-equiv="Cache-control" content="public">
<meta name="viewport" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
(function () {
var head = document.getElementsByTagName('head')[0];
window.loadCss = function loadCss(href) {
var l = document.createElement('link');
l.rel = 'stylesheet';
l.type = 'text/css';
l.href = href;
head.appendChild(l);
return window;
}
})();
window.loadCss('../media/css/new-site-engine.min.css');
window.loadCss('../media/fork-awesome/css/fork-awesome.min.css');
</script>
<script src="../media/js/new-site-engine.min.js"></script>
</head>
<body style="background: #000428; /* Old Browsers */
background: -webkit-linear-gradient(top right,#000428,#004e92); /*Safari 5.1-6*/
background: -o-linear-gradient(top right,#000428,#004e92); /*Opera 11.1-12*/
background: -moz-linear-gradient(top right,#000428,#004e92); /*Fx 3.6-15*/
background: linear-gradient(top right, #000428, #004e92); /*Standard*/" id="index">
<div class="parallax-container">
<div class="parallax"><img id="slide-image-1" src="../media/img/contact.jpg"></div>
<div class="loader" style="text-align: center;margin-top: 300px;">
<div class="preloader-wrapper big active">
<div class="spinner-layer spinner-blue">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-red">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-yellow">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-green">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
</div>
</div>
<div class="topbar">
</div>
<div class="side-nav-button">
<a id="sidebar-nav" class="tooltipped" href="#side" data-position="right" data-tooltip="Open side navbar">
<i class="fa fa-bars" style="margin-top: 9px;"></i>
</a>
</div>
<div id="sidr" style="display:none;">
<div class="container" style="margin-top:30px;width:90%;">
<div class="slider" style="height: 250px;">
<ul class="slides" style="height: 210px;">
<li>
<img class="circle responsive-img dude-pic" src="../media/img/peepoez1.png">
</li>
<li>
<img class="circle responsive-img dude-pic" src="../media/img/peepobored.gif">
</li>
<li>
<img class="circle responsive-img dude-pic" src="../media/img/stefanraab.jpg">
</li>
</ul>
<div style="text-align:center;">Nils // byReqz</div>
</div>
<div class="" id="social-icons">
<a href="mailto:byreqz@pm.me" target="_blank" ><i class="fa fa-envelope fa-2x " title="Email" ></i></a>
<a href="https://twitter.com/byreqz" target="_blank" ><i class="fa fa-twitter fa-2x " title="Twitter" ></i></a>
<a href="https://steamcommunity.com/id/byreqz" target="_blank" ><i class="fa fa-steam fa-2x " title= "Steam"></i></a>
<a href="https://github.com/byreqz" target="_blank" ><i class="fa fa-github fa-2x " title="Github"></i></a>
</div>
</div>
<div class="side-navbar">
<ul style="margin-top:50px;">
<li><a href="../index.html" class="active"><i class="fa fa-home fa-2x"></i> Home</a></li>
<li><a href="../projects/index.html" class="side--projects"><i class="fa fa-code fa-2x"></i> Projects</a></li>
<li><a href="../about/index.html" class="side--about"><i class="fa fa-child fa-2x"></i> About me</a></li>
<li><a href="../contact/index.html" class="side--contact"><i class="fa fa-send fa-2x"></i> Contact</a></li>
</ul>
</div>
</div>
<div class="all-body-click-region" style="margin-top:-20px; background: #FFF428; /* Old Browsers */
background: -webkit-linear-gradient(top right,#000428,#004e92); /*Safari 5.1-6*/
background: -o-linear-gradient(top right,#000428,#004e92); /*Opera 11.1-12*/
background: -moz-linear-gradient(top right,#000428,#004e92); /*Fx 3.6-15*/
background: linear-gradient(top right, #000428, #004e92); /*Standard*/" >
<div class="container" style="height: 100%; width: 100%;">
<div id="main" role="main">
<section class="content">
<h1 style="text-align:center;color:#666;">Nils // byReqz</h1>
<div style="text-align:center;margin-bottom:5px;">
<a href="https://twitter.com/twitter" target="_blank" class="tooltipped" data-position="bottom" data-tooltip="My Twitter Account"><i class="fa fa-twitter fa-4x" style="color:#1da1f2;"></i></a>
<a href="https://www.steamcommunity.com/id/byreqz" target="_blank" class="tooltipped push--left" data-position="bottom" data-tooltip="My Steam Account"><i class="fa fa-steam fa-4x" style="color:#00adee;"></i></a>
<a href="https://open.spotify.com/user/byreqz" target="_blank" class="tooltipped push--left" data-position="bottom" data-tooltip="What im listening to (just if someone cares)"><i class="fa fa-spotify fa-4x" style="color:#1DB954;"></i></a>
<a href="https://discord.gg/3ErKKVV" target="_blank" class="tooltipped push--left" data-position="bottom" data-tooltip="Join my Discord server!"><i class="fa fa-discord fa-4x" style="color:#7289da;"></i></a>
<a href="mailto:byreqz@pm.me" class="tooltipped push--left" data-position="bottom" data-tooltip="Send me an email!"><i class="fa fa-envelope fa-4x" style="color:#8a90c7;"></i></a>
<a href="https://reddit.com/u/byreqz" class="tooltipped push--left" data-position="bottom" data-tooltip="My reddit account!"><i class="fa fa-reddit fa-4x" style="color:#ff4500;"></i></a>
<a href="https://mastodon.social/@byreqz" class="tooltipped push--left" data-position="bottom" data-tooltip="My favourite alternative blogging Platform!"><i class="fa fa-mastodon fa-4x" style="color:#0099e5;"></i></a>
<a href="https://keybase.io/byreqz" class="tooltipped push--left" data-position="bottom" data-tooltip="Check my keys!"><i class="fa fa-keybase fa-4x" style="color:#f47721;"></i></a>
<a href="https://t.me/byreqz" class="tooltipped push--left" data-position="bottom" data-tooltip="Message me!"><i class="fa fa-telegram fa-4x" style="color:#0088cc;"></i></a>
<a href="https://github.com/byreqz" class="tooltipped push--left" data-position="bottom" data-tooltip="View my code!"><i class="fa fa-github fa-4x" style="color:#333;"></i></a>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <p> </p>
</div>
</section>
</div>
</div>
<footer style="background: transparent">
Built with <i class="fa fa-heart" style="color:red;"></i>
</footer>
</div>
<script>
$(document).ready(function() {
setTimeout(function () {
$('.loader').css({'display':'none'});
}, 1200);
$('.slider').slider({height: 210, indicators: false, transition: 2000, interval: 3000});
$('.tooltipped').tooltip({"delay": 50});
$('.parallax').parallax();
$('#sidebar-nav').sidr();
$('body').on('click', '.all-body-click-region', function() {
$.sidr('close');
});
});
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink