-
Notifications
You must be signed in to change notification settings - Fork 2
/
spotted cat.html
201 lines (187 loc) · 8.59 KB
/
spotted cat.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE HTML>
<html>
<head>
<title>MeowBook</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt style2">
<a href="Home.html" class="logo"><span><img src="images/logo.png" style="height: 110px; width: 110px; margin-top: 30px"></span> <div><strong style=" margin-left: -50px ;margin-top: 65px">MeowBook</strong> </a> </div>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="Home.html">Home</a></li>
<li><a href="About Us.html">About Us</a></li>
<li><a href="Himalayan Cat.html">Himalayan Cat</a></li>
<li><a href="Persian cat.html">Persian Cat</a></li>
<li><a href="Mainecoon cat.html">Maine Coon Cat</a></li>
<li><a href="siamese cat.html">Siamese Cat</a></li>
<li><a href="spotted cat.html">Spotted Cat</a></li>
<li><a href="Mumbai Cat.html">Mumbai Cat</a></li>
</ul>
<ul class="actions stacked">
<li><a href="Home.html" class="button primary fit">Get Started</a></li>
</ul>
</nav>
<!-- Banner -->
<section id="banner" class="style2">
<div class="inner">
<span class="image">
<img src="images/cat5.jpg" alt="" />
</span>
<header class="major">
<h1>Spotted Cat</h1>
</header>
<div class="content">
<p>The wisdom of cats is infinitely superior</p>
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h2>The spotted cat is one of the smallest wild cat species in the world </h2>
</header>
<p> If you love a cat with an exotic look but without the size and danger of a wild cat, the Spotted was developed with you in mind. Created by crossing small Asian Leopard Cats with domestic cats, this large-boned, shorthaired cat stands out for his spotted or marbled coat of many colors. </p>
</div>
</section>
<!-- Two -->
<section id="two" class="spotlights">
<section>
<img src="images/spo1.jpg" style="height: 500px ; width: 570px" alt="" data-position="center center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>History</h3>
</header>
<p> The Spotted Cat, Prionailurus rubiginosus, is a vulnerable species, endemic to India, Nepal and Sri Lanka. The goal of the study is to provide an overview of the current distribution of the Spotted Cat in Odisha state through camera trap survey, review of published scientific literature and rescue records. This study presents 14 localities including seven new localities from the Odisha state in India. A long-term study, habitat protection and studying its ecology are recommended for initiating further steps to conserve its range.</p>
</div>
</div>
</section>
<section>
<img src="images/spo2.jpg" style="height: 500px ; width: 570px" alt="" data-position="top center" />
</a>
<div class="content">3
<div class="inner">
<header class="major">
<h3>Personality</h3>
</header>
<p>Spotted cats are a lot of fun to live with, but they’re definitely not the cat for everyone, or for first-time cat owners. Extremely intelligent, curious and active, they demand a lot of interaction and woe betide the owner who doesn’t provide it. If you won’t be home during the day to entertain your cat, plan to have two of them or don’t get one. When they get bored, they are capable of taking things apart to see how they work and opening drawers and cabinets to see what interesting toys or food might be available for him.</p>
</div>
</div>
</section>
<section>
<img src="images/spo3.jpg" style="height: 500px ; width: 570px" alt="" data-position="25% 25%" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Coat Color And Grooming</h3>
</header>
<p> Spotted cats have a short, luxurious, soft coat that is easy to care for with weekly brushing. He will love the attention, and if you brush him more often you will find fewer dust bunnies and hairballs around the house.The rest is basic care. Trim the nails as needed, usually weekly. Check the ears every week for redness or a bad smell that could indicate an infection. If the ears look dirty, wipe them out with a cotton ball dampened with a gentle cleanser recommended by your veterinarian. Brush his teeth frequently at home with a vet-approved pet toothpaste and schedule veterinary cleanings as needed. </p>
</div>
</div>
</section>
</section>
<!-- Three -->
<section id="three">
<div class="inner">
<header class="major">
<h2>Care</h2>
</header>
<p> Don’t get a Spotted cat if what you’re looking for is a sweet, gentle lap cat or a living sculpture that requires little interaction. The intelligent, curious Bengal is highly active. Constantly on the move, he loves climbing to high places, enjoys playing fetch and going for walks on leash, and thrives best when he has access to a large outdoor enclosure where he can indulge in the favorite feline hobby of bird-watching.</p>
</div>
</section>
</div>
<!-- Contact -->
<section id="contact">
<div class="inner">
<section>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Clear" /></li>
</ul>
</form>
</section>
<section class="split">
<section>
<div class="contact-method">
<span class="icon solid alt fa-envelope"></span>
<h3>Gmail</h3>
<a href="#">santhoshvishnupriya@45@gmail.com</a>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-phone"></span>
<h3>Phone</h3>
<span>6379863465</span>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-home"></span>
<h3>Address</h3>
<span>Reddy Street<br />
Sriperumbudhur<br />
Chennai</span>
</div>
</section>
</section>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled</li><li>Design by: <a href="https://github.com/vishnupriya38"> Vishnu Priya ♥ </a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>