joe/tretter.solutions_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial checkin

Browse Source
This commit is contained in:
Joe Tretter
2024-02-05 07:32:21 -06:00
commit 0cdf70f4a3
4 changed files with 118 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
TretterCoatOfArms.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
favicon.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

40
index.html Executable file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tretter Solutions LLC</title>
<link rel="icon" type="image/png" href="/favicon.png" sizes="160x160">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="logo-wrapper">
<img class="logo" src="TretterCoatOfArms.png" alt="Tretter coat of arms">
</div>
<div class="top-banner">Tretter Solutions LLC</div>
<div class="text-block">
<h1>Custom technical solutions for your problems.</h1>
<ul>
<li>Artificial Intelligence</li>
<li>Chat bots</li>
<li>Desktop applications</li>
<li>System administraion</li>
<li>Trading systems</li>
<li>Web applications</li>
<li>Web sites</li>
</ul>
<br>
<a href="mailto:joe@tretter.solutions">Contact me today.</a>
</div>
<div class="footer">
<hr>
&copy; Tretter Solutions LLC
</div>
</body>
</html>

78
main.css Executable file
View File

@@ -0,0 +1,78 @@
:root {
--logo-background-color: #0e2058;
--company-name-color: #eda421;
background-color: #ffffff;
font-family: Verdana, Geneva, sans-serif;
}
img.logo {
padding-left: 20px;
padding-top: 10px;
}
div.logo-wrapper {
width: 200px;
height: 200px;
border-bottom-right-radius: 100%;
background-color: var(--logo-background-color);
z-index: 1;
}
div.text-block {
margin-top: -50px;
margin-left: 200px;
margin-right: 50px;
}
@media only screen and (max-width:630px) {
div.logo-wrapper {
margin-top: 25px;
width: 50px;
height: 50px;
}
img.logo {
width: 30px;
padding-top: 0px;
padding-left: 10px;
margin-top: -10px;
}
div.text-block {
margin-left: 50px;
}
h1 {
font-size: large;
}
li {
font-size: small;
}
}
div.top-banner {
position: absolute;
top: 0;
background-color: var(--logo-background-color);
color: var(--company-name-color);
font-size: 50px;
width: 99%;
text-align: center;
z-index: -1;
}
@media only screen and (max-width:1000px) {
div.top-banner {
font-size: 25px;
}
}
div.footer {
position: absolute;
color: gray;
bottom: 0;
right: 0;
}