DAR-719, add component item template
DAR-719 modify header template and CSS
DAR-719, modify components templete