Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add unique email sign template #194

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

add unique email sign template #194

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added src/img/profile avtar-prof.gif
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
143 changes: 143 additions & 0 deletions src/new_template_narayand16.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,143 @@
<html>

<head>
<title>Email Signature Template</title>
<meta name="author" content="Vinit Shahdeo">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="format-detection" content="telephone=no">
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Caveat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Caveat|Cookie&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Delius&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" crossorigin="anonymous">
<style>
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #ECEFF1;
width: 500px;
height: auto;
border-radius: 10px;
overflow: hidden;
padding: 50px;
}

p {
font-family: 'Delius', "cursive";
}

.vl {
border-left: 2px solid #000ff0;
}

.sign-container {
display: flex;
}

.profile-img {
border-radius: 50%;
align-self: center;
display: flex;
width: 6rem;
height: 6rem;
margin-right: .5rem;
}

.signature-content {
padding: 1rem;
}

.regards {
font-family: "Caveat";
font-style: italic;
letter-spacing: .1em;
color: #4682b4;
font-weight: 600;
}

.name {
font-family: 'Open Sans';
font-weight: 800;
letter-spacing: .13em;
color: #0000ff;
}

.role {
font-weight: 500;
font-family: 'Delius';
color: #800080;
}

.contact {
display: flex;
flex-direction: column;
font-weight: 600;
letter-spacing: .1em;
font-family: monospace;
color: #dbb32d;
font-size: 0.8rem;
}

.contact span:nth-child(2) {
margin-top: 6px;
}

.social-media {
padding-top: 0.5rem;
opacity: 0.5;
}
</style>
</head>

<body>
<div class="container">
<p><strong><code>To: [email protected]</code></strong><br><br><strong>Hello Sherry</strong>,</i><br><br>
Hope you are <del>doing</del> <strong>coding</strong> well!<br><br>
It has been so long we didn't meet, let's catch up tomorrow at <strong>Vapour Brew & Pub</strong>,
Indiranagar
560038 <br><br>
Hope to see you there!
</p>
<div class="sign-container">
<img class="profile-img" src="img/profile avtar-prof.gif" alt="profile-img">
<div class="vl"></div>
<div class="signature-content">
<span class="regards">
Best Regards,
</span>
<div class="name">
<span>Narayan Deshmukh</span>
</div>
<div class="role">
<span>Software Engineer, Cornerstone OnDemand</span>
</div>
<hr>
<div class="contact">
<span>
<i class="fas fa-phone"> +91-7208328880</i>
</span>
<span>
<i class="fas fa-envelope"> [email protected]</i>
</span>
</div>
<div class="social-media">
<span>
<a href="https://www.facebook.com/vinit.shahdeo"><i
class="fab fa-facebook-square fa-2x"></i></a>
<a href="https://twitter.com/Narayan16"><i class="fab fa-twitter fa-2x"></i></a>
<a href="https://github.com/narayand16"><i class="fab fa-github fa-2x"></i></a>
<a href="https://www.linkedin.com/in/narayand16/"><i class="fab fa-linkedin fa-2x"></i></a>
</span>
</div>
</div>
</div>

</div>


</body>

</html>