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

Added Tesla Stickers Site.

Browse Source
This commit is contained in:
Joe Tretter
2024-07-15 17:41:08 -05:00
parent 187f8b9e8d
commit 8808781b78
4 changed files with 50 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
TeslaStickers/TeslaDoorHandleStickers.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

38
TeslaStickers/index.html Executable file
View File

@@ -0,0 +1,38 @@
<!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">
<script src="https://www.paypal.com/sdk/js?client-id=BAAYkR8ROvP3ErioQuaH5KsgLvqkw4q-qmkCrfDPW4dkuM4UTRA1yzFBOIWFDj5fotWm15pjE3HFUOx1rA&components=hosted-buttons&enable-funding=venmo&currency=USD"></script>
</head>
<body>
<div class="logo-wrapper">
<a href="/"><img class="logo" src="/TretterCoatOfArms.png" alt="Tretter coat of arms"></a>
</div>
<div class="top-banner">Tretter Solutions LLC</div>
<div class="text-block" style="left:100px">
<h1>Tesla Model 3/Model Y Door handle Stickers</h1>
<img src='TeslaDoorHandleStickers.jpg' width="100%" style="max-width:800px" alt='product picture'></img>
<div id="paypal-container-PK5R77Y6H9LCA" style='position:relative'></div>
<script>
paypal.HostedButtons({
hostedButtonId: "PK5R77Y6H9LCA",
}).render("#paypal-container-PK5R77Y6H9LCA")
</script>
</div>
<div class="footer">
<hr>
&copy; Tretter Solutions LLC
</div>
</body>
</html>

22
index.html
View File

@@ -11,27 +11,21 @@
<body> <body>
<div class="logo-wrapper"> <div class="logo-wrapper">
<img class="logo" src="TretterCoatOfArms.png" alt="Tretter coat of arms"> <a href="/"><img class="logo" src="/TretterCoatOfArms.png" alt="Tretter coat of arms"></a>
</div> </div>
<div class="top-banner">Tretter Solutions LLC</div> <div class="top-banner">Tretter Solutions LLC</div>
<div class="text-block"> <div class="text-block">
<h1>Custom technical solutions for your problems.</h1> <h1>Solutions to your problems.</h1>
<ul> <ul>
<li>Artificial Intelligence</li> <li>Consulting</li>
<li>Automated trading systems</li> <li>Design</li>
<li>Chat bots</li> <li>Software</li>
<li>Desktop applications</li> <li>Embedded Systems</li>
<li>IOT/Micro controller solution prototyping</li> <li>Leadership</li>
<li>Performance tuning</li>
<li>System administraion</li>
<li>Technical project management</li>
<li>Technical team leadership</li>
<li>Web applications</li>
<li>Web sites</li>
</ul> </ul>
<br> <br>
<a href="mailto:joe@tretter.solutions">Contact me today.</a> <a href="mailto:info@tretter.solutions">Contact me today.</a>
</div> </div>
<div class="footer"> <div class="footer">

7
main.css
View File

@@ -1,7 +1,7 @@
:root { :root {
--logo-background-color: #0e2058; --logo-background-color: #0e2058;
--company-name-color: #eda421; --company-name-color: #eda421;
background-color: #ffffff; background-color: #EEEEEE;
font-family: Verdana, Geneva, sans-serif; font-family: Verdana, Geneva, sans-serif;
} }
@@ -15,7 +15,6 @@ div.logo-wrapper {
height: 200px; height: 200px;
border-bottom-right-radius: 100%; border-bottom-right-radius: 100%;
background-color: var(--logo-background-color); background-color: var(--logo-background-color);
z-index: 1;
} }
div.text-block { div.text-block {
@@ -73,6 +72,6 @@ div.top-banner {
div.footer { div.footer {
position: absolute; position: absolute;
color: gray; color: gray;
bottom: 0; margin-bottom:10px;
right: 0; right: 0px;
} }