%button.open-walkthrough Start
.walkthrough.show.reveal
.walkthrough-pagination
%a.dot.active
%a.dot
%a.dot
%a.dot
%a.dot
.walkthrough-body
%ul.screens.animate
%li.screen.active
.media.logo
%img.logo{src: “https://s3.amazonaws.com/jebbles-codepen/icon.png”}
%h3
Product Intro
%br Walkthrough
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
%li.screen
.media.books
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/book_icon_1.png”}
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/book_icon_2.png”}
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/book_icon_3.png”}
%h3
Data and File
%br Management
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
%li.screen
.media.bars
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/bar_icon_axis.png”}
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/bar_icon_3.png”}
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/bar_icon_2.png”}
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/bar_icon_1.png”}
%h3
Analytics
%br and Metrics
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
%li.screen
.media.files
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/file_icon_1.png”}
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/file_icon_2.png”}
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/file_icon_3.png”}
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/file_icon_4.png”}
%h3
Reporting
%br and Insights
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
%li.screen
.media.comm
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/comm_icon_1.png”}
%img.icon{src: “https://s3.amazonaws.com/jebbles-codepen/comm_icon_2.png”}
%h3
Communications
%br Tools
%p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
%button.prev-screen
%i.icon-angle-left
%button.next-screen
%i.icon-angle-right
.walkthrough-footer
%button.button.next-screen Next
%button.button.finish.close{disabled: “true”} Finish
