-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
144 lines (136 loc) · 7.45 KB
/
gallery.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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallery of Fame</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
position: relative;
overflow-x: hidden; /* Prevent horizontal scroll */
background-image: url('images/catbg2.jpg'); /* Set the background image */
background-size: cover; /* Cover the entire viewport */
background-attachment: fixed; /* Fix the background image */
background-position: center; /* Center the background image */
}
.background-image {
width: 100%;
height: 100vh;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0.5; /* Adjust opacity if needed */
}
.heading-container {
background-color: rgba(106, 102, 116, 0.8);
padding: 40px 20px;
text-align: center;
position: relative;
}
h3 {
color: #fff;
margin: 0;
font-size: 2em;
}
.paragraph-container {
width: 100%;
max-width: 1200px;
margin: 20px auto;
padding: 20px;
background-color: rgba(48, 45, 45, 0.7);
color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
position: relative;
}
.paragraph-container img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 20px;
}
p {
margin-bottom: 20px;
line-height: 1.6;
font-size: 1.2em;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
a {
color: white;
text-decoration: none; /* Optional: Removes the underline */
}
a:hover {
color: cornflowerblue; /* Optional: Changes color on hover */
}
</style>
</head>
<body>
<img src="images/catbg2.jpg" alt="Background Image" class="background-image">
<div class="heading-container">
<h3>Gallery of Fame: Most Popular Indian Cat Breeds</h3>
</div>
<div class="paragraph-container">
<h4><a href="https://en.wikipedia.org/wiki/Bengal_cat" target="_blank">1. Bengal Cat</a></h4>
<img src="images/bengal.jpg" alt="Bengal Cat">
<p>Descendants of the Wild Asian Leopard Cat, Bengal Cats are one of the most intelligent and elegant domestic cat breeds in India. They are known to be very talkative and expressive. They also need a LOT of exercise, so keep up with their energy levels—build a play-area for them, take them out for walks, and get interactive cat toys!</p>
<p>Suitable for Indian climate</p>
<p>Life expectancy: 10 - 16 years</p>
</div>
<div class="paragraph-container">
<h4><a href="https://en.wikipedia.org/wiki/Bombay_cat" target="_blank">2. Bombay Cat</a></h4>
<img src="images/bombay.jpg" alt="Bombay Cat">
<p>Bombay Cats are one of the most affectionate and smart small cat breeds—it’s adorable to see how confidently they demand pets! With their sleek black coats and striking eyes, they are beautiful, like mini Black Panthers. They require minimum grooming and happily adapt to homes of any size. It’s super easy to train them too, with a few yummy cat treats!</p>
<p>Suitable for Indian climate</p>
<p>Life expectancy: 9-13 years</p>
</div>
<div class="paragraph-container">
<h4><a href="https://en.wikipedia.org/wiki/Maine_Coon" target="_blank">3. Maine Coon</a></h4>
<img src="images/mainecoon.jpg" alt="Maine Coon Cat">
<p>Maine Coons are super friendly, sociable and lovingly called ‘gentle giants’. They can grow up to 10 kg and 40 inches in size. They adapt to domestic living easily, and are a great choice for families with children. However, due to their longer coat, it is important to keep them cool, well-groomed and hydrated in summer.</p>
<p>Suitable for Indian climate</p>
<p>Life expectancy: 12-15 years</p>
</div>
<div class="paragraph-container">
<h4><a href="https://en.wikipedia.org/wiki/persian_cat" target="_blank">4. Persian Cat</a></h4>
<img src="images/persian.jpg" alt="Persian Cat">
<p>Persian Cats are one of the cutest cat breeds out there! They have a gorgeous coat, beautiful eyes and chubby cheeks. They are lovely indoor cats who love watching the world go by. They want to be the centre of your attention, but are equally content in their own company. Be prepared to groom and pamper them daily!</p>
<p>Suitable for Indian climate</p>
<p>Life expectancy: 10-17 years</p>
</div>
<div class="paragraph-container">
<h4><a href="https://en.wikipedia.org/wiki/Siamese_cat" target="_blank">5. Siamese Cat</a></h4>
<img src="images/saimese.jpg" alt="Siamese Cat">
<p>Out of all the types of cat breeds, Siamese Cats have historically been the most popular pets! They are independent, sociable, loyal and very expressive. Their confident, loud meows will echo through your home. Fun fact: the colour of their coat changes with external temperatures!</p>
<p>Suitable for Indian climate</p>
<p>Life expectancy: 10-12 years</p>
</div>
<div class="paragraph-container">
<h4><a href="https://en.wikipedia.org/wiki/Himalayan_cat" target="_blank">6. Himalayan Cat</a></h4>
<img src="images/himalyan.jpg" alt="Himalayan Cat">
<p>Himalayan Cats are gentle and quiet balls of fur who make excellent indoor pets. They love a good cuddle session, but are also happy playing and keeping themselves entertained. However, they are notoriously fussy eaters and prone to health troubles. Understand their diets, and invest in quality cat food.</p>
<p>Suitable for Indian climate</p>
<p>Life expectancy: 9-15 years</p>
</div>
<div class="paragraph-container">
<h4><a href="https://en.wikipedia.org/wiki/Abyssinian_cat" target="_blank">7. Abyssinian</a</h4>
<img src="images/Abyssinian.jpg" alt="Abyssinian">
<p></p>
<p>If you are looking for good cat breeds who are friendly with children as well as other cats or pets, the Abyssinian is your perfect companion! They are adored for their playful and inquisitive spirits, and short, low-maintenance coats. Just keep them active and engaged with stimulating cat toys!</p>
<p>Suitable for Indian climate</p>
<p>Life expectancy: 9-15 years</p>
</div>
<div class="paragraph-container">
<h4><a href="https://en.wikipedia.org/wiki/Indie_cat" target="_blank">8. Indian (Indie) Cat</a></h4>
<img src="images/indie.jpg" alt="Indian Cat">
<p>Indian cats are survivors, showing resilience and practicality. They might be aloof initially, but they become charming once trust is built through food. While they love being independent outdoors, they do enjoy indoor human company. They would tolerate fellow furry friends at home, as they do have an adaptable and curious nature. Their tenacity shines through, adapting extremely well to different situations.</p>
<p>Suitable for Indian climate</p>
<p>Life expectancy: 10-15 years</p>
</div>
</body>
</html>