eternal-plasma.github.io/index.html

113 lines
5.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Eternal Plasma</title>
<meta charset="UTF-8">
<meta name="keywords" content="Eternal_plasma,plasma,eternal,Eternal Plasma Website, eternal plasma website">
<meta name="description" content="Official Eternal_plasma Website">
<meta name="copyright" content="Copyright (c) 2020 - Eternal_plasma">
<meta name="author" content="Eternal_plasma">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<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/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
<script src="home.js"></script>
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
<link rel="icon" href="/img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<script src="https://use.fontawesome.com/d4dbaedefb.js"></script>
</head>
<body
class="body">
<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-custom">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="img/icon.png" width="100" height="100" alt="Brand Icon">
</a>
<!--Navbar-->
<ul class="navbar-nav mr-auto mr-sm-2">
<li class="nav-item">
<a class="nav-link links hover_white" href="mods.html"><span class="mb-0 h3">Minecraft Mods</span></a>
</li>
<li class="nav-item">
<a class="nav-link links hover_white" href="texturepacks.html"><span class="mb-0 h3">Texture Packs</span>
</a>
</li>
</ul>
</div>
</nav>
<!--Header Graphic that is not actualy a graphic because I am terrable at doing those-->
<div class="container-fluid text-center" style="color:white">
<div class="row pad">
<div class="col-md-6">
<h1>About Eternal Plasma</h1>
<p>Hello, I am Eternal Plasma. I like to code in java, c++, and c. This Website is dedicated to showcasing my projects and providing resources/downloads. Feel free to contact me at the email at the bottom of this page.</p>
</div>
<div class="col-md-6">
<img src="img/profilepic.png" class="img-fluid" style="max-width:30%;" alt="Profile Picture">
</div>
</div>
<h2>What I do</h2>
</div>
<!--Middle Content-->
<div class="container-fluid">
<div class="row pad bordertxt">
<div class="col-md-6" style="color: #FFFFFF;">
<div class="">
<h3 class="text-center">Minecraft Mods</h3>
<p style="padding-left: 5px;">Minecraft is a voxel block game that is very fun to play. Some people (like me) take it upon themselves to add content that they think is missing or not available in the game. This practice is called Modding.</p>
</div>
</div>
<div class="col-md-6">
<div class="imgdiv">
<img src="./img/minecraftforgelogo.png" class="img-fluid vertcenter">
</div>
</div>
</div>
<div class="row pad bordertxt" style="margin-top:20px;">
<div class="col-md-6">
<div class="imgdiv">
<img src="./img/arduino-logo-1.png" class="img-fluid vertcenter">
</div>
</div>
<div class="col-md-6" style="color: #FFFFFF;">
<div class="">
<h3 class="text-center">Arduino</h3>
<p style="padding-left: 5px;">Arduino Is an open-source hardware platform. That means that anyone can replicate the official board and do lots of cool things. I like to tinker with it sometimes.</p>
</div>
</div>
</div>
<div class="row pad bordertxt" style="margin-top: 20px;">
<div class="col-md-6" style="color: #FFFFFF;">
<div class="">
<h3 class="text-center">Discord</h3>
<!--Add more details-->
<p style="padding-left: 5px;">I make fun and functional chatbots for discord now and then.</p>
</div>
</div>
<div class="col-md-6">
<div class="imgdiv">
<img src="./img/discord.png" class="img-fluid vertcenter">
</div>
</div>
</div>
</div>
<!--footer-->
<hr>
<embed class="container-fluid nopad" type="text/html" src="includes/footer.html">
</body>
</html>