Untitled

<html>
	<head>
        <meta charset="utf-8">
        <title>Design</title>
        <link rel="stylesheet" type="text/css" href="styles.css">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>
	<body>
<!--  Login etc          -->
        <div id="top">
            <form action="index.php" method="post" name="login">
                <label>Username: </label>
                <input type="text" name="username">
            <img src="../img/logo_try.jpg">
                <label>Password: </label>
                <input type="password" name="passwort">
            </form>
        </div>
        <div id="main">
<!--  Header          -->
            <div id="header">

            </div>
<!--  General		   -->
			<div id="general">
				<div id="test">
					<div id="desc">
						<div id="title">
							<img src="../img/abilities/champion_icon.png">
							<strong>Riven</strong><br/>
						</div>
						<div id="detail">
							<ul>
								<li>&nbsp;&nbsp;Class: Fighter, Assassin</li>
								<li>&nbsp;&nbsp;Primary Stats: Attack damage, Cooldown reduction</li>
								<li>&nbsp;&nbsp;Position: Toplane, Jungle, Midlane</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
<!--  Menubar          -->
            <div id="menu">
                <ul>
                    <li id="p"><span>Passive</span></a></li>
                    <li id="q"><span>Ability 1 [Q]</span></li>
                    <li id="w"><span>Ability 2 [W]</span></li>
                    <li id="e"><span>Ability 3 [E]</span></li>
                    <li id="r"><span>Ability 4 [R]</span></li>
                </ul>
            </div>
<!--   Sections         -->
            <div id="sections">
                <div id="sec1">
					<img class="skill_pic" src="../img/abilities/runic_blade.png">
					<div class="skill_desc">
						Rivens abilities charge her weapon, causing her to deal bonus damage based
						<strong>on her level</strong> + a percentage of her total <strong><orange>attack
						damage</orange></strong>.
					</div>
					<video src="../vid/passive.mp4">
                </div>
                <div id="sec2">
					<img class="skill_pic" src="../img/abilities/broken_wings.png">
					<div class="skill_desc">
						Riven strikes our in front of her, dealing <strong><orange>physical
						damage</orange></strong> to all enemies in the area. Can be recast 2 additional
						times. The third strike will knock up.
					</div>
					<video src="../vid/q.mp4">
                </div>
                <div id="sec3">
					<img class="skill_pic" src="../img/abilities/ki_burst.png">
					<div class="skill_desc">
						Releases a shockwave that <strong>stuns all nearby enemies for 0.75s</strong>
						as well as dealing <strong><orange>physical damage</orange></strong>
					</div>
					<video src="../vid/w.mp4">
                </div>
                <div id="sec4">
					<img class="skill_pic" src="../img/abilities/valor.png">
					<div class="skill_desc">
						Causes Riven to dash towards the cursor, gaining a <strong>shield for 1.5 seconds
						</strong> which scales with her <strong><orange>total attack damage</orange>
						</strong>.

					</div>
					<video src="../vid/e.mp4">
                </div>
                <div id="sec5">
					<img class="skill_pic" src="../img/abilities/wind_slash.png">
					<div class="skill_desc">
						Grants Riven <strong><orange>additional attack damage</orange>
						</strong> and increases the range of all damaging abilities. The second cast fires
						a cone-missile, <strong><orange>dealing physical damage</strong></orange>
					</div>
					<video src="../vid/q.mp4">
                </div>
            </div>
        </div>
        <div id="footer">
            <img src="../img/logo_try.jpg">
        </div>
	</body>
</html>