diff --git a/netflix-left.htm b/netflix-left.htm new file mode 100644 index 0000000..1e58e2f --- /dev/null +++ b/netflix-left.htm @@ -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: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> + </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> \ No newline at end of file diff --git a/netflix.htm b/netflix.htm index 1acc1a7..f5a017d 100644 --- a/netflix.htm +++ b/netflix.htm @@ -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"> @@ -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>