forked from VishnuPriya38/MeowBook
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathAbout Us.html
142 lines (130 loc) · 5.89 KB
/
About Us.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
<!DOCTYPE HTML>
<html>
<head>
<title>About Us</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">
<a href="index.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>
<!-- Main -->
<div id="main" class="alt">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h1>Meowoo all!</h1>
</header>
<span class="image main"><img src="images/about.jpeg" style="height: 600px ; width: 600px;" alt="" /></span>
<div style=" margin-left: 700px ; margin-top: -610px; font-size: 30px">
<p> Hey buddy, myself Vishnu Priya and I am the creator of the Meowbook. I graduated at SRM Institute of Science and Technology. I am a Web developer and i love spending my time coding and learning new things and not being so studious, i love listening to music, actually I work listening to music 🤪♥. Apart from being a web developer , i love cats offcourse i love animals but my favourite is cats. They are really the cool and kind species down to the earth. This part of me made to do this website. There are two means of refuge from the misery of my life — music and cats ♥.
</div>
<br><br>
<p style="font-size: 30px">I have always been very fond of cats. I have a cat named molly, a persian cat. Persian cats are considered to be the most beautiful cats in the world and Molly is no exception.Basically MeowBook is something which helps you to nourish your fluffy cuties. You'll get to know many things about cat breeds, you can even enquire anything related to cats. We are here to provide information you required. For futher queries contact us.<br> Say Hi to your pet behalf of me 🐾♥ </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@[email protected]</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://html5up.net"> 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>