yeehaa123 · June 3, 2014 13:16
diff --git a/leander.html b/leander.html
 <html>
  <head>
    <link href='http://fonts.googleapis.com/css?family=Fontdiner+Swanky' rel='stylesheet' type='text/css'>
  </head>

  <style>
    
    body {
      font-family: 'Fontdiner Swanky', cursive;
      text-align: center;
    }

    .page-title{
      font-style: italic;
      -webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
      transition:width 2s, height 2s, background-color 2s, transform 2s;
    }
    
    .page-title:hover {
      -webkit-transform:rotate(180deg);
      transform:rotate(180deg);
    }

    .tags {
      padding: 10px;
    }

    tags:hover {
    }

    .tags .active {
    }

    li {
      text-align: left;
    }

    li:nth-child(3n + 1) {
    }

  </style>

  <body>

    <article class="active profile">
      <header>
         <h1 class="page-title">Leander's Profile</h1>
      </header>
      <body>
      <div class="map">
        <img src="http://www.wizards.com/global/images/ah_prod_diplomacy_pic3_en.jpg">
        <h1 class="motto">Divide and Rule</h1>
        <section class="tags">
          <ul>
            <li>Diplomacy</li>
            <li class="active">Strategy</li>
            <li>Risk</li>
            <li>Diplomacy</li>
            <li class="active">Strategy</li>
            <li>Risk</li>
          </ul>
        </section>
      </body>
    </article>

  <body>
 </html>
	<html>
	<head>
	<link href='http://fonts.googleapis.com/css?family=Fontdiner+Swanky' rel='stylesheet' type='text/css'>
	</head>

	<style>

	body {
	font-family: 'Fontdiner Swanky', cursive;
	text-align: center;
	}

	.page-title{
	font-style: italic;
	-webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
	transition:width 2s, height 2s, background-color 2s, transform 2s;
	}

	.page-title:hover {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	}

	.tags {
	padding: 10px;
	}

	tags:hover {
	}

	.tags .active {
	}

	li {
	text-align: left;
	}

	li:nth-child(3n + 1) {
	}

	</style>

	<body>

	<article class="active profile">
	<header>
	<h1 class="page-title">Leander's Profile</h1>
	</header>
	<body>
	<div class="map">
	<img src="http://www.wizards.com/global/images/ah_prod_diplomacy_pic3_en.jpg">
	<h1 class="motto">Divide and Rule</h1>
	<section class="tags">
	<ul>
	<li>Diplomacy</li>
	<li class="active">Strategy</li>
	<li>Risk</li>
	<li>Diplomacy</li>
	<li class="active">Strategy</li>
	<li>Risk</li>
	</ul>
	</section>
	</body>
	</article>

	<body>
	</html>