CAPOW - HTML concept

capow.html

<div class="capow-page" data-capowpage="1" lang="en-gb">
			<div class="capow-panel" data-capowpanel="1" data-capowaspectratio="4:3">
				<img class="capow-panelImage" src="../VisionMachine/assets/VM-CAPOW-P9-Panel5.png" alt="2 people are talking in a field">
				<p class="capow-caption" data-capowcaption="1" lang="en-gb">
					After 6 months of patience, the Sun began to break through the sad, cold winter blues
				</p>
				<p class="capow-baloon" data-capowballoon="1" lang="en-gb">
					<span class="capow-dialogue">What is this <strong>KAPOW</strong> thing?</span>
				</p>
				<p class="capow-baloon" data-capowballoon="2" lang="en-gb">
					<span class="capow-dialogue">That's C.A.P.O.W with a 'C'. It is an <a href="http://github.com/stereoket/capow">open source</a> comic publishing tool</span>
				</p><!--        <p class="capow-baloon" data-capowBalloon="3" lang="en-gb">
			<span class="capow-dialogue">Wow!</span>
		</p> -->
				<p class="capow-caption" data-capowcaption="2">
					C.A.P.O.W. was created by Ket Majmudar (t: <a href="http://twitter.com/ketan">@ketan</a>)
				</p>
			</div>
			<div class="capow-panel" data-capowpanel="2" data-capowaspectratio="1:1">
				<p class="capow-caption border" data-capowcaption="1" lang="en-gb">
					C.A.P.O.W stands for Comics: Accessible Online Publishing WebEngine, and is a project designed to empower and enable creators, professional and independent. Allowing a semantic digital markup system to be used to deploy and present responsive storytelling, sequential art/comics through standard web technologies
				</p>
			</div>
			<div class="capow-panel" data-capowpanel="3" data-capowaspectratio="1:1">
				<p class="capow-caption border" data-capowcaption="1" lang="en-gb">
					C.A.P.O.W will enable you to create custom layouts based on devices (eg iPad/Tablets / Mobile devices), create multi-lingual text, provide partially sighted users with the ability to listen to your creation and more.
				</p>
			</div>
			<div class="capow-panel" data-capowpanel="4" data-capowaspectratio="1:1">
				<p class="capow-caption border" data-capowcaption="1" lang="en-gb">
					Thanks to Greg Pak (Check out Vision Machine!), Mozilla, Reading Geek Night, Thought Bubble, Alex Fitch, Pablo Defindini &amp; Mark Waid for your support and encouragement
				</p>
			</div>
		</div>