Skip to content

Instantly share code, notes, and snippets.

@dgitman

dgitman/cueConnectOnboadingEngineerTest.html

Created October 19, 2016 19:18
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 dgitman/981af4bc19c32f647d65d12a247c7624 to your computer and use it in GitHub Desktop.
Save dgitman/981af4bc19c32f647d65d12a247c7624 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
cueConnectOnboadingEngineerTest.html
<!-- Questions
1- Format/Structuer the Html code above
2- Make the "Hello Cue" title Blue and bold, with text size = 20px
3- Make span lined up with the Hello Cue title
4- Use JQuery to Change the Title to "Hello Dolly" and to Add a new class named "cue-link"
5- Add this HTML tag "<cue id='cue-stream'>My List</cue>" next to the <span> and make the span and the cue tag shows in a separate new line
6- Use Css to style the <cue> and make it with a pointer on hover-over
-->
<html>
<head>Quick Test :)</head>
<body>
<style>
.hello-cue {
color: blue;
font-weight: bold;
font-size: 20px;
}
#cue-stream {
cursor: pointer;
}
</style>
<div>
<h2 class="hello-cue">Hello Cue</h2>
<div class="wrap">
<span>This is 2016!</span>
<cue id='cue-stream'>My List</cue>
</div>
</div>
<script>
$('.hello-cue').text('Hello Dominic').addClass('cue-link');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment