Page History

<div style="display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;">
<div style="position: relative; margin: 10px; flex: 1 1 auto; align-self: flex-start; min-width: 200px">
<div class="image" style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url(https://wiki.geant.org/download/attachments/618758348/1sct.jpg); background-color: #cccccc; width: 100%; height:370px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;">
	  <div class="text" style="text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white;">
		<h1 style="color: white; font-weight: bold; margin-bottom:10px">CATALOGUE OF BEST PRACTICES</h1>
	    <a href="https://wiki.geant.org/display/GSD/Catalogue+of+best+practices" style="background-color: white; display: inline-block; border: none; color: black; font-weight: bold; padding: 15px 32px; text-align: center; text-decoration: none; font-size: 16px; margin: 10px 2px; cursor: pointer; border-radius: 5px">Learn more</a>
	  </div>
</div>
</div>
<div style="position: relative; margin: 10px; flex: 1 1 auto; align-self: flex-start; min-width: 200px">
<div class="image" style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url(https://wiki.geant.org/download/attachments/618758348/2sse.jpg); background-color: #cccccc; width: 100%; height:370px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;">
	  <div class="text" style="text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white;">
		<h1 style="color: white; font-weight: bold; margin-bottom:10px">COMENTAIRES FOR BEST PRACTICES</h1>
	    <a href="#" style="background-color: white; display: inline-block; border: none; color: black; font-weight: bold; font-weight: bold; padding: 15px 32px; text-align: center; text-decoration: none; font-size: 16px; margin: 10px 2px; cursor: pointer; border-radius: 5px">Learn more</a>
	  </div>
</div>
</div>
</div>