-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
43 additions
and
18 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -15,7 +15,7 @@ | |
</head> | ||
<body> | ||
<div id="app"> | ||
<header class="position-sticky top-0"> | ||
<header class="position-sticky top-0 z-3 shadow"> | ||
<nav class="navbar navbar-expand-lg bg-dark text-light"> | ||
<div class="container-fluid"> | ||
<a class="navbar-brand text-white d-inline-flex align-items-center" href="#"> | ||
|
@@ -79,10 +79,10 @@ | |
</div> | ||
</div> | ||
</div> | ||
<div class="row align-items-center min-vh-100 py-4 justify-content-center" id="aboutus"> | ||
<div class="row align-items-center min-vh-100 g-4 py-4 justify-content-center" id="aboutus"> | ||
<div class="col-md-6 col-12 text-white align-items-center justify-content-center"> | ||
<h1 class="text-white pb-4">About Us</h1> | ||
<p>Step into the digital forge of innovation at ByteForge Software, where we seamlessly meld creativity and code to craft bespoke software experiences. Like skilled blacksmiths of the digital realm, our team forges powerful solutions that stand the test of the online fires. From the sparks of idea to the tempered reality of a flawless product, ByteForge Software hammers out excellence in every line of code. Whether you need a robust web application or an elegant website, we specialize in the art of software craftsmanship. </p> | ||
<p class="py-4">Step into the digital forge of innovation at ByteForge Software, where we seamlessly meld creativity and code to craft bespoke software experiences. Like skilled blacksmiths of the digital realm, our team forges powerful solutions that stand the test of the online fires. From the sparks of idea to the tempered reality of a flawless product, ByteForge Software hammers out excellence in every line of code. Whether you need a robust web application or an elegant website, we specialize in the art of software craftsmanship. </p> | ||
</div> | ||
<div class="col-md-6 col-12"> | ||
<img class="img-fluid" src="/aboutus.svg" /> | ||
|
@@ -91,7 +91,7 @@ <h1 class="text-white pb-4">About Us</h1> | |
|
||
<div class="row w-100 min-vh-100 align-items-center g-4" id="whatwedo"> | ||
<div class="col-12 col-md-6"> | ||
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel"> | ||
<div id="carouselExampleSlidesOnly" class="carousel slide px-4" data-bs-ride="carousel"> | ||
<div class="carousel-inner p-1"> | ||
<div class="carousel-item"> | ||
<img src="/research.svg" class="d-block w-100" alt="..."> | ||
|
@@ -109,22 +109,22 @@ <h1 class="text-white pb-4">About Us</h1> | |
</div> | ||
</div> | ||
<div class="col-12 col-md-6"> | ||
<h1 class="text-white pb-4">What we do</h1> | ||
<div class="list-group w-100 bg-transparent border-0"> | ||
<h3 class="list-group-item list-group-item-action active bg-transparent border-0" aria-current="true"> | ||
<h1 class="text-white p-4">What we do</h1> | ||
<div class="list-group w-100 bg-transparent border-0 p-4"> | ||
<h3 class="list-group-item list-group-item-action active bg-transparent border-0 pb-4" aria-current="true"> | ||
Research | ||
</h3> | ||
<h3 class="list-group-item list-group-item-action bg-transparent border-0 text-white">Prototype</h3> | ||
<h3 class="list-group-item list-group-item-action bg-transparent border-0 text-white">Development</h3> | ||
<h3 class="list-group-item list-group-item-action bg-transparent border-0 text-white">Support</h3> | ||
<h3 class="list-group-item list-group-item-action bg-transparent border-0 text-white pb-4">Prototype</h3> | ||
<h3 class="list-group-item list-group-item-action bg-transparent border-0 text-white pb-4">Development</h3> | ||
<h3 class="list-group-item list-group-item-action bg-transparent border-0 text-white pb-4">Support</h3> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="row w-100 min-vh-100 align-items-center g-4" id="portfolio"> | ||
<div class="col-12"> | ||
<h1 class="text-center py-4 text-white">Portfolio</h1> | ||
<div id="carouselExampleCaptions" class="carousel slide"> | ||
<div id="carouselExampleCaptions" class="carousel slide py-4"> | ||
<div class="carousel-indicators"> | ||
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> | ||
</div> | ||
|
@@ -152,27 +152,52 @@ <h5 class="pt-4 mt-4">Datenmax</h5> | |
|
||
</main> | ||
<footer class="container py-4 "> | ||
<div class="row align-items-center py-4 w-100" > | ||
<div class="col-12 col-md-4"> | ||
<div class="row py-4 w-100" > | ||
<div class="col-12 col-md-3"> | ||
<p><a href="/" class="text-white">ByteForgeSoftware</a></p> | ||
<p class="m-0"><small class="text-white"> code with ♥ <span id="footerdate"></span></small></p> | ||
</div> | ||
<div class="col-12 col-md-4 text-center"> | ||
<div class="col-12 col-md-3"> | ||
<ul class="list-group"> | ||
<li class="text-uppercase list-group-item bg-transparent border-0"> | ||
<li class="text-uppercase py-0 pb-1 list-group-item bg-transparent border-0"> | ||
<a href="/" class=" bg-darktext-white"> | ||
Home | ||
</a> | ||
</li> | ||
<li class="text-uppercase py-0 pb-1 list-group-item bg-transparent border-0"> | ||
<a href="#aboutus" class="text-white"> | ||
About us | ||
</a> | ||
</li> | ||
<li class="text-uppercase py-0 pb-1 list-group-item bg-transparent border-0"> | ||
<a href="#whatwedo" class="text-white"> | ||
What we do | ||
</a> | ||
</li> | ||
<li class="text-uppercase py-0 pb-1 list-group-item bg-transparent border-0"> | ||
<a href="#portfolio" class="text-white"> | ||
Portfolio | ||
</a> | ||
</li> | ||
</ul> | ||
</div> | ||
<div class="col-12 col-md-3 "> | ||
<ul class="list-group"> | ||
<li class="text-uppercase list-group-item bg-transparent py-0 pb-1 border-0"> | ||
<a href="https://github.com/ByteForgeSoftware" class=" bg-darktext-white"> | ||
</a> | ||
</li> | ||
<li class="text-uppercase list-group-item bg-transparent border-0"> | ||
<li class="text-uppercase list-group-item py-0 pb-1 bg-transparent border-0"> | ||
<a href="https://github.com/ByteForgeSoftware" class="text-white"> | ||
Github | ||
</a> | ||
</li> | ||
</ul> | ||
</div> | ||
<div class="col-12 col-md-4 text-end"> | ||
<p class=" text-white">UK, Bristol</p> | ||
|
||
<div class="col-12 col-md-3"> | ||
<p class=" text-white">Contact</p> | ||
<p class=" text-white"> | ||
<a href="mailto:[email protected]" class="nav-link text-white"> | ||
<i class="fa-regular fa-envelope me-1 text-white"></i> [email protected] | ||
|