Personal_Website/index.html

87 lines
3.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/png" href="assets/img/favicon.ico"> <!-- Add new favicon -->
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Katarix</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/css/paper-kit.css?v=2.0.1" rel="stylesheet"/>
<link href="assets/css/demo.css" rel="stylesheet" />
<!-- Fonts and icons -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/nucleo-icons.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-toggleable-md fixed-top navbar-transparent" color-on-scroll="500">
<div class="container">
<div class="navbar-translate">
<button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-bar"></span>
<span class="navbar-toggler-bar"></span>
<span class="navbar-toggler-bar"></span>
</button>
<a class="navbar-brand" href="">Katarix</a>
</div>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="https://gitea.katarix.dev/" target="_blank" class="nav-link"><i class="nc-icon nc-paper"></i> Git Server</a>
</li>
<li class="nav-item">
<a href="https://katarix.dev/movie-night.html" target="_blank" class="nav-link"><i class="nc-icon nc-headphones"></i> Movie Night</a>
</li>
<li class="nav-item">
<a href="" target="_blank" class="nav-link"><i class="nc-icon nc-alert-circle-i"></i> About</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="wrapper">
<div class="page-header section-dark" style="background-image: url('assets/img/Main\ Background.jpg')">
<div class="filter"></div>
<div class="content-center">
<div class="container">
<div class="title-brand">
<h1 class="presentation-title">Welcome!</h1>
</div>
<h2 class="presentation-subtitle text-center"></h2>
</div>
</div>
<div class="moving-clouds" style="background-image: url('assets/img/clouds.png'); ">
</div>
<h6 class="category category-absolute">This website is currently in development.</h6>
</div>
</div>
</body>
<!-- Core JS Files -->
<script src="assets/js/jquery-3.2.1.js" type="text/javascript"></script>
<script src="assets/js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
<script src="assets/js/tether.min.js" type="text/javascript"></script>
<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
<!-- Switches -->
<script src="assets/js/bootstrap-switch.min.js"></script>
<!-- Paper Kit Initialization and functons -->
<script src="assets/js/paper-kit.js?v=2.0.1"></script>
</html>