2019-09-18 21:33:51 +02:00
<!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" >
2019-09-19 11:22:16 +02:00
< title > Ramayana - Free Bootstrap 4 CSS Template< / title >
2019-09-18 21:33:51 +02:00
2019-09-19 11:22:16 +02:00
<!-- Bootstrap core CSS -->
< link href = "vendor/bootstrap/css/bootstrap.min.css" rel = "stylesheet" >
2019-09-18 21:33:51 +02:00
<!--
Ramayana CSS Template
https://templatemo.com/tm-529-ramayana
-->
2019-09-19 11:22:16 +02:00
<!-- Additional CSS Files -->
2019-09-18 21:33:51 +02:00
< 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" >
2019-09-19 11:22:16 +02:00
< a href = "index.html" > Ramayana< / a >
2019-09-18 21:33:51 +02:00
< / div >
< / header >
<!-- Banner -->
< section class = "main-banner" >
< div class = "container-fluid" >
< div class = "row" >
< div class = "col-md-12" >
< div class = "banner-content" >
< div class = "row" >
< div class = "col-md-12" >
< div class = "banner-caption" >
< h4 > Hello, this is your < em > Ramayana< / em > Theme.< / h4 >
2019-09-19 11:22:16 +02:00
< span > AWESOME HTML5 & CSS3 TEMPLATE< / span >
2019-09-18 21:33:51 +02:00
< p > Do you know that < strong > Ramayana< / strong > is a free to use Bootstrap 4 CSS template by < strong > templatemo< / strong > ? You can edit and add more pages as you wanted for your personal or corporate websites.< / p >
< div class = "primary-button" >
< a href = "#" > Read More< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2019-09-19 11:22:16 +02:00
< / section >
2019-09-18 21:33:51 +02:00
<!-- Services -->
< section class = "services" >
< div class = "container-fluid" >
< div class = "row" >
< div class = "col-md-4" >
< div class = "service-item first-item" >
< div class = "icon" > < / div >
< h4 > Web Design< / h4 >
< p > Credit goes to < a rel = "nofollow" href = "https://www.pexels.com" > Pexels< / a > and < a rel = "nofollow" href = "https://www.rawpixel.com" > Raw Pixel< / a > for images used in this template. Thank you.< / p >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "service-item second-item" >
< div class = "icon" > < / div >
< h4 > Bootstrap 4< / h4 >
< p > Proin aliquam facilisis ante interdum. Sed nulla feugiat tempus aliquam.< / p >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "service-item third-item" >
< div class = "icon" > < / div >
< h4 > HTML CSS< / h4 >
< p > Proin aliquam facilisis ante interdum. Sed nulla feugiat tempus aliquam.< / p >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "service-item fourth-item" >
< div class = "icon" > < / div >
< h4 > Download Free< / h4 >
< p > We have many free to use CSS web templates on our site for you.< / p >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "service-item fivth-item" >
< div class = "icon" > < / div >
< h4 > Get in touch< / h4 >
< p > You can get the fastest response from < a rel = "nofollow" href = "https://www.facebook.com/templatemo" > templatemo< / a > facebook page.< / p >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "service-item sixth-item" >
< div class = "icon" > < / div >
< h4 > Spread a word< / h4 >
< p > Please tell your friends about our website. This is very helpful.< / p >
< / div >
< / div >
< / div >
< / div >
< / section >
2019-09-19 11:22:16 +02:00
<!-- Top Image -->
< section class = "top-image" >
< div class = "container-fluid" >
< div class = "row" >
< div class = "col-md-12" >
< img src = "assets/images/top-image.jpg" alt = "" >
< div class = "down-content" >
< h4 > Ante Interdum Chambray< / h4 >
< p > Lorem ipsum dolor amet raclette chambray bitters, hammock celiac slow-carb flexitarian four dollar toast food truck health goth. Air plant brunch food truck vegan scenester organic crucifix irony pour-over pop-up austin hexagon kitsch swag. Godard literally humblebrag cloud bread vice master cleanse chambray typewriter put a bird on it brooklyn forage.< / p >
< div class = "primary-button" >
< a href = "#" > Read More< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
<!-- Left Image -->
< section class = "left-image" >
< div class = "container-fluid" >
< div class = "row" >
< div class = "col-md-6" >
< img src = "assets/images/left-image.jpg" alt = "" >
< / div >
< div class = "col-md-6" >
< div class = "right-content" >
< h4 > Ante Interdum Raclette< / h4 >
< p > Lorem ipsum dolor amet raclette chambray bitters, hammock celiac slow-carb flexitarian four dollar toast food truck health goth. Air plant brunch food truck vegan scenester organic crucifix irony pour-over pop-up austin hexagon kitsch swag. Godard literally humblebrag cloud bread vice master cleanse chambray typewriter put a bird on it brooklyn forage.< br > < br > Air plant brunch food truck vegan scenester organic crucifix irony pour-over pop-up austin hexagon kitsch swag. Godard literally humblebrag cloud bread vice master cleanse chambray typewriter put bird brooklyn< / p >
< div class = "primary-button" >
< a href = "#" > Read More< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
<!-- Right Image -->
< section class = "right-image" >
< div class = "container-fluid" >
< div class = "row" >
< div class = "col-md-6" >
< div class = "left-content" >
< h4 > Ante Interdum Raclette< / h4 >
< p > Lorem ipsum dolor amet raclette chambray bitters, hammock celiac slow-carb flexitarian four dollar toast food truck health goth. Air plant brunch food truck vegan scenester organic crucifix irony pour-over pop-up austin hexagon kitsch swag. Godard literally humblebrag cloud bread vice master cleanse chambray typewriter put a bird on it brooklyn forage.< br > < br > Air plant brunch food truck vegan scenester organic crucifix irony pour-over pop-up austin hexagon kitsch swag. Godard literally humblebrag cloud bread vice master cleanse chambray typewriter put bird brooklyn< / p >
< div class = "primary-button" >
< a href = "#" > Read More< / a >
< / div >
< / div >
< / div >
< div class = "col-md-6" >
< img src = "assets/images/right-image.jpg" alt = "" >
< / div >
< / div >
< / div >
< / section >
< / div >
< / div >
2019-09-18 21:33:51 +02:00
<!-- 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" >
2019-09-19 11:22:16 +02:00
< p class = "copyright" > Copyright © 2019 Company Name
< br > Designed by < a rel = "nofollow" href = "https://www.facebook.com/templatemo" > Template Mo< / a > < / p >
2019-09-18 21:33:51 +02:00
< / footer >
< / div >
< / div >
< / div >
2019-09-19 11:22:16 +02:00
<!-- Scripts -->
<!-- Bootstrap core JavaScript -->
< script src = "vendor/jquery/jquery.min.js" > < / script >
< script src = "vendor/bootstrap/js/bootstrap.bundle.min.js" > < / script >
< script src = "https://code.responsivevoice.org/responsivevoice.js?key=9KldoXRR" > < / 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 >
2019-09-18 21:33:51 +02:00
< / body >
< / body >
< / html >
