-
Notifications
You must be signed in to change notification settings - Fork 2
/
Mumbai Cat.html
201 lines (187 loc) · 8.52 KB
/
Mumbai 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/cat6.jpg" alt="" />
</span>
<header class="major">
<h1>Mumbai Cat</h1>
</header>
<div class="content">
<p>Kittens are angels with whiskers</p>
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h2>The Mumbai’s characteristic walk has the appearance of a sway </h2>
</header>
<p> This breed is stocky and somewhat compact, but is very muscular with heavy boning. The Mumbai is round all over. The head is round, the tips of the ears are round, the eyes, chin and even the feet are round. </p>
</div>
</section>
<!-- Two -->
<section id="two" class="spotlights">
<section>
<img src="images/mum1.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> In the late 1950s, American breeders desired a cat that had the structure and appearance of the Burmese but wanted the cat to be a deep, glossy, patent leather black. Hopefully, this breed would remind one of the Indian Black Leopard. To this end, a breeding program began using the Burmese and a black American Shorthair with bright, copper eyes. The resulting cat was named the Mumbai to remind people of the Black Leopard, which she actually does resemble.The Mumbai was recognized for the show bench in the late 1970s. While still not common, Mumbai's are crowd pleasers at every show where they are exhibited.</p>
</div>
</div>
</section>
<section>
<img src="images/mum2.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>Younger Mumbai's are active, curious cats and adapt very easily to change. At any age, they love to look at the world around them and their favorite place may often turn out to be a window where they can observe the world outside. These cats are very affectionate and will, at times, demand time with their parents.The Mumbai is well known for jumping on a person's lap and spreading her beautiful body across the newspaper the person is reading. However, as they get older, some Mumbai's can tend to become a bit too placid, preferring to watch rather than get involved in activities.</p>
</div>
</div>
</section>
<section>
<img src="images/mum3.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> The Mumbai is a medium-sized cat. When you pick her up, she feels considerably heavier than she appears. The coat of the Mumbai is short and glossy. When the coat is in proper condition, its deep black luster looks like patent leather. The Mumbai has a characteristic walk. Her body appears almost to sway when she walks. Again, this walk is reminiscent of the Indian black leopard. </p>
</div>
</div>
</section>
</section>
<!-- Three -->
<section id="three">
<div class="inner">
<header class="major">
<h2>Care</h2>
</header>
<p> The Mumbai is a very solid cat both in looks and in feel, and has great strength. She is a good climber and jumper and should have cat trees and perches. The Mumbai is a sturdy, stocky cat and you might have to watch her nutrition carefully to prevent obesity, particularly if she does not get enough exercise. While adult Bombays are placid, they also tend to be very kittenish and love their daily play time. They love being adored by their parent and having their stomach rubbed and being petted. A daily petting session is a must for any Bombay.</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>