Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@maylisdoucet

maylisdoucet/acccueil-sweetfight.html

Created April 5, 2018 19:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save maylisdoucet/e89bd6d4af3b3724c9895544cd841978 to your computer and use it in GitHub Desktop.
Save maylisdoucet/e89bd6d4af3b3724c9895544cd841978 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
acccueil-sweetfight.html
<!DOCTYPE html>
<html>
<head>
<title><%= Sweet Fight %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<section class="choixperso">
<div class="backgroundcaroussel">
<div class="content">
<div class="rowa">
<div class="col pinkframe">
<h1 class="decouvrez">WELCOME TO <br> <h1> SWEET FIGHT</h1>
<div class="bigredbutton">
<div class="pills">
<h1 class="chooseyourhero"> CHOOSE YOUR HERO </h1>
</div>
</div>
<div class="rowa">
<div class="col pinksquare">
<img src="img/copycat.png" src="copycat">
<h3>COPYCAT</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/blackcat.png" src="blackcat">
<h3>BLACK CAT</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/hellcat.png" src="hellcat">
<h3>HELL CAT</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/catwoman.png" src="catwoman">
<h3>CAT WOMAN</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/batman.png" src="batman">
<h3>BATMAN</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/superman.png" src="superman">
<h3>SUPERMAN</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/black-widow.png" src="blackwidow">
<h3>BLACK WIDOW</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/aurora.png" src="aurora">
<h3>AURORA</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/falcon.png" src="falcon">
<h3>FALCON</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/indigo.png" src="indigo">
<h3>INDIGO</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/spider-man.png" src="spider-man">
<h3>SPIDER-MAN</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="col pinksquare">
<img src="img/franklin-richards.png" src="franklin-richards">
<h3>FRANKLIN-RICHARDS</h3>
<h4 class="power">FORCE </h4>
<h4 class="lifepoints">LIFE POINTS</h4>
</div>
<div class="bigredbutton">
<div class="pills">
<h1 class="play"> PLAY !!!</h1>
</div>
<h4> DEVELOPED BY CAT TEAM <br>
BORDEAUX 2018. </h4>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment