<!DOCTYPE html> <html lang=“en”>

{% assign path = page.jsonFile %} {% assign jsonPath = site.data %} {% 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 src="/assets/js/scrabbleDictonary.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>

</body>

</html>