<div class="list-page-search"> <label for="achievement-search">Search</label> <input id="achievement-search" type="text" placeholder="Name, Keyword, etc..." name="achievement-search" /> </div> <div class="list-page-partitions"> <div class="list-page-filter-partition"> <p class="page-subheader-text">Filters</p> <div class="page-subheader-separator"></div> <div id="games-owned-filter" class="list-page-filter"> <div class="list-page-filter-checkbox"></div> <p class="list-page-filter-name">From Games Owned</p> </div> <div id="games-owned-filter" class="list-page-filter"> <div class="list-page-filter-checkbox"></div> <p class="list-page-filter-name">In Progress</p> </div> <div id="games-owned-filter" class="list-page-filter"> <div class="list-page-filter-checkbox"></div> <p class="list-page-filter-name">Completed</p> </div> </div> <div class="list-page-list-partition"> <div class="list-page-list"> <div class="list-page-list-header"> <p class="achievement-list-page-entry-icon"></p> <p class="achievement-list-page-entry-name">Name</p> <p class="achievement-list-page-entry-description">Description</p> <p class="achievement-list-page-entry-stages">Stages</p> </div> <template data-template="achievements-page-list: List<Basic>"> <div class="list-page-list-entry"> <img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Thumbnail"></img> <p class="achievement-list-page-entry-name">${name}</p> <p class="achievement-list-page-entry-description">${description}</p> <p class="achievement-list-page-entry-stages">${stages}</p> </div> </template> </div> </div> </div>