Advertisement
makispaiktis

Codecademy - 13th Course (HTML Examlpe)

Oct 8th, 2019 (edited)
324
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.25 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title>Let's Test Your Memory!</title>
  5.   <link href="https://fonts.googleapis.com/css?family=Yantramanav:100,300,400,500,700,900" rel="stylesheet">
  6.   <link rel="stylesheet" type="text/css" href="style.css">
  7. </head>
  8. <body>
  9.  
  10.   <h2>Classic Memory Game</h2>
  11.   <h1>Let's Test Your Memory!</h1>
  12.   <p>Click on a tile below to reveal a symbol. Click on another tile to try and reveal two of the same symbols. The game is over when all the cards have been matched.</p>
  13.  
  14.   <div class="actions">
  15.     <a href="#">Reset Game</a>
  16.     <a href="#">Invite a Friend!</a>
  17.     <a href="#">Save This Game</a>
  18.   </div>
  19.  
  20.   <div id="gameboard">
  21.     <div class="card">
  22.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  23.     </div>
  24.  
  25.     <div class="card">
  26.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  27.     </div>
  28.  
  29.     <div class="card">
  30.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  31.     </div>
  32.  
  33.     <div class="card">
  34.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  35.     </div>
  36.  
  37.     <div class="card">
  38.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  39.     </div>
  40.  
  41.     <div class="card">
  42.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  43.     </div>
  44.  
  45.     <div class="card">
  46.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  47.     </div>
  48.  
  49.     <div class="card">
  50.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  51.     </div>
  52.  
  53.     <div class="card">
  54.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  55.     </div>
  56.  
  57.     <div class="card">
  58.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  59.     </div>
  60.  
  61.     <div class="card">
  62.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  63.     </div>
  64.  
  65.     <div class="card">
  66.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  67.     </div>
  68.  
  69.     <div class="card">
  70.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  71.     </div>
  72.  
  73.     <div class="card">
  74.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  75.     </div>
  76.  
  77.     <div class="card">
  78.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  79.     </div>
  80.  
  81.     <div class="card">
  82.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  83.     </div>
  84.  
  85.     <div class="card">
  86.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  87.     </div>
  88.  
  89.     <div class="card">
  90.       <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_star.png">
  91.     </div>
  92.   </div>
  93.  
  94. </body>
  95. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement