mycosystems/myco.systems
3
0
Fork 0
Code Pull requests Activity Actions

update

Browse source
This commit is contained in:
rouce 2023-09-05 12:31:03 -04:00
parent ead70ac4aa
commit e51580c38b
2 changed files with 30 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/index.html
View file

@ -55,19 +55,19 @@
</div>
<div class="section-button-green">
<div class="section-button-title-logo">
<img src="logo.png" alt="Client site logo">
<img style="width:256px;" src="icons/blue/android-chrome-512x512.png" alt="Client site logo">
<h1>web.myco.systems</h1>
</div>
<div class="section-button-body">
<h3>Hey there! Join us at Web.Myco.Systems - Your Gateway to Open-Source!</h3>
<p style="font-weight: 500;" >Our client portal isn't just about transactions; it's about building a relationship that caters specifically to your requirements. Explore our services, containerized stacks, personal cloud support, or just send us an email so we can get in touch!</p>
<p>Explore:</p>
</div>
<div class="section-button-footer">
<p class="span-three-columns">Explore:</p>
<button class="client-button">Services</button>
<button class="client-button">Showcase</button>
<button class="client-button">Stacks</button>
<div class="button-text-footer">
<div class="span-three-columns button-text-footer">
<p>Footer text goes here.</p>
</div>
</div>

29
public/styles.css
View file

@ -116,16 +116,41 @@ body{
gap: 10px;
}
.section-button-title-logo {
display: flex;
flex-direction: column;
align-items: center;
}
.section-button-body {
display: flex;
flex-direction: column;
gap: 25px;
text-align: left;
vertical-align: top;
height: 100%;
padding-top: 3.5rem;
padding-bottom: 2.5rem;
}
.span-three-columns {
grid-column: span 3;
}
.button-text-footer {
text-align: center;
}
.client-button {
padding: 5px;
border-radius: 5px;
background-color: #50526e;
background-color: #87a3a2;
width: 100%;
font-weight: 700;
}
.client-button:hover {
background-color: #3a3d50;
background-color: #536f6c;
cursor: pointer;
}