<!DOCTYPE html>
<html lang="en">
{% assign path = page.jsonFile %}
{% assign jsonPath = site.data[path] %}
{% assign dataToShow = jsonPath %}
<head>
<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="theme-color" content="#000000" />
<meta name="robots" content="noindex" />
<!-- meta character set -->
<meta charset="UTF-8">
{% include seo.html %}
<link rel="canonical" href="{{site.url | append: page.url}}">
<!-- Favicon-->
<link rel="shortcut icon" href="{{ site.favicon | relative_url }}">
<link rel="apple-touch-icon" href="{{ site.favicon | relative_url }}" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="{{ '/assets/css/home.css' | relative_url }}">
<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
<link rel="stylesheet" href="{{ '/assets/css/footer.css' | relative_url }}">
<title>
{{dataToShow.title }}
</title>
<style>
.pageHeaderBg {
background-color: #F8F9FA !important;
}
</style>
</head>
<body>
{%- include header/index.html -%}
<div class="pageHeaderBg" style="height:70vh">
<div class="container">
<div class="pageHeading text-center">
<h1 class="heading font-weight-bolder pb-3">
Word Meaning</h1>
</div>
</div>
<div class="container-fluid" id="containerWd">
<div class="serachSection">
<div class="position-relative serachBox">
<form action="/word-meaning" id='form' method="GET">
<input type="text" class="txtBox" value='' name="search" maxlength="15" required>
<input type="submit" class="serachBtn" id="serach" value>
</form>
</div>
</div>
</div>
<div class="dictionary-word-container container" style="position:relative; top: 50px;">
<div class="padding15px">
<div class="medium-heading">
<h2 class="font-weight-bolder">Dictionary</h2>
</div>
<div class="dictionary">
<div class="dictionary-item">
<span class="font16px">TWL06 (US, Canada and Thailand)</span>
<span class="found-word"></span>
<span class="word-score"></span>
</div>
<div class="dictionary-item">
<span class="font16px">SOWPODS (UK and Others)</span>
<span class="found-word"></span>
<span class="word-score"></span>
</div>
<div class="dictionary-item">
<span class="font16px">Enable (Words with Friends)</span>
<span class="found-word"></span>
<span class="word-score"></span>
</div>
</div>
</div>
</div>
</div>
{%- include footer/index.html -%}
<script defer src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.5.0/font/bootstrap-icons.min.css" />
<script src="/assets/js/scrabbleDictonary.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
{% include Monumetric/Monumetric.html %}
</body>
</html>