-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
109 lines (99 loc) · 3.81 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<title>Yoga</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="footer, links, icons" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="footer-distributed.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 0;
border-radius: 0;
}
/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}
/* Set black background color, white text and some padding */
footer {
background-color: #555;
color: white;
padding: 15px;
}
/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.row.content {height:auto;}
}
</style>
</head>
<body>
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="icon1.png"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Yoga</a></li>
<li><a href="Asanas.html">Asanas</a></li>
<li><a href="About.html">Developer</a></li>
</ul>
</div>
</div>
</nav>
<div class="container text-center">
<h1>Yoga</h1>
<br>
<img src="yoga.png" class="img-responsive center-block" />
<br>
<p><h2><i>"You cannot do yoga. Yoga is your natural state. What you can do are yoga exercises, which may reveal to you where you are resisting your natural state."</i></h2></p>
<h3><i>Sharon Gannon</i></h3>
<br>
<hr>
<br>
<p><h2><i>"A photographer gets people to pose for him. A yoga instructor gets people to pose for themselves."</i></h2></p>
<h3><i>T. Guillemets</i></h3>
<br>
<hr>
<br>
<p><h2><i>"In theory, practice and theory are the same. In practice they are not."</i></h2></p>
<h3><i>Yogi Berra</i></h3>
<br>
<br>
</div>
<footer class="footer-distributed">
<div class="footer-right">
<a href="https://www.facebook.com/satyen.maurya"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/satyen_maurya"><i class="fa fa-twitter"></i></a>
<a href="https://www.instagram.com/satyen.maurya"><i class="fa fa-instagram"></i></a>
</div>
<div class="footer-left">
<p class="footer-links">
<a href="index.html">Yoga</a>
·
<a href="Asanas.html">Asanas</a>
·
<a href="About.html">Developer</a>
·
<a href="https://satyenmaurya.blogspot.in">Blog</a>
</p>
</div>
</footer>
</body>
</html>