okos
/
rpg-cards


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344
							<!DOCTYPE html>
<html lang="en">
<head>
    <title>RPG cards</title>
    <!-- Library: jQuery -->
    <script type="text/javascript" src="lib/svg-injector/svg-injector.js" charset="utf-8"></script>
    <!-- CSS -->
    <link rel=" stylesheet" type="text/css" href="css/output.css">
    <link rel="stylesheet" type="text/css" href="css/card-size.css">
    <!-- Components -->
    <link rel="import" href="components/card-front.html">
    <link rel="import" href="components/card-title.html">
    <link rel="import" href="components/card-icon.html">
    <link rel="import" href="components/card-contents.html">
    <link rel="import" href="components/card-rule.html">
</head>
<body class="page-background">
    <card-front class="card-size-25x35" color="maroon">
        <card-title>
            <h1>Burning Hands</h1>
            <h2>1</h2>
            <card-icon src="/icons/lorc/originals/svg/book-cover.svg"></card-icon>
        </card-title>
        <card-contents>
            <card-subtitle>Mage spell</card-subtitle>
            <card-rule></card-rule>
            <card-description>Test</card-description>
        </card-contents>
    </card-front>
    &nbsp;
    <card-front class="card-size-25x35" color="saddlebrown">
        <card-title>
            <h1>Brown bear</h1>
            <h2>1</h2>
            <card-icon src="/icons/lorc/originals/svg/pawprint.svg"></card-icon>
        </card-title>
        <card-contents>
            <card-subtitle>Medium beast</card-subtitle>
            <card-rule></card-rule>
            <card-description>Test</card-description>
        </card-contents>
    </card-front>
</body>
</html>