109 lines
4.2 KiB
HTML
109 lines
4.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">
|
|
<link rel="icon" type="image/png" href="favicon.ico">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<title>Katarix's Website</title>
|
|
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
|
|
<!-- Fonts and icons -->
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
|
|
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" />
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
|
|
<!-- CSS Files -->
|
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="assets/css/material-kit.css" rel="stylesheet"/>
|
|
<link href="assets/css/demo.css" rel="stylesheet" />
|
|
<link href="assets/css/contactmodal.css" rel="stylesheet"/>
|
|
</head>
|
|
<body class="index-page">
|
|
<!-- Navbar -->
|
|
<nav class="navbar navbar-transparent navbar-fixed-top navbar-color-on-scroll">
|
|
<!-- Temporary "IN DEVELOPMENT" banner -->
|
|
<div class="alert alert-info">
|
|
<div class="container-fluid">
|
|
<div class="alert-icon">
|
|
<i class="material-icons">info_outline</i>
|
|
</div>
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true"><i class="material-icons">clear</i></span>
|
|
</button>
|
|
<b>Information:</b> This website is in the middle of undergoing MAJOR renovations.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<a href="http://www.creative-tim.com">
|
|
<div class="logo-container">
|
|
<div class="logo">
|
|
<img src="assets/img/logo.png" alt="Katarix Logo" rel="tooltip" title="<b>Welcome to Katarix's website, UI Kit provided by MaterialUI.</b>" data-placement="bottom" data-html="true">
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<ul class="nav navbar-nav navbar-center">
|
|
<li>
|
|
<a href="applications/" target="_blank">
|
|
<i class="material-icons">dashboard</i> Applications
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="about.html" target="_blank">
|
|
<i class="material-icons">dashboard</i> About
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="wrapper">
|
|
<div class="header header-filter" style="background-image: url('assets/img/bg.jpg');">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8 col-md-offset-2">
|
|
<div class="brand">
|
|
<h1>Katarix's Website</h1>
|
|
<h3><i>Home to all my publicly avaliable software and services.</i></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer of frontpage -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="copyright pull-right">
|
|
<p>Software and services provided through Katarix are provided as is and without warranty. If you experience an issue, please post it in the relevant space. Understand though that you use the software and services at your own risk. Please read the TOS & Licensing for any of my products you engage in.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
<!-- Core JS Files -->
|
|
<script src="jquery.js"></script>
|
|
<script src="assets/js/jquery.min.js" type="text/javascript"></script>
|
|
<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
|
|
<script src="assets/js/material.min.js"></script>
|
|
<script src="assets/js/nouislider.min.js" type="text/javascript"></script>
|
|
<script src="assets/js/bootstrap-datepicker.js" type="text/javascript"></script>
|
|
<script src="assets/js/material-kit.js" type="text/javascript"></script>
|
|
<!-- Functions -->
|
|
<script type="text/javascript">
|
|
|
|
$().ready(function(){
|
|
materialKit.initSliders();
|
|
window_width = $(window).width();
|
|
if (window_width >= 992){
|
|
big_image = $('.wrapper > .header');
|
|
$(window).on('scroll', materialKitDemo.checkScrollForParallax);
|
|
}
|
|
});
|
|
</script>
|
|
</html>
|