Files
Stone-Red-Code.github.io/projects.html
T
2021-01-05 16:10:10 +01:00

125 lines
5.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projects</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<!--<link rel="stylesheet" href="animations.css">-->
</head>
<body>
<div class="container-fluid">
<div class="header">
<h1>Projects</h1>
<div id="quotes"></div>
</div>
<!--Navigation bar-->
<div id="nav-placeholder">
</div>
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$.get("nav.html", function (data) {
$("#nav-placeholder").replaceWith(data);
});
</script>
<!--end of Navigation bar-->
<!--Main-->
<div class="container main">
<div class="row">
<div class="col">
<div class="jumbotron p-5">
<h2>Helfer V4</h2>
<p>Helfer allows you to improve the looks of your Desktop. You can add useful elements to your
desktop like a clock, a audio visualizer or even your own mods!</p>
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li><a href="https://sites.google.com/view/helfer-desktop">Website</a></li>
<li><a href="https://stone-red.itch.io/helferv4">Itch.io</a></li>
<li><a href="https://discord.gg/euzy387dpu">Discord</a></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div id="carouselControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="Images/HelferV4/fkIank.png" class="d-block w-100" alt="image">
</div>
<div class="carousel-item">
<img src="Images/HelferV4/rf45TZ.png" class="d-block w-100" alt="image">
</div>
<div class="carousel-item">
<img src="Images/HelferV4/Yq11s3.png" class="d-block w-100" alt="image">
</div>
</div>
<a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col">
<div class="jumbotron p-5">
<h2>SimpleWinformsAudioVisualizer</h2>
<p>This is a small and simple side project i made. It displays an audio spectrum based on the system sounds.</p>
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li><a href="https://github.com/Stone-Red-Code/SimpleWinformsAudioVisualizer">GitHub</a>
</li>
</ul>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col">
<div class="jumbotron p-5">
<h2>AutoBackup</h2>
<p>AutoBackup is backup software that backs up your files at specific time intervals.
</p>
<ul style="list-style-type: none; padding: 0; margin: 0;">
<li><a href="https://github.com/Stone-Red-Code/AutoBackup">GitHub</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--end Main-->
<!--Footer-->
<div id="footer-placeholder">
</div>
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$.get("footer.html", function (data) {
$("#footer-placeholder").replaceWith(data);
});
</script>
<!--end Footer-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"></script>
<script src="Scripts/quotes.js"></script>
</body>
</html>