December 2017
Beginner to intermediate
376 pages
7h 53m
English
The second property of our amenity objects is icon. This is actually a class relating to an icon in the Font Awesome icon font. We've installed Font Awesome as an NPM module already, so add this to the head of the page to now use it.
index.html:
<head> ... <link rel="stylesheet" href="node_modules/open-sans-all/css/open-sans.css"> <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.css"> <link rel="stylesheet" href="style.css" type="text/css"> </head>
Now we can complete the structure of our amenities section in the template.
index.html:
<div class="lists"> <hr> <div class="amenities list"> <div class="title"><strong>Amenities</strong></div> <div class="content"> <div class="list-item" v-for="amenity in amenities ...
Read now
Unlock full access