biern/metodologie.css

## metodologie.css
body {
    font-size: 50pt;
}

.rot-headline {
    font-size: 200pt;
    position: absolute;
    text-align: center;
}

.step {
    background: grey;
}

.separator {
    /* background: black; */
    position: absolute;
    top: 0px;
    border: {
        right: 10000px solid black;
    };
    /* border: 2px solid black; */
    width: 10000px;
    height: 10px;
}

## metodologie.html
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <!-- WTF? -->
    <meta name="viewport" content="width=1024" />
    <title></title>
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
    <link href="metodologie.css" rel="stylesheet" />
  </head>

  <body class="impress-not-supported">
    <div id="impress">
      <div class="rot-headline">
        <b> impress bangla</b>
      </div>


      <div class="step category" data-x="3160" data-y="0" data-rotate="-90">
        <q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
      </div>


      <div class="step category" data-x="970" data-y="-3010" data-rotate="-162">
        <q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
      </div>

      <div class="step category" data-x="-2570" data-y="-1860" data-rotate="-234">
        <q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
      </div>

      <div id="bored" class="step slide" data-x="-2570" data-y="1870" data-rotate="-306">
        <q>Aren't you just <b>bored</b> with all those slides-based presentations?</q>
      </div>

      <div class="step category" data-x="970" data-y="3010" data-rotate="-18">
        <q>Would you like to <strong>impress your audience</strong> with <strong>stunning visualization</strong> of your talk?</q>
      </div>

      <div id="overview" class="step" data-x="0" data-y="0" data-scale="10">

      </div>
    </div>

    <script src="http://bartaz.github.com/impress.js/js/impress.js"></script>

    <script src="metodologie.js"></script>

  </body>

</html>

## metodologie.js
window.onload = function () {
    var api = window.api = impress();

    api.init();
};
	body {
	font-size: 50pt;
	}

	.rot-headline {
	font-size: 200pt;
	position: absolute;
	text-align: center;
	}

	.step {
	background: grey;
	}

	.separator {
	/* background: black; */
	position: absolute;
	top: 0px;
	border: {
	right: 10000px solid black;
	};
	/* border: 2px solid black; */
	width: 10000px;
	height: 10px;
	}
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<!-- WTF? -->
	<meta name="viewport" content="width=1024" />
	<title></title>
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold\|PT+Sans:400,700,400italic,700italic\|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
	<link href="metodologie.css" rel="stylesheet" />
	</head>

	<body class="impress-not-supported">
	<div id="impress">
	<div class="rot-headline">
	<b> impress bangla</b>
	</div>


	<div class="step category" data-x="3160" data-y="0" data-rotate="-90">
	<q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
	</div>


	<div class="step category" data-x="970" data-y="-3010" data-rotate="-162">
	<q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
	</div>

	<div class="step category" data-x="-2570" data-y="-1860" data-rotate="-234">
	<q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
	</div>

	<div id="bored" class="step slide" data-x="-2570" data-y="1870" data-rotate="-306">
	<q>Aren't you just <b>bored</b> with all those slides-based presentations?</q>
	</div>

	<div class="step category" data-x="970" data-y="3010" data-rotate="-18">
	<q>Would you like to <strong>impress your audience</strong> with <strong>stunning visualization</strong> of your talk?</q>
	</div>

	<div id="overview" class="step" data-x="0" data-y="0" data-scale="10">

	</div>
	</div>

	<script src="http://bartaz.github.com/impress.js/js/impress.js"></script>

	<script src="metodologie.js"></script>

	</body>

	</html>
	window.onload = function () {
	var api = window.api = impress();

	api.init();
	};