First MVP validated
This commit is contained in:
Geoff Montel
parent
106715c55a
commit
a11387fee5
@ -2,7 +2,9 @@
|
|||||||
|
|
||||||
Ramayana CSS Template
|
Ramayana CSS Template
|
||||||
|
|
||||||
https://templatemo.com/tm-529-ramayana
|
Modded for English courses
|
||||||
|
|
||||||
|
allceits go to https://templatemo.com/tm-529-ramayana
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@ -175,55 +177,21 @@ section {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.services .service-item .icon {
|
.services .service-item .icon {
|
||||||
width: 50px;
|
-moz-border-radius: 99em;
|
||||||
height: 50px;
|
-webkit-border-radius: 99em;
|
||||||
display: inline-block;
|
background-position: center center;
|
||||||
margin-bottom: 30px;
|
|
||||||
background-size: cover;
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
background-size: 60px;
|
||||||
|
border-radius: 99em;
|
||||||
|
border: 5px solid #eee;
|
||||||
|
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
|
||||||
|
display: inline-block;
|
||||||
|
height: 100px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
margin: 1em auto;
|
||||||
transition: all 0.5s;
|
transition: all 0.5s;
|
||||||
}
|
width: 100px;
|
||||||
|
|
||||||
.services .first-item .icon {
|
|
||||||
background-image: url(../images/icon_01.png);
|
|
||||||
}
|
|
||||||
.services .first-item:hover .icon {
|
|
||||||
background-image: url(../images/icon_hover_01.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.services .second-item .icon {
|
|
||||||
background-image: url(../images/icon_02.png);
|
|
||||||
}
|
|
||||||
.services .second-item:hover .icon {
|
|
||||||
background-image: url(../images/icon_hover_02.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.services .third-item .icon {
|
|
||||||
background-image: url(../images/icon_03.png);
|
|
||||||
}
|
|
||||||
.services .third-item:hover .icon {
|
|
||||||
background-image: url(../images/icon_hover_03.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.services .fourth-item .icon {
|
|
||||||
background-image: url(../images/icon_04.png);
|
|
||||||
}
|
|
||||||
.services .fourth-item:hover .icon {
|
|
||||||
background-image: url(../images/icon_hover_04.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.services .fivth-item .icon {
|
|
||||||
background-image: url(../images/icon_05.png);
|
|
||||||
}
|
|
||||||
.services .fivth-item:hover .icon {
|
|
||||||
background-image: url(../images/icon_hover_05.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.services .sixth-item .icon {
|
|
||||||
background-image: url(../images/icon_06.png);
|
|
||||||
}
|
|
||||||
.services .sixth-item:hover .icon {
|
|
||||||
background-image: url(../images/icon_hover_06.png);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.services .service-item:hover {
|
.services .service-item:hover {
|
||||||
|
|||||||
52
index.html
52
index.html
@ -9,7 +9,7 @@
|
|||||||
<meta name="author" content="">
|
<meta name="author" content="">
|
||||||
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
|
||||||
|
|
||||||
<title>Ramayana - Free Bootstrap 4 CSS Template</title>
|
<title>Cours anglais CE2-CM1 Médan</title>
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||||
@ -47,45 +47,24 @@ https://templatemo.com/tm-529-ramayana
|
|||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="service-item first-item">
|
<div class="service-item">
|
||||||
<div class="icon"></div>
|
<div class="icon" style="background-image:url(http://img.icons8.com/cat.png);"></div>
|
||||||
<h4>Web Design</h4>
|
<h4 class="clickSay">Cat</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>
|
<p class="clickSay">The brown cat jumps over the lazy dog.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="service-item second-item">
|
<div class="service-item">
|
||||||
<div class="icon"></div>
|
<div class="icon" style="background-image:url(http://img.icons8.com/dog.png);"></div>
|
||||||
<h4>Bootstrap 4</h4>
|
<h4 class="clickSay">Dog</h4>
|
||||||
<p>Proin aliquam facilisis ante interdum. Sed nulla feugiat tempus aliquam.</p>
|
<p class="clickSay">The brown dog jumps over the lazy dog.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="service-item third-item">
|
<div class="service-item">
|
||||||
<div class="icon"></div>
|
<div class="icon" style="background-image:url(http://img.icons8.com/apple.png);"></div>
|
||||||
<h4>HTML CSS</h4>
|
<h4 class="clickSay">Extravasation</h4>
|
||||||
<p>Proin aliquam facilisis ante interdum. Sed nulla feugiat tempus aliquam.</p>
|
<p class="clickSay">At least this apple doesn't suffer from synovial extravasations.</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>
|
||||||
</div>
|
</div>
|
||||||
@ -109,14 +88,15 @@ https://templatemo.com/tm-529-ramayana
|
|||||||
<!-- Menu -->
|
<!-- Menu -->
|
||||||
<nav id="menu">
|
<nav id="menu">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html">Homepage</a></li>
|
<li><a href="index.html">Page d'accueil</a></li>
|
||||||
<li>
|
<li>
|
||||||
<span class="opener">LeÃons</span>
|
<span class="opener">Leçons</span>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#">Leçon du 20/09/2019</a></li>
|
<li><a href="#">Leçon du 20/09/2019</a></li>
|
||||||
<li><a href="#">Leçon du 90/09/2019</a></li>
|
<li><a href="#">Leçon du 90/09/2019</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
<li><a href="https://www.toutemonannee.com/connect">Lien vers le blog</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|||||||
7
lessons.json
Normal file
7
lessons.json
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
[
|
||||||
|
"Feelings": {
|
||||||
|
{"name": "happy", "img": "happy.png"},
|
||||||
|
{"name": "sad", "img": "happy.png"},
|
||||||
|
{"name": "extravasted", "img": "extravasted.png"}
|
||||||
|
}
|
||||||
|
]
|
||||||
418
shortcodes.html
418
shortcodes.html
@ -1,418 +0,0 @@
|
|||||||
<!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 - HTML5 Template</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>Shortcodes Page</h1>
|
|
||||||
<p><strong>Ramayana</strong> is free Bootstrap 4 CSS template from templatemo website. You can feel free to use it. Donec mattis tincidunt ipsum vel efficitur. Aliquam aliquam interdum rhoncus. Nam nec condimentum dolor, et pharetra nisi. In feugiat felis nec erat eleifend condimentum. Aliquam egestas convallis eros sed gravida. Curabitur consequat sit amet neque ac ornare.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Tables -->
|
|
||||||
<section class="tables">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="section-heading">
|
|
||||||
<h2>Tables</h2>
|
|
||||||
</div>
|
|
||||||
<div class="default-table">
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Product no.</th>
|
|
||||||
<th>Description</th>
|
|
||||||
<th>Price</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>#1011</td>
|
|
||||||
<td>Lorem ipsum dolor sit amet</td>
|
|
||||||
<td>$20.50</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>#1012</td>
|
|
||||||
<td>Lorem ipsum dolor sit amet</td>
|
|
||||||
<td>$20.50</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>#1013</td>
|
|
||||||
<td>Lorem ipsum dolor sit amet</td>
|
|
||||||
<td>$20.50</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>#1014</td>
|
|
||||||
<td>Lorem ipsum dolor sit amet</td>
|
|
||||||
<td>$20.50</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>#1015</td>
|
|
||||||
<td>Lorem ipsum dolor sit amet</td>
|
|
||||||
<td>$20.50</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<ul class="table-pagination">
|
|
||||||
<li><a href="#">Previous</a></li>
|
|
||||||
<li><a href="#">1</a></li>
|
|
||||||
<li class="active"><a href="#">2</a></li>
|
|
||||||
<li><a href="#">...</a></li>
|
|
||||||
<li><a href="#">8</a></li>
|
|
||||||
<li><a href="#">9</a></li>
|
|
||||||
<li><a href="#">Next</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="alternate-table">
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Product no.</th>
|
|
||||||
<th>Description</th>
|
|
||||||
<th>Price</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>#2005</td>
|
|
||||||
<td>Lorem ipsum dolor sit amet</td>
|
|
||||||
<td>$19.95</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>#2006</td>
|
|
||||||
<td>Lorem ipsum dolor sit amet</td>
|
|
||||||
<td>$19.95</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>#2007</td>
|
|
||||||
<td>Lorem ipsum dolor sit amet</td>
|
|
||||||
<td>$19.95</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>#2008</td>
|
|
||||||
<td>Lorem ipsum dolor sit amet</td>
|
|
||||||
<td>$19.95</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>#2008</td>
|
|
||||||
<td>Lorem ipsum dolor sit amet</td>
|
|
||||||
<td>$19.95</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<ul class="table-pagination">
|
|
||||||
<li><a href="#">Previous</a></li>
|
|
||||||
<li><a href="#">1</a></li>
|
|
||||||
<li><a href="#">2</a></li>
|
|
||||||
<li><a href="#">...</a></li>
|
|
||||||
<li class="active"><a href="#">8</a></li>
|
|
||||||
<li><a href="#">9</a></li>
|
|
||||||
<li><a href="#">Next</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Forms -->
|
|
||||||
<section class="forms">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="section-heading">
|
|
||||||
<h2>Forms</h2>
|
|
||||||
</div>
|
|
||||||
<form id="contact" action="" method="post">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-6">
|
|
||||||
<fieldset>
|
|
||||||
<input name="name" type="text" class="form-control" id="name" placeholder="Your name..." required="">
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<fieldset>
|
|
||||||
<input name="email" type="text" class="form-control" id="email" placeholder="Your email..." required="">
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-12">
|
|
||||||
<select name="category" id="category">
|
|
||||||
<option value="categories" selected>Select Category</option>
|
|
||||||
<option value="Featured">General</option>
|
|
||||||
<option value="Newest">Specific</option>
|
|
||||||
<option value="Low Price">Technical</option>
|
|
||||||
<option value="High Price">Application</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4 col-sm-4">
|
|
||||||
<div class="radio-item">
|
|
||||||
<input name="demo-small" type="checkbox" id="demo-priority-small" value="small">
|
|
||||||
<label for="demo-priority-small">Small</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4 col-sm-4">
|
|
||||||
<div class="radio-item">
|
|
||||||
<input name="demo-medium" type="checkbox" id="demo-priority-medium" value="medium">
|
|
||||||
<label for="demo-priority-medium">Medium</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4 col-sm-4">
|
|
||||||
<div class="radio-item">
|
|
||||||
<input name="demo-large" type="checkbox" id="demo-priority-large" value="large" >
|
|
||||||
<label for="demo-priority-large">Large</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4 col-sm-4">
|
|
||||||
<div class="circle-item">
|
|
||||||
<input name="demo-priority" type="radio" id="demo-small" value="16-20" checked>
|
|
||||||
<label for="demo-small">Age: 16 - 20</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4 col-sm-4">
|
|
||||||
<div class="circle-item">
|
|
||||||
<input name="demo-priority" type="radio" id="demo-medium" value="21-30">
|
|
||||||
<label for="demo-medium">Age: 21 - 30</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4 col-sm-4">
|
|
||||||
<div class="circle-item">
|
|
||||||
<input name="demo-priority" type="radio" id="demo-old" value="30+">
|
|
||||||
<label for="demo-old">Age: 30+</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-12">
|
|
||||||
<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-12">
|
|
||||||
<button type="submit" id="form-submit" class="button">Send Message</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Tables -->
|
|
||||||
<section class="buttons">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="section-heading">
|
|
||||||
<h2>Buttons</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 col-sm-12">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="filled-rectangle-button">
|
|
||||||
<a href="#">Filled Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="border-rectangle-button">
|
|
||||||
<a href="#">Border Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="filled-radius-button">
|
|
||||||
<a href="#">Filled Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="border-radius-button">
|
|
||||||
<a href="#">Border Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="filled-rounded-button">
|
|
||||||
<a href="#">Filled Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="border-rounded-button">
|
|
||||||
<a href="#">Border Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="filled-icon-button">
|
|
||||||
<a href="#"><i class="fa fa-check"></i>Filled Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="border-icon-button">
|
|
||||||
<a href="#"><i class="fa fa-check"></i>Border Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 col-sm-12">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="filled-rectangle-button">
|
|
||||||
<a href="#">Filled Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="border-rectangle-button">
|
|
||||||
<a href="#">Border Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="filled-rounded-button">
|
|
||||||
<a href="#">Filled Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="border-rounded-button">
|
|
||||||
<a href="#">Border Button</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</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>
|
|
||||||
263
simple_page.html
263
simple_page.html
@ -1,263 +0,0 @@
|
|||||||
<!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>
|
|
||||||
Loading…
x
Reference in New Issue
Block a user