<!DOCTYPE html>
<
html
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
/>
<
link
rel
=
"stylesheet"
href
=
<
script
type
=
"text/javascript"
src
=
<
script
src
=
</
script
>
<
meta
name
=
"viewport"
content="
width
=
device
-width,
initial-scale
=
1
.0" />
</
head
>
<
body
class
=
"container"
>
<
div
class
=
"center"
>
<
h3
>Switches in materialize</
h3
>
</
div
>
<
div
class
=
"card-panel green-text"
>
<
h4
class
=
"center"
>Switch</
h4
>
<
div
class
=
"switch"
>
<
label
>
Off
<
input
type
=
"checkbox"
/>
<
span
class
=
"lever"
></
span
>
On
</
label
>
</
div
>
<
br
/>
<
div
class
=
"switch"
>
<
label
>
No
<
input
type
=
"checkbox"
/>
<
span
class
=
"lever"
></
span
>
Yes
</
label
>
</
div
>
<
br
/>
<
div
class
=
"switch"
>
<
label
>
Disagree
<
input
type
=
"checkbox"
/>
<
span
class
=
"lever"
></
span
>
Agree
</
label
>
</
div
>
</
div
>
<
div
class
=
"card-panel green-text"
>
<
h4
class
=
"center"
>Disabled Switch</
h4
>
<
div
class
=
"switch"
>
<
label
>
Off
<
input
disabled
type
=
"checkbox"
/>
<
span
class
=
"lever"
></
span
>
On
</
label
>
</
div
>
<
br
/>
<
div
class
=
"switch"
>
<
label
>
No
<
input
disabled
type
=
"checkbox"
/>
<
span
class
=
"lever"
></
span
>
Yes
</
label
>
</
div
>
<
br
/>
<
div
class
=
"switch"
>
<
label
>
Disagree
<
input
disabled
type
=
"checkbox"
/>
<
span
class
=
"lever"
></
span
>
Agree
</
label
>
</
div
>
</
div
>
<
script
src
=
</
script
>
</
body
>
</
html
>