Skip to content

Commit

Permalink
Minimal signature
Browse files Browse the repository at this point in the history
  • Loading branch information
atomjoy authored Dec 7, 2024
1 parent 4c84e91 commit 28f7725
Show file tree
Hide file tree
Showing 2 changed files with 72 additions and 3 deletions.
69 changes: 69 additions & 0 deletions netflix-left.htm
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Email signature</title>

<link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap" rel="stylesheet" />

<style>
.si-wrapper * {
font-family: 'Baloo 2', 'Google Sans', 'Open Sans', Roboto, 'Segoe UI', 'Helvetica Neue', Helvetica, Tahoma, Arial, monospace, sans-serif;
}
</style>
</head>

<body class="si-body" style="display: block; padding: 0px; margin: 0px; font-family: 'Baloo 2', 'Open Sans', 'Roboto', 'Segoe UI', 'Helvetica Neue', Helvetica, Tahoma, Arial, monospace, sans-serif;">
<div class="si-wrapper" style="color: #222; background: #fafafa; font-size: 18px; font-weight: normal; display: block; overflow: hidden; box-sizing: border-box; background-position: center; background-size: cover;">
<div class="si-border" style="border: 1px solid #000; background: #F1EBE4; width: 600px; margin: 20px 20px; border-radius: 20px; overflow: hidden;">
<div class="si-table" style="border: 0px; width: 640px; margin: 0px auto;">
<div class="si-company" style="border-bottom: 1px solid #000; float: left; width: 100%; padding: 15px;">
<a href="https://netflix.com">
<img src="https://www.freepnglogos.com/uploads/black-netflix-logo-png-4.png" style="float: left; height: 50px !important; min-height: 50px !important; max-height: 50px !important;" height="50px">
</a>
</div>
<div class="si-details" style="float: left; width: 100%;">
<div class=" si-image" style="float: left; width: 160px; height: auto; overflow: hidden; padding: 30px 20px 30px 20px; border-right: 1px solid #000;">
<div style="display: block; height: 170px; width: 150px; border: 4px solid #ff4400; box-shadow: 0px 0px 0px 4px #ff4400aa, 0px 0px 0px 8px #ff440055; border-radius: 20px; overflow: hidden;">
<img class="si-foto" src="https://xsgames.co/randomusers/avatar.php?g=female" style="display: block; height: 170px; width: 150px; object-fit: cover;">
</div>
</div>

<div class="si-about" style="float: left; width: 400px; border: 0px;">
<div class="si-name" style="padding: 10px 15px; color: #000; font-weight: 900; font-size: 21px; border-bottom: 1px solid #000;">
Alex Cosmonova
</div>
<div class="si-title" style="padding: 10px 15px; border-bottom: 1px solid #000;">
<strong style="color: #ff4400; font-weight: 700; font-size: 17px;">
Web Developer
</strong>
</div>
<div class="si-row" style="padding: 10px 15px; border-bottom: 1px solid #000;">
<strong style="color: #000; font-weight: 700; font-size: 16px;">
Netflix Novatec Ltd.
</strong>
</div>
<div class="si-row" style="padding: 10px 15px;">
<div>Email: <strong style="font-weight: 600; font-size: 16px;">
<a href="mailto:[email protected]" target="_blank" style="color: #000; text-decoration: none;">[email protected]</a>
</strong></div>
<div>Phone: <strong style="font-weight: 600; font-size: 16px;">
<a href="tel:+48100200300" target="_blank" style="color: #000; text-decoration: none;">+48 100 200 300</a></strong></div>
</div>
</div>
</div>

<div class="si-social" style="float: left; width: 100%; background: #000; padding: 15px; border: 0px; box-sizing: border-box;">
<a href="https://facebook.com" target="_blank" class="proton-link" style="float: left; width: auto; width: auto !important; outline: none !important; text-decoration: none !important;"><img class="si-icon" src="https://raw.githubusercontent.com/atomjoy/signatures/refs/heads/main/img/social-white/facebook.png" style="display: block; width: 40px;"></a>
<a href="https://x.com" target="_blank" class="proton-link" style="float: left; width: auto; width: auto !important; outline: none !important; text-decoration: none !important;"><img class="si-icon" src="https://raw.githubusercontent.com/atomjoy/signatures/refs/heads/main/img/social-white/twitter.png" style="display: block; width: 40px;"></a>
<a href="https://linkedin.com" target="_blank" class="proton-link" style="float: left; width: auto; width: auto !important; outline: none !important; text-decoration: none !important;"><img class="si-icon" src="https://raw.githubusercontent.com/atomjoy/signatures/refs/heads/main/img/social-white/linkedin.png" style="display: block; width: 40px;"></a>
</div>
</div>
</div>
</div>
</body>

</html>
6 changes: 3 additions & 3 deletions netflix.htm
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,8 @@
</head>

<body class="si-body" style="display: block; padding: 0px; margin: 0px; font-family: 'Baloo 2', 'Open Sans', 'Roboto', 'Segoe UI', 'Helvetica Neue', Helvetica, Tahoma, Arial, monospace, sans-serif;">
<div class="si-wrapper" style="color: #222; background: #f5f4f2; font-size: 18px; font-weight: normal; display: block; overflow: hidden; box-sizing: border-box; background-position: center; background-size: cover;">
<div class="si-border" style="border: 1px solid #000; background: #F1EBE4; width: 600px; margin: 20px 20px; border-radius: 20px; overflow: hidden;">
<div class="si-wrapper" style="color: #222; background: #fafafa; font-size: 18px; font-weight: normal; display: block; overflow: hidden; box-sizing: border-box; background-position: center; background-size: cover;">
<div class="si-border" style="border: 1px solid #000; background: #F1EBE4; width: 600px; margin: 20px auto; border-radius: 20px; overflow: hidden;">
<div class="si-table" style="border: 0px; width: 640px; margin: 0px auto;">
<div class="si-company" style="border-bottom: 1px solid #000; float: left; width: 100%; padding: 15px;">
<a href="https://netflix.com">
Expand Down Expand Up @@ -48,7 +48,7 @@
</div>
<div class="si-row" style="padding: 10px 15px;">
<div>Email: <strong style="font-weight: 600; font-size: 16px;">
<a href="mailto:alex@astralio.xyz" target="_blank" style="color: #000; text-decoration: none;">alex@astralio.xyz</a>
<a href="mailto:alex@example.org" target="_blank" style="color: #000; text-decoration: none;">alex@example.org</a>
</strong></div>
<div>Phone: <strong style="font-weight: 600; font-size: 16px;">
<a href="tel:+48100200300" target="_blank" style="color: #000; text-decoration: none;">+48 100 200 300</a></strong></div>
Expand Down

0 comments on commit 28f7725

Please sign in to comment.