camill/memory-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Video 2

Browse Source
This commit is contained in:
Marina Ferreira 2018-07-16 20:59:33 -03:00
parent f0c6a758c9
commit 0700a1d8ec
2 changed files with 83 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
video-2/index.html Normal file
View File

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Memory Game</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section class="memory-game">
<div class="memory-card">
<img class="front-face" src="../img/aurelia.svg" alt="Aurelia" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/aurelia.svg" alt="Aurelia" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/vue.svg" alt="Vue" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/vue.svg" alt="Vue" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/angular.svg" alt="Angular" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/angular.svg" alt="Angular" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/ember.svg" alt="Ember" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/ember.svg" alt="Ember" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/backbone.svg" alt="Backbone" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/backbone.svg" alt="Backbone" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/react.svg" alt="React" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card">
<img class="front-face" src="../img/react.svg" alt="React" />
<img class="back-face" src="../img/js-badge.svg" alt="JS Badge" />
</div>
</section>
<script src="scripts.js"></script>
</body>
</html>

14
video-2/styles.css Normal file
View File

@ -0,0 +1,14 @@
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
height: 100vh;
background: #060AB2;
}
img {
width: 100px;
}