gallery.html

<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/responsive.css">

<!-- Js -->
<script src="//www.google-analytics.com/analytics.js" async=""></script><script src="js/vendor/modernizr-2.6.2.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/wow.min.js"></script>
<script>
new WOW(
    ).init();
</script>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-57708809-1', 'auto');
ga('send', 'pageview');

</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-79492581-1', 'auto');
  ga('send', 'pageview');

</script>
<style>
#logo{
    text-color:red;
    font-family:Helvetica;
    font-size:15px;
}
#add{
    background-color:#d6dcf0;
    text-color:#000000;
}

#utility{
    background:#F0EAD6;
}
#thumbnail{
	 background:#F0EAD6;

}
.service-wrapper{
    margin:0px;
    margin-color:#000000;
}
#footer{
	text-align:center;
}

.wrapper {
    text-align: center;
}

.button{
	background-color:##d6dcf0;
}
#coloredtext{
	color:blue;
}
</style>

</head>
<body>


    <header>
        <div class="container" id="mine1">
            <div class="row" id="mine">
                <div class="col-md-3 col-xs-6 col-sm-3">
                    <a href="index.html#banner" class="logo" id="logo">
                        SRAstro
                    </a>
                </div>
                <div class="col-md-7 col-xs-6 col-sm-7">
                    <div class="menu">
                        <nav class="navbar navbar-default" role="navigation">
                            <div class="container-fluid">
                                <!-- Brand and toggle get grouped for better mobile display -->
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>

                                <!-- Collect the nav links, forms, and other content for toggling -->
                                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                    <ul class="nav navbar-nav">
                                        <li><a href="index.html#banner">Home</a></li>
                                        <li><a href="index.html#service">Services</a></li>
                                        <li><a href="index.html#feature">About Us</a></li>
                                        <li><a href="index.html#blog">Blog</a></li>
                                        <li><a href="index.html#utility">Enquiry</a></li>
			 		<li><a href="index.html#payment">Payment Info</a></li>
                                        <li><a href="index.html#subscribe">Contact Us</a></li>
                                    </ul>
                                </div><!-- /.navbar-collapse -->
                            </div><!-- /.container-fluid -->
                        </nav>
                    </div>
                </div>
                <div class="col-md-2 col-xs-12 col-sm-2">
<!-- <ul class="social-info">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>-->
</div>
</div>
</div>
</header>
<body>

    <!-- Navigation -->
     <div class="container" id="mine1">

<div class="row" id="mine">

<div class="col-md-3 col-xs-6 col-sm-3">

<a href="index.html#banner" class="logo" id="logo">

SRAstro

</a>

</div>

<div class="col-md-6 col-xs-6 col-sm-6">

<div class="menu">

<nav class="navbar navbar-default" role="navigation">

<div class="container-fluid">

<!-- Brand and toggle get grouped for better mobile display -->

<div class="navbar-header">

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

</div>


<!-- Collect the nav links, forms, and other content for toggling -->


</div><!-- /.container-fluid -->

</nav>

</div>

</div>

<div class="col-md-3 col-xs-12 col-sm-3">

<!-- <ul class="social-info">

<li><a href="#"><i class="fa fa-facebook"></i></a></li>

<li><a href="#"><i class="fa fa-twitter"></i></a></li>

<li><a href="#"><i class="fa fa-linkedin"></i></a></li>

<li><a href="#"><i class="fa fa-google-plus"></i></a></li>

</ul>-->

</div>

</div>

</div>

    <!-- Page Content -->
    <div class="container-fluid">

        <div class="row">

            <!--<div class="col-md-3">
                <p class="lead">Shop Name</p>
                <div class="list-group">
                    <a href="#" class="list-group-item active">Category 1</a>
                    <a href="#" class="list-group-item">Category 2</a>
                    <a href="#" class="list-group-item">Category 3</a>
                </div>
            </div>-->

<div  id="utility">
          <div class="page-header"><h1>His Certificates</h1></div>
              <div class="container container-fluid">
<div class="row" >
<div class="col-md-12">
  <div id="utility">
                    <img class="img-responsive" src="images/index.jpg" alt="photo of service">
                    <div class="caption-full">
                      </div>  </div></div></div>
<div class="col-md-12">  <div id="utility">
                    <img class="img-responsive" src="images/certi.jpg" alt="photo of service">
                    <div class="caption-full">
                      </div></div>

<a href="index.html"><button class="btn button">Go back</button></a>
<!--			<div class="container container-fluid">
			<h4 id="coloredtext">Marriage Problem
                        </h4>
                        <p>This entails advice regarding problems relating to marriage of a person.</p>
                        <p>Not what you are looking for? Check out <strong><a href="index.html#service">our other services</a></strong></p>
                        <p>In modern age we face problems among the newly-wed couple and even aged persons. No of separation and divorce has become a common phenomenon now a day. The Horoscope of a Person who is passing through a bad period due to marital misunderstanding may be given astrological solution. His / her Horoscope will be examined in detail keeping in mind the problem related to separation, divorce and the solution will be sent to you,
so that you can live a peaceful married life. <br>It is only for the persons who are married and facing marital problem in day today life and for those boys and girls who are passing there days live in relationship may also consult me for their future prospect and there duration in such a situation. Stability in their relationship may also be predicted. Adequate remedy will also be suggested.</p>
                    </div>
                    <div class="container container-fluid">
                        <p><b><br><br><br><h3 class="coloredtext">Fees:</h3></b>1500 Rs For India <br>100$ For Foreign Nationals</b><br>Payment Info at the bottom of the page. </p>
                    </div>
                </div>

              <div class="container container-fluid">

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="page-header">
                                    <h1 id="forms">Order Now:</h1>
                                </div>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-lg-12">
                    <script type="text/javascript" src="https://form.jotform.me/jsform/61363661501449"></script>
                    </div>
                        </div>
                  <div class="wrapper">
                    <button class="btn  btn-lg button "><a href="index.html#payment"><b>Payment info</b></a></button>
			</div>


							<div class="row">
								<div style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInDown;" class="col-md-12 wow fadeInDown animated" data-wow-delay=".8s">
									<div class="block">
										<div class="title text-center">
											<h2>Payment Information</h2>
											<p>You can transfer the payment to the account with the following details</p>
										</div>
										<div class="list-group">
											<div class="list-group-item">

												<p class="list-group-item-text"><b>Mr. Ram Kishore Narayan Sharma<br>Account No.:6236000100004143<br>Punjab National Bank<br>IFSC Code:PUNB0623600</b></p>
											</div>

											</a>
										</div>
									</div>
									</div>
								</div>
							</div>

	</div>
	</div>-->
        </div>

    </div>
    <!-- /.container -->

    <div class="container-fluid">

        <hr>

        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12" id="footer" >
                    <p>All Rights Reserved.</p>
                </div>
            </div>
        </footer>

    </div>
    <!-- /.container -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

</body>

</html>