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>
<div class="section-button-green"> <div class="section-button-green">
<div class="section-button-title-logo"> <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> <h1>web.myco.systems</h1>
</div> </div>
<div class="section-button-body"> <div class="section-button-body">
<h3>Hey there! Join us at Web.Myco.Systems - Your Gateway to Open-Source!</h3> <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 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>
<div class="section-button-footer"> <div class="section-button-footer">
<p class="span-three-columns">Explore:</p>
<button class="client-button">Services</button> <button class="client-button">Services</button>
<button class="client-button">Showcase</button> <button class="client-button">Showcase</button>
<button class="client-button">Stacks</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> <p>Footer text goes here.</p>
</div> </div>
</div> </div>

29
public/styles.css
View file

@ -116,16 +116,41 @@ body{
gap: 10px; 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 { .client-button {
padding: 5px; padding: 5px;
border-radius: 5px; border-radius: 5px;
background-color: #50526e; background-color: #87a3a2;
width: 100%; width: 100%;
font-weight: 700; font-weight: 700;
} }
.client-button:hover { .client-button:hover {
background-color: #3a3d50; background-color: #536f6c;
cursor: pointer; cursor: pointer;
} }