-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (92 loc) · 4.68 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Amiko&family=Shrikhand&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"
/>
<title>My cats</title>
<link rel="stylesheet" href="/styles/index.css" />
</head>
<body>
<main>
<div class="container">
<div class="card animate fadeInLeft caisa">
<div class="card__img">
<img src="/images/Caisa_before.png" alt="Caisa-Stina" />
</div>
<button class="caisa card__animation">
<div class="card__text">
<!-- <p>
Caisa is the smallest of the cats, but the one
everyone respect the most. But with that said,
she is no troublemake. She prefers to keep an
eye on the other cats' quarrels at a safe
distance. Caisa is headstrong and knows what she
wants; food, a cosy hiding place and
affirmations. When she wants to cuddle, you
better start cuddling.
</p> -->
</div>
</button>
</div>
<div class="card animate fadeInLeft magnusson">
<div class="card__img">
<img
src="/images/Magnusson_before.png"
alt="Magnusson"
/>
</div>
<button class="magnusson card__animation">
<div class="card__text">
<!-- <p>Magnusson is a 8 year old gentleman who is well aware that he is beautiful.
As the oldest of the cats, he knows how to set boundaries. He may seem a bit
pompous and can be grumpy before dinner, but under all that dense fur is
a lovesick goofball that just wants you all for himself. He would never admit
to it, but he is a momma’s boy for sure.
</p> -->
</div>
</button>
</div>
<div class="card animate fadeInLeft judit">
<div class="card__img">
<img src="/images/Judit_before.png" alt="Judit" />
</div>
<button class="judit card__animation">
<div class="card__text">
<!-- <p>Judit is the loud and michevious drama queen. Large and believing she is in charge.
On the other hand, she is an emotionally attentive, trusting and confident cat.
She will keep you company and always reply with one of her many unique and funny meows.
She is greedy for attention and food, but she will give you all of her attention and love.
</p> -->
</div>
</button>
</div>
<div class="card animate fadeInLeft anders">
<div class="card__img">
<img src="/images/Anders_before.png" alt="Anders" />
</div>
<button class="anders card__animation">
<div class="card__text">
<!-- <p>Anders is happy young lad who is a mix of cat, raccoon and goat. Nothing is too high up
or safe behind closed pantry doors for his fast legs and curiousity.
And he never learns that cats cannot eat yoga mats. He is also the softest,
most cuddly and social of the cats. Anders is extremely attached to those
he sees as family, especially my girlfriend.
</p> -->
</div>
</button>
</div>
</div>
</main>
</body>
</html>