Skip to content

Instantly share code, notes, and snippets.

@praveen-me

praveen-me/greet-msg.css

Created September 20, 2018 19:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save praveen-me/4d27a3939029c69f1ba998003e313b2c to your computer and use it in GitHub Desktop.
Save praveen-me/4d27a3939029c69f1ba998003e313b2c to your computer and use it in GitHub Desktop.
Download ZIP
Chrome Extension Blog
Raw
greet-msg.css
/* Greet Msg Block */
.greet_msg {
text-align: center;
font-size: 3rem;
}
.user-details, .greet_msg {
display: none;
}
Raw
greet-msg.html
<!-- Block for Greet Msg -->
<div class="user-details">
<span class="user-name_text">Enter Your Name</span>
<input type="text" id="user-name_value">
<button id="submit">Submit</button>
</div>
<div class="greet_msg">
<h3><span id="greet-msg"></span>, <span id="user-name"></span></h3>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment