LuckyCat/index.html at master · dentonmark/LuckyCat · GitHub

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
<!DOCTYPE html>
<html lang="en">
<html>
<head>
	<title>Lucky Cat Tribute</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

	<!-- Local CSS stylesheet -->
	<link rel="stylesheet" href="css/stylesheet.css">

  <!-- Latest compiled and minified JavaScript -->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

	<!-- Google Fonts api -->
	<link href="https://fonts.googleapis.com/css?family=Bangers|Cabin" rel="stylesheet" type="text/css">

</head>
<body>
<div class="container">
  <div class="jumbotron">
    <h1 style="font-size: 75px; font-family: Bangers, Sans-Serif; color: #A60000; margin-top: -10px;" class="text-center">Lucky Cat</h1>
    <h2 style="font-size: 25px; font-family: Cabin, Sans-Serif; color: #595957; margin-top: -10px; margin-bottom: 20px;" class="text-center">More Than Just a Wave</h2>
    <img src="images/japanese-lucky-cat.jpg" class="img-responsive thumbnail">

    <div style="padding-left: 20px; padding-right: 20px;">
      <p>
        <div style="font-size: 22px; font-family: Cabin, Sans-Serif; color: #595957;">The maneki-neko is a common Japanese figurine which is often believed to bring good luck to the owner.</div>
      </p>

      <p>
        <div style="font-size: 17px; font-family: Cabin, Sans-Serif; color: #595957;">In modern times, they are usually made of ceramic or plastic. The figurine depicts a cat (traditionally a calico Japanese Bobtail) beckoning with an upright paw, and is usually displayed in shops, restaurants, pachinko parlors, and other businesses.
          Some of the sculptures are electric or battery-powered and have a slow-moving paw beckoning. The maneki-neko is sometimes also called the welcoming cat, lucky cat, money cat, happy cat, beckoning cat, or fortune cat in English.</div>
      </p>

      <p>
        <div style="font-size: 17px; font-family: Cabin, Sans-Serif; color: #595957;">To some Westerners (Italians and Spaniards are notable exceptions) it may seem as if the maneki-neko is waving rather than beckoning. This is due to the difference in gestures and body language recognized by some Westerners and the Japanese. The
          Japanese beckoning gesture is made by holding up the hand, palm down, and repeatedly folding the fingers down and back, thus the cat's appearance. Some maneki-neko made specifically for some Western markets will have the cat's paw facing upwards,
          in a beckoning gesture that is more familiar to most Westerners.</div>
      </p>
    <div style="margin-top: 30px; margin-bottom: 175px;">
      <img src="images/LuckCat1_800x800.jpg" class="img-responsive img-circle col-xs-3 col-sm-3">
      <img src="images/LuckCat2_800x800.jpg" class="img-responsive img-circle col-xs-3 col-sm-3">
      <img src="images/LuckCat3_800x800.jpg" class="img-responsive img-circle col-xs-3 col-sm-3">
      <img src="images/LuckCat4_800x800.jpg" class="img-responsive img-circle col-xs-3 col-sm-3"></div>
  </div>
<div style="row">
  <p>
    <div style="font-size: 22px; font-family: Cabin, Sans-Serif; color: #595957;" class="text-center">Want to learn more? Try these resources:</div>
  </p>
<p>
    <div style="font-size: 17px; font-family: Cabin, Sans-Serif; color: #595957; margin-top: -10px;" class="text-center"><a href="https://en.wikipedia.org/wiki/Maneki-neko">Wikipedia</a>  |  <a href="http://www.darumamagazine.com/new/articles-excerpts/maneki-neko-feline-fact-fiction/">Daruma Magazine</a>  |  <a href="http://lucky-cats.net/">Lucky-Cats.net</a></div>
  </p>
</div>
</div>
<p><div style="font-size: 13px; font-family: Cabin, Sans-Serif; color: #595957; padding-bottom: 20px;" class="text-center">Content adapted from <a href="https://en.wikipedia.org/">Wikipedia</a>. Coded by <a href="https://www.freecodecamp.com/mdenton3016">Mark Denton.</a></div>
</div>
</body>
</html>