sayak-sarkar/Love Bomb from Mentor Team!

## Love Bomb from Mentor Team!
<!DOCTYPE html><html><head>
    <title>Remix of Sayak: Super Super Mentor!</title>
    <style>
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5LO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

    body{
	    background-color: black;
	    color:white;
	    font-family:'Open Sans', Arial, sans-serif;
    }
    #container{
	    width:960px;
	    margin-left:auto;
	    margin-right: auto;
    }

	.badge{
	    width:544px;
	    margin-left: 300px;
	    margin-right: -300px;
    }
    .cluster{
		width: 790px;
		height:180px;
		margin-left: auto;
		margin-right: auto;
    }
	.cluster img{
	    float:left;
    }
    div.cluster p{
	    width:50%;
	    float:left;
	    text-align:center;
	    padding-top:12%;
    }
    div.sentiments{
	    float:left;
		width: 33%;
    }

    div.sentiments div{
	    clear:both;
    }

      div.sentiments div p{
        font-family: 'Amatic SC', sans-serif;
        font-size: 25px;
	    text-align:center;
	    margin:0;
    }
    .moveup{
    margin-top:-6em;
    }

    </style>
  </head>
  <body>
  	<div id="container">
	  	<div class="badge">
		  	<img src="http://sayak-sarkar.github.io/images/avatar.svg" width="300px">
		</div>
		<div class="moveup">
			<div class="cluster">
				<img src="http://zythepsary.com/mozilla/images/heartcluster-left.png">
				<p>with love from your crew at Mozilla</p>
				<img src="http://zythepsary.com/mozilla/images/heartcluster-right.png">
			</div>
			<div class="sentiments">
				<div>
					<p>SAYAK! It's been so much fun hacking and teaching the web with you. Don't be a stranger! You're the greatest Super Super Webmaker Mentor.</p>
					<p>Love Michelle &lt;3</p>
				</div>

              	<div>
					<p>You have been a lot of help over the last months, thank you! Keep in touch, and we'll see you in the Interwebs!</p>
					<p>All the best - Laura</p>
				</div>
      </div>

			<div class="sentiments">
           				<div>
                          <p>Thank you for all your hard work! It may now be necessary to change your name to Super Super Sayak - or at least grab that Webmaker domain :-) </p>
					<p>~Kathryn</p>
				</div>
                </div>
			<div class="sentiments">
           				<div>
					<p>Sayak! You are an indispensable and inspiring fellow soldier in the Army of Webmaking! Can't wait to see what you take on next. Keep up the great work! </p>
					<p>--Matt</p>
				</div>

				</div>

               <div class="sentiments">
           				<div>
					<p>Thanks so much for being AWSM! You'll be missed but we wish you the very best and hope you'll stay in touch!  </p>
					<p>**Lainie</p>
				</div>
</div></div></div></body></html>
	<!DOCTYPE html><html><head>
	<title>Remix of Sayak: Super Super Mentor!</title>
	<style>
	@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
	}
	@font-face {
	font-family: 'Amatic SC';
	font-style: normal;
	font-weight: 400;
	src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5LO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
	}

	body{
	background-color: black;
	color:white;
	font-family:'Open Sans', Arial, sans-serif;
	}
	#container{
	width:960px;
	margin-left:auto;
	margin-right: auto;
	}

	.badge{
	width:544px;
	margin-left: 300px;
	margin-right: -300px;
	}
	.cluster{
	width: 790px;
	height:180px;
	margin-left: auto;
	margin-right: auto;
	}
	.cluster img{
	float:left;
	}
	div.cluster p{
	width:50%;
	float:left;
	text-align:center;
	padding-top:12%;
	}
	div.sentiments{
	float:left;
	width: 33%;
	}

	div.sentiments div{
	clear:both;
	}

	div.sentiments div p{
	font-family: 'Amatic SC', sans-serif;
	font-size: 25px;
	text-align:center;
	margin:0;
	}
	.moveup{
	margin-top:-6em;
	}

	</style>
	</head>
	<body>
	<div id="container">
	<div class="badge">
	<img src="http://sayak-sarkar.github.io/images/avatar.svg" width="300px">
	</div>
	<div class="moveup">
	<div class="cluster">
	<img src="http://zythepsary.com/mozilla/images/heartcluster-left.png">
	<p>with love from your crew at Mozilla</p>
	<img src="http://zythepsary.com/mozilla/images/heartcluster-right.png">
	</div>
	<div class="sentiments">
	<div>
	<p>SAYAK! It's been so much fun hacking and teaching the web with you. Don't be a stranger! You're the greatest Super Super Webmaker Mentor.</p>
	<p>Love Michelle <3</p>
	</div>

	<div>
	<p>You have been a lot of help over the last months, thank you! Keep in touch, and we'll see you in the Interwebs!</p>
	<p>All the best - Laura</p>
	</div>
	</div>

	<div class="sentiments">
	<div>
	<p>Thank you for all your hard work! It may now be necessary to change your name to Super Super Sayak - or at least grab that Webmaker domain :-) </p>
	<p>~Kathryn</p>
	</div>
	</div>
	<div class="sentiments">
	<div>
	<p>Sayak! You are an indispensable and inspiring fellow soldier in the Army of Webmaking! Can't wait to see what you take on next. Keep up the great work! </p>
	<p>--Matt</p>
	</div>

	</div>

	<div class="sentiments">
	<div>
	<p>Thanks so much for being AWSM! You'll be missed but we wish you the very best and hope you'll stay in touch! </p>
	<p>**Lainie</p>
	</div>
	</div></div></div></body></html>