<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Bulma List</
title
>
<
link
rel
=
'stylesheet'
href
=
<
style
>
div.columns {
margin-top: 80px;
}
h1 {
width: 100%;
margin-top: 70px;
color: green !important
}
div.columns {
margin-top: 20px;
}
.list-item {
color: black !important;
}
.tags {
margin-bottom: 0px !important;
}
.tag {
float: left;
}
.tag.is-delete {
float: right
}
</
style
>
</
head
>
<
body
>
<
script
src
=
</
script
>
<
div
class
=
'container'
>
<
div
>
<
h1
class
=
'title has-text-centered'
>
Todo List
</
h1
>
</
div
>
<
div
class
=
'columns is-mobile is-centered'
>
<
div
class
=
'column is-6'
>
<
div
class
=
'list'
>
<
ul
>
<
div
class
=
'list-item tags'
>
<
span
class
=
'tag is-white'
>
<
i
class
=
"fas fa-database"
></
i
>
</
span
>
<
li
>
Design a custom database
to store your daily activity
<
a
class="tag is-delete
is-danger"></
a
>
</
li
>
</
div
>
<
div
class
=
'list-item tags'
>
<
span
class
=
'tag is-white'
>
<
i
class
=
"fas fa-camera"
></
i
>
</
span
>
<
li
>
Take pictures of
beautiful flowers
<
a
class="tag is-delete
is-danger"></
a
>
</
li
>
</
div
>
<
div
class
=
'list-item tags'
>
<
span
class
=
'tag is-white'
>
<
i
class
=
"fas fa-horse"
></
i
>
</
span
>
<
li
>
Ride to a horse and
write your experience
<
a
class="tag is-delete
is-danger"></
a
>
</
li
>
</
div
>
<
div
class
=
'list-item tags'
>
<
span
class
=
'tag is-white'
>
<
i
class
=
"fas fa-motorcycle"
></
i
>
</
span
>
<
li
>
Go for a trip with bike
<
a
class="tag is-delete
is-danger"></
a
>
</
li
>
</
div
>
<
div
class
=
'list-item tags'
>
<
span
class
=
'tag is-white'
>
<
i
class
=
"fas fa-headphones"
></
i
>
</
span
>
<
li
>
Buy a sumsung headset
<
a
class="tag is-delete
is-danger"></
a
>
</
li
>
</
div
>
<
div
class
=
'list-item tags'
>
<
span
class
=
'tag is-white'
>
<
i
class
=
"fas fa-music"
></
i
>
</
span
>
<
li
>
Listen music for one hour
<
a
class="tag is-delete
is-danger"></
a
>
</
li
>
</
div
>
<
div
class
=
'list-item'
>
<
span
class
=
'tag is-white'
>
<
i
class
=
"fas fa-walking"
></
i
>
</
span
>
<
li
>
Go for a morning walk
<
a
class="tag is-delete
is-danger"></
a
>
</
li
>
</
div
>
</
ul
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>