Created Landing Page, Revamped account system, added account sessions and password obfuscation(not being pushed to the public branch) revamping main site bit by bit
This commit is contained in:
BIN
HalbearNetLanding/Assets/Art.png
Normal file
BIN
HalbearNetLanding/Assets/Art.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 204 KiB |
BIN
HalbearNetLanding/Assets/GameDev.png
Normal file
BIN
HalbearNetLanding/Assets/GameDev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 470 KiB |
BIN
HalbearNetLanding/Assets/Logo.png
Normal file
BIN
HalbearNetLanding/Assets/Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
HalbearNetLanding/Assets/Programming.PNG
Normal file
BIN
HalbearNetLanding/Assets/Programming.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 305 KiB |
BIN
HalbearNetLanding/Assets/Software.png
Normal file
BIN
HalbearNetLanding/Assets/Software.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 378 KiB |
BIN
HalbearNetLanding/Assets/SoftwareDev.png
Normal file
BIN
HalbearNetLanding/Assets/SoftwareDev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
BIN
HalbearNetLanding/Assets/TerrainGen1.gif
Normal file
BIN
HalbearNetLanding/Assets/TerrainGen1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 479 KiB |
BIN
HalbearNetLanding/Assets/TerrainGen2.gif
Normal file
BIN
HalbearNetLanding/Assets/TerrainGen2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 377 KiB |
BIN
HalbearNetLanding/Assets/TerrainGen3.gif
Normal file
BIN
HalbearNetLanding/Assets/TerrainGen3.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 485 KiB |
BIN
HalbearNetLanding/Assets/chibismug.png
Normal file
BIN
HalbearNetLanding/Assets/chibismug.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
HalbearNetLanding/Assets/halnetmascot.png
Normal file
BIN
HalbearNetLanding/Assets/halnetmascot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
HalbearNetLanding/Assets/ihgd.png
Normal file
BIN
HalbearNetLanding/Assets/ihgd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
40
HalbearNetLanding/CompanyInformation.php
Normal file
40
HalbearNetLanding/CompanyInformation.php
Normal file
@@ -0,0 +1,40 @@
|
||||
<?php
|
||||
session_start();
|
||||
?>
|
||||
<!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">
|
||||
<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>
|
||||
<?php
|
||||
$Page = "CompanyInformation";
|
||||
require_once("Hotbar.php");
|
||||
?>
|
||||
<div style="width: 100vw; height: 110vh;" onload="ChangeImg();">
|
||||
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
|
||||
<a class="Title" >
|
||||
Company Information
|
||||
</a>
|
||||
</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 26vh; width: 95vw; height: 78vh; flex-direction: row;">
|
||||
<div style="display: flex; flex-direction: column; justify-content: start; align-items: start; width: 100%; height: 100%;">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: left;">
|
||||
Halbear Networking & Software Ltd is registered in Wales and was incorportated on December 24th 2025<br><br>You can contact our Customer Support through this email address: information@halbear.net<br><br>
|
||||
Individual Contact Information for figures of authority within the company:<br> Company Secretary: "Owen L"<br>Contact: owenjl@halbear.net <br><br> Company Director: "Harrsion C" <br>Contact: halbear@halbear.net <br><br>Director of Development: "Christian L"<br> Contact: paladin@halbear.net<br><br>Registered Address: (Do not mail here, mail will not arrive nor be opened if it does)<br>LD1 5LW<br>Montpellier park<br>Llandrindod Wells<br>powys, UK
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BackgroundFade" style="height: 110vh;"></div>
|
||||
</body>
|
||||
</html>
|
||||
15
HalbearNetLanding/Hotbar.php
Normal file
15
HalbearNetLanding/Hotbar.php
Normal file
@@ -0,0 +1,15 @@
|
||||
<div class="HotbarWrapper">
|
||||
<div class="LeftFloat HotbarSection">
|
||||
<div class="Logo"></div>
|
||||
<a class="Title">Halbear.Net</a>
|
||||
</div>
|
||||
<div class="RightFloat HotbarSection">
|
||||
<?php
|
||||
if($Page != "home") echo ('<button class="HotbarButton" id="Services" onclick="document.location.href='."'index.php';".'">home</button>');
|
||||
?>
|
||||
<button class="HotbarButton" id="Services">Services</button>
|
||||
<button class="HotbarButton" id="Account" onclick="window.location.href='../AccountCentre/AccountCentre.php'">Account</button>
|
||||
<button class="HotbarButton" id="HalNet" onclick="window.location.href='../index.php'">Main Site</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Copyright LargeWhiteFont" style="cursor: pointer" onclick="document.location.href='CompanyInformation.php'">©Halbear Networking & Software Ltd 2025</div>
|
||||
267
HalbearNetLanding/StyleSheets/MainStyle.css
Normal file
267
HalbearNetLanding/StyleSheets/MainStyle.css
Normal file
@@ -0,0 +1,267 @@
|
||||
.lexend{
|
||||
font-family: "Lexend", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
.dotgothic16-regular {
|
||||
font-family: "DotGothic16", sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
.boldonse-regular {
|
||||
font-family: "Boldonse", system-ui;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
.coralPixels{
|
||||
user-select: none;
|
||||
font-family: "Coral Pixels", serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
color: white;
|
||||
font-size: 5vh;
|
||||
filter: invert(100%);
|
||||
}
|
||||
.HotbarWrapper:hover {
|
||||
height: 12vh;
|
||||
background-image: linear-gradient(to bottom,rgba(52, 184, 254,0.2) ,rgba(52, 184, 254,0.35),rgba(22, 144, 254,0.15),rgba(12, 64, 124,0.35));
|
||||
}
|
||||
.ContentContainer:hover {
|
||||
border-bottom: #8cefff 0.5vh solid;
|
||||
border-right: #8cefff 0.5vh solid;
|
||||
border-left: rgba(32,120,155,1) 0.5vh solid;
|
||||
border-top: rgba(32,120,155,1) 0.5vh solid;
|
||||
box-shadow: rgba(200,250,250,0.5) 0vh 0vh 3vh;
|
||||
background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.4),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.3),rgba(22, 144, 254,0.15),rgba(12, 64, 124,0.25));
|
||||
transform: scale(1.09);
|
||||
cursor: pointer;
|
||||
}
|
||||
.SoftDev{
|
||||
background-image: linear-gradient(to bottom, rgba(8,46,49, 0.9), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.0), rgba(8,46,49, 0.1)), linear-gradient(to bottom right, rgba(8,46,49, 0.5), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.5), rgba(8,46,49, 0.7)), url('../Assets/Software.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position-x: center;
|
||||
}
|
||||
.SoftPub{
|
||||
background-image: linear-gradient(to bottom, rgba(8,46,49, 0.9), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.0), rgba(8,46,49, 0.1)), linear-gradient(to bottom right, rgba(8,46,49, 0.5), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.5), rgba(8,46,49, 0.7)), url('../Assets/GameDev.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position-x: center;
|
||||
}
|
||||
.ContentCreation{
|
||||
background-image: linear-gradient(to bottom, rgba(8,46,49, 0.9), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.0), rgba(8,46,49, 0.1)), linear-gradient(to bottom right, rgba(8,46,49, 0.5), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.5), rgba(8,46,49, 0.7)), url('../Assets/Art.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position-x: center;
|
||||
}
|
||||
.ContentImage{
|
||||
border-radius: 2vh;
|
||||
width: 90%;
|
||||
height: 80%;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.StaticContentContainer{
|
||||
padding: 0;
|
||||
filter: drop-shadow(0 0.5vh 3vh #8cefff);
|
||||
border-top: #8cefff 0.3vh solid;
|
||||
border-left: #8cefff 0.3vh solid;
|
||||
border-right: rgba(32,120,155,1) 0.3vh solid;
|
||||
border-bottom: rgba(32,120,155,1) 0.3vh solid;
|
||||
text-shadow: #223342 0 0 2vh;
|
||||
background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.2) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.15)), linear-gradient(to bottom,rgba(52, 184, 254,0.2),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.15),rgba(22, 144, 254,0.075),rgba(12, 64, 124,0.125));
|
||||
border-radius: 5vh;
|
||||
transform: translateY(3vh);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: left;
|
||||
align-items: flex-start;
|
||||
background-color: rgba(190,240,240,.1);
|
||||
transition: 0.5s;
|
||||
}
|
||||
.ContentContainer{
|
||||
padding: 0;
|
||||
filter: drop-shadow(0 0.5vh 3vh #8cefff);
|
||||
border-top: #8cefff 0.3vh solid;
|
||||
border-left: #8cefff 0.3vh solid;
|
||||
border-right: rgba(32,120,155,1) 0.3vh solid;
|
||||
border-bottom: rgba(32,120,155,1) 0.3vh solid;
|
||||
text-shadow: #223342 0 0 2vh;
|
||||
background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.2),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.15),rgba(22, 144, 254,0.075),rgba(12, 64, 124,0.125));
|
||||
border-radius: 5vh;
|
||||
transform: translateY(3vh);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
width: 22vw;
|
||||
height: 70vh;
|
||||
transition: 0.5s;
|
||||
}
|
||||
.LandingWrapper{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
width: 100vw;
|
||||
height: 80vh;
|
||||
padding-bottom: 3vh;
|
||||
}
|
||||
.HotbarWrapper{
|
||||
z-index: 100;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: clip;
|
||||
width: 100vw;
|
||||
height: 10vh;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-shadow: #121e29 0 0 5vh;
|
||||
backdrop-filter: blur(5px);
|
||||
background-image: linear-gradient(to bottom,rgba(52, 184, 254,0.15) ,rgba(52, 184, 254,0.25),rgba(22, 144, 254,0.125),rgba(12, 64, 124,0.25));
|
||||
border-bottom: #8cefff 0.3vh solid;
|
||||
transition: 0.5s;
|
||||
}
|
||||
.HotbarButton:active{
|
||||
cursor: grabbing !important;
|
||||
height: 9vh;
|
||||
background: white;
|
||||
filter: drop-shadow(0 0 2vh #8cefff);
|
||||
transform: scale(1.1) translateY(1%);
|
||||
border-top: #8cefff 0.3vh solid;
|
||||
border-left: #8cefff 0.3vh solid;
|
||||
border-bottom: none;
|
||||
border-right: none;
|
||||
}
|
||||
.HotbarButton:hover {
|
||||
cursor: pointer;
|
||||
height: 8vh;
|
||||
filter: drop-shadow(0 0 2vh #8cefff);
|
||||
transform: scale(1.1) translateY(1%);
|
||||
border-top: #8cefff 0.3vh solid;
|
||||
border-left: #8cefff 0.3vh solid;
|
||||
border-bottom: none;
|
||||
border-right: none;
|
||||
}
|
||||
.RightFloat.Long{
|
||||
width: 100vh;
|
||||
|
||||
}
|
||||
.RightFloat{
|
||||
margin-right: 1vw;
|
||||
min-width: 75vh;
|
||||
}
|
||||
.LargeWhiteFont{
|
||||
font-family: "Lexend", system-ui;
|
||||
font-size: 3vh;
|
||||
color: white;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.HotbarButton{
|
||||
margin-right: 1vh;
|
||||
font-family: "Lexend", system-ui;
|
||||
font-size: 4vh;
|
||||
width: 22vh;
|
||||
height: 7vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 5vh;
|
||||
color:white;
|
||||
text-shadow: #8cefff 0vh 0vh 0vh;
|
||||
background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35));
|
||||
border-bottom: #8cefff 0.3vh solid;
|
||||
border-right: #8cefff 0.3vh solid;
|
||||
user-select: none;
|
||||
transition: .25s;
|
||||
}
|
||||
.Copyright{
|
||||
border-radius: 5vh;
|
||||
backdrop-filter: blur(15px);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
.Title{
|
||||
user-select: none;
|
||||
font-family: "Lexend", sans-serif;
|
||||
color: white;
|
||||
font-size: 7vh;
|
||||
}
|
||||
Button{
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
.Logo{
|
||||
user-select: none;
|
||||
width: 10vh;
|
||||
height: 10vh;
|
||||
background-image: url('../Assets/Logo.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
.HotbarSection{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
}
|
||||
.BackgroundFade {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
width: 100vw;
|
||||
height: 200vh;
|
||||
background-image: linear-gradient(to bottom, RGBA(3, 29, 46, 0.0), RGBA(3, 29, 46, 0.1) , RGBA(3, 29, 46, 1.0), RGBA(3, 29, 46, 1.0));
|
||||
|
||||
}
|
||||
.LandingWrapper{
|
||||
//background-image: linear-gradient(to bottom right, RGBA(6, 54, 87,0), RGBA(6, 54, 87,0.5), RGBA(6, 54, 87,0.5),RGBA(3, 29, 46,1.0));
|
||||
backdrop-filter: blur(5);
|
||||
}
|
||||
.TerrainGenBG{
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
z-index: -2;
|
||||
}
|
||||
body{
|
||||
//background-image: linear-gradient(to bottom right, #063657,#031d2e );
|
||||
//background-image: url("../Assets/Programming.PNG");
|
||||
background-color: black;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 1.5vh;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: rgba(0,0,0,0.5 );
|
||||
border-radius: 2vh;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-image: linear-gradient(to bottom right, rgb(50, 100, 100), rgb(70, 120, 120));
|
||||
border-radius: 2vh;
|
||||
border: 0.4vh solid rgb(90, 150, 150);
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
cursor: grab;
|
||||
border: 0.4vh solid rgb(190, 250, 250);
|
||||
background-image: linear-gradient(to bottom right, rgb(70, 140, 140), rgb(100, 180, 180));
|
||||
}
|
||||
::-webkit-scrollbar-thumb:active{
|
||||
cursor: grabbing;
|
||||
}
|
||||
BIN
HalbearNetLanding/favicon.ico
Normal file
BIN
HalbearNetLanding/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
102
HalbearNetLanding/index.php
Normal file
102
HalbearNetLanding/index.php
Normal file
@@ -0,0 +1,102 @@
|
||||
<?php
|
||||
session_start();
|
||||
?>
|
||||
<!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">
|
||||
<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>
|
||||
<?php
|
||||
$Page = "home";
|
||||
require_once("Hotbar.php");
|
||||
?>
|
||||
<div style="width: 100vw; height: 100vh;" onload="ChangeImg();">
|
||||
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
|
||||
<a class="Title" >
|
||||
Welcome to Halbear.Net!
|
||||
</a>
|
||||
</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 26vh; width: 45vw; height: 34vh; flex-direction: row;">
|
||||
<div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 4vh; text-align: center;">
|
||||
Halbear Networking & Software Ltd is a Software Developer based in Wales who specialises in Game Engine Development!<br><br>
|
||||
</a>
|
||||
<button class="HotbarButton" style="width: 80%; height:10vh; transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../index.php'">Wanna Know More?</button>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 63vh; width: 45vw; height: 24vh; flex-direction: row;">
|
||||
<div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
|
||||
this webiste is a landing page to make the important stuff easy to access, here are some shortcuts: <br><br>
|
||||
</a>
|
||||
<div style="display: flex; flex-direction: row; justify-content: space-evenly; width: 100%">
|
||||
<button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../store.php'">Store</button>
|
||||
<button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Forum.php'">Forums</button>
|
||||
<button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Software.php'">Software</button>
|
||||
<button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Contact.php'">Contacts</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="TerrainGenBG" id="TerrainGen" style="position: absolute; top:26vh; height: auto; width: 50vw; aspect-ratio: 1.84; left: 50vw;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="0" style="width: 100vw; display: flex; flex-direction: row; justify-content: center; align-items: center; transform: translateY(3vh);" class="Title">What we offer:</div>
|
||||
<div tabindex="0" class="LandingWrapper">
|
||||
<button class="ContentContainer SoftDev" onclick="window.location.href='https://ironhorse.games/'">
|
||||
<div class="LargeWhiteFont">Software Development</div>
|
||||
<div class="ContentImage" style="display: flex; flex-direction: column;" >
|
||||
<img src="Assets/ihgd.png" style="width: 100%; height: auto;">
|
||||
<div class="LargeWhiteFont">Iron Horse Software is a division of Halbear.Net dedicated as a software and game developer.</div>
|
||||
</div>
|
||||
</button>
|
||||
<button class="ContentContainer SoftPub" style="display: flex; flex-direction: column; justify-content: center; align-content: center;">
|
||||
<div class="LargeWhiteFont">Software Publishing</div>
|
||||
<div class="ContentImage" style="margin-top: 5%; display: flex; flex-direction: column; align-items: center;" >
|
||||
<img src="Assets/Logo.png" style="width: 50%; height: auto;">
|
||||
<div class="LargeWhiteFont">Halbear Networking & Software Ltd publishes digital media such as video games and software.</div>
|
||||
</div>
|
||||
</button>
|
||||
<button class="ContentContainer DigitalStore">
|
||||
<div class="LargeWhiteFont">Digital Store</div>
|
||||
<div class="ContentImage" style=" display: flex; flex-direction: column; align-items: center;">
|
||||
<img src="Assets/Logo.png" style="width: 50%; height: auto;">
|
||||
<div class="LargeWhiteFont">Halbear.Net hosts a digital storefront that allows both first party and user created third party software to be published and sold on the Halbear.Net platform.</div>
|
||||
</div>
|
||||
</button>
|
||||
<button class="ContentContainer ContentCreation" onclick="window.location.href='https://halbear.studio/'">
|
||||
<div class="LargeWhiteFont">Asset Creation</div>
|
||||
<div class="ContentImage"style=" display: flex; flex-direction: column; align-items: center;" >
|
||||
<img src="Assets/Logo.png" style="width: 50%; height: auto;">
|
||||
<div class="LargeWhiteFont"style="margin-top: 0vh;">Halbear.net has 3D artists who are familiar with Blockbench, Blender, Unreal Engine, Roblox Studio and more, we offer 3D digital asset creation as a service.</div>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
<div class="BackgroundFade"></div>
|
||||
<script>
|
||||
var Images = ["Assets/TerrainGen1.gif","Assets/TerrainGen2.gif","Assets/TerrainGen3.gif"];
|
||||
var index = 0;
|
||||
function ChangeImg(){
|
||||
document.getElementById("TerrainGen").style.backgroundImage = 'url("'+Images[index]+'")';
|
||||
index++;
|
||||
if(index >= 3) index = 0;
|
||||
SetTimeoutChangeImg();
|
||||
}
|
||||
function SetTimeoutChangeImg() {
|
||||
setTimeout(ChangeImg, 12000);
|
||||
}
|
||||
ChangeImg();
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user