hustKiwi

// Numbers
42
3.1415
NaN

// String
const name = 'Lux';
`Hello ${name}.`;

// Boolean

hustKiwi

var foo = 'Foo';
let bar = 'Bar';
bar = 'Bar2';
console.log(foo, bar);


{
  let baz = 'Bazz';
  console.log(baz);
}

hustKiwi

#blurred-bg {
  background: url('https://images.unsplash.com/photo-1565396257124-2c1627e8b3b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2851&q=80') no-repeat center center;
  background-size: cover;
  height: 350px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  filter: blur(3px);

hustKiwi

<!-- Use absolute URL to link to an internal address and apply target=“_blank” to external links -->
<a href="/index.html">HOME</a>
<a href="https://www.wix.com">Wix.com</a>

<a href="/">HOME</a>
<a href="https://www.wix.com" target="_blank">Wix.com</a>


<!-- Redundant usages of tags -->
<div><span>BUSINESS EXPERT</span></div>

hustKiwi

<

hustKiwi

<form action="/login" method="POST">
  <label for="login-field">
    Username or email address
  </label>
  <input id="login-field" type="text" name="login" />
  
  <label for="password">
    Password
  </label>
  <input id="password" type="password" name="password" />

hustKiwi

body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	background: white;
	color: #333;
	font-size: 16px;
	line-height: 1.2;
}

h1 {
	text-align: center;

hustKiwi

.bg-red {
  background: red;
  height: 100px;
}

.bg-orange {
  background: orange;
}

hustKiwi

.bg-red {
  background: red;
  height: 100px;
}

.bg-orange {
  background: orange;
}

hustKiwi

<!--
  A block element can contain inline elements and some of
  block elements; A inline element can only contain inline
  elements but not block elements
-->
<!--valid use cases-->
<div><em>Name</em>: <span>Nick QI</span></div>

<div>
  <p></p>