Skip to content

Instantly share code, notes, and snippets.

@tilhom
Created December 4, 2018 15:12
Show Gist options
  • Save tilhom/a27255265de7fce7ff37ef1e7730fb67 to your computer and use it in GitHub Desktop.
Save tilhom/a27255265de7fce7ff37ef1e7730fb67 to your computer and use it in GitHub Desktop.
jquery 1
<!DOCTYPE html>
<html>
<head>
<title>jQuery Crash Course | Selectors</title>
<style>
body{
font-size: 17px;
font-family: arial;
background: #f4f4f4;
line-height: 1.5em;
}
header{
background:#333;
color:#fff;
padding:20px;
text-align: center;
border-bottom: 4px #000 solid;
margin-bottom: 10px;
}
#container{
width:90%;
margin:auto;
padding:10px;
}
</style>
</head>
<body>
<header>
<h1>jQuery Crash Course</h1>
</header>
<div id="container">
<h1 id="heading1">Heading One</h1>
<p id="para1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id lectus luctus, condimentum sapien faucibus, bibendum ligula. In hac habitasse platea dictumst. <span>Quisque ullamcorper</span> congue consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h1 class="heading2">Heading Two</h1>
<p class="para2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id lectus luctus, condimentum sapien faucibus, bibendum ligula. In hac habitasse platea dictumst. <span>Quisque ullamcorper</span> congue consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<ul id="list">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ul>
<input type="button" value="Button 1">
<input type="submit" value="Submit">
<input type="text">
<a href="http://google.com">Google</a>
<a href="http://yahoo.com">Yahoo</a>
</div>
<script src="../dist/js/jquery-slim.min.js"></script>
<script>
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment