mirror of https://github.com/byReqz/byreqz.de.git
189 lines
8.2 KiB
HTML
189 lines
8.2 KiB
HTML
<!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 // about me</title>
|
|
<meta name="description" content="It's about me">
|
|
<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 id="index" style="background-color: #383838; color: #C0C0C0">
|
|
<div class="parallax-container">
|
|
<div class="parallax" style="background: #000428; /* Old Browsers */
|
|
background: -webkit-linear-gradient(bottom right,#000428,#004e92); /*Safari 5.1-6*/
|
|
background: -o-linear-gradient(bottom right,#000428,#004e92); /*Opera 11.1-12*/
|
|
background: -moz-linear-gradient(bottom right,#000428,#004e92); /*Fx 3.6-15*/
|
|
background: linear-gradient(bottom right, #000428, #004e92); /*Standard*/">
|
|
</div>
|
|
<div style="text-align: center;font-size: 150px;margin-top: 100px;color: #CE7E2C;">
|
|
<span>About </span>
|
|
<span style="color: #9A744D;">me</span>
|
|
</div>
|
|
</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 class="fixed-topbar pull--right">
|
|
<div class="social-links" style="margin-right:50px;margin-top:25px;">
|
|
<a href="https://twitter.com/byreqz" target="_blank" ><i class="fa fa-twitter fa-2x" style="color:#fff;" title="Twitter" ></i></a>
|
|
<a href="https://steamcommunity.com/id/byreqz" target="_blank" ><i class="fa fa-steam fa-2x " style="color:#fff;" title="Steam"></i></a>
|
|
<a href="https://discord.gg/3ErKKVV" target="_blank" ><i class="fa fa-discord fa-2x" style="color:#fff;" title="Discord" ></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="side-nav-button">
|
|
<a id="sidebar-nav" class="tooltipped" href="#sidr" 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;" >
|
|
|
|
|
|
<div class="container">
|
|
<div id="main" role="main">
|
|
<section class="content">
|
|
<div class="about_me">
|
|
<h1 >Hi,</h1>
|
|
<p>If you clicked the "About" link, you probably want to know a little more about me. So here we go.</p></br>
|
|
<p>Im currently 17 years old and living in Germany. I <i class="fa fa-heart" style="color:red;font-size:12px;"></i> programming and gaming and im striving to experience the newest innovations. Lately, Im trying to improve my skills in development of websites and building the basics for application development.</p></br>
|
|
<h2>About this Site</h2>
|
|
<p>This is my personal site, here you can find my projects and links to the most important other platforms I use.</p></br>
|
|
<p>Most of the coding work has been done with Atom Editor, some plugins for it, Brave Browser (based on Google Chrome), for debugging and Notepad++ for quick changes.</p></br>
|
|
<p>If you want to know anything else about me or this site, feel free to message me on any of my linked social media or write an email!</p><br />
|
|
<p>Thanks to everyone visiting the site, if you notice a problem or an error, please let me know! <i class="fa fa-thumbs-up" style="color:red"></i></p></br>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer style="background-color: inherit">
|
|
Built with <i class="fa fa-heart" style="color:red;"></i></span>
|
|
</footer>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
setTimeout(function () {
|
|
$('.loader').css({'display':'none'});
|
|
}, 1200);
|
|
})
|
|
</script>
|
|
<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>
|