-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
95 lines (82 loc) · 4 KB
/
Copy pathindex.html
File metadata and controls
95 lines (82 loc) · 4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Memory Game</title>
</head>
<body>
<!-- <h1>Click To Turn Cards</h1> -->
<!-- <div class="grid-container">-->
<!--<div class="grid-item">1</div>
<div class="grid-item">2</div>
<div class="grid-item">3</div>
<div class="grid-item">4</div>
<div class="grid-item">5</div>
<div class="grid-item">6</div>
<div class="grid-item">7</div>
<div class="grid-item">8</div>
<div class="grid-item">9</div>
</div>-->
<section class="memory-game">
<div class="memory-card" data-framework="aurelia">
<img class="front-face" src="../images/aurelia.svg" alt="Aurelia" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="aurelia">
<img class="front-face" src="../images/aurelia.svg" alt="Aurelia" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="vue">
<img class="front-face" src="../images/vue.svg" alt="Vue" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="vue">
<img class="front-face" src="../images/vue.svg" alt="Vue" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="angular">
<img class="front-face" src="../images/angular.svg" alt="Angular" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="angular">
<img class="front-face" src="../images/angular.svg" alt="Angular" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="ember">
<img class="front-face" src="../images/ember.svg" alt="Ember" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="ember">
<img class="front-face" src="../images/ember.svg" alt="Ember" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="backbone">
<img class="front-face" src="../images/backbone.svg" alt="Backbone" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="backbone">
<img class="front-face" src="../images/backbone.svg" alt="Backbone" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="react">
<img class="front-face" src="../images/react.svg" alt="React" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
<div class="memory-card" data-framework="react">
<img class="front-face" src="../images/react.svg" alt="React" />
<img class="back-face" src="../images/js-badge.svg" alt="JS Badge" />
</div>
</section>
<!-- <div>
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Neque gravida in fermentum et sollicitudin ac orci. Ac tortor dignissim convallis aenean et tortor at risus. Sit amet consectetur adipiscing elit ut. Amet est placerat in egestas erat imperdiet. Felis bibendum ut tristique et egestas quis. Lorem dolor sed viverra ipsum nunc aliquet bibendum enim facilisis. Convallis convallis tellus id interdum velit laoreet id donec ultrices. Proin fermentum leo vel orci porta non pulvinar neque.
Consequat ac felis donec et odio pellentesque diam. Vel orci porta non pulvinar neque laoreet.</h3>
</div>-->
<div>
<input type="button" value="Play Again" onclick="window.location.reload();"></input>
</div>
<!-- <p>Set the <em>display</em> property to <em>inline-grid</em> to make an inline grid container.</p>-->
<script src="apps.js"></script>
</body>
</html>