264 lines
12 KiB
HTML
264 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
|
|
|
|
<title>Ramayana - Simple HTML Page</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!--
|
|
Ramayana CSS Template
|
|
https://templatemo.com/tm-529-ramayana
|
|
-->
|
|
|
|
<!-- Additional CSS Files -->
|
|
<link rel="stylesheet" href="assets/css/fontawesome.css">
|
|
<link rel="stylesheet" href="assets/css/templatemo-style.css">
|
|
<link rel="stylesheet" href="assets/css/owl.css">
|
|
|
|
</head>
|
|
|
|
<body class="is-preload">
|
|
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
<div class="inner">
|
|
|
|
<!-- Header -->
|
|
<header id="header">
|
|
<div class="logo">
|
|
<a href="index.html">Ramayana</a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Page Heading -->
|
|
<div class="page-heading">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h1>Simple Page</h1>
|
|
<p><strong>Ramayana</strong> is free Bootstrap 4 CSS template from templatemo website. You can feel free to use it. Donec a scelerisque massa. Aliquam non iaculis quam. Duis arcu turpis, tincidunt id convallis nec, pretium non sem. Fusce non vehicula nibh. Nunc interdum libero non tincidunt rutrum. Nunc at feugiat quam, sed ullamcorper felis.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Simple Post -->
|
|
<section class="simple-post">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<img src="assets/images/simple-post.jpg" alt="">
|
|
<div class="down-content">
|
|
<p>Mauris aliquam ipsum nibh, id scelerisque leo congue vel. Vivamus ornare, eros et ornare consectetur, ipsum ipsum sollicitudin libero, at condimentum risus nulla non enim. Quisque sodales vestibulum arcu porttitor finibus. Phasellus dictum nisl id augue ornare, vel interdum nibh mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
|
|
<p>Phasellus vestibulum venenatis interdum. Praesent augue massa, tincidunt eget dignissim a, scelerisque vitae ante. Curabitur a arcu tellus. Donec et massa at dolor condimentum ornare nec non lorem. Maecenas non egestas metus, sed ultricies lectus. Aliquam sit amet gravida tellus. Phasellus id erat nec mi ullamcorper viverra. Quisque vitae pharetra sem. Maecenas sit amet velit ultrices, malesuada quam id, porta nisl. Cras scelerisque ex ut bibendum egestas.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="simple-post">
|
|
<div class="container-fluid">
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h2>.02 Left Column</h2>
|
|
<p>Quisque sodales vestibulum arcu porttitor finibus. Phasellus dictum nisl id augue ornare, vel interdum nibh mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent.</p>
|
|
<p>Maecenas non egestas metus, sed ultricies lectus. Aliquam sit amet gravida tellus. Phasellus id erat nec mi ullamcorper viverra. Quisque vitae pharetra sem. Maecenas sit amet velit ultrices, malesuada quam id, porta nisl.</p>
|
|
<br><br>
|
|
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h2>.02 Right Column</h2>
|
|
<p>Vivamus ornare, eros et ornare consectetur, ipsum ipsum sollicitudin libero, at condimentum risus nulla non enim. Quisque sodales vestibulum arcu porttitor finibus. Phasellus dictum nisl id augue ornare, vel interdum nibh mollis.</p>
|
|
<p>Donec et massa at dolor condimentum ornare nec non lorem. Maecenas non egestas metus, sed ultricies lectus. Aliquam sit amet gravida tellus. Phasellus id erat nec mi ullamcorper viverra. Quisque vitae pharetra sem. Maecenas sit amet velit ultrices, malesuada quam id, porta nisl. Cras scelerisque ex ut bibendum egestas.</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="simple-post">
|
|
<div class="container-fluid">
|
|
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<h2>First Column</h2>
|
|
<p>Aliquam sit amet gravida tellus. Phasellus id erat nec mi ullamcorper viverra. Quisque vitae pharetra sem. Maecenas sit amet velit ultrices, malesuada quam id, porta nisl.</p>
|
|
<br>
|
|
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<h2>Second Column</h2>
|
|
<p>Donec et massa at dolor condimentum ornare nec non lorem. Maecenas non egestas metus, sed ultricies lectus. Aliquam sit amet gravida tellus. Phasellus id erat nec mi ullamcorper viverra.</p>
|
|
<br>
|
|
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<h2>Third Column</h2>
|
|
<p>Quisque sodales vestibulum arcu porttitor finibus. Phasellus dictum nisl id augue ornare, vel interdum nibh mollis. Aliquam sit amet gravida tellus.</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Form -->
|
|
<section class="contact-form">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<form id="contact" action="" method="post">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<input name="name" type="text" class="form-control" id="name" placeholder="Your name..." required="">
|
|
</fieldset>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<input name="email" type="text" class="form-control" id="email" placeholder="Your email..." required="">
|
|
</fieldset>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<textarea name="message" rows="6" class="form-control" id="message" placeholder="Your message..." required=""></textarea>
|
|
</fieldset>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<button type="submit" id="form-submit" class="button">Send Message</button>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div id="map">
|
|
<!-- How to change your own map point
|
|
1. Go to Google Maps
|
|
2. Click on your location point
|
|
3. Click "Share" and choose "Embed map" tab
|
|
4. Copy only URL and paste it within the src="" field below
|
|
-->
|
|
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1197183.8373802372!2d-1.9415093691103689!3d6.781986417238027!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xfdb96f349e85efd%3A0xb8d1e0b88af1f0f5!2sKumasi+Central+Market!5e0!3m2!1sen!2sth!4v1532967884907" width="100%" height="420px" frameborder="0" style="border:0" allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Sidebar -->
|
|
<div id="sidebar">
|
|
|
|
<div class="inner">
|
|
|
|
<!-- Search Box -->
|
|
<section id="search" class="alt">
|
|
<form method="get" action="#">
|
|
<input type="text" name="search" id="search" placeholder="Search..." />
|
|
</form>
|
|
</section>
|
|
|
|
<!-- Menu -->
|
|
<nav id="menu">
|
|
<ul>
|
|
<li><a href="index.html">Homepage</a></li>
|
|
<li><a href="simple_page.html">Simple Page</a></li>
|
|
<li><a href="shortcodes.html">Shortcodes</a></li>
|
|
<li>
|
|
<span class="opener">Dropdown One</span>
|
|
<ul>
|
|
<li><a href="#">First Sub Menu</a></li>
|
|
<li><a href="#">Second Sub Menu</a></li>
|
|
<li><a href="#">Third Sub Menu</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<span class="opener">Dropdown Two</span>
|
|
<ul>
|
|
<li><a href="#">Sub Menu #1</a></li>
|
|
<li><a href="#">Sub Menu #2</a></li>
|
|
<li><a href="#">Sub Menu #3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="https://www.google.com">External Link</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Featured Posts -->
|
|
<div class="featured-posts">
|
|
<div class="heading">
|
|
<h2>Featured Posts</h2>
|
|
</div>
|
|
<div class="owl-carousel owl-theme">
|
|
<a href="#">
|
|
<div class="featured-item">
|
|
<img src="assets/images/featured_post_01.jpg" alt="featured one">
|
|
<p>Aliquam egestas convallis eros sed gravida. Curabitur consequat sit.</p>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="featured-item">
|
|
<img src="assets/images/featured_post_01.jpg" alt="featured two">
|
|
<p>Donec a scelerisque massa. Aliquam non iaculis quam. Duis arcu turpis.</p>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="featured-item">
|
|
<img src="assets/images/featured_post_01.jpg" alt="featured three">
|
|
<p>Suspendisse ac convallis urna, vitae luctus ante. Donec sit amet.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<p class="copyright">Copyright © 2019 Company Name
|
|
<br>Designed by <a rel="nofollow" href="https://www.facebook.com/templatemo">Template Mo</a></p>
|
|
</footer>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<!-- Bootstrap core JavaScript -->
|
|
<script src="vendor/jquery/jquery.min.js"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<script src="assets/js/browser.min.js"></script>
|
|
<script src="assets/js/breakpoints.min.js"></script>
|
|
<script src="assets/js/transition.js"></script>
|
|
<script src="assets/js/owl-carousel.js"></script>
|
|
<script src="assets/js/custom.js"></script>
|
|
</body>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|