Refactoring for publish, and also addition of "Services" page
This commit is contained in:
Halbear
@@ -0,0 +1,118 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||
<title>halbear.net</title>
|
||||
<meta name="description" content="Official Website of Halbear Networking & Software Ltd, Software and Video Game developer and publisher!">
|
||||
<meta name="keywords" content="Software, Games, Gaming, Halbear.Net, Halbear, Iron Horse Game Development, Iron Horse, Plane Building, Lost Contact, War Horse, Iostiler, Expedition Emberleaf">
|
||||
<link rel="stylesheet"href="StyleSheets/MainStyle.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Boldonse&family=DotGothic16&family=Lexend:wght@600&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Coral+Pixels&family=Jost:ital,wght@0,100..900;1,100..900&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body onload="Background();">
|
||||
<?php
|
||||
$Page = "Services";
|
||||
require_once("Hotbar.php");
|
||||
?>
|
||||
<div class="EntireContentWrapper">
|
||||
<div class="ShowOffSection" id="showOffSection" style="margin-top: 10vh; transform: translateY(-14vh);">
|
||||
<div tabindex="0" class="StaticContentContainer" style="margin-top:14vh; padding: 1vh 2.5vh; margin-bottom: 2vh;">
|
||||
<a class="Title" >
|
||||
What We Have Made:
|
||||
</a>
|
||||
</div>
|
||||
<div tabindex="0" class="ShowOffContainer showOffFlipped">
|
||||
<div class="ShowOffContent" style="padding:1vh;">
|
||||
<div class="ContentContainerImage" style="background-image: url('Assets/WhateverBoardExample.png');"></div>
|
||||
</div>
|
||||
<div class="ShowOffContent">
|
||||
<div tabindex="0" style="width: 100%; display: flex; flex-direction: row; justify-content: center; text-align:center; align-items: center; transform: translateY(3vh); text-shadow: #5fabe6 0 0 1vh; padding-bottom: 2vh; text-decoration: underline;" class="Title">Whatever Board</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="min-width: 80%;">
|
||||
<div class="StaticSizeableContainer" style="">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
|
||||
Whatever Board is an up-and-coming Image Hosting site with social features such as comments and likes.<br> it works similarly to a known web app called Pinterest, in whatever board you can search for images based on content such as colour, theme, or artist and save them to a "board" where you can group and view them.<br><br> it is primarly Artist First so the focus of the content is images around Photography, Digital Artwork, and Physical Artwork, it has Anti-AI measures such as using Cloudflare to detect and stop crawler bots and also giving the artist the option to embedd an unnoticable but present whateverboard/user watermark over the image when displayed to others</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="0" class="ShowOffContainer">
|
||||
<div class="ShowOffContent">
|
||||
<div tabindex="0" style="width: 100%; display: flex; flex-direction: row; justify-content: center; text-align:center; align-items: center; transform: translateY(3vh); text-shadow: #5fabe6 0 0 1vh; padding-bottom: 2vh; text-decoration: underline;" class="Title">Cubic Pixel Studio</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="min-width: 80%;">
|
||||
<div class="StaticSizeableContainer" style="">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
|
||||
Cubic Pixel Studio is an Art Software which combines 2D Pixel art and 3D voxel modelling to create a powerful 3D modelling software that has the ease of use of a pixel art software such as Aseprite, it includes an easy-to-use editor and a dedicated renderer which has Path Tracing and Material editing!<br><br> it is also not just a 3D modelling software, you can also do 2D art and even animate!
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ShowOffContent" style="padding:1vh;">
|
||||
<div class="ContentContainerImage" style="background-image: url('Assets/CubicPixelsExample.png');"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="0" class="ShowOffContainer showOffFlipped">
|
||||
<div class="ShowOffContent" style="padding:1vh;">
|
||||
<div class="ContentContainerImage" style="background-image: url('Assets/WinformsGameEngine.PNG');"></div>
|
||||
</div>
|
||||
<div class="ShowOffContent">
|
||||
<div tabindex="0" style="width: 100%; display: flex; flex-direction: row; justify-content: center; text-align:center; align-items: center; transform: translateY(3vh); text-shadow: #5fabe6 0 0 1vh; padding-bottom: 2vh; text-decoration: underline;" class="Title">Terrain4</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="min-width: 80%;">
|
||||
<div class="StaticSizeableContainer" style="">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
|
||||
Terrain4 is a 2D/3D game engine with 2 editions, Terrain4C which runs GDI+ and C# and Terrain4J which runs Vulkan and Java(jdk 25+)<br><br>Terrain4C is a lightweight Windows game engine for simple software, it is an easy way to get into and learn C#, Terrain4C will eventually be publicly available.<br>Terrain4J is a powerful Java/Vulkan game engine which is proprietary to Halbear.Net & Iron Horse Software, it has advanced multithreading support and is on a wide range of operating systems but has relatively high minimum requirements.
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="margin-top:14vh; padding: 1vh 2.5vh; margin-bottom: 2vh;">
|
||||
<a class="Title" >
|
||||
What We Offer:
|
||||
</a>
|
||||
</div>
|
||||
<div tabindex="0" class="ShowOffContainer">
|
||||
<div class="ShowOffContent">
|
||||
<div tabindex="0" style="width: 100%; display: flex; flex-direction: row; justify-content: center; text-align:center; align-items: center; transform: translateY(3vh); text-shadow: #5fabe6 0 0 1vh; padding-bottom: 2vh; text-decoration: underline;" class="Title">Asset Creation</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="min-width: 80%;">
|
||||
<div class="StaticSizeableContainer" style="">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
|
||||
Halbear.net does paid Asset creation, we will create 3D/2D assets for your needs, our expertise lie in JSON/Java models with BlockBench, but we also can use Croco-tile and Blender for OBJ & FBX model creation<br><br> we currently do not have a portal set up for this, but contact us through email if you're interested <br>(halbear@halbear.net or information@halbear.net)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ShowOffContent" style="padding: 1vh 1vh 5vh;">
|
||||
<div class="ContentContainerImage" style="background-image: url('Assets/Art.png');"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="halbearnetFooter" id="footer">
|
||||
<div class="FooterContainer">
|
||||
<a class="FooterFont " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
|
||||
<a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
|
||||
<a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
|
||||
</div>
|
||||
<div class="FooterContainer">
|
||||
<a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
|
||||
<a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
|
||||
<a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BackgroundFade FadeIndex" id="backgroundFade" style="position: absolute; left: 0; top: 0;;"></div>
|
||||
</div>
|
||||
<script>
|
||||
var Element = document.getElementById("backgroundFade");
|
||||
function Background(){
|
||||
Element.style.top = Math.max(Math.min((window.scrollY + document.documentElement.clientHeight - Element.offsetHeight + 50),document.getElementById("footer").offsetTop + document.getElementById("footer").offsetHeight - Element.offsetHeight),0) + "px";
|
||||
BackgroundTimer();
|
||||
}
|
||||
function BackgroundTimer() {
|
||||
setTimeout(Background, 10);
|
||||
}
|
||||
Background();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user