Personal_Website/about.html
2024-08-12 17:40:32 +01:00

112 lines
5.0 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">
<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 and its services are still in development.
</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>
<div class="collapse navbar-collapse" id="navigation-index">
<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="services.html">
<i class="material-icons">dashboard</i> Services
</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="about">
<h1><u>About</u></h1>
<h3>Hello there, and welcome to Katarix's Website! This page is designed to tell you a little bit about why the website exists, it's goals, and what it may offer to you. This website is the creation of a lone developer, and is self-hosted. It houses and hosts my projects and services which i have made for the public and groups of friends. To which the purpose is to host multiple services which i would otherwise need to pay a subscription to many different sites. Which doesn't make sense to me as i can just do it myself! Here you will find a repository of all the applications i have made avaliable to the public, as well as services. I am not sure of the entire scope i wish to achieve here, but this is Katarix, and now it has a front-end for its functions.</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<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>