codeGen.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "accelerator": "GPU",
    "colab": {
      "name": "codeGen.ipynb",
      "provenance": [],
      "collapsed_sections": [
        "LugfyPWyJCiV",
        "PQ3kI66tE6Xd"
      ]
    },
    "kernelspec": {
      "display_name": "Python 3",
      "name": "python3"
    },
    "language_info": {
      "name": "python"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "i3BvJzs42sPQ"
      },
      "source": [
        "# CodeGen\n",
        "\n",
        "Author: Srijan, Ayush, Pavan\n"
      ]
    },
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "LugfyPWyJCiV"
      },
      "source": [
        "## Setup"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "nuUZIggeJE-X",
        "outputId": "363e3049-a6a7-4de8-df06-0531c5db6e1c"
      },
      "source": [
        "from google.colab import drive\n",
        "drive.mount('/content/mnt/', force_remount=True)"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "Mounted at /content/mnt/\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "PQ3kI66tE6Xd"
      },
      "source": [
        "## Data Processing"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "6DMSeWU7Jebk"
      },
      "source": [
        "DIR='/content/mnt/My Drive/codeGen'"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "tHhaYcGbJuJh",
        "outputId": "2b2337f2-b245-4c04-ddfe-18fd555f2bcf"
      },
      "source": [
        "from os import listdir\n",
        "import tarfile\n",
        "for files in listdir(DIR): print(files)\n",
        "\n",
        "# extract data to session\n",
        "with tarfile.open(f'{DIR}/htmlData.tar.gz', 'r:gz') as tref:\n",
        "    tref.extractall()"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "htmlData.tar.gz\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "collapsed": true,
        "id": "Z-oZrwk8FApW"
      },
      "source": [
        "!pip install -q spacy "
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "collapsed": true,
        "id": "7_cFD6xSGhkS"
      },
      "source": [
        "import spacy\n",
        "from spacy.tokens import Token\n",
        "from spacy.symbols import ORTH\n",
        "Token.set_extension('tag', default=False)"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "4L04IuDlFVnN"
      },
      "source": [
        "def create_custom_tokenizer(nlp):\n",
        "    from spacy import util\n",
        "    from spacy.tokenizer import Tokenizer\n",
        "    from spacy.lang.tokenizer_exceptions import TOKEN_MATCH\n",
        "    prefixes =  nlp.Defaults.prefixes + ('^<i>',)\n",
        "    suffixes =  nlp.Defaults.suffixes + ('</i>$',)\n",
        "    # remove the tag symbols from prefixes and suffixes\n",
        "    prefixes = list(prefixes)\n",
        "    prefixes.remove('<')\n",
        "    prefixes = tuple(prefixes)\n",
        "    suffixes = list(suffixes)\n",
        "    suffixes.remove('>')\n",
        "    suffixes = tuple(suffixes)\n",
        "    infixes = nlp.Defaults.infixes\n",
        "    rules = nlp.Defaults.tokenizer_exceptions\n",
        "    token_match = TOKEN_MATCH\n",
        "    prefix_search = (util.compile_prefix_regex(prefixes).search)\n",
        "    suffix_search = (util.compile_suffix_regex(suffixes).search)\n",
        "    infix_finditer = (util.compile_infix_regex(infixes).finditer)\n",
        "    return Tokenizer(nlp.vocab, rules=rules,\n",
        "                     prefix_search=prefix_search,\n",
        "                     suffix_search=suffix_search,\n",
        "                     infix_finditer=infix_finditer,\n",
        "                     token_match=token_match)"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "mUyEfI2_661g"
      },
      "source": [
        "html_tags = ['a', 'abbr', 'address', 'area', 'article',  'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', \n",
        "             'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figure', 'footer',\n",
        "             'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend',\n",
        "             'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', \n",
        "             'pre', 'progress', 'q', 'rb', 'rp', 'rt', 'rtc', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary',\n",
        "             'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track','u','ul','var','video','wbr' ]"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "Nfy0nmiHH3_B"
      },
      "source": [
        "nlp = spacy.load('en_core_web_sm')\n",
        "tokenizer = create_custom_tokenizer(nlp)\n",
        "nlp.tokenizer = tokenizer\n",
        "\n",
        "for tagName in html_tags:\n",
        "    nlp.tokenizer.add_special_case(f\"<{tagName}>\", [{ORTH: f\"<{tagName}>\"}])    \n",
        "    nlp.tokenizer.add_special_case(f\"</{tagName}>\", [{ORTH: f\"</{tagName}>\"}])    \n",
        "\n",
        "for tagName in \"br p hr\".split():\n",
        "    nlp.tokenizer.add_special_case(f\"<{tagName}/>\", [{ORTH: f\"<{tagName}/>\"}])    "
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "JBiW0fBjHvF_"
      },
      "source": [
        "import codecs\n",
        "import re\n",
        "\n",
        "def sanitize_text(text):\n",
        "    ans = ''\n",
        "    text = text.replace('\\xa0', ' ')\n",
        "    for line in text.split('\\n'):\n",
        "        line = re.sub('^\\/\\*.*\\*\\/', ' ', line)\n",
        "        line = line.strip()\n",
        "        match = re.match(\"\\<.+\\>.*\\<\\/.+\\>\", line)\n",
        "        if match:\n",
        "            line = re.sub('\\>', '> ', line)\n",
        "            line = re.sub('\\<', ' <', line)\n",
        "        ans += line + ' '\n",
        "    return ans\n",
        "\n",
        "files_token = []\n",
        "for file in listdir('code'):\n",
        "    with codecs.open(f'code/{file}', 'r', 'utf-8') as fp: \n",
        "        text = sanitize_text(fp.read())\n",
        "        doc = nlp(text)\n",
        "        # print(text)\n",
        "        files_token.append([e.text for e in doc if e.text.strip() != ''])"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "tO36JBeJM34Q",
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "outputId": "12ce6dd4-efd7-4c7b-847e-439110afaf28"
      },
      "source": [
        "print(files_token[1])"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'another', 'paragraph', '.', '</p>', '</body>', '</html>']\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "8eC2hUEZ58X-",
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "outputId": "a5f45c04-4550-4d4e-cb03-8c4b3fb6034c"
      },
      "source": [
        "from sklearn.model_selection import train_test_split\n",
        "\n",
        "print(f\"total data: {len(files_token)} items\")\n"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "total data: 834 items\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "yoDNwILr_FZ5",
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "outputId": "ea2d7cff-556e-44b2-a49a-caa045739142"
      },
      "source": [
        "train_iter,test_iter = train_test_split(files_token,test_size=.20,random_state=60)\n",
        "#testing\n",
        "print(\"Train - \",train_iter[1])\n",
        "print(\"Test - \",test_iter[1])"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "Train -  ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Labels', '</h2>', '<h1>', 'Example', '<span', 'class=\"label', 'label', '-', 'default\">', 'New', '</span>', '</h1>', '<h2>', 'Example', '<span', 'class=\"label', 'label', '-', 'default\">', 'New', '</span>', '</h2>', '<h3>', 'Example', '<span', 'class=\"label', 'label', '-', 'default\">', 'New', '</span>', '</h3>', '<h4>', 'Example', '<span', 'class=\"label', 'label', '-', 'default\">', 'New', '</span>', '</h4>', '<h5>', 'Example', '<span', 'class=\"label', 'label', '-', 'default\">', 'New', '</span>', '</h5>']\n",
            "Test -  ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', 'input[type', '=', 'text', ']', ',', 'select', ',', 'textarea', '{', 'width', ':', '100', '%', ';', 'padding', ':', '12px', ';', 'border', ':', '1px', 'solid', '#', 'ccc', ';', 'border', '-', 'radius', ':', '4px', ';', 'resize', ':', 'vertical', ';', '}', 'label', '{', 'padding', ':', '12px', '12px', '12px', '0', ';', 'display', ':', 'inline', '-', 'block', ';', '}', 'input[type', '=', 'submit', ']', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', 'padding', ':', '12px', '20px', ';', 'border', ':', 'none', ';', 'border', '-', 'radius', ':', '4px', ';', 'cursor', ':', 'pointer', ';', 'float', ':', 'right', ';', '}', 'input[type', '=', 'submit]:hover', '{', 'background', '-', 'color', ':', '#', '45a049', ';', '}', '.container', '{']\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "08cSvH6M3Mbh"
      },
      "source": [
        "## Transformer Implementation"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "eau1XttL3Rlo"
      },
      "source": [
        "import math\n",
        "import torch\n",
        "import torch.nn as nn\n",
        "import torch.nn.functional as F\n",
        "\n",
        "class TransformerModel(nn.Module):\n",
        "\n",
        "    def __init__(self, ntoken, ninp, nhead, nhid, nlayers, dropout=0.5):\n",
        "        super(TransformerModel, self).__init__()\n",
        "        from torch.nn import TransformerEncoder, TransformerEncoderLayer\n",
        "        self.model_type = 'Transformer'\n",
        "        self.pos_encoder = PositionalEncoding(ninp, dropout)\n",
        "        encoder_layers = TransformerEncoderLayer(ninp, nhead, nhid, dropout)\n",
        "        self.transformer_encoder = TransformerEncoder(encoder_layers, nlayers)\n",
        "        self.encoder = nn.Embedding(ntoken, ninp)\n",
        "        self.ninp = ninp\n",
        "        self.decoder = nn.Linear(ninp, ntoken)\n",
        "\n",
        "        self.init_weights()\n",
        "\n",
        "    def generate_square_subsequent_mask(self, sz):\n",
        "        mask = (torch.triu(torch.ones(sz, sz)) == 1).transpose(0, 1)\n",
        "        mask = mask.float().masked_fill(mask == 0, float('-inf')).masked_fill(mask == 1, float(0.0))\n",
        "        return mask\n",
        "\n",
        "    def init_weights(self):\n",
        "        initrange = 0.1\n",
        "        self.encoder.weight.data.uniform_(-initrange, initrange)\n",
        "        self.decoder.bias.data.zero_()\n",
        "        self.decoder.weight.data.uniform_(-initrange, initrange)\n",
        "\n",
        "    def forward(self, src, src_mask):\n",
        "        src = self.encoder(src) * math.sqrt(self.ninp)\n",
        "        src = self.pos_encoder(src)\n",
        "        output = self.transformer_encoder(src, src_mask)\n",
        "        output = self.decoder(output)\n",
        "        return output"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "0T7VFcIIHj8r"
      },
      "source": [
        "class PositionalEncoding(nn.Module):\n",
        "\n",
        "    def __init__(self, d_model, dropout=0.1, max_len=5000):\n",
        "        super(PositionalEncoding, self).__init__()\n",
        "        self.dropout = nn.Dropout(p=dropout)\n",
        "\n",
        "        pe = torch.zeros(max_len, d_model)\n",
        "        position = torch.arange(0, max_len, dtype=torch.float).unsqueeze(1)\n",
        "        div_term = torch.exp(torch.arange(0, d_model, 2).float() * (-math.log(10000.0) / d_model))\n",
        "        pe[:, 0::2] = torch.sin(position * div_term)\n",
        "        pe[:, 1::2] = torch.cos(position * div_term)\n",
        "        pe = pe.unsqueeze(0).transpose(0, 1)\n",
        "        self.register_buffer('pe', pe)\n",
        "\n",
        "    def forward(self, x):\n",
        "        x = x + self.pe[:x.size(0), :]\n",
        "        return self.dropout(x)"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "0dHN8YIzINjW",
        "outputId": "2859fad8-51aa-4b58-94bb-97f1494f00bb"
      },
      "source": [
        "import io\n",
        "import torch\n",
        "from torchtext.datasets import WikiText2\n",
        "from torchtext.data.utils import get_tokenizer\n",
        "from collections import Counter\n",
        "from torchtext.vocab import Vocab\n",
        "\n",
        "# train_iter = WikiText2(split='train')\n",
        "# tokenizer = get_tokenizer('basic_english')\n",
        "print(train_iter)\n",
        "counter = Counter()\n",
        "for line in train_iter:\n",
        "    counter.update(line)\n",
        "print(counter)\n",
        "print(\"Dictionary len\",len(counter))\n",
        "vocab = Vocab(counter)\n",
        "for item in train_iter:\n",
        "  for token in item:\n",
        "    print(vocab[token],end=' ')\n",
        "print(\"\\n\")\n",
        "for item in test_iter:\n",
        "  for token in item:\n",
        "    print(vocab[token],end=' ')\n",
        "print(\"\\n\")\n",
        "\n",
        "def data_process(raw_text_iter):\n",
        "  data = [torch.tensor([vocab[token] for token in item],\n",
        "                       dtype=torch.long) for item in raw_text_iter]\n",
        "  return torch.cat(tuple(filter(lambda t: t.numel() > 0, data)))\n",
        "\n",
        "# train_iter, val_iter, test_iter = WikiText2()\n",
        "train_data = data_process(train_iter)\n",
        "print(train_data)\n",
        "# val_data = data_process(val_iter)\n",
        "test_data = data_process(test_iter)\n",
        "print(test_data)\n",
        "\n",
        "\n",
        "device = torch.device(\"cuda\" if torch.cuda.is_available() else \"cpu\")\n",
        "\n",
        "def batchify(data, bsz):\n",
        "    # Divide the dataset into bsz parts.\n",
        "    nbatch = data.size(0) // bsz\n",
        "    # Trim off any extra elements that wouldn't cleanly fit (remainders).\n",
        "    data = data.narrow(0, 0, nbatch * bsz)\n",
        "    # Evenly divide the data across the bsz batches.\n",
        "    data = data.view(bsz, -1).t().contiguous()\n",
        "    return data.to(device)\n",
        "\n",
        "batch_size = 10\n",
        "eval_batch_size = 2\n",
        "train_data = batchify(train_data, batch_size)\n",
        "# val_data = batchify(val_data, eval_batch_size)\n",
        "test_data = batchify(test_data, eval_batch_size)\n",
        "print(train_data)\n",
        "print(test_data)"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "[['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'a', ':', 'link', '{', 'background', '-', 'color', ':', 'yellow', ';', '}', 'a', ':', 'visited', '{', 'background', '-', 'color', ':', 'cyan', ';', '}', 'a', ':', 'hover', '{', 'background', '-', 'color', ':', 'lightgreen', ';', '}', 'a', ':', 'active', '{', 'background', '-', 'color', ':', 'hotpink', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', 'Links', '</h2>', '<p>', '<b>', '<a', 'href=\"default.asp', '\"', 'target=\"_blank\">', 'This', 'is', 'a', 'link', '</a>', '</b>', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'a', ':', 'hover', 'MUST', 'come', 'after', 'a', ':', 'link', 'and', 'a', ':', 'visited', 'in', 'the', 'CSS', 'definition', 'in', 'order', 'to', 'be', 'effective', '.', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'a', ':', 'active', 'MUST', 'come', 'after', 'a', ':', 'hover', 'in', 'the', 'CSS', 'definition', 'in', 'order', 'to', 'be', 'effective', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Labels', '</h2>', '<h1>', 'Example', '<span', 'class=\"label', 'label', '-', 'default\">', 'New', '</span>', '</h1>', '<h2>', 'Example', '<span', 'class=\"label', 'label', '-', 'default\">', 'New', '</span>', '</h2>', '<h3>', 'Example', '<span', 'class=\"label', 'label', '-', 'default\">', 'New', '</span>', '</h3>', '<h4>', 'Example', '<span', 'class=\"label', 'label', '-', 'default\">', 'New', '</span>', '</h4>', '<h5>', 'Example', '<span', 'class=\"label', 'label', '-', 'default\">', 'New', '</span>', '</h5>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Stacked', 'Progress', 'Bars', '</h2>', '<p>', 'Create', 'a', 'stacked', 'progress', 'bar', 'by', 'placing', 'multiple', 'bars', 'into', 'the', 'same', 'div', 'with', 'class', '.progress', ':', '</p>', '<div', 'class=\"progress\">', '<div', 'class=\"progress', '-', 'bar', 'progress', '-', 'bar', '-', 'success', '\"', 'role=\"progressbar', '\"', 'style=\"width:40%\">', 'Free', 'Space', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '<style>', '/', '*', 'Note', ':', 'Try', 'to', 'remove', 'the', 'following', 'lines', 'to', 'see', 'the', 'effect', 'of', 'CSS', 'positioning', '*', '/', '.affix', '{', 'top', ':', '20px', ';', 'z', '-', 'index', ':', '9999', '!', 'important', ';', '}', '</style>', '</head>', '<body>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '50px', ';', 'background', '-', 'color', ':', 'red', ';', 'font', '-', 'weight', ':', 'bold', ';', 'position', ':', 'relative', ';', 'animation', ':', 'mymove', '5s', 'infinite', ';', '}', '#', 'div1', '{', 'animation', '-', 'timing', '-', 'function', ':', 'linear', ';', '}', '#', 'div2', '{', 'animation', '-', 'timing', '-', 'function', ':', 'ease', ';', '}', '#', 'div3', '{', 'animation', '-', 'timing', '-', 'function', ':', 'ease', '-', 'in', ';', '}', '#', 'div4', '{', 'animation', '-', 'timing', '-', 'function', ':', 'ease', '-', 'out', ';', '}', '#', 'div5', '{', 'animation', '-', 'timing', '-', 'function', ':', 'ease', '-', 'in', '-', 'out', ';', '}', '@keyframes', 'mymove', '{', 'from', '{', 'left', ':', '0px', ';', '}', 'to', '{', 'left', ':', '300px', ';', '}', '}', '</style>', '</head>', '<body>', '<p>', '<strong>', 'Note', ':', '</strong>', 'The', 'animation', '-', 'timing', '-', 'funtion', 'property', 'is', 'not', 'supported', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '<div', 'id=\"div1\">', 'linear', '</div>', '<div', 'id=\"div2\">', 'ease', '</div>', '<div', 'id=\"div3\">', 'ease', '-', 'in', '</div>', '<div', 'id=\"div4\">', 'ease', '-', 'out', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'background', '-', 'color', ':', 'pink', ';', '}', '@media', 'screen', 'and', '(', 'min', '-', 'width', ':', '480px', ')', '{', 'body', '{', 'background', '-', 'color', ':', 'lightgreen', ';', '}', '}', '</style>', '</head>', '<body>', '<h1>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '!', '</h1>', '<p>', 'The', 'media', 'query', 'will', 'only', 'apply', 'if', 'the', 'media', 'type', 'is', 'screen', 'and', 'the', 'viewport', 'is', '480px', 'wide', 'or', 'wider', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Panel', 'Group', '</h2>', '<p>', 'The', 'panel', '-', 'group', 'class', 'clears', 'the', 'bottom', '-', 'margin', '.', 'Try', 'to', 'remove', 'the', 'class', 'and', 'see', 'what', 'happens', '.', '</p>', '<div', 'class=\"panel', '-', 'group\">', '<div', 'class=\"panel', 'panel', '-', 'default\">', '<div', 'class=\"panel', '-', 'heading\">', 'Panel', 'Header', '</div>', '<div', 'class=\"panel', '-', 'body\">', 'Panel', 'Content', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Horizontal', 'form', 'with', 'static', 'control', '</h2>', '<form', 'class=\"form', '-', 'horizontal', '\"', 'action=\"/action_page.php\">', '<div', 'class=\"form', '-', 'group\">', '<label', 'class=\"control', '-', 'label', 'col', '-', 'sm-2\">', 'Email', ':', '</label>', '<div', 'class=\"col', '-', 'sm-10\">', '<p', 'class=\"form', '-', 'control', '-', 'static\">', 'someone@example.com', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Input', 'Button', '</h2>', '<input', 'type=\"button', '\"', 'onclick=\"alert(\\'Hello', 'World', '!', \"'\", ')', '\"', 'value=\"Click', 'Me!\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'Page', 'Title', '</title>', '<meta', 'charset=\"UTF-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', 'body', '{', 'font', '-', 'family', ':', 'Arial', ';', 'margin', ':', '0', ';', '}', '.header', '{', 'padding', ':', '60px', ';', 'text', '-', 'align', ':', 'center', ';', 'background', ':', '#', '1abc9c', ';', 'color', ':', 'white', ';', '}', '.navbar', '{', 'display', ':', 'flex', ';', 'background', '-', 'color', ':', '#', '333', ';', '}', '.navbar', 'a', '{', 'color', ':', 'white', ';', 'padding', ':', '14px', '20px', ';'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.center', '{', 'text', '-', 'align', ':', 'center', ';', 'color', ':', 'red', ';', '}', 'p.large', '{', 'font', '-', 'size', ':', '300', '%', ';', '}', '</style>', '</head>', '<body>', '<h1', 'class=\"center\">', 'This', 'heading', 'will', 'not', 'be', 'affected', '</h1>', '<p', 'class=\"center\">', 'This', 'paragraph', 'will', 'be', 'red', 'and', 'center', '-', 'aligned', '.', '</p>', '<p', 'class=\"center', 'large\">', 'This', 'paragraph', 'will', 'be', 'red', ',', 'center', '-', 'aligned', ',', 'and', 'in', 'a', 'large', 'font', '-', 'size', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'background', '-', 'image', ':', 'url(\"img_tree.png', '\"', ')', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', 'background', '-', 'position', ':', 'right', 'top', ';', 'margin', '-', 'right', ':', '200px', ';', 'background', '-', 'attachment', ':', 'fixed', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'background', '-', 'attachment', 'Property', '</h1>', '<p>', 'The', 'background', '-', 'attachment', 'property', 'specifies', 'whether', 'the', 'background', 'image', 'should', 'scroll', 'or', 'be', 'fixed', '(', 'will', 'not', 'scroll', 'with', 'the', 'rest', 'of', 'the', 'page', ')', '.', '</p>', '<p>', '<strong>', 'Tip', ':', '</strong>', 'If', 'you', 'do', 'not', 'see', 'any', 'scrollbars', ',', 'try', 'to', 'resize', 'the', 'browser', 'window', '.', '</p>', '<p>', 'The', 'background', '-', 'image', 'is', 'fixed', '.', 'Try', 'to', 'scroll', 'down', 'the', 'page', '.', '</p>', '<p>', 'The', 'background', '-', 'image', 'is', 'fixed', '.', 'Try', 'to', 'scroll', 'down', 'the', 'page', '.', '</p>', '<p>', 'The', 'background', '-', 'image', 'is', 'fixed', '.', 'Try', 'to', 'scroll', 'down', 'the', 'page', '.', '</p>', '<p>', 'The', 'background', '-', 'image', 'is', 'fixed', '.', 'Try', 'to', 'scroll', 'down', 'the', 'page', '.', '</p>', '<p>', 'The', 'background', '-', 'image', 'is', 'fixed', '.', 'Try', 'to', 'scroll', 'down', 'the', 'page', '.', '</p>', '<p>', 'The', 'background', '-', 'image', 'is', 'fixed', '.', 'Try', 'to', 'scroll', 'down', 'the', 'page', '.', '</p>', '<p>', 'The', 'background', '-', 'image', 'is', 'fixed', '.', 'Try', 'to', 'scroll', 'down', 'the', 'page', '.', '</p>', '<p>', 'The', 'background', '-', 'image', 'is', 'fixed', '.', 'Try', 'to', 'scroll', 'down', 'the', 'page', '.', '</p>', '<p>', 'The', 'background', '-', 'image', 'is', 'fixed', '.', 'Try', 'to', 'scroll', 'down', 'the', 'page', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'input', 'formnovalidate', 'attribute', '</h1>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"email\">', 'Enter', 'your', 'email', ':', '</label>', '<input', 'type=\"email', '\"', 'id=\"email', '\"', 'name=\"email', '\"', 'required><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '<input', 'type=\"submit', '\"', 'formnovalidate=\"formnovalidate', '\"', 'value=\"Submit', 'without', 'validation\">', '</form>', '<p>', '<strong>', 'Note', ':', '</strong>', 'The', 'formnovalidate', 'attribute', 'of', 'the', 'input', 'tag', 'is', 'not', 'supported', 'in', 'Safari', '10', '(', 'or', 'earlier', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.ex1', '{', 'direction', ':', 'rtl', ';', 'unicode', '-', 'bidi', ':', 'bidi', '-', 'override', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'the', 'default', 'text', 'direction', '.', '</p>', '<p', 'class=\"ex1\">', 'This', 'is', 'right', '-', 'to', '-', 'left', 'text', 'direction', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'input[type', '=', 'text', ']', '{', 'width', ':', '100', '%', ';', 'padding', ':', '12px', '20px', ';', 'margin', ':', '8px', '0', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', 'border', ':', 'none', ';', 'border', '-', 'bottom', ':', '2px', 'solid', 'red', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Text', 'fields', 'with', 'only', 'a', 'bottom', 'border', ':', '</p>', '<form>', '<label', 'for=\"fname\">', 'First', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\">', '<label', 'for=\"lname\">', 'Last', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.grid', '-', 'container', '{', 'display', ':', 'grid', ';', 'grid', '-', 'column', '-', 'gap', ':', '50px', ';', 'grid', '-', 'template', '-', 'columns', ':', 'auto', 'auto', 'auto', ';', 'background', '-', 'color', ':', '#', '2196F3', ';', 'padding', ':', '10px', ';', '}', '.grid', '-', 'item', '{', 'background', '-', 'color', ':', 'rgba(255', ',', '255', ',', '255', ',', '0.8', ')', ';', 'border', ':', '1px', 'solid', 'rgba(0', ',', '0', ',', '0', ',', '0.8', ')', ';', 'padding', ':', '20px', ';', 'font', '-', 'size', ':', '30px', ';', 'text', '-', 'align', ':', 'center', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'grid', '-', 'column', '-', 'gap', 'Property', ':', '</h1>', '<div', 'class=\"grid', '-', 'container\">', '<div', 'class=\"grid', '-', 'item\">', '1', '</div>', '<div', 'class=\"grid', '-', 'item\">', '2', '</div>', '<div', 'class=\"grid', '-', 'item\">', '3', '</div>', '<div', 'class=\"grid', '-', 'item\">', '4', '</div>', '<div', 'class=\"grid', '-', 'item\">', '5', '</div>', '<div', 'class=\"grid', '-', 'item\">', '6', '</div>', '<div', 'class=\"grid', '-', 'item\">', '7', '</div>', '<div', 'class=\"grid', '-', 'item\">', '8', '</div>', '<div', 'class=\"grid', '-', 'item\">', '9', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'The', 'code', 'element', 'does', 'not', 'preserve', 'whitespace', 'and', 'line', '-', 'breaks', '.', '</p>', '<p>', 'To', 'fix', 'this', ',', 'you', 'can', 'put', 'the', 'code', 'element', 'inside', 'a', 'pre', 'element', ':', '</p>', '<pre>', '<code>', 'x', '=', '5', ';', 'y', '=', '6', ';', 'z', '=', 'x', '+', 'y', ';', '</code>', '</pre>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'position', ':', 'absolute', ';', 'clip', ':', 'rect(0px,60px,200px,0px', ')', ';', '}', '</style>', '</head>', '<body>', '<img', 'src=\"w3css.gif', '\"', 'width=\"100', '\"', 'height=\"140\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '}', 'div#myDiv', '{', '-ms', '-', 'transform', ':', 'rotate(20deg', ')', ';', '/', '*', 'IE', '9', '*', '/', 'transform', ':', 'rotate(20deg', ')', ';', '/', '*', 'Standard', 'syntax', '*', '/', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'rotate', '(', ')', 'Method', '</h1>', '<p>', 'The', 'rotate', '(', ')', 'method', 'rotates', 'an', 'element', 'clockwise', 'or', 'counter', '-', 'clockwise', '.', '</p>', '<div>', 'This', 'a', 'normal', 'div', 'element', '.', '</div>', '<div', 'id=\"myDiv\">', 'This', 'div', 'element', 'is', 'rotated', 'clockwise', '20', 'degrees', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '.box', '{', 'float', ':', 'left', ';', 'width', ':', '33.33', '%', ';', 'padding', ':', '50px', ';', '}', '.clearfix::after', '{', 'content', ':', '\"', '\"', ';', 'clear', ':', 'both', ';', 'display', ':', 'table', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Grid', 'of', 'Boxes', '</h2>', '<p>', 'Float', 'boxes', 'side', 'by', 'side', ':', '</p>', '<div', 'class=\"clearfix\">', '<div', 'class=\"box', '\"', 'style=\"background', '-', 'color:#bbb\">', '<p>', 'Some', 'text', 'inside', 'the', 'box', '.', '</p>', '</div>', '<div', 'class=\"box', '\"', 'style=\"background', '-', 'color:#ccc\">', '<p>', 'Some', 'text', 'inside', 'the', 'box', '.', '</p>', '</div>', '<div', 'class=\"box', '\"', 'style=\"background', '-', 'color:#ddd\">', '<p>', 'Some', 'text', 'inside', 'the', 'box', '.', '</p>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'The', 'select', 'Element', '</h2>', '<p>', 'The', 'select', 'element', 'defines', 'a', 'drop', '-', 'down', 'list', ':', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"cars\">', 'Choose', 'a', 'car', ':', '</label>', '<select', 'id=\"cars', '\"', 'name=\"cars\">', '<option', 'value=\"volvo\">', 'Volvo', '</option>', '<option', 'value=\"saab\">', 'Saab', '</option>', '<option', 'value=\"fiat\">', 'Fiat', '</option>', '<option', 'value=\"audi\">', 'Audi', '</option>', '</select>', '<input', 'type=\"submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'The', 'alt', 'Attribute', '</h2>', '<p>', 'The', 'alt', 'attribute', 'should', 'reflect', 'the', 'image', 'content', ',', 'so', 'users', 'who', 'can', 'not', 'see', 'the', 'image', 'gets', 'an', 'understanding', 'of', 'what', 'the', 'image', 'contains', ':', '</p>', '<img', 'src=\"img_girl.jpg', '\"', 'alt=\"Girl', 'with', 'a', 'jacket', '\"', 'width=\"500', '\"', 'height=\"600\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'Display', 'a', 'URL', 'Input', 'Field', '</h1>', '<p>', 'The', '<strong>', 'input', 'type=\"url', '\"', '</strong>', 'is', 'used', 'for', 'input', 'fields', 'that', 'should', 'contain', 'a', 'URL', 'address', ':', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"homepage\">', 'Add', 'your', 'homepage', ':', '</label>', '<input', 'type=\"url', '\"', 'id=\"homepage', '\"', 'name=\"homepage\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'background', '-', 'color', ':', 'tan', ';', 'color', ':', 'black', ';', '}', '@media', 'screen', 'and', '(', 'max', '-', 'width', ':', '992px', ')', '{', 'body', '{', 'background', '-', 'color', ':', 'blue', ';', 'color', ':', 'white', ';', '}', '}', '@media', 'screen', 'and', '(', 'max', '-', 'width', ':', '600px', ')', '{', 'body', '{', 'background', '-', 'color', ':', 'olive', ';', 'color', ':', 'white', ';', '}', '}', '</style>', '</head>', '<body>', '<h1>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '!', '</h1>', '<p>', 'By', 'default', ',', 'the', 'background', 'color', 'of', 'the', 'document', 'is', '\"', 'tan', '\"', '.', 'If', 'the', 'screen', 'size', 'is', '992px', 'or', 'less', ',', 'the', 'color', 'will', 'change', 'to', '\"', 'blue', '\"', '.', 'If', 'it', 'is', '600px', 'or', 'less', ',', 'it', 'will', 'change', 'to', '\"', 'olive', '\"', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Button', 'Tags', '</h2>', '<a', 'href=', '\"', '#', '\"', 'class=\"btn', 'btn', '-', 'info', '\"', 'role=\"button\">', 'Link', 'Button', '</a>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'info\">', 'Button', '</button>', '<input', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'info', '\"', 'value=\"Input', 'Button\">', '<input', 'type=\"submit', '\"', 'class=\"btn', 'btn', '-', 'info', '\"', 'value=\"Submit', 'Button\">', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p::first', '-', 'line', '{', 'color', ':', '#', 'ff0000', ';', 'font', '-', 'variant', ':', 'small', '-', 'caps', ';', '}', '</style>', '</head>', '<body>', '<p>', 'You', 'can', 'use', 'the', ':', ':', 'first', '-', 'line', 'pseudo', '-', 'element', 'to', 'add', 'a', 'special', 'effect', 'to', 'the', 'first', 'line', 'of', 'a', 'text', '.', 'Some', 'more', 'text', '.', 'And', 'even', 'more', ',', 'and', 'more', ',', 'and', 'more', ',', 'and', 'more', ',', 'and', 'more', ',', 'and', 'more', ',', 'and', 'more', ',', 'and', 'more', ',', 'and', 'more', ',', 'and', 'more', ',', 'and', 'more', ',', 'and', 'more', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Hello', 'World', '!', '</h1>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<p>', 'The', 'columns', 'will', 'automatically', 'stack', 'on', 'top', 'of', 'each', 'other', 'when', 'the', 'screen', 'is', 'less', 'than', '768px', 'wide', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-4', '\"', 'style=\"background', '-', 'color', ':', 'lavender;\">', '.col', '-', 'sm-4', '</div>', '<div', 'class=\"col', '-', 'sm-4', '\"', 'style=\"background', '-', 'color', ':', 'lavenderblush;\">', '.col', '-', 'sm-4', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Active', 'Item', 'in', 'a', 'List', 'Group', '</h2>', '<div', 'class=\"list', '-', 'group\">', '<a', 'href=', '\"', '#', '\"', 'class=\"list', '-', 'group', '-', 'item', 'active\">', 'First', 'item', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"list', '-', 'group', '-', 'item\">', 'Second', 'item', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"list', '-', 'group', '-', 'item\">', 'Third', 'item', '</a>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'padding', ':', '0', ';', 'border', ':', '1px', 'solid', '#', 'ddd', ';', '}', 'ul', 'li', '{', 'padding', ':', '8px', '16px', ';', 'border', '-', 'bottom', ':', '1px', 'solid', '#', 'ddd', ';', '}', 'ul', 'li', ':', 'last', '-', 'child', '{', 'border', '-', 'bottom', ':', 'none', '}', '</style>', '</head>', '<body>', '<p>', 'Full', '-', 'width', 'bordered', 'list', ':', '</p>', '<ul>', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Coca', 'Cola', '</li>', '</ul>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.grid', '-', 'container', '{', 'display', ':', 'grid', ';', 'grid', '-', 'template', '-', 'columns', ':', 'auto', 'auto', 'auto', ';', 'grid', '-', 'gap', ':', '10px', ';', 'background', '-', 'color', ':', '#', '2196F3', ';', 'padding', ':', '10px', ';', '}', '.grid', '-', 'container', '>', 'div', '{', 'background', '-', 'color', ':', 'rgba(255', ',', '255', ',', '255', ',', '0.8', ')', ';', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '20px', '0', ';', 'font', '-', 'size', ':', '30px', ';', '}', '.item1', '{', 'grid', '-', 'column', '-', 'start', ':', '1', ';', 'grid', '-', 'column', '-', 'end', ':', '3', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Grid', 'Lines', '</h1>', '<div', 'class=\"grid', '-', 'container\">', '<div', 'class=\"item1\">', '1', '</div>', '<div', 'class=\"item2\">', '2', '</div>', '<div', 'class=\"item3\">', '3', '</div>', '<div', 'class=\"item4\">', '4', '</div>', '<div', 'class=\"item5\">', '5', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<form', 'action=\"/action_page.php\">', 'Webpage', ':', '<input', 'type=\"url', '\"', 'list=\"url_list', '\"', 'name=\"link\">', '<datalist', 'id=\"url_list\">', '<option', 'label=\"W3Schools', '\"', 'value=\"https://www.w3schools.com\">', '<option', 'label=\"Google', '\"', 'value=\"http://www.google.com\">', '<option', 'label=\"Microsoft', '\"', 'value=\"http://www.microsoft.com\">', '</datalist>', '<input', 'type=\"submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.button', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', '/', '*', 'Green', '*', '/', 'border', ':', 'none', ';', 'color', ':', 'white', ';', 'padding', ':', '16px', '32px', ';', 'text', '-', 'align', ':', 'center', ';', 'text', '-', 'decoration', ':', 'none', ';', 'display', ':', 'inline', '-', 'block', ';', 'font', '-', 'size', ':', '16px', ';', 'margin', ':', '4px', '2px', ';', 'transition', '-', 'duration', ':', '0.4s', ';', 'cursor', ':', 'pointer', ';', '}', '.button1', '{', 'background', '-', 'color', ':', 'white', ';', 'color', ':', 'black', ';', 'border', ':', '2px', 'solid', '#', '4CAF50', ';', '}', '.button1', ':', 'hover', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', '}', '.button2', '{', 'background', '-', 'color', ':', 'white', ';', 'color', ':', 'black', ';', 'border', ':', '2px', 'solid', '#', '008CBA', ';', '}', '.button2', ':', 'hover', '{'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'is', 'another', 'mailto', 'link', ':', '<a', 'href=\"mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party', '!', '\"', 'target=\"_top\">', 'Send', 'mail', '!', '</a>', '</p>', '<p>', 'The', 'link', 'will', 'only', 'work', 'if', 'you', 'have', 'email', 'installed', '.', '</p>', '<p>', '(', 'Spaces', 'between', 'words', 'should', 'be', 'replaced', 'by', '%', '20', 'to', 'ensure', 'that', 'the', 'browser', 'will', 'display', 'the', 'text', 'properly', ')', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'display', ':', 'block', ';', 'margin', '-', 'left', ':', 'auto', ';', 'margin', '-', 'right', ':', 'auto', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Center', 'an', 'Image', '</h2>', '<p>', 'To', 'center', 'an', 'image', ',', 'set', 'left', 'and', 'right', 'margin', 'to', 'auto', ',', 'and', 'make', 'it', 'into', 'a', 'block', 'element', '.', '</p>', '<img', 'src=\"paris.jpg', '\"', 'alt=\"Paris', '\"', 'style=\"width:40%\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'height', ':', '100px', ';', 'width', ':', '500px', ';', 'background', '-', 'color', ':', 'powderblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Set', 'the', 'height', 'and', 'width', 'of', 'an', 'element', '</h2>', '<div>', 'This', 'div', 'element', 'has', 'a', 'height', 'of', '100px', 'and', 'a', 'width', 'of', '500px', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<video', 'width=\"320', '\"', 'height=\"240', '\"', 'controls>', '<source', 'src=\"movie.mp4', '\"', 'type=\"video', '/', 'mp4\">', '<source', 'src=\"movie.ogg', '\"', 'type=\"video', '/', 'ogg\">', 'Your', 'browser', 'does', 'not', 'support', 'the', 'video', 'tag', '.', '</video>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '-webkit', '-', 'justify', '-', 'content', ':', 'center', ';', 'justify', '-', 'content', ':', 'center', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.pagination', '{', 'display', ':', 'inline', '-', 'block', ';', '}', '.pagination', 'a', '{', 'color', ':', 'black', ';', 'float', ':', 'left', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', 'transition', ':', 'background', '-', 'color', '.3s', ';', 'border', ':', '1px', 'solid', '#', 'ddd', ';', 'margin', ':', '0', '4px', ';', '}', '.pagination', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', 'border', ':', '1px', 'solid', '#', '4CAF50', ';', '}', '.pagination', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', 'ddd', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Pagination', 'with', 'Margins', '</h2>', '<div', 'class=\"pagination\">', '<a', 'href=\"#\">', '&', 'laquo', ';', '</a>', '<a', 'href=\"#\">', '1', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"active\">', '2', '</a>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.pagination', '{', 'display', ':', 'inline', '-', 'block', ';', '}', '.pagination', 'a', '{', 'color', ':', 'black', ';', 'float', ':', 'left', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', 'transition', ':', 'background', '-', 'color', '.3s', ';', 'border', ':', '1px', 'solid', '#', 'ddd', ';', 'margin', ':', '0', '4px', ';', '}', '.pagination', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', 'border', ':', '1px', 'solid', '#', '4CAF50', ';', '}', '.pagination', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', 'ddd', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Pagination', 'with', 'Margins', '</h2>', '<div', 'class=\"pagination\">', '<a', 'href=\"#\">', '&', 'laquo', ';', '</a>', '<a', 'href=\"#\">', '1', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"active\">', '2', '</a>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1', 'style=\"border', ':', '2px', 'solid', 'Tomato;\">', 'Hello', 'World', '</h1>', '<h1', 'style=\"border', ':', '2px', 'solid', 'DodgerBlue;\">', 'Hello', 'World', '</h1>', '<h1', 'style=\"border', ':', '2px', 'solid', 'Violet;\">', 'Hello', 'World', '</h1>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Table', 'With', 'Border', '</h2>', '<p>', 'Use', 'the', 'CSS', 'border', 'property', 'to', 'add', 'a', 'border', 'to', 'the', 'table', '.', '</p>', '<table', 'style=\"width:100%\">', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Age', '</th>', '</tr>', '<tr>', '<td>', 'Jill', '</td>', '<td>', 'Smith', '</td>', '<td>', '50', '</td>', '</tr>', '<tr>', '<td>', 'Eve', '</td>', '<td>', 'Jackson', '</td>', '<td>', '94', '</td>', '</tr>', '<tr>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'html', ',', 'body', '{', 'height', ':', '100', '%', ';', '}', 'img.one', '{', 'height', ':', 'auto', ';', 'width', ':', 'auto', ';', '}', 'img.two', '{', 'height', ':', '50', '%', ';', 'width', ':', '50', '%', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Set', 'the', 'height', 'and', 'width', 'in', '%', '</h2>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<p>', 'Original', 'image', ':', '</p>', '<img', 'class=\"one', '\"', 'src=\"ocean.jpg', '\"', 'width=\"300', '\"', 'height=\"300\"><br>', '<p>', 'Sized', 'image', '(', 'in', '%', '):', '</p>', '<img', 'class=\"two', '\"', 'src=\"ocean.jpg', '\"', 'width=\"300', '\"', 'height=\"300\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'is', 'an', 'email', 'link', ':', '<a', 'href=\"mailto:someone@example.com?Subject=Hello%20again', '\"', 'target=\"_top\">', 'Send', 'Mail</a>', '</p>', '<p>', 'The', 'link', 'will', 'only', 'work', 'if', 'you', 'have', 'email', 'installed', '.', '</p>', '<p>', '(', 'Spaces', 'between', 'words', 'should', 'be', 'replaced', 'by', '%', '20', 'to', 'ensure', 'that', 'the', 'browser', 'will', 'display', 'the', 'text', 'properly', ')', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Input', 'Sizing', '</h2>', '<p>', 'You', 'can', 'quickly', 'size', 'labels', 'and', 'form', 'controls', 'within', 'a', 'Horizontal', 'form', 'by', 'adding', '.form', '-', 'group', '-', 'lg', 'or', '.form', '-', 'group', '-', 'sm', 'to', 'the', 'div', 'class=\"form', '-', 'group', '\"', 'element', ':', '</p>', '<form', 'class=\"form', '-', 'horizontal\">', '<div', 'class=\"form', '-', 'group', 'form', '-', 'group', '-', 'lg\">', '<label', 'class=\"col', '-', 'sm-2', 'control', '-', 'label', '\"', 'for=\"lg\">', 'form', '-', 'group', '-', 'lg', '</label>', '<div', 'class=\"col', '-', 'sm-10\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'input[type', '=', 'text', ']', '{', 'width', ':', '100', '%', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', 'border', ':', '2px', 'solid', '#', 'ccc', ';', 'border', '-', 'radius', ':', '4px', ';', 'font', '-', 'size', ':', '16px', ';', 'background', '-', 'color', ':', 'white', ';', 'background', '-', 'image', ':', \"url('searchicon.png\", \"'\", ')', ';', 'background', '-', 'position', ':', '10px', '10px', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', 'padding', ':', '12px', '20px', '12px', '40px', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Input', 'with', 'icon', ':', '</p>', '<form>', '<input', 'type=\"text', '\"', 'name=\"search', '\"', 'placeholder=\"Search', '..', '\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', '{', 'width', ':', '100', '%', ';', 'border', '-', 'collapse', ':', 'collapse', ';', 'border', ':', '1px', 'solid', 'black', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Single', 'Border', 'Around', 'The', 'Table', '</h2>', '<table>', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '</tr>', '<tr>', '<td>', 'Peter', '</td>', '<td>', 'Griffin', '</td>', '</tr>', '<tr>', '<td>', 'Lois', '</td>', '<td>', 'Griffin', '</td>', '</tr>', '</table>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width:300px', ';', 'margin', ':', 'auto', ';', 'border', ':', '1px', 'solid', 'red', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Use', 'of', 'margin', ':', 'auto', '</h2>', '<p>', 'You', 'can', 'set', 'the', 'margin', 'property', 'to', 'auto', 'to', 'horizontally', 'center', 'the', 'element', 'within', 'its', 'container', '.', 'The', 'element', 'will', 'then', 'take', 'up', 'the', 'specified', 'width', ',', 'and', 'the', 'remaining', 'space', 'will', 'be', 'split', 'equally', 'between', 'the', 'left', 'and', 'right', 'margins', ':', '</p>', '<div>', 'This', 'div', 'will', 'be', 'horizontally', 'centered', 'because', 'it', 'has', 'margin', ':', 'auto', ';', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '[', 'class$=\"test', '\"', ']', '{', 'background', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', '[', 'attribute$=\"value', '\"', ']', 'Selector', '</h2>', '<div', 'class=\"first_test\">', 'The', 'first', 'div', 'element', '.', '</div>', '<div', 'class=\"second\">', 'The', 'second', 'div', 'element', '.', '</div>', '<div', 'class=\"my', '-', 'test\">', 'The', 'third', 'div', 'element', '.', '</div>', '<p', 'class=\"mytest\">', 'This', 'is', 'some', 'text', 'in', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', ':', '2px', 'solid', 'powderblue', ';', 'margin', ':', '50px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'input', 'formmethod', 'Attribute', '</h1>', '<p>', 'The', 'formmethod', 'attribute', 'defines', 'the', 'HTTP', 'method', 'for', 'sending', 'form', '-', 'data', 'to', 'the', 'action', 'URL', '.', '</p>', '<form', 'action=\"/action_page.php', '\"', 'method=\"get', '\"', 'target=\"_blank\">', '<label', 'for=\"fname\">', 'First', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\"><br><br>', '<label', 'for=\"lname\">', 'Last', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit', 'using', 'GET\">', '<input', 'type=\"submit', '\"', 'formmethod=\"post', '\"', 'value=\"Submit', 'using', 'POST\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Month', 'Field', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"month', '\"', '</strong>', 'allows', 'the', 'user', 'to', 'select', 'a', 'month', 'and', 'year', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"bdaymonth\">', 'Birthday', '(', 'month', 'and', 'year', ')', ':', '</label>', '<input', 'type=\"month', '\"', 'id=\"bdaymonth', '\"', 'name=\"bdaymonth\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', '<strong>', 'Note', ':', '</strong>', 'type=\"month', '\"', 'is', 'not', 'supported', 'in', 'Firefox', ',', 'Safari', ',', 'or', 'Internet', 'Explorer', '11', '(', 'or', 'earlier', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Images', 'in', 'Another', 'Folder', '</h2>', '<p>', 'It', 'is', 'common', 'to', 'store', 'images', 'in', 'a', 'sub', '-', 'folder', '.', 'You', 'must', 'then', 'include', 'the', 'folder', 'name', 'in', 'the', 'src', 'attribute', ':', '</p>', '<img', 'src=\"/images', '/', 'html5.gif', '\"', 'alt=\"HTML5', 'Icon', '\"', 'style=\"width:128px;height:128px;\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1.0\">', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '.row::after', '{', 'content', ':', '\"', '\"', ';', 'clear', ':', 'both', ';', 'display', ':', 'table', ';', '}', '[', 'class*=\"col-', '\"', ']', '{', 'float', ':', 'left', ';', 'padding', ':', '15px', ';', '}', 'html', '{', 'font', '-', 'family', ':', '\"', 'Lucida', 'Sans', '\"', ',', 'sans', '-', 'serif', ';', '}', '.header', '{', 'background', '-', 'color', ':', '#', '9933cc', ';', 'color', ':', '#', 'ffffff', ';', 'padding', ':', '15px', ';', '}', '.menu', 'ul', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', '}'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'The', 'ins', 'element', 'represent', 'inserted', '(', 'added', ')', 'text', '.', '</p>', '<p>', 'My', 'favorite', '<ins>', 'color', '</ins>', 'is', 'red', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.center', '{', 'margin', ':', 'auto', ';', 'width', ':', '60', '%', ';', 'border', ':', '3px', 'solid', '#', '73AD21', ';', 'padding', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Center', 'Align', 'Elements', '</h2>', '<p>', 'To', 'horizontally', 'center', 'a', 'block', 'element', '(', 'like', 'div', ')', ',', 'use', 'margin', ':', 'auto', ';', '</p>', '<div', 'class=\"center\">', '<p>', 'Hello', 'World', '!', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'background', '-', 'color', ':', '#', 'eee', ';', 'width', ':', '200px', ';', 'height', ':', '50px', ';', 'border', ':', '1px', 'dotted', 'black', ';', 'overflow', '-', 'x', ':', 'hidden', ';', 'overflow', '-', 'y', ':', 'scroll', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', 'Overflow', '</h2>', '<p>', 'You', 'can', 'also', 'change', 'the', 'overflow', 'of', 'content', 'horizontally', 'or', 'vertically', '.', '</p>', '<p', '>', 'overflow', '-', 'x', 'specifies', 'what', 'to', 'do', 'with', 'the', 'left', '/', 'right', 'edges', 'of', 'the', 'content.<br>', 'overflow', '-', 'y', 'specifies', 'what', 'to', 'do', 'with', 'the', 'top', '/', 'bottom', 'edges', 'of', 'the', 'content.</p>', '<div>', 'You', 'can', 'use', 'the', 'overflow', 'property', 'when', 'you', 'want', 'to', 'have', 'better', 'control', 'of', 'the', 'layout', '.', 'The', 'overflow', 'property', 'specifies', 'what', 'happens', 'if', 'content', 'overflows', 'an', 'element', \"'s\", 'box', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'grad1', '{', 'height', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'repeating', '-', 'linear', '-', 'gradient(red', ',', 'yellow', '10', '%', ',', 'green', '20', '%', ')', ';', '}', '#', 'grad2', '{', 'height', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'repeating', '-', 'linear', '-', 'gradient(45deg', ',', 'red', ',', 'yellow', '7%,green', '10', '%', ')', ';', '}', '#', 'grad3', '{', 'height', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'repeating', '-', 'linear', '-', 'gradient(190deg', ',', 'red', ',', 'yellow', '7%,green', '10', '%', ')', ';', '}', '#', 'grad4', '{', 'height', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'repeating', '-', 'linear', '-', 'gradient(90deg', ',', 'red', ',', 'yellow', '7%,green', '10', '%', ')', ';', '}', '</style>', '</head>', '<body>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Offsetting', 'Columns', '</h1>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row', '\"', 'style=\"background', '-', 'color', ':', 'lavender;\">', '<div', 'class=\"col', '-', 'sm-5', 'col', '-', 'md-6', '\"', 'style=\"background', '-', 'color', ':', 'lightgray;\">', '.col', '-', 'sm-5', '.col', '-', 'md-6', '</div>', '<div', 'class=\"col', '-', 'sm-5', 'col', '-', 'sm', '-', 'offset-2', 'col', '-', 'md-6', 'col', '-', 'md', '-', 'offset-0', '\"', 'style=\"background', '-', 'color', ':', 'lightcyan;\">', '.col', '-', 'sm-5', '.col', '-', 'sm', '-', 'offset-2', '.col', '-', 'md-6', '.col', '-', 'md', '-', 'offset-0', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.pagination', '{', 'display', ':', 'inline', '-', 'block', ';', '}', '.pagination', 'a', '{', 'color', ':', 'black', ';', 'float', ':', 'left', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', 'border', ':', '1px', 'solid', '#', 'ddd', ';', '}', '.pagination', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', 'border', ':', '1px', 'solid', '#', '4CAF50', ';', '}', '.pagination', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', 'ddd', ';', '}', '.pagination', 'a', ':', 'first', '-', 'child', '{', 'border', '-', 'top', '-', 'left', '-', 'radius', ':', '5px', ';', 'border', '-', 'bottom', '-', 'left', '-', 'radius', ':', '5px', ';', '}', '.pagination', 'a', ':', 'last', '-', 'child', '{', 'border', '-', 'top', '-', 'right', '-', 'radius', ':', '5px', ';', 'border', '-', 'bottom', '-', 'right', '-', 'radius', ':', '5px', ';', '}', '</style>', '</head>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'opacity', ':', '0.5', ';', '}', 'img', ':', 'hover', '{', 'opacity', ':', '1.0', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Image', 'Transparency', '</h1>', '<p>', 'The', 'opacity', 'property', 'is', 'often', 'used', 'together', 'with', 'the', ':', 'hover', 'selector', 'to', 'change', 'the', 'opacity', 'on', 'mouse', '-', 'over', ':', '</p>', '<img', 'src=\"img_forest.jpg', '\"', 'alt=\"Forest', '\"', 'width=\"170', '\"', 'height=\"100\">', '<img', 'src=\"img_mountains.jpg', '\"', 'alt=\"Mountains', '\"', 'width=\"170', '\"', 'height=\"100\">', '<img', 'src=\"img_5terre.jpg', '\"', 'alt=\"Italy', '\"', 'width=\"170', '\"', 'height=\"100\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'input[type', '=', 'text', ']', '{', 'width', ':', '100', '%', ';', 'padding', ':', '12px', '20px', ';', 'margin', ':', '8px', '0', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', 'border', ':', '2px', 'solid', 'red', ';', 'border', '-', 'radius', ':', '4px', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Text', 'fields', 'with', 'borders', ':', '</p>', '<form>', '<label', 'for=\"fname\">', 'First', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\">', '<label', 'for=\"lname\">', 'Last', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'The', 'href', 'Attribute', '</h2>', '<p>', 'HTML', 'links', 'are', 'defined', 'with', 'the', 'a', 'tag', '.', 'The', 'link', 'address', 'is', 'specified', 'in', 'the', 'href', 'attribute', ':', '</p>', '<a', 'href=\"https://www.w3schools.com\">', 'Visit', 'W3Schools', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'margin', ':', '0', ';', 'padding', ':', '0', ';', '}', '.right', '{', 'float', ':', 'right', ';', 'width', ':', '300px', ';', 'background', '-', 'color', ':', '#', 'b0e0e6', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Right', 'Align', '</h2>', '<div', 'class=\"right\">', '<p>', '<b>', 'Note', ':', '</b>', 'When', 'aligning', 'using', 'the', 'float', 'property', ',', 'always', 'include', 'the', '!', 'DOCTYPE', 'declaration', '!', 'If', 'missing', ',', 'it', 'can', 'produce', 'strange', 'results', 'in', 'IE', 'browsers', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '~', 'p', '{', 'background', '-', 'color', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'General', 'Sibling', 'Selector', '</h2>', '<p>', 'The', 'general', 'sibling', 'selector', '(', '~', ')', 'selects', 'all', 'elements', 'that', 'are', 'siblings', 'of', 'a', 'specified', 'element', '.', '</p>', '<p>', 'Paragraph', '1', '.', '</p>', '<div>', '<p>', 'Paragraph', '2', '.', '</p>', '</div>', '<p>', 'Paragraph', '3', '.', '</p>', '<code>', 'Some', 'code', '.', '</code>', '<p>', 'Paragraph', '4', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Pagination', '-', 'Disabled', 'State', '</h2>', '<p>', 'Add', 'class', '.disabled', 'if', 'a', 'page', 'for', 'some', 'reason', 'is', 'disabled', ':', '</p>', '<ul', 'class=\"pagination\">', '<li>', '<a', 'href=\"#\">', '1', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', '2', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', '3', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Hello', 'World', '!', '</h1>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'xs-7', 'col', '-', 'sm-6', 'col', '-', 'lg-8', '\"', 'style=\"background', '-', 'color', ':', 'red;\">', '.col', '-', 'xs-7', '.col', '-', 'sm-6', '.col', '-', 'lg-8', '</div>', '<div', 'class=\"col', '-', 'xs-5', 'col', '-', 'sm-6', 'col', '-', 'lg-4', '\"', 'style=\"background', '-', 'color', ':', 'lavender;\">', '.col', '-', 'xs-5', '.col', '-', 'sm-6', '.col', '-', 'lg-4', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '[', 'class|=top', ']', '{', 'background', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', '[', 'attribute|=\"value', '\"', ']', 'Selector', '</h2>', '<h1', 'class=\"top', '-', 'header\">', 'Welcome', '</h1>', '<p', 'class=\"top', '-', 'text\">', 'Hello', 'world', '!', '</p>', '<p', 'class=\"topcontent\">', 'Are', 'you', 'learning', 'CSS', '?', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'The', 'pre', 'tag', 'preserves', 'both', 'spaces', 'and', 'line', 'breaks', ':', '</p>', '<pre>', 'My', 'Bonnie', 'lies', 'over', 'the', 'ocean', '.', 'My', 'Bonnie', 'lies', 'over', 'the', 'sea', '.', 'My', 'Bonnie', 'lies', 'over', 'the', 'ocean', '.', 'Oh', ',', 'bring', 'back', 'my', 'Bonnie', 'to', 'me', '.', '</pre>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'Show', 'a', 'Time', 'Input', 'Control', '</h1>', '<p>', 'The', '<strong>', 'input', 'type=\"time', '\"', '</strong>', 'allows', 'the', 'user', 'to', 'select', 'a', 'time', '(', 'no', 'time', 'zone', ')', ':', '</p>', '<p>', 'If', 'the', 'browser', 'supports', 'it', ',', 'a', 'time', 'picker', 'pops', 'up', 'when', 'entering', 'the', 'input', 'field', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"appt\">', 'Select', 'a', 'time', ':', '</label>', '<input', 'type=\"time', '\"', 'id=\"appt', '\"', 'name=\"appt\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', '<strong>', 'Note', ':', '</strong>', 'type=\"time', '\"', 'is', 'not', 'supported', 'in', 'Safari', 'or', 'Internet', 'Explorer', '12', '(', 'or', 'earlier', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<link', 'rel=\"stylesheet', '\"', 'type=\"text', '/', 'css', '\"', 'href=\"mystyle.css\">', '<style>', 'body', '{', 'background', '-', 'color', ':', 'linen', ';', '}', '</style>', '</head>', '<body', 'style=\"background', '-', 'color', ':', 'lavender\">', '<h1>', 'Multiple', 'Styles', 'Will', 'Cascade', 'into', 'One', '</h1>', '<p>', 'Here', ',', 'the', 'background', 'color', 'of', 'the', 'page', 'is', 'set', 'with', 'inline', 'CSS', ',', 'and', 'also', 'with', 'an', 'internal', 'CSS', ',', 'and', 'also', 'with', 'an', 'external', 'CSS', '.', '</p>', '<p>', 'Try', 'experimenting', 'by', 'removing', 'styles', 'to', 'see', 'how', 'the', 'cascading', 'stylesheets', 'work', '(', 'try', 'removing', 'the', 'inline', 'CSS', 'first', ',', 'then', 'the', 'internal', ',', 'then', 'the', 'external', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'background', ':', '#', 'ffffff', 'url(\"img_tree.png', '\"', ')', 'no', '-', 'repeat', 'right', 'top', ';', 'margin', '-', 'right', ':', '200px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'background', 'Property', '</h1>', '<p>', 'The', 'background', 'property', 'is', 'a', 'shorthand', 'property', 'for', 'specifying', 'all', 'the', 'background', 'properties', 'in', 'one', 'declaration', '.', '</p>', '<p>', 'Here', ',', 'the', 'background', 'image', 'is', 'only', 'shown', 'once', ',', 'and', 'it', 'is', 'also', 'positioned', 'in', 'the', 'top', '-', 'right', 'corner', '.', '</p>', '<p>', 'We', 'have', 'also', 'added', 'a', 'right', 'margin', ',', 'so', 'that', 'the', 'text', 'will', 'not', 'write', 'over', 'the', 'background', 'image', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'A', 'Nested', 'List', '</h2>', '<ul>', '<li>', 'Coffee', '</li>', '<li', '>', 'Tea', '<ul>', '<li>', 'Black', 'tea', '</li>', '<li', '>', 'Green', 'tea', '<ul>', '<li>', 'China', '</li>', '<li>', 'Africa', '</li>', '</ul>', '</li>', '</ul>', '</li>', '<li>', 'Milk', '</li>', '</ul>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Form', 'control', ':', 'inline', 'radio', 'buttons', '</h2>', '<p>', 'The', 'form', 'below', 'contains', 'three', 'inline', 'radio', 'buttons', ':', '</p>', '<form>', '<label', 'class=\"radio', '-', 'inline\">', '<input', 'type=\"radio', '\"', 'name=\"optradio', '\"', 'checked', '>', 'Option', '1', '</label>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div.background', '{', 'background', ':', 'url(klematis.jpg', ')', 'repeat', ';', 'border', ':', '2px', 'solid', 'black', ';', '}', 'div.transbox', '{', 'margin', ':', '30px', ';', 'background', '-', 'color', ':', '#', 'ffffff', ';', 'border', ':', '1px', 'solid', 'black', ';', 'opacity', ':', '0.6', ';', '}', 'div.transbox', 'p', '{', 'margin', ':', '5', '%', ';', 'font', '-', 'weight', ':', 'bold', ';', 'color', ':', '#', '000000', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"background\">', '<div', 'class=\"transbox\">', '<p>', 'This', 'is', 'some', 'text', 'that', 'is', 'placed', 'in', 'the', 'transparent', 'box', '.', '</p>', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Horizontal', 'form', ':', 'control', 'states', '</h2>', '<form', 'class=\"form', '-', 'horizontal\">', '<div', 'class=\"form', '-', 'group\">', '<label', 'class=\"col', '-', 'sm-2', 'control', '-', 'label\">', 'Focused', '</label>', '<div', 'class=\"col', '-', 'sm-10\">', '<input', 'class=\"form', '-', 'control', '\"', 'id=\"focusedInput', '\"', 'type=\"text', '\"', 'value=\"Click', 'to', 'focus', '...', '\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', '-webkit', '-', 'box', '-', 'reflect', ':', 'below', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'CSS', 'Image', 'Reflection', '</h1>', '<p>', 'Show', 'the', 'reflection', 'below', 'the', 'image', ':', '</p>', '<img', 'src=\"img_tree.png\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Media', 'Object', '</h2>', '<p>', 'Use', 'the', '\"', 'media', '-', 'left', '\"', 'class', 'to', 'left', '-', 'align', 'a', 'media', 'object', '.', 'Text', 'that', 'should', 'appear', 'next', 'to', 'the', 'image', ',', 'is', 'placed', 'inside', 'a', 'container', 'with', 'class=\"media', '-', 'body', '\"', '.', '</p>', '<p>', 'Tip', ':', 'Use', 'the', '\"', 'media', '-', 'right', '\"', 'class', 'to', 'right', '-', 'align', 'the', 'media', 'object', '.', '</p>', '<br>', '<!--', 'Left', '-', 'aligned', 'media', 'object', '-->', '<div', 'class=\"media\">', '<div', 'class=\"media', '-', 'left\">', '<img', 'src=\"img_avatar1.png', '\"', 'class=\"media', '-', 'object', '\"', 'style=\"width:60px\">', '</div>', '<div', 'class=\"media', '-', 'body\">', '<h4', 'class=\"media', '-', 'heading\">', 'Left', '-', 'aligned', '</h4>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipiscing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '}', 'div#myDiv1', '{', '-ms', '-', 'transform', ':', 'matrix(1', ',', '-0.3', ',', '0', ',', '1', ',', '0', ',', '0', ')', ';', '/', '*', 'IE', '9', '*', '/', 'transform', ':', 'matrix(1', ',', '-0.3', ',', '0', ',', '1', ',', '0', ',', '0', ')', ';', '/', '*', 'Standard', 'syntax', '*', '/', '}', 'div#myDiv2', '{', '-ms', '-', 'transform', ':', 'matrix(1', ',', '0', ',', '0.5', ',', '1', ',', '150', ',', '0', ')', ';', '/', '*', 'IE', '9', '*', '/', 'transform', ':', 'matrix(1', ',', '0', ',', '0.5', ',', '1', ',', '150', ',', '0', ')', ';', '/', '*', 'Standard', 'syntax', '*', '/', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'matrix', '(', ')', 'Method', '</h1>', '<p>', 'The', 'matrix', '(', ')', 'method', 'combines', 'all', 'the', '2D', 'transform', 'methods', 'into', 'one', '.', '</p>', '<div>', 'This', 'a', 'normal', 'div', 'element', '.', '</div>', '<div', 'id=\"myDiv1\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'example1', '{', 'border', ':', '1px', 'solid', 'black', ';', 'background', ':', 'url(img_flwr.gif', ')', ';', 'background', '-', 'size', ':', '100px', '80px', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', 'padding', ':', '15px', ';', '}', '#', 'example2', '{', 'border', ':', '1px', 'solid', 'black', ';', 'background', ':', 'url(img_flwr.gif', ')', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', 'padding', ':', '15px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'background', '-', 'size', 'Property', '</h1>', '<p>', 'Resized', 'background', '-', 'image', ':', '</p>', '<div', 'id=\"example1\">', '<h2>', 'Lorem', 'Ipsum', 'Dolor', '</h2>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', '</p>', '<p>', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', '</p>', '</div>', '<p>', 'Original', 'size', 'of', 'the', 'background', '-', 'image', ':', '</p>', '<div', 'id=\"example2\">', '<h2>', 'Lorem', 'Ipsum', 'Dolor', '</h2>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', '</p>', '<p>', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'My', 'favorite', 'color', 'is', '<del>', 'blue', '</del>', 'red', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'border', '-', 'collapse', ':', 'collapse', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '5px', ';', 'text', '-', 'align', ':', 'left', ';', '}', 'table.names', '{', 'width', ':', '100', '%', ';', 'background', '-', 'color', ':', '#', 'f1f1c1', ';', '}', '</style>', '</head>', '<body>', '<table', 'style=\"width:100%\">', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Age', '</th>', '</tr>', '<tr>', '<td>', 'Jill', '</td>', '<td>', 'Smith', '</td>', '<td>', '50', '</td>', '</tr>', '<tr>', '<td>', 'Eve', '</td>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<div', 'style=\"border', ':', '1px', 'solid', 'black\">', 'Hello', 'World', '</div>', '<p>', 'The', 'DIV', 'element', 'is', 'a', 'block', 'element', ',', 'and', 'will', 'always', 'start', 'on', 'a', 'new', 'line', 'and', 'take', 'up', 'the', 'full', 'width', 'available', '(', 'stretches', 'out', 'to', 'the', 'left', 'and', 'right', 'as', 'far', 'as', 'it', 'can', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'top', '-', 'width', ':', '15px', ';', '}', '</style>', '</head>', '<body>', '<p>', '<b>', 'Note', ':', '</b>', 'The', '\"', 'border', '-', 'top', '-', 'width', '\"', 'property', 'does', 'not', 'work', 'if', 'it', 'is', 'used', 'alone', '.', 'Use', 'the', '\"', 'border', '-', 'style', '\"', 'property', 'to', 'set', 'the', 'borders', 'first', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'input[type', '=', 'text', ']', '{', 'width', ':', '100', '%', ';', 'padding', ':', '12px', '20px', ';', 'margin', ':', '8px', '0', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Padded', 'text', 'fields', ':', '</p>', '<form>', '<label', 'for=\"fname\">', 'First', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\">', '<label', 'for=\"lname\">', 'Last', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1.hidden', '{', 'visibility', ':', 'hidden', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'visible', 'heading', '</h1>', '<h1', 'class=\"hidden\">', 'This', 'is', 'a', 'hidden', 'heading', '</h1>', '<p>', 'Notice', 'that', 'the', 'hidden', 'heading', 'still', 'takes', 'up', 'space', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '+', 'p', '{', 'background', '-', 'color', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Adjacent', 'Sibling', 'Selector', '</h2>', '<p>', 'The', '+', 'selector', 'is', 'used', 'to', 'select', 'an', 'element', 'that', 'is', 'directly', 'after', 'another', 'specific', 'element', '.', '</p>', '<p>', 'The', 'following', 'example', 'selects', 'the', 'first', 'p', 'element', 'that', 'are', 'placed', 'immediately', 'after', 'div', 'elements', ':', '</p>', '<div>', '<p>', 'Paragraph', '1', 'in', 'the', 'div', '.', '</p>', '<p>', 'Paragraph', '2', 'in', 'the', 'div', '.', '</p>', '</div>', '<p>', 'Paragraph', '3', '.', 'After', 'a', 'div', '.', '</p>', '<p>', 'Paragraph', '4', '.', 'After', 'a', 'div', '.', '</p>', '<div>', '<p>', 'Paragraph', '5', 'in', 'the', 'div', '.', '</p>', '<p>', 'Paragraph', '6', 'in', 'the', 'div', '.', '</p>', '</div>', '<p>', 'Paragraph', '7', '.', 'After', 'a', 'div', '.', '</p>', '<p>', 'Paragraph', '8', '.', 'After', 'a', 'div', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'float', ':', 'right', ';', 'border', ':', '1px', 'dotted', 'black', ';', 'margin', ':', '0px', '0px', '15px', '20px', ';', '}', '</style>', '</head>', '<body>', '<p', '>', 'In', 'the', 'paragraph', 'below', ',', 'the', 'image', 'will', 'float', 'to', 'the', 'right', '.', 'A', 'dotted', 'black', 'border', 'is', 'added', 'to', 'the', 'image', '.', 'We', 'have', 'also', 'added', 'margins', 'to', 'the', 'image', 'to', 'push', 'the', 'text', 'away', 'from', 'the', 'image', ':', '0', 'px', 'margin', 'on', 'the', 'top', 'and', 'right', 'side', ',', '15', 'px', 'margin', 'on', 'the', 'bottom', ',', 'and', '20', 'px', 'margin', 'on', 'the', 'left', 'side', 'of', 'the', 'image', '.', '</p>', '<p><img', 'src=\"w3css.gif', '\"', 'width=\"100', '\"', 'height=\"140\">', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'In', 'HTML', ',', 'spaces', 'and', 'new', 'lines', 'are', 'ignored', ':', '</p>', '<p>', 'My', 'Bonnie', 'lies', 'over', 'the', 'ocean', '.', 'My', 'Bonnie', 'lies', 'over', 'the', 'sea', '.', 'My', 'Bonnie', 'lies', 'over', 'the', 'ocean', '.', 'Oh', ',', 'bring', 'back', 'my', 'Bonnie', 'to', 'me', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'red', ';', 'position', ':', 'relative', ';', 'animation', '-', 'name', ':', 'example', ';', 'animation', '-', 'duration', ':', '4s', ';', 'animation', '-', 'direction', ':', 'reverse', ';', '}', '@keyframes', 'example', '{', '0', '%', '{', 'background', '-', 'color', ':', 'red', ';', 'left:0px', ';', 'top:0px', ';', '}', '25', '%', '{', 'background', '-', 'color', ':', 'yellow', ';', 'left:200px', ';', 'top:0px', ';', '}', '50', '%', '{', 'background', '-', 'color', ':', 'blue', ';', 'left:200px', ';', 'top:200px', ';', '}', '75', '%', '{', 'background', '-', 'color', ':', 'green', ';', 'left:0px', ';', 'top:200px', ';', '}', '100', '%', '{', 'background', '-', 'color', ':', 'red', ';', 'left:0px', ';', 'top:0px', ';', '}', '}', '</style>', '</head>', '<body>', '<p>', '<b>', 'Note', ':', '</b>', 'This', 'example', 'does', 'not', 'work', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '<div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Animated', 'Images', '</h2>', '<p>', 'HTML', 'allows', 'moving', 'images', ':', '</p>', '<img', 'src=\"programming.gif', '\"', 'alt=\"Computer', 'man', '\"', 'style=\"width:48px;height:48px;\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Pagination', '-', 'Sizing', '</h2>', '<p>', 'Add', 'class', '.pagination', '-', 'lg', 'for', 'larger', 'blocks', 'or', '.pagination', '-', 'sm', 'for', 'smaller', 'blocks', '.', '</p>', '<p>', 'Large', ':', '</p>', '<ul', 'class=\"pagination', 'pagination', '-', 'lg\">', '<li>', '<a', 'href=\"#\">', '1', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '2px', 'solid', ';', 'padding', ':', '20px', ';', 'width', ':', '300px', ';', 'resize', ':', 'vertical', ';', 'overflow', ':', 'auto', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'resize', 'Property', '</h1>', '<div>', '<p>', 'Let', 'the', 'user', 'resize', 'only', 'the', 'height', 'of', 'this', 'div', 'element', '.', '</p>', '<p>', 'To', 'resize', ':', 'Click', 'and', 'drag', 'the', 'bottom', 'right', 'corner', 'of', 'this', 'div', 'element', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'grad1', '{', 'height', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'linear', '-', 'gradient(to', 'right', ',', 'red', ',', 'yellow', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Linear', 'Gradient', '-', 'Left', 'to', 'Right', '</h1>', '<p>', 'This', 'linear', 'gradient', 'starts', 'red', 'at', 'the', 'left', ',', 'transitioning', 'to', 'yellow', '(', 'to', 'the', 'right', ')', ':', '</p>', '<div', 'id=\"grad1\">', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '3px', 'solid', '#', '4CAF50', ';', 'padding', ':', '5px', ';', '}', '.img1', '{', 'float', ':', 'right', ';', '}', '.clearfix::after', '{', 'content', ':', '\"', '\"', ';', 'clear', ':', 'both', ';', 'display', ':', 'table', ';', '}', '.img2', '{', 'float', ':', 'right', ';', '}', '</style>', '</head>', '<body>', '<p>', 'In', 'this', 'example', ',', 'the', 'image', 'is', 'taller', 'than', 'the', 'element', 'containing', 'it', ',', 'and', 'it', 'is', 'floated', ',', 'so', 'it', 'overflows', 'outside', 'of', 'its', 'container', ':', '</p>', '<div>', '<h2>', 'Without', 'Clearfix', '</h2>', '<img', 'class=\"img1', '\"', 'src=\"pineapple.jpg', '\"', 'alt=\"Pineapple', '\"', 'width=\"170', '\"', 'height=\"170\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipiscing', 'elit', '.', 'Phasellus', 'imperdiet', ',', 'nulla', 'et', 'dictum', 'interdum', '...', '</div>', '<p', 'style=\"clear', ':', 'right\">', 'Add', 'the', 'clearfix', 'hack', 'to', 'the', 'containing', 'element', ',', 'to', 'fix', 'this', 'problem', ':', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'td', ',', 'th', '{', 'border', ':', '1px', 'solid', '#', 'ddd', ';', 'text', '-', 'align', ':', 'left', ';', '}', 'table', '{', 'border', '-', 'collapse', ':', 'collapse', ';', 'width', ':', '100', '%', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '15px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'padding', 'Property', '</h2>', '<p>', 'This', 'property', 'adds', 'space', 'between', 'the', 'border', 'and', 'the', 'content', 'in', 'a', 'table', '.', '</p>', '<table>', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Savings', '</th>', '</tr>', '<tr>', '<td>', 'Peter', '</td>', '<td>', 'Griffin', '</td>', '<td>', '$', '100', '</td>', '</tr>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', ':', 'red', ';', 'transition', ':', 'width', '2s', ',', 'height', '2s', ',', 'transform', '2s', ';', '}', 'div', ':', 'hover', '{', 'width', ':', '300px', ';', 'height', ':', '300px', ';', 'transform', ':', 'rotate(180deg', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Transition', '+', 'Transform', '</h1>', '<p>', 'Hover', 'over', 'the', 'div', 'element', 'below', ':', '</p>', '<div>', '</div>', '<p>', '<b>', 'Note', ':', '</b>', 'This', 'example', 'does', 'not', 'work', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'background', '-', 'color', ':', '#', 'eee', ';', 'width', ':', '200px', ';', 'height', ':', '50px', ';', 'border', ':', '1px', 'dotted', 'black', ';', 'overflow', ':', 'visible', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', 'Overflow', '</h2>', '<p>', 'By', 'default', ',', 'the', 'overflow', 'is', 'visible', ',', 'meaning', 'that', 'it', 'is', 'not', 'clipped', 'and', 'it', 'renders', 'outside', 'the', 'element', \"'s\", 'box', ':', '</p>', '<div>', 'You', 'can', 'use', 'the', 'overflow', 'property', 'when', 'you', 'want', 'to', 'have', 'better', 'control', 'of', 'the', 'layout', '.', 'The', 'overflow', 'property', 'specifies', 'what', 'happens', 'if', 'content', 'overflows', 'an', 'element', \"'s\", 'box', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'input', ':', 'focus', '{', 'background', '-', 'color', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<form', 'action=\"/action_page.php', '\"', 'method=\"get\">', 'First', 'name', ':', '<input', 'type=\"text', '\"', 'name=\"fname\"><br>', 'Last', 'name', ':', '<input', 'type=\"text', '\"', 'name=\"lname\"><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'another', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'HTML', 'Tables', '</h2>', '<p>', 'HTML', 'tables', 'start', 'with', 'a', 'table', 'tag', '.', '</p>', '<p>', 'Table', 'rows', 'start', 'with', 'a', 'tr', 'tag', '.', '</p>', '<p>', 'Table', 'data', 'start', 'with', 'a', 'td', 'tag', '.', '</p>', '<hr>', '<h2>', '1', 'Column', ':', '</h2>', '<table>', '<tr>', '<td>', '100', '</td>', '</tr>', '</table>', '<hr>', '<h2>', '1', 'Row', 'and', '3', 'Columns', ':', '</h2>', '<table>', '<tr>', '<td>', '100', '</td>', '<td>', '200', '</td>', '<td>', '300', '</td>', '</tr>', '</table>', '<hr>', '<h2>', '3', 'Rows', 'and', '3', 'Columns', ':', '</h2>', '<table>', '<tr>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'The', 'HTML', 'cite', 'element', 'defines', 'the', 'title', 'of', 'a', 'work', '.', '</p>', '<p>', 'Browsers', 'usually', 'display', 'cite', 'elements', 'in', 'italic', '.', '</p>', '<img', 'src=\"img_the_scream.jpg', '\"', 'width=\"220', '\"', 'height=\"277', '\"', 'alt=\"The', 'Scream\">', '<p>', '<cite>', 'The', 'Scream', '</cite>', 'by', 'Edvard', 'Munch', '.', 'Painted', 'in', '1893', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'List', 'Group', 'With', 'a', 'Disabled', 'Item', '</h2>', '<div', 'class=\"list', '-', 'group\">', '<a', 'href=', '\"', '#', '\"', 'class=\"list', '-', 'group', '-', 'item', 'disabled\">', 'First', 'item', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"list', '-', 'group', '-', 'item\">', 'Second', 'item', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"list', '-', 'group', '-', 'item\">', 'Third', 'item', '</a>', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Pager', '</h2>', '<p>', 'The', '.pager', 'class', 'provides', 'previous', 'and', 'next', 'buttons', '(', 'links', ')', ':', '</p>', '<ul', 'class=\"pager\">', '<li>', '<a', 'href=\"#\">', 'Previous', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Next', '</a>', '</li>', '</ul>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<link', 'rel=\"stylesheet', '\"', 'href=\"mystyle.css\">', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.center', '{', 'padding', ':', '70px', '0', ';', 'border', ':', '3px', 'solid', 'green', ';', 'text', '-', 'align', ':', 'center', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Centering', '</h2>', '<p>', 'In', 'this', 'example', ',', 'we', 'use', 'padding', 'and', 'text', '-', 'align', 'to', 'center', 'the', 'div', 'element', 'vertically', 'and', 'horizontally', ':', '</p>', '<div', 'class=\"center\">', '<p>', 'I', 'am', 'vertically', 'and', 'horizontally', 'centered', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<video', 'width=\"320', '\"', 'height=\"240', '\"', 'autoplay>', '<source', 'src=\"movie.mp4', '\"', 'type=\"video', '/', 'mp4\">', '<source', 'src=\"movie.ogg', '\"', 'type=\"video', '/', 'ogg\">', 'Your', 'browser', 'does', 'not', 'support', 'the', 'video', 'tag', '.', '</video>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Button', 'Sizes', '</h2>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary', 'btn', '-', 'lg\">', 'Large', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Normal', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary', 'btn', '-', 'sm\">', 'Small', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary', 'btn', '-', 'xs\">', 'XSmall', '</button>', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<div', 'class=\"jumbotron\">', '<h1>', 'My', 'First', 'Bootstrap', 'Page', '</h1>', '<p>', 'Resize', 'this', 'responsive', 'page', 'to', 'see', 'the', 'effect', '!', '</p>', '</div>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-4\">', '<h3>', 'Column', '1', '</h3>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', '...', '</p>', '<p>', 'Ut', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exercitation', 'ullamco', 'laboris', '...', '</p>', '</div>', '<div', 'class=\"col', '-', 'sm-4\">', '<h3>', 'Column', '2', '</h3>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', '...', '</p>', '<p>', 'Ut', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exercitation', 'ullamco', 'laboris', '...', '</p>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.item1', '{', 'grid', '-', 'area', ':', 'header', ';', '}', '.item2', '{', 'grid', '-', 'area', ':', 'menu', ';', '}', '.item3', '{', 'grid', '-', 'area', ':', 'main', ';', '}', '.item4', '{', 'grid', '-', 'area', ':', 'right', ';', '}', '.item5', '{', 'grid', '-', 'area', ':', 'footer', ';', '}', '.grid', '-', 'container', '{', 'display', ':', 'grid', ';', 'grid', '-', 'template', '-', 'areas', ':', \"'\", 'header', 'header', 'header', 'header', 'header', 'header', \"'\", \"'\", 'menu', 'main', 'main', 'main', 'right', 'right', \"'\", \"'\", 'menu', 'footer', 'footer', 'footer', 'footer', 'footer', \"'\", ';', 'grid', '-', 'gap', ':', '10px', ';', 'background', '-', 'color', ':', '#', '2196F3', ';', 'padding', ':', '10px', ';', '}', '.grid', '-', 'container', '>', 'div', '{', 'background', '-', 'color', ':', 'rgba(255', ',', '255', ',', '255', ',', '0.8', ')', ';', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '20px', '0', ';', 'font', '-', 'size', ':', '30px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Grid', 'Layout', '</h1>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.normal', '{', 'font', '-', 'variant', ':', 'normal', ';', '}', 'p.small', '{', 'font', '-', 'variant', ':', 'small', '-', 'caps', ';', '}', '</style>', '</head>', '<body>', '<p', 'class=\"normal\">', 'My', 'name', 'is', 'Hege', 'Refsnes', '.', '</p>', '<p', 'class=\"small\">', 'My', 'name', 'is', 'Hege', 'Refsnes', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'margin', ':', '150px', ';', 'width', ':', '200px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '-ms', '-', 'transform', ':', 'scale(0.5,0.5', ')', ';', '/', '*', 'IE', '9', '*', '/', 'transform', ':', 'scale(0.5,0.5', ')', ';', '/', '*', 'Standard', 'syntax', '*', '/', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'scale', '(', ')', 'Method', '</h1>', '<p>', 'The', 'scale', '(', ')', 'method', 'increases', 'or', 'decreases', 'the', 'size', 'of', 'an', 'element', '.', '</p>', '<div>', 'This', 'div', 'element', 'is', 'decreased', 'to', 'be', 'half', 'of', 'its', 'original', 'width', 'and', 'height', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Italian', 'Trulli', '</h2>', '<img', 'src=\"pic_trulli.jpg', '\"', 'alt=\"Italian', 'Trullti', '\"', 'style=\"width:100%\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Ordered', 'List', 'with', 'Lowercase', 'Roman', 'Numbers', '</h2>', '<ol', 'type=\"i\">', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Milk', '</li>', '</ol>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.test1', '{', 'width', ':', '140px', ';', 'border', ':', '1px', 'solid', '#', '000000', ';', 'word', '-', 'break', ':', 'keep', '-', 'all', ';', '}', 'p.test2', '{', 'width', ':', '140px', ';', 'border', ':', '1px', 'solid', '#', '000000', ';', 'word', '-', 'break', ':', 'break', '-', 'all', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'word', '-', 'break', 'Property', '</h1>', '<p', 'class=\"test1\">', 'This', 'paragraph', 'contains', 'some', 'text', '.', 'This', 'line', 'will', '-', 'break', '-', 'at', '-', 'hyphens', '.', '</p>', '<p', 'class=\"test2\">', 'This', 'paragraph', 'contains', 'some', 'text', '.', 'The', 'lines', 'will', 'break', 'at', 'any', 'character', '.', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'The', 'word', '-', 'break', 'property', 'is', 'not', 'supported', 'in', 'Opera', '12', 'and', 'earlier', 'versions', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<svg', 'width=\"400', '\"', 'height=\"100\">', '<rect', 'width=\"400', '\"', 'height=\"100', '\"', 'style=\"fill', ':', 'rgb(0,0,255);stroke', '-', 'width:10;stroke', ':', 'rgb(0,0,0', ')', '\"', '/>', 'Sorry', ',', 'your', 'browser', 'does', 'not', 'support', 'inline', 'SVG', '.', '</svg>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1', 'style=\"background', '-', 'color', ':', 'rgb(255', ',', '0', ',', '0);\">', 'rgb(255', ',', '0', ',', '0', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'rgb(0', ',', '0', ',', '255);\">', 'rgb(0', ',', '0', ',', '255', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'rgb(60', ',', '179', ',', '113);\">', 'rgb(60', ',', '179', ',', '113', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'rgb(238', ',', '130', ',', '238);\">', 'rgb(238', ',', '130', ',', '238', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'rgb(255', ',', '165', ',', '0);\">', 'rgb(255', ',', '165', ',', '0', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'rgb(106', ',', '90', ',', '205);\">', 'rgb(106', ',', '90', ',', '205', ')', '</h1>', '<p>', 'In', 'HTML', ',', 'you', 'can', 'specify', 'colors', 'using', 'RGB', 'values', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.container', '{', 'position', ':', 'relative', ';', '}', '.topleft', '{', 'position', ':', 'absolute', ';', 'top', ':', '8px', ';', 'left', ':', '16px', ';', 'font', '-', 'size', ':', '18px', ';', '}', 'img', '{', 'width', ':', '100', '%', ';', 'height', ':', 'auto', ';', 'opacity', ':', '0.3', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Image', 'Text', '</h2>', '<p>', 'Add', 'some', 'text', 'to', 'an', 'image', 'in', 'the', 'top', 'left', 'corner', ':', '</p>', '<div', 'class=\"container\">', '<img', 'src=\"img_5terre_wide.jpg', '\"', 'alt=\"Cinque', 'Terre', '\"', 'width=\"1000', '\"', 'height=\"300\">', '<div', 'class=\"topleft\">', 'Top', 'Left', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'An', 'unordered', 'HTML', 'list', '</h2>', '<ul>', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Milk', '</li>', '</ul>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '1px', 'solid', 'black', ';', 'padding', ':', '25px', '50px', ';', 'background', '-', 'color', ':', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'padding', 'shorthand', 'property', '-', '2', 'values', '</h2>', '<div>', 'This', 'div', 'element', 'has', 'a', 'top', 'and', 'bottom', 'padding', 'of', '25px', ',', 'and', 'a', 'right', 'and', 'left', 'padding', 'of', '50px', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Grouping', 'Form', 'Data', 'with', 'Fieldset', '</h2>', '<p>', 'The', 'fieldset', 'element', 'is', 'used', 'to', 'group', 'related', 'data', 'in', 'a', 'form', ',', 'and', 'the', 'legend', 'element', 'defines', 'a', 'caption', 'for', 'the', 'fieldset', 'element', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<fieldset>', '<legend>', 'Personalia', ':', '</legend>', '<label', 'for=\"fname\">', 'First', 'name', ':', '</label>', '<br>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname', '\"', 'value=\"John\"><br>', '<label', 'for=\"lname\">', 'Last', 'name', ':', '</label>', '<br>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname', '\"', 'value=\"Doe\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</fieldset>', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.grid', '-', 'container', '{', 'display', ':', 'grid', ';', 'grid', '-', 'template', '-', 'columns', ':', 'auto', 'auto', 'auto', 'auto', ';', 'grid', '-', 'gap', ':', '10px', ';', 'background', '-', 'color', ':', '#', '2196F3', ';', 'padding', ':', '10px', ';', '}', '.grid', '-', 'container', '>', 'div', '{', 'background', '-', 'color', ':', 'rgba(255', ',', '255', ',', '255', ',', '0.8', ')', ';', 'border', ':', '1px', 'solid', 'black', ';', 'text', '-', 'align', ':', 'center', ';', 'font', '-', 'size', ':', '30px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Grid', 'Container', '</h1>', '<p>', 'A', 'Grid', 'Container', 'consists', 'of', 'grid', 'items', 'arranged', 'in', 'columns', 'and', 'rows', '</p>', '<div', 'class=\"grid', '-', 'container\">', '<div>', '1', '</div>', '<div>', '2', '</div>', '<div>', '3', '</div>', '<div>', '4', '</div>', '<div>', '5', '</div>', '<div>', '6', '</div>', '<div>', '7', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'myHeader', '{', 'background', '-', 'color', ':', 'lightblue', ';', 'color', ':', 'black', ';', 'padding', ':', '40px', ';', 'text', '-', 'align', ':', 'center', ';', '}', '.city', '{', 'background', '-', 'color', ':', 'tomato', ';', 'color', ':', 'white', ';', 'padding', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Difference', 'Between', 'Class', 'and', 'ID', '</h2>', '<p>', 'A', 'class', 'name', 'can', 'be', 'used', 'by', 'multiple', 'HTML', 'elements', ',', 'while', 'an', 'i', 'd', 'name', 'must', 'only', 'be', 'used', 'by', 'one', 'HTML', 'element', 'within', 'the', 'page', ':', '</p>', '<!--', 'An', 'element', 'with', 'a', 'unique', 'i', 'd', '-->', '<h1', 'id=\"myHeader\">', 'My', 'Cities', '</h1>', '<!--', 'Multiple', 'elements', 'with', 'same', 'class', '-->', '<h2', 'class=\"city\">', 'London', '</h2>', '<p>', 'London', 'is', 'the', 'capital', 'of', 'England', '.', '</p>', '<h2', 'class=\"city\">', 'Paris', '</h2>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Condensed', 'Table', '</h2>', '<p>', 'The', '.table', '-', 'condensed', 'class', 'makes', 'a', 'table', 'more', 'compact', 'by', 'cutting', 'cell', 'padding', 'in', 'half', ':', '</p>', '<table', 'class=\"table', 'table', '-', 'condensed\">', '<thead>', '<tr>', '<th>', 'Firstname', '</th>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'a', ':', 'link', '{', 'color', ':', 'red', ';', '}', 'a', ':', 'visited', '{', 'color', ':', 'green', ';', '}', 'a', ':', 'hover', '{', 'color', ':', 'hotpink', ';', '}', 'a', ':', 'active', '{', 'color', ':', 'blue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', 'Links', '</h2>', '<p>', '<b>', '<a', 'href=\"default.asp', '\"', 'target=\"_blank\">', 'This', 'is', 'a', 'link', '</a>', '</b>', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'a', ':', 'hover', 'MUST', 'come', 'after', 'a', ':', 'link', 'and', 'a', ':', 'visited', 'in', 'the', 'CSS', 'definition', 'in', 'order', 'to', 'be', 'effective', '.', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'a', ':', 'active', 'MUST', 'come', 'after', 'a', ':', 'hover', 'in', 'the', 'CSS', 'definition', 'in', 'order', 'to', 'be', 'effective', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Absolute', 'URLs', '</h2>', '<p>', '<a', 'href=\"https://www.w3.org/\">', 'W3C', '</a>', '</p>', '<p>', '<a', 'href=\"https://www.google.com/\">', 'Google', '</a>', '</p>', '<h2>', 'Relative', 'URLs', '</h2>', '<p>', '<a', 'href=\"html_images.asp\">', 'HTML', 'Images', '</a>', '</p>', '<p>', '<a', 'href=\"/css', '/', 'default.asp\">', 'CSS', 'Tutorial', '</a>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'is', 'an', 'inline', 'span', '<span', 'style=\"border', ':', '1px', 'solid', 'black\">', 'Hello', 'World', '</span>', 'element', 'inside', 'a', 'paragraph', '.', '</p>', '<p>', 'The', 'SPAN', 'element', 'is', 'an', 'inline', 'element', ',', 'and', 'will', 'not', 'start', 'on', 'a', 'new', 'line', 'and', 'only', 'takes', 'up', 'as', 'much', 'width', 'as', 'necessary', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Pagination', '</h2>', '<p>', 'The', '.pagination', 'class', 'provides', 'pagination', 'links', ':', '</p>', '<ul', 'class=\"pagination\">', '<li>', '<a', 'href=\"#\">', '1', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', '2', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', '3', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<canvas', 'id=\"myCanvas', '\"', 'width=\"200', '\"', 'height=\"100', '\"', 'style=\"border:1px', 'solid', '#', 'd3d3d3;\">', 'Your', 'browser', 'does', 'not', 'support', 'the', 'HTML', 'canvas', 'tag.</canvas>', '<script>', 'var', 'c', '=', 'document.getElementById(\"myCanvas', '\"', ')', ';', 'var', 'ctx', '=', 'c.getContext(\"2d', '\"', ')', ';', 'ctx.beginPath', '(', ')', ';', 'ctx.arc(95,50,40,0,2*Math', '.', 'PI', ')', ';', 'ctx.stroke', '(', ')', ';', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', 'body', '{', 'margin', ':', '0', ';', 'font', '-', 'family', ':', 'Arial', ';', '}', '.header', '{', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '32px', ';', '}', '.row', '{', 'display', ':', 'flex', ';', 'flex', '-', 'wrap', ':', 'wrap', ';', 'padding', ':', '0', '4px', ';', '}', '.column', '{', 'flex', ':', '25', '%', ';', 'max', '-', 'width', ':', '25', '%', ';', 'padding', ':', '0', '4px', ';', '}', '.column', 'img', '{', 'margin', '-', 'top', ':', '8px', ';', 'vertical', '-', 'align', ':', 'middle', ';', '}'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', '{', 'width:100', '%', ';', '}', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'border', '-', 'collapse', ':', 'collapse', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '15px', ';', 'text', '-', 'align', ':', 'left', ';', '}', '#', 't01', 'tr', ':', 'nth', '-', 'child(even', ')', '{', 'background', '-', 'color', ':', '#', 'eee', ';', '}', '#', 't01', 'tr', ':', 'nth', '-', 'child(odd', ')', '{', 'background', '-', 'color', ':', '#', 'fff', ';', '}', '#', 't01', 'th', '{', 'background', '-', 'color', ':', 'black', ';', 'color', ':', 'white', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Styling', 'Tables', '</h2>', '<table>', '<tr>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div.gallery', '{', 'border', ':', '1px', 'solid', '#', 'ccc', ';', '}', 'div.gallery', ':', 'hover', '{', 'border', ':', '1px', 'solid', '#', '777', ';', '}', 'div.gallery', 'img', '{', 'width', ':', '100', '%', ';', 'height', ':', 'auto', ';', '}', 'div.desc', '{', 'padding', ':', '15px', ';', 'text', '-', 'align', ':', 'center', ';', '}', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '.responsive', '{', 'padding', ':', '0', '6px', ';', 'float', ':', 'left', ';', 'width', ':', '24.99999', '%', ';', '}', '@media', 'only', 'screen', 'and', '(', 'max', '-', 'width', ':', '700px', ')', '{', '.responsive', '{', 'width', ':', '49.99999', '%', ';', 'margin', ':', '6px', '0', ';'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Button', 'Styles', '</h2>', '<button', 'type=\"button', '\"', 'class=\"btn\">', 'Basic', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'default\">', 'Default', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Primary', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'success\">', 'Success', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'info\">', 'Info', '</button>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'borderimg1', '{', 'border', ':', '10px', 'solid', 'transparent', ';', 'padding', ':', '15px', ';', 'border', '-', 'image', ':', 'url(border.png', ')', '50', 'round', ';', '}', '#', 'borderimg2', '{', 'border', ':', '10px', 'solid', 'transparent', ';', 'padding', ':', '15px', ';', 'border', '-', 'image', ':', 'url(border.png', ')', '20', '%', 'round', ';', '}', '#', 'borderimg3', '{', 'border', ':', '10px', 'solid', 'transparent', ';', 'padding', ':', '15px', ';', 'border', '-', 'image', ':', 'url(border.png', ')', '30', '%', 'round', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'border', '-', 'image', 'Property', '</h1>', '<p', 'id=\"borderimg1\">', 'border', '-', 'image', ':', 'url(border.png', ')', '50', 'round', ';', '</p>', '<p', 'id=\"borderimg2\">', 'border', '-', 'image', ':', 'url(border.png', ')', '20', '%', 'round', ';', '</p>', '<p', 'id=\"borderimg3\">', 'border', '-', 'image', ':', 'url(border.png', ')', '30', '%', 'round', ';', '</p>', '<p>', '<strong>', 'Note', ':', '</strong>', 'Internet', 'Explorer', '10', ',', 'and', 'earlier', 'versions', ',', 'do', 'not', 'support', 'the', 'border', '-', 'image', 'property', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '<style>', 'body', '{', 'position', ':', 'relative', ';', '}', '.affix', '{', 'top', ':', '20px', ';', 'z', '-', 'index', ':', '9999', '!', 'important', ';', '}', 'div.col', '-', 'sm-9', 'div', '{', 'height', ':', '250px', ';'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.newspaper', '{', 'column', '-', 'count', ':', '3', ';', 'column', '-', 'gap', ':', '40px', ';', 'column', '-', 'rule', '-', 'style', ':', 'solid', ';', 'column', '-', 'rule', '-', 'width', ':', '1px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"newspaper\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', 'Duis', 'autem', 'vel', 'eum', 'iriure', 'dolor', 'in', 'hendrerit', 'in', 'vulputate', 'velit', 'esse', 'molestie', 'consequat', ',', 'vel', 'illum', 'dolore', 'eu', 'feugiat', 'nulla', 'facilisis', 'at', 'vero', 'eros', 'et', 'accumsan', 'et', 'iusto', 'odio', 'dignissim', 'qui', 'blandit', 'praesent', 'luptatum', 'zzril', 'delenit', 'augue', 'duis', 'dolore', 'te', 'feugait', 'nulla', 'facilisi', '.', 'Nam', 'liber', 'tempor', 'cum', 'soluta', 'nobis', 'eleifend', 'option', 'congue', 'nihil', 'imperdiet', 'doming', 'i', 'd', 'quod', 'mazim', 'placerat', 'facer', 'possim', 'assum', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'autocomplete', 'attribute', '</h1>', '<p>', 'The', 'autocomplete', 'attribute', 'specifies', 'whether', 'or', 'not', 'an', 'input', 'field', 'should', 'have', 'autocomplete', 'enabled', '.', '</p>', '<p>', 'Fill', 'in', 'and', 'submit', 'the', 'form', ',', 'then', 'reload', 'the', 'page', 'to', 'see', 'how', 'autocomplete', 'works', '.', '</p>', '<p>', 'Notice', 'that', 'autocomplete', 'is', '\"', 'on', '\"', 'for', 'the', 'form', ',', 'but', '\"', 'off', '\"', 'for', 'the', 'e', '-', 'mail', 'field', '!', '</p>', '<form', 'action=\"/action_page.php', '\"', 'autocomplete=\"on\">', '<label', 'for=\"fname\">', 'First', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\"><br><br>', '<label', 'for=\"lname\">', 'Last', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname\"><br><br>', '<label', 'for=\"email\">', 'Email', ':', '</label>', '<input', 'type=\"email', '\"', 'id=\"email', '\"', 'name=\"email', '\"', 'autocomplete=\"off\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '1px', 'solid', 'black', ';', 'margin', ':', '25px', '50px', '75px', '100px', ';', 'background', '-', 'color', ':', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'margin', 'shorthand', 'property', '-', '4', 'values', '</h2>', '<div>', 'This', 'div', 'element', 'has', 'a', 'top', 'margin', 'of', '25px', ',', 'a', 'right', 'margin', 'of', '50px', ',', 'a', 'bottom', 'margin', 'of', '75px', ',', 'and', 'a', 'left', 'margin', 'of', '100px', '.', '</div>', '<hr>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '}', '#', 'myDiv', '{', 'transform', ':', 'rotateZ(90deg', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'rotateZ', '(', ')', 'Method', '</h1>', '<p>', 'The', 'rotateZ', '(', ')', 'method', 'rotates', 'an', 'element', 'around', 'its', 'Z', '-', 'axis', 'at', 'a', 'given', 'degree', '.', '</p>', '<div>', 'This', 'a', 'normal', 'div', 'element', '.', '</div>', '<div', 'id=\"myDiv\">', 'This', 'div', 'element', 'is', 'rotated', '90', 'degrees', '.', '</div>', '<p>', '<b>', 'Note', ':', '</b>', 'Internet', 'Explorer', '9', '(', 'and', 'earlier', 'versions', ')', 'does', 'not', 'support', 'the', 'rotateZ', '(', ')', 'method', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Numeric', 'Steps', '</h2>', '<p>', 'Depending', 'on', 'browser', 'support', ':', 'Fixed', 'steps', 'will', 'apply', 'in', 'the', 'input', 'field', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"quantity\">', 'Quantity', ':', '</label>', '<input', 'type=\"number', '\"', 'id=\"quantity', '\"', 'name=\"quantity', '\"', 'min=\"0', '\"', 'max=\"100', '\"', 'step=\"10', '\"', 'value=\"30\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p', 'id=\"demo\">', '</p>', '<script>', 'document.getElementById(\"demo\").innerHTML', '=', '\"', 'Hello', 'JavaScript', '!', '\"', ';', '</script>', '<noscript>', 'Sorry', ',', 'your', 'browser', 'does', 'not', 'support', 'JavaScript', '!', '</noscript>', '<p>', 'A', 'browser', 'without', 'support', 'for', 'JavaScript', 'will', 'show', 'the', 'text', 'written', 'inside', 'the', 'noscript', 'element', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.pagination', '{', 'display', ':', 'inline', '-', 'block', ';', '}', '.pagination', 'a', '{', 'color', ':', 'black', ';', 'float', ':', 'left', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', '.pagination', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', '}', '.pagination', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', 'ddd', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Active', 'and', 'Hoverable', 'Pagination', '</h2>', '<p>', 'Move', 'the', 'mouse', 'over', 'the', 'numbers', '.', '</p>', '<div', 'class=\"pagination\">', '<a', 'href=\"#\">', '&', 'laquo', ';', '</a>', '<a', 'href=\"#\">', '1', '</a>', '<a', 'class=\"active', '\"', 'href=\"#\">', '2', '</a>', '<a', 'href=\"#\">', '3', '</a>', '<a', 'href=\"#\">', '4', '</a>', '<a', 'href=\"#\">', '5', '</a>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'right', '-', 'color', ':', '#', 'ff0000', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'some', 'text', 'in', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'color', ':', 'white', ';', 'text', '-', 'shadow', ':', '2px', '2px', '4px', '#', '000000', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Text', '-', 'shadow', 'effect', '!', '</h1>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Form', 'control', ':', 'checkbox', '</h2>', '<p>', 'The', 'form', 'below', 'contains', 'three', 'checkboxes', '.', 'The', 'last', 'option', 'is', 'disabled', ':', '</p>', '<form>', '<div', 'class=\"checkbox\">', '<label>', '<input', 'type=\"checkbox', '\"', 'value=\"\">', 'Option', '1', '</label>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'text', 'is', 'normal', '.', '</p>', '<p>', '<em>', 'This', 'text', 'is', 'emphasized', '.', '</em>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Nested', 'Media', 'Objects', '</h2>', '<p>', 'Media', 'objects', 'can', 'also', 'be', 'nested', '(', 'a', 'media', 'object', 'inside', 'a', 'media', 'object', ')', ':', '</p>', '<br>', '<div', 'class=\"media\">', '<div', 'class=\"media', '-', 'left\">', '<img', 'src=\"img_avatar1.png', '\"', 'class=\"media', '-', 'object', '\"', 'style=\"width:45px\">', '</div>', '<div', 'class=\"media', '-', 'body\">', '<h4', 'class=\"media', '-', 'heading\">', 'John', 'Doe', '<small>', '<i>', 'Posted', 'on', 'February', '19', ',', '2016', '</i>', '</small>', '</h4>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipiscing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', '.', '</p>', '<!--', 'Nested', 'media', 'object', '-->', '<div', 'class=\"media\">', '<div', 'class=\"media', '-', 'left\">', '<img', 'src=\"img_avatar2.png', '\"', 'class=\"media', '-', 'object', '\"', 'style=\"width:45px\">'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'The', 'HTML', 'address', 'element', 'defines', 'contact', 'information', '(', 'author', '/', 'owner', ')', 'of', 'a', 'document', 'or', 'article', '.', '</p>', '<address>', 'Written', 'by', 'John', 'Doe.<br>', 'Visit', 'us', 'at:<br>', 'Example.com', '<', 'br>', 'Box', '564', ',', 'Disneyland', '<', 'br>', 'USA', '</address>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.div1', '{', 'border', ':', '1px', 'solid', 'black', ';', 'height', ':', '120px', ';', 'width', ':', '150px', ';', 'background', ':', 'url(img_flwr.gif', ')', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', 'background', '-', 'size', ':', 'contain', ';', '}', '.div2', '{', 'border', ':', '1px', 'solid', 'black', ';', 'height', ':', '120px', ';', 'width', ':', '150px', ';', 'background', ':', 'url(img_flwr.gif', ')', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', 'background', '-', 'size', ':', 'cover', ';', '}', '.div3', '{', 'border', ':', '1px', 'solid', 'black', ';', 'height', ':', '120px', ';', 'width', ':', '150px', ';', 'background', ':', 'url(img_flwr.gif', ')', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'background', '-', 'size', 'Property', '</h1>', '<h2>', 'background', '-', 'size', ':', 'contain', ':', '</h2>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Inline', 'form', 'with', '.sr', '-', 'only', 'class', '</h2>', '<p>', 'Make', 'the', 'viewport', 'larger', 'than', '768px', 'wide', 'to', 'see', 'that', 'all', 'of', 'the', 'form', 'elements', 'are', 'inline', ',', 'left', 'aligned', ',', 'and', 'the', 'labels', 'are', 'alongside', '.', '</p>', '<form', 'class=\"form', '-', 'inline', '\"', 'action=\"/action_page.php\">', '<div', 'class=\"form', '-', 'group\">', '<label', 'class=\"sr', '-', 'only', '\"', 'for=\"email\">', 'Email', ':', '</label>', '<input', 'type=\"email', '\"', 'class=\"form', '-', 'control', '\"', 'id=\"email', '\"', 'placeholder=\"Enter', 'email', '\"', 'name=\"email\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.pagination', '{', 'display', ':', 'inline', '-', 'block', ';', '}', '.pagination', 'a', '{', 'color', ':', 'black', ';', 'float', ':', 'left', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Simple', 'Pagination', '</h2>', '<div', 'class=\"pagination\">', '<a', 'href=\"#\">', '&', 'laquo', ';', '</a>', '<a', 'href=\"#\">', '1', '</a>', '<a', 'href=\"#\">', '2', '</a>', '<a', 'href=\"#\">', '3', '</a>', '<a', 'href=\"#\">', '4', '</a>', '<a', 'href=\"#\">', '5', '</a>', '<a', 'href=\"#\">', '6', '</a>', '<a', 'href=\"#\">', '&', 'raquo', ';', '</a>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div.relative', '{', 'position', ':', 'relative', ';', 'left', ':', '30px', ';', 'border', ':', '3px', 'solid', '#', '73AD21', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'position', ':', 'relative', ';', '</h2>', '<p>', 'An', 'element', 'with', 'position', ':', 'relative', ';', 'is', 'positioned', 'relative', 'to', 'its', 'normal', 'position', ':', '</p>', '<div', 'class=\"relative\">', 'This', 'div', 'element', 'has', 'position', ':', 'relative', ';', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'color', ':', 'blue', ';', 'font', '-', 'family', ':', 'verdana', ';', 'font', '-', 'size', ':', '300', '%', ';', '}', 'p', '{', 'color', ':', 'red', ';', 'font', '-', 'family', ':', 'courier', ';', 'font', '-', 'size', ':', '160', '%', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'margin', ':', '30px', ';', 'border', ':', '1px', 'solid', 'black', ';', 'outline', ':', '1px', 'solid', 'red', ';', 'outline', '-', 'offset', ':', '15px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'outline', '-', 'offset', 'Property', '</h2>', '<p>', 'This', 'paragraph', 'has', 'an', 'outline', '15px', 'outside', 'the', 'border', 'edge', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'border', '-', 'collapse', ':', 'collapse', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '15px', ';', 'text', '-', 'align', ':', 'left', ';', '}', '#', 't01', '{', 'width', ':', '100', '%', ';', 'background', '-', 'color', ':', '#', 'f1f1c1', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Styling', 'Tables', '</h2>', '<table', 'style=\"width:100%\">', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Age', '</th>', '</tr>', '<tr>', '<td>', 'Jill', '</td>', '<td>', 'Smith', '</td>', '<td>', '50', '</td>', '</tr>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Dropdowns', '</h2>', '<p>', 'The', '.dropup', 'class', 'makes', 'the', 'dropdown', 'menu', 'expand', 'upwards', 'instead', 'of', 'downwards', ':', '</p>', '<div', 'class=\"dropup\">', '<button', 'class=\"btn', 'btn', '-', 'default', 'dropdown', '-', 'toggle', '\"', 'type=\"button', '\"', 'data', '-', 'toggle=\"dropdown\">Dropup', 'Example', '<span', 'class=\"caret\">', '</span>', '</button>', '<ul', 'class=\"dropdown', '-', 'menu\">', '<li>', '<a', 'href=\"#\">', 'HTML', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'CSS', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'text', 'is', 'normal', '.', '</p>', '<p>', '<i>', 'This', 'text', 'is', 'italic', '.', '</i>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<link', 'rel=\"stylesheet', '\"', 'href=\"styles.css\">', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'If', 'your', 'browser', 'supports', 'bi', '-', 'directional', 'override', '(', 'bdo', ')', ',', 'the', 'next', 'line', 'will', 'be', 'written', 'from', 'right', 'to', 'left', '(', 'rtl', ')', ':', '</p>', '<bdo', 'dir=\"rtl\">', 'This', 'line', 'will', 'be', 'written', 'from', 'right', 'to', 'left', '</bdo>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<style>', '.tooltip', '{', 'position', ':', 'relative', ';', 'display', ':', 'inline', '-', 'block', ';', 'border', '-', 'bottom', ':', '1px', 'dotted', 'black', ';', '}', '.tooltip', '.tooltiptext', '{', 'visibility', ':', 'hidden', ';', 'width', ':', '120px', ';', 'background', '-', 'color', ':', 'black', ';', 'color', ':', '#', 'fff', ';', 'text', '-', 'align', ':', 'center', ';', 'border', '-', 'radius', ':', '6px', ';', 'padding', ':', '5px', '0', ';', '/', '*', 'Position', 'the', 'tooltip', '*', '/', 'position', ':', 'absolute', ';', 'z', '-', 'index', ':', '1', ';', 'top', ':', '-5px', ';', 'left', ':', '105', '%', ';', '}', '.tooltip', ':', 'hover', '.tooltiptext', '{', 'visibility', ':', 'visible', ';', '}', '</style>', '<body', 'style=\"text', '-', 'align', ':', 'center;\">', '<h2>', 'Right', 'Tooltip', '</h2>', '<p>', 'Move', 'the', 'mouse', 'over', 'the', 'text', 'below', ':', '</p>', '<div', 'class=\"tooltip\">Hover', 'over', 'me', '<span', 'class=\"tooltiptext\">', 'Tooltip', 'text', '</span>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h1>', 'Keyboard', 'Inputs', '</h1>', '<p>', 'To', 'indicate', 'input', 'that', 'is', 'typically', 'entered', 'via', 'the', 'keyboard', ',', 'use', 'the', 'kbd', 'element', ':', '</p>', '<p>', 'Use', '<kbd>', 'ctrl', '+', 'p', '</kbd>', 'to', 'open', 'the', 'Print', 'dialog', 'box', '.', '</p>', '</div>', '</body>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', ',', 'h2', ',', 'p', '{', 'text', '-', 'align', ':', 'center', ';', 'color', ':', 'red', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Hello', 'World', '!', '</h1>', '<h2>', 'Smaller', 'heading', '!', '</h2>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div.relative', '{', 'position', ':', 'relative', ';', 'width', ':', '400px', ';', 'height', ':', '200px', ';', 'border', ':', '3px', 'solid', '#', '73AD21', ';', '}', 'div.absolute', '{', 'position', ':', 'absolute', ';', 'top', ':', '80px', ';', 'right', ':', '0', ';', 'width', ':', '200px', ';', 'height', ':', '100px', ';', 'border', ':', '3px', 'solid', '#', '73AD21', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'position', ':', 'absolute', ';', '</h2>', '<p>', 'An', 'element', 'with', 'position', ':', 'absolute', ';', 'is', 'positioned', 'relative', 'to', 'the', 'nearest', 'positioned', 'ancestor', '(', 'instead', 'of', 'positioned', 'relative', 'to', 'the', 'viewport', ',', 'like', 'fixed', ')', ':', '</p>', '<div', 'class=\"relative\">This', 'div', 'element', 'has', 'position', ':', 'relative', ';', '<div', 'class=\"absolute\">', 'This', 'div', 'element', 'has', 'position', ':', 'absolute', ';', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '[', 'title~=flower', ']', '{', 'border', ':', '5px', 'solid', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', '[', 'attribute~=\"value', '\"', ']', 'Selector', '</h2>', '<p>', 'All', 'images', 'with', 'the', 'title', 'attribute', 'containing', 'the', 'word', '\"', 'flower', '\"', 'get', 'a', 'yellow', 'border', '.', '</p>', '<img', 'src=\"klematis.jpg', '\"', 'title=\"klematis', 'flower', '\"', 'width=\"150', '\"', 'height=\"113\">', '<img', 'src=\"img_flwr.gif', '\"', 'title=\"flower', '\"', 'width=\"224', '\"', 'height=\"162\">', '<img', 'src=\"img_tree.gif', '\"', 'title=\"tree', '\"', 'width=\"200', '\"', 'height=\"358\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h3>', 'Tabs', 'With', 'Dropdown', 'Menu', '</h3>', '<ul', 'class=\"nav', 'nav', '-', 'tabs\">', '<li', 'class=\"active\">', '<a', 'href=\"#\">', 'Home', '</a>', '</li>', '<li', 'class=\"dropdown\">', '<a', 'class=\"dropdown', '-', 'toggle', '\"', 'data', '-', 'toggle=\"dropdown', '\"', 'href=\"#\">', 'Menu', '1', '<span', 'class=\"caret\">', '</span>', '</a>', '<ul', 'class=\"dropdown', '-', 'menu\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'margin', ':', '0', ';', 'padding', ':', '0', ';', '}', '.container', '{', 'position', ':', 'relative', ';', 'width', ':', '100', '%', ';', '}', '.right', '{', 'position', ':', 'absolute', ';', 'right', ':', '0px', ';', 'width', ':', '300px', ';', 'background', '-', 'color', ':', '#', 'b0e0e6', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Right', 'Align', '</h2>', '<div', 'class=\"container\">', '<div', 'class=\"right\">', '<p>', '<b>', 'Note', ':', '</b>', 'When', 'aligning', 'using', 'the', 'position', 'property', ',', 'always', 'include', 'the', '!', 'DOCTYPE', 'declaration', '!', 'If', 'missing', ',', 'it', 'can', 'produce', 'strange', 'results', 'in', 'IE', 'browsers', '.', '</p>', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'input', 'multiple', 'attributes', '</h1>', '<p>', 'The', 'multiple', 'attribute', 'specifies', 'that', 'the', 'user', 'is', 'allowed', 'to', 'enter', 'more', 'than', 'one', 'value', 'in', 'an', 'input', 'field', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"files\">', 'Select', 'files', ':', '</label>', '<input', 'type=\"file', '\"', 'id=\"files', '\"', 'name=\"files', '\"', 'multiple><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', 'To', 'select', 'multiple', 'files', ',', 'hold', 'down', 'the', 'CTRL', 'or', 'SHIFT', 'key', 'while', 'selecting', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'rcorners1', '{', 'border', '-', 'radius', ':', '25px', ';', 'background', ':', '#', '73AD21', ';', 'padding', ':', '20px', ';', 'width', ':', '200px', ';', 'height', ':', '150px', ';', '}', '#', 'rcorners2', '{', 'border', '-', 'radius', ':', '25px', ';', 'border', ':', '2px', 'solid', '#', '73AD21', ';', 'padding', ':', '20px', ';', 'width', ':', '200px', ';', 'height', ':', '150px', ';', '}', '#', 'rcorners3', '{', 'border', '-', 'radius', ':', '25px', ';', 'background', ':', 'url(paper.gif', ')', ';', 'background', '-', 'position', ':', 'left', 'top', ';', 'background', '-', 'repeat', ':', 'repeat', ';', 'padding', ':', '20px', ';', 'width', ':', '200px', ';', 'height', ':', '150px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'border', '-', 'radius', 'Property', '</h1>', '<p>', 'Rounded', 'corners', 'for', 'an', 'element', 'with', 'a', 'specified', 'background', 'color', ':', '</p>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Alerts', '</h2>', '<p>', 'The', 'a', 'element', 'with', 'class=\"close', '\"', 'and', 'data', '-', 'dismiss=\"alert', '\"', 'is', 'used', 'to', 'close', 'the', 'alert', 'box', '.', '</p>', '<div', 'class=\"alert', 'alert', '-', 'success\">', '<a', 'href=', '\"', '#', '\"', 'class=\"close', '\"', 'data', '-', 'dismiss=\"alert', '\"', 'aria', '-', 'label=\"close\">', '&', 'times', ';', '</a>', '<strong>', 'Success', '!', '</strong>', 'This', 'alert', 'box', 'could', 'indicate', 'a', 'successful', 'or', 'positive', 'action', '.', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Ordered', 'List', 'with', 'Lowercase', 'Letters', '</h2>', '<ol', 'type=\"a\">', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Milk', '</li>', '</ol>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.div1', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'border', ':', '1px', 'solid', 'blue', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '.div2', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'padding', ':', '50px', ';', 'border', ':', '1px', 'solid', 'red', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"div1\">', 'Both', 'divs', 'are', 'the', 'same', 'size', 'now', '!', '</div>', '<br>', '<div', 'class=\"div2\">', 'Hooray', '!', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h3>', 'Popover', 'Example', '</h3>', '<ul', 'class=\"list', '-', 'inline\">', '<li>', '<a', 'href=', '\"', '#', '\"', 'title=\"Header', '\"', 'data', '-', 'toggle=\"popover', '\"', 'data', '-', 'placement=\"top', '\"', 'data', '-', 'content=\"Content\">', 'Top', '</a>', '</li>', '<li>', '<a', 'href=', '\"', '#', '\"', 'title=\"Header', '\"', 'data', '-', 'toggle=\"popover', '\"', 'data', '-', 'placement=\"bottom', '\"', 'data', '-', 'content=\"Content\">', 'Bottom', '</a>', '</li>', '<li>', '<a', 'href=', '\"', '#', '\"', 'title=\"Header', '\"', 'data', '-', 'toggle=\"popover', '\"', 'data', '-', 'placement=\"left', '\"', 'data', '-', 'content=\"Content\">', 'Left', '</a>', '</li>', '<li>', '<a', 'href=', '\"', '#', '\"', 'title=\"Header', '\"', 'data', '-', 'toggle=\"popover', '\"', 'data', '-', 'placement=\"right', '\"', 'data', '-', 'content=\"Content\">', 'Right', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Password', 'field', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"password', '\"', '</strong>', 'defines', 'a', 'password', 'field', ':', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"username\">', 'Username', ':', '</label>', '<br>', '<input', 'type=\"text', '\"', 'id=\"username', '\"', 'name=\"username\"><br>', '<label', 'for=\"pwd\">', 'Password', ':', '</label>', '<br>', '<input', 'type=\"password', '\"', 'id=\"pwd', '\"', 'name=\"pwd\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', 'The', 'characters', 'in', 'a', 'password', 'field', 'are', 'masked', '(', 'shown', 'as', 'asterisks', 'or', 'circles', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Telephone', 'Field', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"tel', '\"', '</strong>', 'is', 'used', 'for', 'input', 'fields', 'that', 'should', 'contain', 'a', 'telephone', 'number', ':', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"phone\">', 'Enter', 'a', 'phone', 'number', ':', '</label>', '<br>', '<br>', '<input', 'type=\"tel', '\"', 'id=\"phone', '\"', 'name=\"phone', '\"', 'placeholder=\"123', '-', '45', '-', '678', '\"', 'pattern=\"[0', '-', '9]{3}-[0', '-', '9]{2}-[0', '-', '9]{3', '}', '\"', 'required><br><br>', '<small>', 'Format', ':', '123', '-', '45', '-', '678', '</small>', '<br>', '<br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'border', '-', 'collapse', ':', 'collapse', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '15px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Cellpadding', '</h2>', '<p>', 'Cell', 'padding', 'specifies', 'the', 'space', 'between', 'the', 'cell', 'content', 'and', 'its', 'borders', '.', '</p>', '<table', 'style=\"width:100%\">', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Age', '</th>', '</tr>', '<tr>', '<td>', 'Jill', '</td>', '<td>', 'Smith', '</td>', '<td>', '50', '</td>', '</tr>', '<tr>', '<td>', 'Eve', '</td>', '<td>', 'Jackson', '</td>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'My', 'favorite', 'color', 'is', '<del>', 'blue', '</del>', '<ins>', 'red', '</ins>', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.button', '{', 'display', ':', 'inline', '-', 'block', ';', 'padding', ':', '15px', '25px', ';', 'font', '-', 'size', ':', '24px', ';', 'cursor', ':', 'pointer', ';', 'text', '-', 'align', ':', 'center', ';', 'text', '-', 'decoration', ':', 'none', ';', 'outline', ':', 'none', ';', 'color', ':', '#', 'fff', ';', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'border', ':', 'none', ';', 'border', '-', 'radius', ':', '15px', ';', 'box', '-', 'shadow', ':', '0', '9px', '#', '999', ';', '}', '.button', ':', 'hover', '{', 'background', '-', 'color', ':', '#', '3e8e41', '}', '.button', ':', 'active', '{', 'background', '-', 'color', ':', '#', '3e8e41', ';', 'box', '-', 'shadow', ':', '0', '5px', '#', '666', ';', 'transform', ':', 'translateY(4px', ')', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Animated', 'Buttons', '-', '\"', 'Pressed', 'Effect', '\"', '</h2>', '<button', 'class=\"button\">', 'Click', 'Me', '</button>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.container', '{', 'position', ':', 'relative', ';', '}', '.center', '{', 'position', ':', 'absolute', ';', 'top', ':', '50', '%', ';', 'width', ':', '100', '%', ';', 'text', '-', 'align', ':', 'center', ';', 'font', '-', 'size', ':', '18px', ';', '}', 'img', '{', 'width', ':', '100', '%', ';', 'height', ':', 'auto', ';', 'opacity', ':', '0.3', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Image', 'Text', '</h2>', '<p>', 'Center', 'text', 'in', 'image', ':', '</p>', '<div', 'class=\"container\">', '<img', 'src=\"img_5terre_wide.jpg', '\"', 'alt=\"Cinque', 'Terre', '\"', 'width=\"1000', '\"', 'height=\"300\">', '<div', 'class=\"center\">', 'Centered', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Block', 'Level', 'Buttons', '</h2>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary', 'btn', '-', 'block\">', 'Button', '1', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'default', 'btn', '-', 'block\">', 'Button', '2', '</button>', '<h2>', 'Large', 'Block', 'Level', 'Buttons', '</h2>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary', 'btn', '-', 'lg', 'btn', '-', 'block\">', 'Button', '1', '</button>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.center', '{', 'line', '-', 'height', ':', '200px', ';', 'height', ':', '200px', ';', 'border', ':', '3px', 'solid', 'green', ';', 'text', '-', 'align', ':', 'center', ';', '}', '.center', 'p', '{', 'line', '-', 'height', ':', '1.5', ';', 'display', ':', 'inline', '-', 'block', ';', 'vertical', '-', 'align', ':', 'middle', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Centering', '</h2>', '<p>', 'In', 'this', 'example', ',', 'we', 'use', 'the', 'line', '-', 'height', 'property', 'with', 'a', 'value', 'that', 'is', 'equal', 'to', 'the', 'height', 'property', 'to', 'center', 'the', 'div', 'element', ':', '</p>', '<div', 'class=\"center\">', '<p>', 'I', 'am', 'vertically', 'and', 'horizontally', 'centered', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.p1', '{', 'font', '-', 'family', ':', '\"', 'Times', 'New', 'Roman', '\"', ',', 'Times', ',', 'serif', ';', '}', '.p2', '{', 'font', '-', 'family', ':', 'Arial', ',', 'Helvetica', ',', 'sans', '-', 'serif', ';', '}', '.p3', '{', 'font', '-', 'family', ':', '\"', 'Lucida', 'Console', '\"', ',', '\"', 'Courier', 'New', '\"', ',', 'monospace', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'CSS', 'font', '-', 'family', '</h1>', '<p', 'class=\"p1\">', 'This', 'is', 'a', 'paragraph', ',', 'shown', 'in', 'the', 'Times', 'New', 'Roman', 'font', '.', '</p>', '<p', 'class=\"p2\">', 'This', 'is', 'a', 'paragraph', ',', 'shown', 'in', 'the', 'Arial', 'font', '.', '</p>', '<p', 'class=\"p3\">', 'This', 'is', 'a', 'paragraph', ',', 'shown', 'in', 'the', 'Lucida', 'Console', 'font', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'red', ';', 'position', ':', 'relative', ';', 'animation', '-', 'name', ':', 'example', ';', 'animation', '-', 'duration', ':', '4s', ';', 'animation', '-', 'iteration', '-', 'count', ':', '3', ';', '}', '@keyframes', 'example', '{', '0', '%', '{', 'background', '-', 'color', ':', 'red', ';', 'left:0px', ';', 'top:0px', ';', '}', '25', '%', '{', 'background', '-', 'color', ':', 'yellow', ';', 'left:200px', ';', 'top:0px', ';', '}', '50', '%', '{', 'background', '-', 'color', ':', 'blue', ';', 'left:200px', ';', 'top:200px', ';', '}', '75', '%', '{', 'background', '-', 'color', ':', 'green', ';', 'left:0px', ';', 'top:200px', ';', '}', '100', '%', '{', 'background', '-', 'color', ':', 'red', ';', 'left:0px', ';', 'top:0px', ';', '}', '}', '</style>', '</head>', '<body>', '<p>', '<b>', 'Note', ':', '</b>', 'This', 'example', 'does', 'not', 'work', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '<div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1', 'style=\"background', '-', 'color', ':', 'hsl(0', ',', '100', '%', ',', '50%);\">', 'hsl(0', ',', '100', '%', ',', '50', '%', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'hsl(240', ',', '100', '%', ',', '50%);\">', 'hsl(240', ',', '100', '%', ',', '50', '%', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'hsl(147', ',', '50', '%', ',', '47%);\">', 'hsl(147', ',', '50', '%', ',', '47', '%', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'hsl(300', ',', '76', '%', ',', '72%);\">', 'hsl(300', ',', '76', '%', ',', '72', '%', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'hsl(39', ',', '100', '%', ',', '50%);\">', 'hsl(39', ',', '100', '%', ',', '50', '%', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'hsl(248', ',', '53', '%', ',', '58%);\">', 'hsl(248', ',', '53', '%', ',', '58', '%', ')', '</h1>', '<p>', 'In', 'HTML', ',', 'you', 'can', 'specify', 'colors', 'using', 'HSL', 'values', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '-webkit', '-', 'flex', '-', 'wrap', ':', 'wrap', ';', 'flex', '-', 'wrap', ':', 'wrap', ';', '-webkit', '-', 'align', '-', 'content', ':', 'center', ';', 'align', '-', 'content', ':', 'center', ';', 'width', ':', '300px', ';', 'height', ':', '300px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'Bootstrap', 'Icons', '</title>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.3.7', '/', 'css', '/', 'bootstrap.min.css\">', '</head>', '<body', 'class=\"container\">', '<p>', 'Some', 'Bootstrap', 'icons', ':', '</p>', '<i', 'class=\"glyphicon', 'glyphicon', '-', 'cloud\">', '</i>', '<i', 'class=\"glyphicon', 'glyphicon', '-', 'remove\">', '</i>', '<i', 'class=\"glyphicon', 'glyphicon', '-', 'user\">', '</i>', '<i', 'class=\"glyphicon', 'glyphicon', '-', 'envelope\">', '</i>', '<i', 'class=\"glyphicon', 'glyphicon', '-', 'thumbs', '-', 'up\">', '</i>', '<br><br>', '<p>', 'Styled', 'Bootstrap', 'icons', '(', 'size', 'and', 'color', ')', ':', '</p>', '<i', 'class=\"glyphicon', 'glyphicon', '-', 'cloud', '\"', 'style=\"font', '-', 'size:24px;\">', '</i>', '<i', 'class=\"glyphicon', 'glyphicon', '-', 'cloud', '\"', 'style=\"font', '-', 'size:36px;\">', '</i>', '<i', 'class=\"glyphicon', 'glyphicon', '-', 'cloud', '\"', 'style=\"font', '-', 'size:48px;color', ':', 'red;\">', '</i>', '<i', 'class=\"glyphicon', 'glyphicon', '-', 'cloud', '\"', 'style=\"font', '-', 'size:60px;color', ':', 'lightblue;\">', '</i>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', 'width', ':', '200px', ';', 'background', '-', 'color', ':', '#', 'f1f1f1', ';', '}', 'li', 'a', '{', 'display', ':', 'block', ';', 'color', ':', '#', '000', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', 'li', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', '}', 'li', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', '555', ';', 'color', ':', 'white', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Vertical', 'Navigation', 'Bar', '</h2>', '<p>', 'In', 'this', 'example', ',', 'we', 'create', 'an', '\"', 'active', '\"', 'class', 'with', 'a', 'green', 'background', 'color', 'and', 'a', 'white', 'text', '.', 'The', 'class', 'is', 'added', 'to', 'the', '\"', 'Home', '\"', 'link', '.', '</p>', '<ul>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Dropdowns', '</h2>', '<p>', 'The', '.divider', 'class', 'is', 'used', 'to', 'separate', 'links', 'inside', 'the', 'dropdown', 'menu', 'with', 'a', 'thin', 'horizontal', 'line', ':', '</p>', '<div', 'class=\"dropdown\">', '<button', 'class=\"btn', 'btn', '-', 'default', 'dropdown', '-', 'toggle', '\"', 'type=\"button', '\"', 'data', '-', 'toggle=\"dropdown\">Tutorials', '<span', 'class=\"caret\">', '</span>', '</button>', '<ul', 'class=\"dropdown', '-', 'menu\">', '<li>', '<a', 'href=\"#\">', 'HTML', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'CSS', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'is', 'some', 'normal', 'text', '.', '</p>', '<p>', '<small>', 'This', 'is', 'some', 'smaller', 'text', '.', '</small>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '}', '#', 'myDiv', '{', 'transform', ':', 'rotateY(150deg', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'rotateY', '(', ')', 'Method', '</h1>', '<p>', 'The', 'rotateY', '(', ')', 'method', 'rotates', 'an', 'element', 'around', 'its', 'Y', '-', 'axis', 'at', 'a', 'given', 'degree', '.', '</p>', '<div>', 'This', 'a', 'normal', 'div', 'element', '.', '</div>', '<div', 'id=\"myDiv\">', 'This', 'div', 'element', 'is', 'rotated', '150', 'degrees', '.', '</div>', '<p>', '<b>', 'Note', ':', '</b>', 'Internet', 'Explorer', '9', '(', 'and', 'earlier', 'versions', ')', 'does', 'not', 'support', 'the', 'rotateY', '(', ')', 'method', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul', '{', 'list', '-', 'style', '-', 'image', ':', \"url('sqpurple.gif\", \"'\", ')', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', 'Lists', '</h2>', '<p>', 'The', 'list', '-', 'style', '-', 'image', 'property', 'specifies', 'an', 'image', 'as', 'the', 'list', 'item', 'marker', ':', '</p>', '<ul>', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Coca', 'Cola', '</li>', '</ul>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Ordered', 'List', 'with', 'Numbers', '</h2>', '<ol', 'type=\"1\">', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Milk', '</li>', '</ol>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Form', 'control', ':', 'radio', 'buttons', '</h2>', '<p>', 'The', 'form', 'below', 'contains', 'three', 'radio', 'buttons', '.', 'The', 'last', 'option', 'is', 'disabled', ':', '</p>', '<form>', '<div', 'class=\"radio\">', '<label>', '<input', 'type=\"radio', '\"', 'name=\"optradio', '\"', 'checked>', 'Option', '1', '</label>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', 'body', '{', 'font', '-', 'family', ':', 'Arial', ';', 'padding', ':', '10px', ';', 'background', ':', '#', 'f1f1f1', ';', '}', '.header', '{', 'padding', ':', '30px', ';', 'text', '-', 'align', ':', 'center', ';', 'background', ':', 'white', ';', '}', '.header', 'h1', '{', 'font', '-', 'size', ':', '50px', ';', '}', '.topnav', '{', 'overflow', ':', 'hidden', ';', 'background', '-', 'color', ':', '#', '333', ';', '}', '.topnav', 'a', '{', 'float', ':', 'left', ';', 'display', ':', 'block', ';', 'color', ':', '#', 'f2f2f2', ';'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Hello', 'World', '!', '</h1>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<p>', 'The', 'columns', 'will', 'automatically', 'stack', 'on', 'top', 'of', 'each', 'other', 'when', 'the', 'screen', 'is', 'less', 'than', '768px', 'wide', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-4', '\"', 'style=\"background', '-', 'color', ':', 'lavender;\">', '.col', '-', 'sm-4', '</div>', '<div', 'class=\"col', '-', 'sm-8', '\"', 'style=\"background', '-', 'color', ':', 'lavenderblush;\">', '.col', '-', 'sm-8', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.note', '{', 'font', '-', 'size', ':', '120', '%', ';', 'color', ':', 'red', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'My', '<span', 'class=\"note\">', 'Important', '</span>', 'Heading', '</h1>', '<p>', 'This', 'is', 'some', '<span', 'class=\"note\">', 'important', '</span>', 'text', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', 'overflow', ':', 'hidden', ';', 'background', '-', 'color', ':', '#', '333', ';', '}', 'li', '{', 'float', ':', 'left', ';', '}', 'li', 'a', '{', 'display', ':', 'inline', '-', 'block', ';', 'color', ':', 'white', ';', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '14px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', 'li', 'a', ':', 'hover', '{', 'background', '-', 'color', ':', '#', '111', ';', '}', '.active', '{', 'background', '-', 'color', ':', 'red', ';', '}', '</style>', '</head>', '<body>', '<ul>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<canvas', 'id=\"myCanvas', '\"', 'width=\"200', '\"', 'height=\"100', '\"', 'style=\"border:1px', 'solid', '#', 'd3d3d3;\">', 'Your', 'browser', 'does', 'not', 'support', 'the', 'HTML', 'canvas', 'tag.</canvas>', '<script>', 'var', 'c', '=', 'document.getElementById(\"myCanvas', '\"', ')', ';', 'var', 'ctx', '=', 'c.getContext(\"2d', '\"', ')', ';', '//', 'Create', 'gradient', 'var', 'grd', '=', 'ctx.createRadialGradient(75,50,5,90,60,100', ')', ';', 'grd.addColorStop(0,\"red', '\"', ')', ';', 'grd.addColorStop(1,\"white', '\"', ')', ';', '//', 'Fill', 'with', 'gradient', 'ctx.fillStyle', '=', 'grd', ';', 'ctx.fillRect(10,10,150,80', ')', ';', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'Page', 'Title', '</title>', '<script>', 'function', 'myFunction', '(', ')', '{', 'document.getElementById(\"demo\").innerHTML', '=', '\"', 'Hello', 'JavaScript', '!', '\"', ';', '}', '</script>', '</head>', '<body>', '<h1>', 'My', 'Web', 'Page', '</h1>', '<p', 'id=\"demo\">', 'A', 'Paragraph', '</p>', '<button', 'type=\"button', '\"', 'onclick=\"myFunction()\">', 'Try', 'it', '</button>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'text', '-', 'shadow', ':', '0', '0', '3px', '#', 'FF0000', ',', '0', '0', '5px', '#', '0000FF', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Text', '-', 'shadow', 'effect', '!', '</h1>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'html', '{', 'background', ':', 'url(img_man.jpg', ')', 'no', '-', 'repeat', 'center', 'fixed', ';', 'background', '-', 'size', ':', 'cover', ';', '}', 'body', '{', 'color', ':', 'white', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Full', 'Page', 'Background', 'Image', '</h1>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<link', 'rel=\"stylesheet', '\"', 'type=\"text', '/', 'css', '\"', 'href=\"mystyle.css\">', '<style>', 'h1', '{', 'color', ':', 'orange', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'The', 'style', 'of', 'this', 'document', 'is', 'a', 'combination', 'of', 'an', 'external', 'stylesheet', ',', 'and', 'internal', 'style', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'Display', 'a', 'Week', 'Input', 'Control', '</h1>', '<p>', 'The', '<strong>', 'input', 'type=\"week', '\"', '</strong>', 'allows', 'the', 'user', 'to', 'select', 'a', 'week', 'and', 'year', '.', '</p>', '<p>', 'If', 'the', 'browser', 'supports', 'it', ',', 'a', 'date', 'picker', 'pops', 'up', 'when', 'entering', 'the', 'input', 'field', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"week\">', 'Select', 'a', 'week', ':', '</label>', '<input', 'type=\"week', '\"', 'id=\"week', '\"', 'name=\"week\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', '<strong>', 'Note', ':', '</strong>', 'type=\"week', '\"', 'is', 'not', 'supported', 'in', 'Firefox', ',', 'Safari', 'or', 'Internet', 'Explorer', '11', '(', 'or', 'earlier', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'grad1', '{', 'height', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'linear', '-', 'gradient(to', 'bottom', 'right', ',', 'red', ',', 'yellow', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Linear', 'Gradient', '-', 'Diagonal', '</h1>', '<p>', 'This', 'linear', 'gradient', 'starts', 'red', 'at', 'top', 'left', ',', 'transitioning', 'to', 'yellow', '(', 'at', 'bottom', 'right', ')', ':', '</p>', '<div', 'id=\"grad1\">', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'font', '-', 'size', ':', '250', '%', ';', '}', 'h2', '{', 'font', '-', 'size', ':', '200', '%', ';', '}', 'p', '{', 'font', '-', 'size', ':', '100', '%', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'heading', '1', '</h1>', '<h2>', 'This', 'is', 'heading', '2', '</h2>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', ':', 'red', ';', 'transition', ':', 'width', '3s', ';', 'transition', '-', 'delay', ':', '1s', ';', '}', 'div', ':', 'hover', '{', 'width', ':', '300px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'transition', '-', 'delay', 'Property', '</h1>', '<p>', 'Hover', 'over', 'the', 'div', 'element', 'below', ',', 'to', 'see', 'the', 'transition', 'effect', ':', '</p>', '<div>', '</div>', '<p>', '<b>', 'Note', ':', '</b>', 'The', 'transition', 'effect', 'has', 'a', '1', 'second', 'delay', 'before', 'starting', '.', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'This', 'example', 'does', 'not', 'work', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<div', 'id=\"result\">', '</div>', '<script>', '//', 'Check', 'browser', 'support', 'if', '(', 'typeof(Storage', ')', '!', '=', '=', '\"', 'undefined', '\"', ')', '{', '//', 'Store', 'localStorage.setItem(\"lastname', '\"', ',', '\"', 'Smith', '\"', ')', ';', '//', 'Retrieve', 'document.getElementById(\"result\").innerHTML', '=', 'localStorage.getItem(\"lastname', '\"', ')', ';', '}', 'else', '{', 'document.getElementById(\"result\").innerHTML', '=', '\"', 'Sorry', ',', 'your', 'browser', 'does', 'not', 'support', 'Web', 'Storage', '...', '\"', ';', '}', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'red', ';', 'position', ':', 'relative', ';', 'animation', '-', 'name', ':', 'example', ';', 'animation', '-', 'duration', ':', '4s', ';', 'animation', '-', 'iteration', '-', 'count', ':', 'infinite', ';', '}', '@keyframes', 'example', '{', '0', '%', '{', 'background', '-', 'color', ':', 'red', ';', 'left:0px', ';', 'top:0px', ';', '}', '25', '%', '{', 'background', '-', 'color', ':', 'yellow', ';', 'left:200px', ';', 'top:0px', ';', '}', '50', '%', '{', 'background', '-', 'color', ':', 'blue', ';', 'left:200px', ';', 'top:200px', ';', '}', '75', '%', '{', 'background', '-', 'color', ':', 'green', ';', 'left:0px', ';', 'top:200px', ';', '}', '100', '%', '{', 'background', '-', 'color', ':', 'red', ';', 'left:0px', ';', 'top:0px', ';', '}', '}', '</style>', '</head>', '<body>', '<p>', '<b>', 'Note', ':', '</b>', 'This', 'example', 'does', 'not', 'work', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '<div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'font', '-', 'size', ':', '40px', ';', '}', 'h2', '{', 'font', '-', 'size', ':', '30px', ';', '}', 'p', '{', 'font', '-', 'size', ':', '14px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'heading', '1', '</h1>', '<h2>', 'This', 'is', 'heading', '2', '</h2>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'another', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'a', ':', 'link', '{', 'color', ':', 'red', ';', '}', 'a', ':', 'visited', '{', 'color', ':', 'green', ';', '}', 'a', ':', 'hover', '{', 'color', ':', 'hotpink', ';', '}', 'a', ':', 'active', '{', 'color', ':', 'blue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', 'Links', '</h2>', '<p>', '<b>', '<a', 'href=\"default.asp', '\"', 'target=\"_blank\">', 'This', 'is', 'a', 'link', '</a>', '</b>', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'a', ':', 'hover', 'MUST', 'come', 'after', 'a', ':', 'link', 'and', 'a', ':', 'visited', 'in', 'the', 'CSS', 'definition', 'in', 'order', 'to', 'be', 'effective', '.', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'a', ':', 'active', 'MUST', 'come', 'after', 'a', ':', 'hover', 'in', 'the', 'CSS', 'definition', 'in', 'order', 'to', 'be', 'effective', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'Mouse', 'over', 'the', 'words', 'to', 'change', 'the', 'cursor', '.', '</p>', '<span', 'style=\"cursor', ':', 'auto\">', 'auto', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'crosshair\">', 'crosshair', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'default\">', 'default', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'e', '-', 'resize\">', 'e', '-', 'resize', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'help\">', 'help', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'move\">', 'move', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'n', '-', 'resize\">', 'n', '-', 'resize', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'ne', '-', 'resize\">', 'ne', '-', 'resize', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'nw', '-', 'resize\">', 'nw', '-', 'resize', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'pointer\">', 'pointer', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'progress\">', 'progress', '</span>', '<br>', '<span', 'style=\"cursor', ':', 's', '-', 'resize\">', 's', '-', 'resize', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'se', '-', 'resize\">', 'se', '-', 'resize', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'sw', '-', 'resize\">', 'sw', '-', 'resize', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'text\">', 'text', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'w', '-', 'resize\">', 'w', '-', 'resize', '</span>', '<br>', '<span', 'style=\"cursor', ':', 'wait\">', 'wait', '</span>', '<br>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'left', ':', 'thick', 'double', '#', 'ff0000', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'some', 'text', 'in', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'p01', '{', 'color', ':', 'blue', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p', 'id=\"p01\">', 'I', 'am', 'different', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<title>', 'Page', 'Title', '</title>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'text', 'is', 'normal', '.', '</p>', '<p>', '<strong>', 'This', 'text', 'is', 'important', '!', '</strong>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<a', 'href=\"html_images.asp', '\"', 'style=\"text', '-', 'decoration', ':', 'none\">', 'HTML', 'Images', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'input', 'formtarget', 'attribute', '</h1>', '<p>', 'The', 'formtarget', 'attribute', 'specifies', 'a', 'name', 'or', 'a', 'keyword', 'that', 'indicates', 'where', 'to', 'display', 'the', 'response', 'that', 'is', 'received', 'after', 'submitting', 'the', 'form', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"fname\">', 'First', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\"><br><br>', '<label', 'for=\"lname\">', 'Last', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '<input', 'type=\"submit', '\"', 'formtarget=\"_blank', '\"', 'value=\"Submit', 'to', 'a', 'new', 'window', '/', 'tab\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'margin:0', ';', '}', 'ul', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', 'overflow', ':', 'hidden', ';', 'background', '-', 'color', ':', '#', '333', ';', 'position', ':', 'fixed', ';', 'top', ':', '0', ';', 'width', ':', '100', '%', ';', '}', 'li', '{', 'float', ':', 'left', ';', '}', 'li', 'a', '{', 'display', ':', 'block', ';', 'color', ':', 'white', ';', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '14px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', 'li', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', '111', ';', '}', '.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', '}'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.pagination', '{', 'display', ':', 'inline', '-', 'block', ';', '}', '.pagination', 'a', '{', 'color', ':', 'black', ';', 'float', ':', 'left', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', '.pagination', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', 'border', '-', 'radius', ':', '5px', ';', '}', '.pagination', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', 'ddd', ';', 'border', '-', 'radius', ':', '5px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Rounded', 'Active', 'and', 'Hover', 'Buttons', '</h2>', '<div', 'class=\"pagination\">', '<a', 'href=\"#\">', '&', 'laquo', ';', '</a>', '<a', 'href=\"#\">', '1', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"active\">', '2', '</a>', '<a', 'href=\"#\">', '3', '</a>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'Heading', '1', '</h1>', '<h2>', 'Heading', '2', '</h2>', '<h3>', 'Heading', '3', '</h3>', '<h4>', 'Heading', '4', '</h4>', '<h5>', 'Heading', '5', '</h5>', '<h6>', 'Heading', '6', '</h6>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Contextual', 'Label', 'Classes', '</h2>', '<p>', 'Contextual', 'classes', 'can', 'be', 'used', 'to', 'color', 'the', 'label', '.', '</p>', '<span', 'class=\"label', 'label', '-', 'default\">', 'Default', 'Label', '</span>', '<span', 'class=\"label', 'label', '-', 'primary\">', 'Primary', 'Label', '</span>', '<span', 'class=\"label', 'label', '-', 'success\">', 'Success', 'Label', '</span>', '<span', 'class=\"label', 'label', '-', 'info\">', 'Info', 'Label', '</span>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h3>', 'Popover', 'Example', '</h3>', '<a', 'href=', '\"', '#', '\"', 'data', '-', 'toggle=\"popover', '\"', 'title=\"Popover', 'Header', '\"', 'data', '-', 'content=\"Some', 'content', 'inside', 'the', 'popover\">', 'Toggle', 'popover', '</a>', '</div>', '<script>', '$', '(', 'document).ready(function', '(', ')', '{'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '2px', 'solid', ';', 'padding', ':', '20px', ';', 'width', ':', '300px', ';', 'resize', ':', 'both', ';', 'overflow', ':', 'auto', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'resize', 'Property', '</h1>', '<div>', '<p>', 'Let', 'the', 'user', 'resize', 'both', 'the', 'height', 'and', 'the', 'width', 'of', 'this', 'div', 'element', '.', '</p>', '<p>', 'To', 'resize', ':', 'Click', 'and', 'drag', 'the', 'bottom', 'right', 'corner', 'of', 'this', 'div', 'element', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'background', '-', 'image', ':', 'url(\"gradient_bg.png', '\"', ')', ';', 'background', '-', 'repeat', ':', 'repeat', '-', 'x', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Hello', 'World', '!', '</h1>', '<p>', 'Here', ',', 'a', 'background', 'image', 'is', 'repeated', 'only', 'horizontally', '!', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'max', '-', 'width', ':', '400px', ';', 'min', '-', 'width', ':', '100px', ';', 'background', '-', 'color', ':', 'powderblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Set', 'the', 'max', '-', 'width', 'and', 'min', '-', 'width', 'of', 'an', 'element', '</h2>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', '>', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text.</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', '-webkit', '-', 'box', '-', 'reflect', ':', 'below', '20px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'CSS', 'Image', 'Reflection', '</h1>', '<p>', 'Show', 'the', 'reflection', 'below', 'the', 'image', ',', 'with', 'a', '20', 'pixels', 'offset', ':', '</p>', '<img', 'src=\"img_tree.png\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h3>', 'Vertical', 'Pills', '</h3>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'md-3\">', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', '.', '</p>', '</div>', '<div', 'class=\"col', '-', 'md-3\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.right', '{', 'position', ':', 'absolute', ';', 'right', ':', '0px', ';', 'width', ':', '300px', ';', 'border', ':', '3px', 'solid', '#', '73AD21', ';', 'padding', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Right', 'Align', '</h2>', '<p>', 'An', 'example', 'of', 'how', 'to', 'right', 'align', 'elements', 'with', 'the', 'position', 'property', ':', '</p>', '<div', 'class=\"right\">', '<p>', 'In', 'my', 'younger', 'and', 'more', 'vulnerable', 'years', 'my', 'father', 'gave', 'me', 'some', 'advice', 'that', 'I', \"'ve\", 'been', 'turning', 'over', 'in', 'my', 'mind', 'ever', 'since', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'My', 'First', 'HTML', '</title>', '<meta', 'charset=\"UTF-8\">', '</head>', '<body>', '<p>', 'The', 'HTML', 'head', 'element', 'contains', 'meta', 'data', '.', '</p>', '<p>', 'Meta', 'data', 'is', 'data', 'about', 'the', 'HTML', 'document', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'input[type', '=', 'text', ']', '{', 'width', ':', '100', '%', ';', 'padding', ':', '12px', '20px', ';', 'margin', ':', '8px', '0', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', 'border', ':', '3px', 'solid', '#', 'ccc', ';', '-webkit', '-', 'transition', ':', '0.5s', ';', 'transition', ':', '0.5s', ';', 'outline', ':', 'none', ';', '}', 'input[type', '=', 'text]:focus', '{', 'border', ':', '3px', 'solid', '#', '555', ';', '}', '</style>', '</head>', '<body>', '<p>', 'In', 'this', 'example', ',', 'we', 'use', 'the', ':', 'focus', 'selector', 'to', 'add', 'a', 'black', 'border', 'color', 'to', 'the', 'text', 'field', 'when', 'it', 'gets', 'focused', '(', 'clicked', 'on', ')', ':', '</p>', '<p>', 'Note', 'that', 'we', 'have', 'added', 'the', 'CSS', 'transition', 'property', 'to', 'animate', 'the', 'border', 'color', '(', 'takes', '0.5', 'seconds', 'to', 'change', 'the', 'color', 'on', 'focus', ')', '.', '</p>', '<form>', '<label', 'for=\"fname\">', 'First', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname', '\"', 'value=\"John\">', '<label', 'for=\"lname\">', 'Last', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname', '\"', 'value=\"Doe\">', '</form>', '</body>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Carousel', 'Example', '</h2>', '<div', 'id=\"myCarousel', '\"', 'class=\"carousel', 'slide', '\"', 'data', '-', 'ride=\"carousel\">', '<!--', 'Indicators', '-->', '<ol', 'class=\"carousel', '-', 'indicators\">', '<li', 'data', '-', 'target=\"#myCarousel', '\"', 'data', '-', 'slide', '-', 'to=\"0', '\"', 'class=\"active\">', '</li>', '<li', 'data', '-', 'target=\"#myCarousel', '\"', 'data', '-', 'slide', '-', 'to=\"1\">', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', '{', 'border', '-', 'collapse', ':', 'collapse', ';', 'width', ':', '100', '%', ';', '}', 'th', ',', 'td', '{', 'text', '-', 'align', ':', 'left', ';', 'padding', ':', '8px', ';', '}', 'tr', ':', 'nth', '-', 'child(even', ')', '{', 'background', '-', 'color', ':', '#', 'f2f2f2', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Striped', 'Table', '</h2>', '<p>', 'For', 'zebra', '-', 'striped', 'tables', ',', 'use', 'the', 'nth', '-', 'child', '(', ')', 'selector', 'and', 'add', 'a', 'background', '-', 'color', 'to', 'all', 'even', '(', 'or', 'odd', ')', 'table', 'rows', ':', '</p>', '<table>', '<tr>', '<th>', 'First', 'Name', '</th>', '<th>', 'Last', 'Name', '</th>', '<th>', 'Points', '</th>', '</tr>', '<tr>', '<td>', 'Peter', '</td>', '<td>', 'Griffin', '</td>', '<td>', '$', '100', '</td>', '</tr>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '-webkit', '-', 'flex', '-', 'direction', ':', 'column', '-', 'reverse', ';', 'flex', '-', 'direction', ':', 'column', '-', 'reverse', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'A', 'Description', 'List', '</h2>', '<dl>', '<dt>', 'Coffee', '</dt>', '<dd>', '-', 'black', 'hot', 'drink', '</dd>', '<dt>', 'Milk', '</dt>', '<dd>', '-', 'white', 'cold', 'drink', '</dd>', '</dl>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'a', ':', 'link', ',', 'a', ':', 'visited', '{', 'background', '-', 'color', ':', '#', 'f44336', ';', 'color', ':', 'white', ';', 'padding', ':', '14px', '25px', ';', 'text', '-', 'align', ':', 'center', ';', 'text', '-', 'decoration', ':', 'none', ';', 'display', ':', 'inline', '-', 'block', ';', '}', 'a', ':', 'hover', ',', 'a', ':', 'active', '{', 'background', '-', 'color', ':', 'red', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Link', 'Button', '</h2>', '<p>', 'A', 'link', 'styled', 'as', 'a', 'button', ':', '</p>', '<a', 'href=\"default.asp', '\"', 'target=\"_blank\">', 'This', 'is', 'a', 'link', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.button', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', '/', '*', 'Green', '*', '/', 'border', ':', 'none', ';', 'color', ':', 'white', ';', 'padding', ':', '15px', '32px', ';', 'text', '-', 'align', ':', 'center', ';', 'text', '-', 'decoration', ':', 'none', ';', 'display', ':', 'inline', '-', 'block', ';', 'font', '-', 'size', ':', '16px', ';', 'margin', ':', '4px', '2px', ';', 'cursor', ':', 'pointer', ';', '}', '.button1', '{', 'width', ':', '250px', ';', '}', '.button2', '{', 'width', ':', '50', '%', ';', '}', '.button3', '{', 'width', ':', '100', '%', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Button', 'Width', '</h2>', '<p>', 'Use', 'the', 'width', 'property', 'to', 'change', 'the', 'width', 'of', 'the', 'button', ':', '</p>', '<p>', '<strong>', 'Tip', ':', '</strong>', 'Use', 'pixels', 'if', 'you', 'want', 'to', 'set', 'a', 'fixed', 'width', 'and', 'use', 'percent', 'for', 'responsive', 'buttons', '(', 'e.g.', '50', '%', 'of', 'its', 'parent', 'element', ')', '.', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<button', 'class=\"button', 'button1\">', '250px', '</button>', '<br>', '<button', 'class=\"button', 'button2\">', '50', '%', '</button>', '<br>', '<button', 'class=\"button', 'button3\">', '100', '%', '</button>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'The', '<abbr', 'title=\"World', 'Health', 'Organization\">', 'WHO', '</abbr>', 'was', 'founded', 'in', '1948', '.', '</p>', '<p>', 'Marking', 'up', 'abbreviations', 'can', 'give', 'useful', 'information', 'to', 'browsers', ',', 'translation', 'systems', 'and', 'search', '-', 'engines', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h1>', 'Multiple', 'Code', 'Lines', '</h1>', '<p>', 'For', 'multiple', 'lines', 'of', 'code', ',', 'use', 'the', 'pre', 'element', ':', '</p>', '<pre>', 'Text', 'in', 'a', 'pre', 'element', 'is', 'displayed', 'in', 'a', 'fixed', '-', 'width', 'font', ',', 'and', 'it', 'preserves'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Form', 'control', ':', 'inline', 'checkbox', '</h2>', '<p>', 'The', 'form', 'below', 'contains', 'three', 'inline', 'checkboxes', ':', '</p>', '<form>', '<label', 'class=\"checkbox', '-', 'inline\">', '<input', 'type=\"checkbox', '\"', 'value=\"\">Option', '1', '</label>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'letter', '-', 'spacing', ':', '3px', ';', '}', 'h2', '{', 'letter', '-', 'spacing', ':', '-3px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'heading', '1', '</h1>', '<h2>', 'This', 'is', 'heading', '2', '</h2>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'input', 'min', 'and', 'max', 'attributes', '</h1>', '<p>', 'The', 'min', 'and', 'max', 'attributes', 'specify', 'the', 'minimum', 'and', 'maximum', 'values', 'for', 'an', 'input', 'element', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"datemax\">', 'Enter', 'a', 'date', 'before', '1980', '-', '01', '-', '01', ':', '</label>', '<input', 'type=\"date', '\"', 'id=\"datemax', '\"', 'name=\"datemax', '\"', 'max=\"1979', '-', '12', '-', '31\"><br><br>', '<label', 'for=\"datemin\">', 'Enter', 'a', 'date', 'after', '2000', '-', '01', '-', '01', ':', '</label>', '<input', 'type=\"date', '\"', 'id=\"datemin', '\"', 'name=\"datemin', '\"', 'min=\"2000', '-', '01', '-', '02\"><br><br>', '<label', 'for=\"quantity\">', 'Quantity', '(', 'between', '1', 'and', '5', ')', ':', '</label>', '<input', 'type=\"number', '\"', 'id=\"quantity', '\"', 'name=\"quantity', '\"', 'min=\"1', '\"', 'max=\"5\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'background', ':', 'rgb(76', ',', '175', ',', '80', ')', ';', 'padding', ':', '10px', ';', '}', 'div.first', '{', 'background', ':', 'rgba(76', ',', '175', ',', '80', ',', '0.1', ')', ';', '}', 'div.second', '{', 'background', ':', 'rgba(76', ',', '175', ',', '80', ',', '0.3', ')', ';', '}', 'div.third', '{', 'background', ':', 'rgba(76', ',', '175', ',', '80', ',', '0.6', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Transparent', 'Box', '</h1>', '<p>', 'With', 'opacity', ':', '</p>', '<div', 'style=\"opacity:0.1;\">', '<p>', '10', '%', 'opacity', '</p>', '</div>', '<div', 'style=\"opacity:0.3;\">', '<p>', '30', '%', 'opacity', '</p>', '</div>', '<div', 'style=\"opacity:0.6;\">', '<p>', '60', '%', 'opacity', '</p>', '</div>', '<div>', '<p>', 'opacity', '1', '</p>', '</div>', '<p>', 'With', 'RGBA', 'color', 'values', ':', '</p>', '<div', 'class=\"first\">', '<p>', '10', '%', 'opacity', '</p>', '</div>', '<div', 'class=\"second\">', '<p>', '30', '%', 'opacity', '</p>', '</div>', '<div', 'class=\"third\">', '<p>', '60', '%', 'opacity', '</p>', '</div>', '<div>', '<p>', 'default', '</p>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'span.a', '{', 'display', ':', 'inline', ';', '/', '*', 'the', 'default', 'for', 'span', '*', '/', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'padding', ':', '5px', ';', 'border', ':', '1px', 'solid', 'blue', ';', 'background', '-', 'color', ':', 'yellow', ';', '}', 'span.b', '{', 'display', ':', 'inline', '-', 'block', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'padding', ':', '5px', ';', 'border', ':', '1px', 'solid', 'blue', ';', 'background', '-', 'color', ':', 'yellow', ';', '}', 'span.c', '{', 'display', ':', 'block', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'padding', ':', '5px', ';', 'border', ':', '1px', 'solid', 'blue', ';', 'background', '-', 'color', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'display', 'Property', '</h1>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Media', 'Object', '</h2>', '<p>', 'The', 'media', 'object', 'can', 'also', 'be', 'top', ',', 'middle', 'or', 'bottom', '-', 'aligned', 'with', 'the', '\"', 'media', '-', 'top', '\"', ',', '\"', 'media', '-', 'middle', '\"', 'or', '\"', 'media', '-', 'bottom', '\"', 'class', ':', '</p>', '<br>', '<div', 'class=\"media\">', '<div', 'class=\"media', '-', 'left', 'media', '-', 'top\">', '<img', 'src=\"img_avatar1.png', '\"', 'class=\"media', '-', 'object', '\"', 'style=\"width:80px\">', '</div>', '<div', 'class=\"media', '-', 'body\">', '<h4', 'class=\"media', '-', 'heading\">', 'Media', 'Top', '</h4>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipiscing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', '.', '</p>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipiscing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', '.', '</p>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipiscing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', '.', '</p>', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1.0\">', '<style>', 'img', '{', 'max', '-', 'width', ':', '100', '%', ';', 'height', ':', 'auto', ';', '}', '</style>', '</head>', '<body>', '<img', 'src=\"img_chania.jpg', '\"', 'width=\"460', '\"', 'height=\"345\">', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'how', 'the', 'image', 'will', 'scale', 'when', 'the', 'width', 'is', 'less', 'than', '460px', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Vertical', '(', 'basic', ')', 'form', '</h2>', '<form', 'action=\"/action_page.php\">', '<div', 'class=\"form', '-', 'group\">', '<label', 'for=\"email\">', 'Email', ':', '</label>', '<input', 'type=\"email', '\"', 'class=\"form', '-', 'control', '\"', 'id=\"email', '\"', 'placeholder=\"Enter', 'email', '\"', 'name=\"email\">', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '.column', '{', 'float', ':', 'left', ';', 'width', ':', '25', '%', ';', 'padding', ':', '20px', ';', '}', '.row', ':', 'after', '{', 'content', ':', '\"', '\"', ';', 'display', ':', 'table', ';', 'clear', ':', 'both', ';', '}', '@media', 'screen', 'and', '(', 'max', '-', 'width', ':', '992px', ')', '{', '.column', '{', 'width', ':', '50', '%', ';', '}', '}', '@media', 'screen', 'and', '(', 'max', '-', 'width', ':', '600px', ')', '{', '.column', '{'], ['<!DOCTYPE', 'html>', '<html>', '<style>', '.tooltip', '{', 'position', ':', 'relative', ';', 'display', ':', 'inline', '-', 'block', ';', 'border', '-', 'bottom', ':', '1px', 'dotted', 'black', ';', '}', '.tooltip', '.tooltiptext', '{', 'visibility', ':', 'hidden', ';', 'width', ':', '120px', ';', 'background', '-', 'color', ':', 'black', ';', 'color', ':', '#', 'fff', ';', 'text', '-', 'align', ':', 'center', ';', 'border', '-', 'radius', ':', '6px', ';', 'padding', ':', '5px', '0', ';', 'position', ':', 'absolute', ';', 'z', '-', 'index', ':', '1', ';', 'bottom', ':', '150', '%', ';', 'left', ':', '50', '%', ';', 'margin', '-', 'left', ':', '-60px', ';', '}', '.tooltip', '.tooltiptext::after', '{', 'content', ':', '\"', '\"', ';', 'position', ':', 'absolute', ';', 'top', ':', '100', '%', ';', 'left', ':', '50', '%', ';', 'margin', '-', 'left', ':', '-5px', ';', 'border', '-', 'width', ':', '5px', ';', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'color', ':', 'black', 'transparent', 'transparent', 'transparent', ';', '}', '.tooltip', ':', 'hover', '.tooltiptext', '{'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'borderimg', '{', 'border', ':', '10px', 'solid', 'transparent', ';', 'padding', ':', '15px', ';', 'border', '-', 'image', ':', 'url(border.png', ')', '30', 'stretch', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'border', '-', 'image', 'Property', '</h1>', '<p>', 'Here', ',', 'the', 'middle', 'sections', 'of', 'the', 'image', 'are', 'stretched', 'to', 'create', 'the', 'border', ':', '</p>', '<p', 'id=\"borderimg\">', 'border', '-', 'image', ':', 'url(border.png', ')', '30', 'stretch', ';', '</p>', '<p>', 'Here', 'is', 'the', 'original', 'image', ':', '</p>', '<img', 'src=\"border.png\">', '<p>', '<strong>', 'Note', ':', '</strong>', 'Internet', 'Explorer', '10', ',', 'and', 'earlier', 'versions', ',', 'do', 'not', 'support', 'the', 'border', '-', 'image', 'property', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Animated', 'Progress', 'Bar', '</h2>', '<p>', 'The', '.active', 'class', 'animates', 'the', 'progress', 'bar', ':', '</p>', '<div', 'class=\"progress\">', '<div', 'class=\"progress', '-', 'bar', 'progress', '-', 'bar', '-', 'striped', 'active', '\"', 'role=\"progressbar', '\"', 'aria', '-', 'valuenow=\"40', '\"', 'aria', '-', 'valuemin=\"0', '\"', 'aria', '-', 'valuemax=\"100', '\"', 'style=\"width:40%\">', '40', '%', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.dropdown', '{', 'position', ':', 'relative', ';', 'display', ':', 'inline', '-', 'block', ';', '}', '.dropdown', '-', 'content', '{', 'display', ':', 'none', ';', 'position', ':', 'absolute', ';', 'background', '-', 'color', ':', '#', 'f9f9f9', ';', 'min', '-', 'width', ':', '160px', ';', 'box', '-', 'shadow', ':', '0px', '8px', '16px', '0px', 'rgba(0,0,0,0.2', ')', ';', 'padding', ':', '12px', '16px', ';', 'z', '-', 'index', ':', '1', ';', '}', '.dropdown', ':', 'hover', '.dropdown', '-', 'content', '{', 'display', ':', 'block', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Hoverable', 'Dropdown', '</h2>', '<p>', 'Move', 'the', 'mouse', 'over', 'the', 'text', 'below', 'to', 'open', 'the', 'dropdown', 'content', '.', '</p>', '<div', 'class=\"dropdown\">', '<span>', 'Mouse', 'over', 'me', '</span>', '<div', 'class=\"dropdown', '-', 'content\">', '<p>', 'Hello', 'World', '!', '</p>', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'form', 'novalidate', 'attribute', '</h1>', '<p>', 'The', 'novalidate', 'attribute', 'specifies', 'that', 'the', 'form', 'data', 'should', 'not', 'be', 'validated', 'when', 'submitted', '.', '</p>', '<form', 'action=\"/action_page.php', '\"', 'novalidate>', '<label', 'for=\"email\">', 'Enter', 'your', 'email', ':', '</label>', '<input', 'type=\"email', '\"', 'id=\"email', '\"', 'name=\"email', '\"', 'required><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', '<strong>', 'Note', ':', '</strong>', 'The', 'novalidate', 'attribute', 'of', 'the', 'form', 'tag', 'is', 'not', 'supported', 'in', 'Safari', '10', '(', 'or', 'earlier', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Images', 'on', 'Another', 'Server', '</h2>', '<img', 'src=\"https://www.w3schools.com', '/', 'images', '/', 'w3schools_green.jpg', '\"', 'alt=\"W3Schools.com', '\"', 'style=\"width:104px;height:142px;\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.pagination', '{', 'display', ':', 'inline', '-', 'block', ';', '}', '.pagination', 'a', '{', 'color', ':', 'black', ';', 'float', ':', 'left', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', 'transition', ':', 'background', '-', 'color', '.3s', ';', '}', '.pagination', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', '}', '.pagination', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', 'ddd', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Transition', 'Effect', 'on', 'Hover', '</h2>', '<p>', 'Move', 'the', 'mouse', 'over', 'the', 'numbers', '.', '</p>', '<div', 'class=\"pagination\">', '<a', 'href=\"#\">', '&', 'laquo', ';', '</a>', '<a', 'href=\"#\">', '1', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"active\">', '2', '</a>', '<a', 'href=\"#\">', '3', '</a>', '<a', 'href=\"#\">', '4', '</a>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.padding', '{', 'padding', '-', 'top', ':', '2', 'cm', ';', '}', 'p.padding2', '{', 'padding', '-', 'top', ':', '50', '%', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'padding', '-', 'top', 'Property', '</h1>', '<p>', 'This', 'is', 'a', 'text', 'with', 'no', 'top', 'padding', '.', 'This', 'is', 'a', 'text', 'with', 'no', 'top', 'padding', '.', 'This', 'is', 'a', 'text', 'with', 'no', 'top', 'padding', '.', '</p>', '<p', 'class=\"padding\">', 'This', 'text', 'has', 'a', 'top', 'padding', 'of', '2', 'cm', '.', 'This', 'text', 'has', 'a', 'top', 'padding', 'of', '2', 'cm', '.', 'This', 'text', 'has', 'a', 'top', 'padding', 'of', '2', 'cm', '.', '</p>', '<p', 'class=\"padding2\">', 'This', 'text', 'has', 'a', 'top', 'padding', 'of', '50', '%', '.', 'This', 'text', 'has', 'a', 'top', 'padding', 'of', '50', '%', '.', 'This', 'text', 'has', 'a', 'top', 'padding', 'of', '50', '%', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Justified', 'Button', 'Groups', '</h2>', '<p>', 'To', 'span', 'the', 'entire', 'width', 'of', 'the', 'screen', ',', 'use', 'the', '.btn', '-', 'group', '-', 'justified', 'class', ':', '</p>', '<div', 'class=\"btn', '-', 'group', 'btn', '-', 'group', '-', 'justified\">', '<a', 'href=', '\"', '#', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Apple', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Samsung', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Sony', '</a>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.small', '{', 'line', '-', 'height', ':', '0.7', ';', '}', 'p.big', '{', 'line', '-', 'height', ':', '1.8', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'a', 'paragraph', 'with', 'a', 'standard', 'line', '-', 'height.<br>', 'The', 'default', 'line', 'height', 'in', 'most', 'browsers', 'is', 'about', '110', '%', 'to', '120%.<br>', '</p>', '<p', 'class=\"small\">', 'This', 'is', 'a', 'paragraph', 'with', 'a', 'smaller', 'line', '-', 'height.<br>', 'This', 'is', 'a', 'paragraph', 'with', 'a', 'smaller', 'line', '-', 'height.<br>', '</p>', '<p', 'class=\"big\">', 'This', 'is', 'a', 'paragraph', 'with', 'a', 'bigger', 'line', '-', 'height.<br>', 'This', 'is', 'a', 'paragraph', 'with', 'a', 'bigger', 'line', '-', 'height.<br>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'white', '-', 'space', ':', 'nowrap', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'White', 'Space', '</h2>', '<p>', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', '</p>', '<p>', 'Try', 'to', 'remove', 'the', 'white', '-', 'space', 'property', 'to', 'see', 'the', 'difference', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', ':', 'root', '{', '--blue', ':', '#', '1e90ff', ';', '--white', ':', '#', 'ffffff', ';', '}', 'body', '{', 'background', '-', 'color', ':', 'var(--blue', ')', ';', '}', 'h2', '{', 'border', '-', 'bottom', ':', '2px', 'solid', 'var(--blue', ')', ';', '}', '.container', '{', 'color', ':', 'var(--blue', ')', ';', 'background', '-', 'color', ':', 'var(--white', ')', ';', 'padding', ':', '15px', ';', '}', 'button', '{', 'background', '-', 'color', ':', 'var(--white', ')', ';', 'color', ':', 'var(--blue', ')', ';', 'border', ':', '1px', 'solid', 'var(--blue', ')', ';', 'padding', ':', '5px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Using', 'the', 'var', '(', ')', 'Function', '</h1>', '<div', 'class=\"container\">'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<canvas', 'id=\"myCanvas', '\"', 'width=\"200', '\"', 'height=\"100', '\"', 'style=\"border:1px', 'solid', '#', 'd3d3d3;\">', 'Your', 'browser', 'does', 'not', 'support', 'the', 'HTML', 'canvas', 'tag.</canvas>', '<script>', 'var', 'c', '=', 'document.getElementById(\"myCanvas', '\"', ')', ';', 'var', 'ctx', '=', 'c.getContext(\"2d', '\"', ')', ';', 'ctx.moveTo(0,0', ')', ';', 'ctx.lineTo(200,100', ')', ';', 'ctx.stroke', '(', ')', ';', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'navlist', '{', 'position', ':', 'relative', ';', '}', '#', 'navlist', 'li', '{', 'margin', ':', '0', ';', 'padding', ':', '0', ';', 'list', '-', 'style', ':', 'none', ';', 'position', ':', 'absolute', ';', 'top', ':', '0', ';', '}', '#', 'navlist', 'li', ',', '#', 'navlist', 'a', '{', 'height', ':', '44px', ';', 'display', ':', 'block', ';', '}', '#', 'home', '{', 'left', ':', '0px', ';', 'width', ':', '46px', ';', 'background', ':', \"url('img_navsprites_hover.gif\", \"'\", ')', '0', '0', ';', '}', '#', 'prev', '{', 'left', ':', '63px', ';', 'width', ':', '43px', ';', 'background', ':', \"url('img_navsprites_hover.gif\", \"'\", ')', '-47px', '0', ';', '}', '#', 'next', '{', 'left', ':', '129px', ';'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.normal', '{', 'font', '-', 'style', ':', 'normal', ';', '}', 'p.italic', '{', 'font', '-', 'style', ':', 'italic', ';', '}', 'p.oblique', '{', 'font', '-', 'style', ':', 'oblique', ';', '}', '</style>', '</head>', '<body>', '<p', 'class=\"normal\">', 'This', 'is', 'a', 'paragraph', 'in', 'normal', 'style', '.', '</p>', '<p', 'class=\"italic\">', 'This', 'is', 'a', 'paragraph', 'in', 'italic', 'style', '.', '</p>', '<p', 'class=\"oblique\">', 'This', 'is', 'a', 'paragraph', 'in', 'oblique', 'style', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'text', '-', 'shadow', ':', '0', '0', '3px', '#', 'FF0000', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Text', '-', 'shadow', 'effect', '!', '</h1>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'example1', '{', 'background', ':', 'url(img_tree.gif', ')', 'left', 'top', 'no', '-', 'repeat', ',', 'url(img_flwr.gif', ')', 'right', 'bottom', 'no', '-', 'repeat', ',', 'url(paper.gif', ')', 'left', 'top', 'repeat', ';', 'padding', ':', '15px', ';', 'background', '-', 'size', ':', '50px', ',', '130px', ',', 'auto', ';', '}', '</style>', '</head>', '<body>', '<div', 'id=\"example1\">', '<h1>', 'Lorem', 'Ipsum', 'Dolor', '</h1>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', '</p>', '<p>', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Radio', 'Buttons', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"radio', '\"', '</strong>', 'defines', 'a', 'radio', 'button', ':', '</p>', '<form', 'action=\"/action_page.php\">', '<input', 'type=\"radio', '\"', 'id=\"male', '\"', 'name=\"gender', '\"', 'value=\"male\">', '<label', 'for=\"male\">', 'Male', '</label>', '<br>', '<input', 'type=\"radio', '\"', 'id=\"female', '\"', 'name=\"gender', '\"', 'value=\"female\">', '<label', 'for=\"female\">', 'Female', '</label>', '<br>', '<input', 'type=\"radio', '\"', 'id=\"other', '\"', 'name=\"gender', '\"', 'value=\"other\">', '<label', 'for=\"other\">', 'Other', '</label>', '<br>', '<br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'navlist', '{', 'position', ':', 'relative', ';', '}', '#', 'navlist', 'li', '{', 'margin', ':', '0', ';', 'padding', ':', '0', ';', 'list', '-', 'style', ':', 'none', ';', 'position', ':', 'absolute', ';', 'top', ':', '0', ';', '}', '#', 'navlist', 'li', ',', '#', 'navlist', 'a', '{', 'height', ':', '44px', ';', 'display', ':', 'block', ';', '}', '#', 'home', '{', 'left', ':', '0px', ';', 'width', ':', '46px', ';', 'background', ':', \"url('img_navsprites.gif\", \"'\", ')', '0', '0', ';', '}', '#', 'prev', '{', 'left', ':', '63px', ';', 'width', ':', '43px', ';', 'background', ':', \"url('img_navsprites.gif\", \"'\", ')', '-47px', '0', ';', '}', '#', 'next', '{', 'left', ':', '129px', ';'], ['<!DOCTYPE', 'html>', '<html>', '<style>', '.tooltip', '{', 'position', ':', 'relative', ';', 'display', ':', 'inline', '-', 'block', ';', 'border', '-', 'bottom', ':', '1px', 'dotted', 'black', ';', '}', '.tooltip', '.tooltiptext', '{', 'visibility', ':', 'hidden', ';', 'width', ':', '120px', ';', 'background', '-', 'color', ':', 'black', ';', 'color', ':', '#', 'fff', ';', 'text', '-', 'align', ':', 'center', ';', 'border', '-', 'radius', ':', '6px', ';', 'padding', ':', '5px', '0', ';', '/', '*', 'Position', 'the', 'tooltip', '*', '/', 'position', ':', 'absolute', ';', 'z', '-', 'index', ':', '1', ';', 'top', ':', '-5px', ';', 'right', ':', '105', '%', ';', '}', '.tooltip', ':', 'hover', '.tooltiptext', '{', 'visibility', ':', 'visible', ';', '}', '</style>', '<body', 'style=\"text', '-', 'align', ':', 'center;\">', '<h2>', 'Left', 'Tooltip', '</h2>', '<p>', 'Move', 'the', 'mouse', 'over', 'the', 'text', 'below', ':', '</p>', '<div', 'class=\"tooltip\">Hover', 'over', 'me', '<span', 'class=\"tooltiptext\">', 'Tooltip', 'text', '</span>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img.ex1', '{', 'position', ':', 'absolute', ';', 'bottom', ':', '0px', ';', '}', 'img.ex2', '{', 'position', ':', 'relative', ';', 'bottom', ':', '-100px', ';', '}', '</style>', '</head>', '<body>', '<img', 'class=\"ex1', '\"', 'src=\"smiley.gif', '\"', 'width=\"42', '\"', 'height=\"42\">', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<img', 'class=\"ex2', '\"', 'src=\"smiley.gif', '\"', 'width=\"42', '\"', 'height=\"42\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'The', 'output', 'Element', '</h2>', '<p>', 'The', 'output', 'element', 'represents', 'the', 'result', 'of', 'a', 'calculation', '.', '</p>', '<form', 'action=\"/action_page.php', '\"', 'oninput=\"x.value', '=', 'parseInt(a.value)+parseInt(b.value)\">', '0', '<input', 'type=\"range', '\"', 'id=\"a', '\"', 'name=\"a', '\"', 'value=\"50\">', '100', '+', '<input', 'type=\"number', '\"', 'id=\"b', '\"', 'name=\"b', '\"', 'value=\"50\">', '=', '<output', 'name=\"x', '\"', 'for=\"a', 'b\">', '</output>', '<br><br>', '<input', 'type=\"submit\">', '</form>', '<p>', '<strong>', 'Note', ':', '</strong>', 'The', 'output', 'element', 'is', 'not', 'supported', 'in', 'Edge', 'prior', 'version', '13', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '2px', 'solid', ';', 'padding', ':', '20px', ';', 'width', ':', '300px', ';', 'resize', ':', 'horizontal', ';', 'overflow', ':', 'auto', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'resize', 'Property', '</h1>', '<div>', '<p>', 'Let', 'the', 'user', 'resize', 'only', 'the', 'width', 'of', 'this', 'div', 'element', '.', '</p>', '<p>', 'To', 'resize', ':', 'Click', 'and', 'drag', 'the', 'bottom', 'right', 'corner', 'of', 'this', 'div', 'element', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'Depending', 'on', 'browser', 'support', ':', '<br>', 'A', 'date', 'picker', 'can', 'pop', '-', 'up', 'when', 'you', 'enter', 'the', 'input', 'field', '.', '</p>', '<form', 'action=\"/action_page.php\">', 'Birthday', '(', 'date', 'and', 'time', ')', ':', '<input', 'type=\"datetime', '\"', 'name=\"bdaytime\">', '<input', 'type=\"submit\">', '</form>', '<p>', '<b>', 'Note', ':', '</b>', 'type=\"datetime', '\"', 'is', 'not', 'supported', 'in', 'Chrome', ',', 'Firefox', ',', 'or', 'Internet', 'Explorer', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Date', 'Field', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"date', '\"', '</strong>', 'is', 'used', 'for', 'input', 'fields', 'that', 'should', 'contain', 'a', 'date', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"birthday\">', 'Birthday', ':', '</label>', '<input', 'type=\"date', '\"', 'id=\"birthday', '\"', 'name=\"birthday\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', '<strong>', 'Note', ':', '</strong>', 'type=\"date', '\"', 'is', 'not', 'supported', 'in', 'Safari', 'or', 'Internet', 'Explorer', '11', '(', 'or', 'earlier', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<svg', 'width=\"100', '\"', 'height=\"100\">', '<circle', 'cx=\"50', '\"', 'cy=\"50', '\"', 'r=\"40', '\"', 'stroke=\"green', '\"', 'stroke', '-', 'width=\"4', '\"', 'fill=\"yellow', '\"', '/>', 'Sorry', ',', 'your', 'browser', 'does', 'not', 'support', 'inline', 'SVG', '.', '</svg>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.div1', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'border', ':', '1px', 'solid', 'blue', ';', '}', '.div2', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'padding', ':', '50px', ';', 'border', ':', '1px', 'solid', 'red', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"div1\">', 'This', 'div', 'is', 'smaller', '(', 'width', 'is', '300px', 'and', 'height', 'is', '100px', ')', '.', '</div>', '<br>', '<div', 'class=\"div2\">', 'This', 'div', 'is', 'bigger', '(', 'width', 'is', 'also', '300px', 'and', 'height', 'is', '100px', ')', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.ex1', '{', 'border', ':', '1px', 'solid', 'yellow', ';', 'outline', '-', 'style', ':', 'solid', ';', 'outline', '-', 'color', ':', 'invert', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Using', 'outline', '-', 'color', ':', 'invert', '</h2>', '<p', 'class=\"ex1\">', 'A', 'solid', 'invert', 'outline', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'text', '-', 'shadow', ':', '3px', '2px', 'red', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Text', '-', 'shadow', 'effect', '</h1>', '<p>', '<b>', 'Note', ':', '</b>', 'Internet', 'Explorer', '9', 'and', 'earlier', 'do', 'not', 'support', 'the', 'text', '-', 'shadow', 'property', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'text', '-', 'align', ':', 'center', ';', 'color', ':', 'red', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Every', 'paragraph', 'will', 'be', 'affected', 'by', 'the', 'style', '.', '</p>', '<p', 'id=\"para1\">', 'Me', 'too', '!', '</p>', '<p>', 'And', 'me', '!', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'Page', 'Title', '</title>', '<link', 'rel=\"stylesheet', '\"', 'href=\"mystyle.css\">', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'Heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'input[type', '=', 'text', ']', '{', 'width', ':', '100', '%', ';', 'padding', ':', '12px', '20px', ';', 'margin', ':', '8px', '0', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', 'border', ':', 'none', ';', 'background', '-', 'color', ':', '#', '3CBC8D', ';', 'color', ':', 'white', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Colored', 'text', 'fields', ':', '</p>', '<form>', '<label', 'for=\"fname\">', 'First', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname', '\"', 'value=\"John\">', '<label', 'for=\"lname\">', 'Last', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname', '\"', 'value=\"Doe\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'About', 'W3Schools', '</h1>', '<p', 'title', '=', 'About', 'W3Schools>', 'You', 'can', 'not', 'omit', 'quotes', 'around', 'an', 'attribute', 'value', 'if', 'the', 'value', 'contains', 'spaces', '.', '</p>', '<p><b>', 'If', 'you', 'move', 'the', 'mouse', 'over', 'the', 'paragraph', 'above', ',', 'your', 'browser', 'will', 'only', 'display', 'the', 'first', 'word', 'from', 'the', 'title', '.', '</b>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'red', ';', 'position', ':', 'relative', ';', 'animation', ':', 'myfirst', '5s', 'linear', '2s', 'infinite', 'alternate', ';', '}', '@keyframes', 'myfirst', '{', '0', '%', '{', 'background', '-', 'color', ':', 'red', ';', 'left:0px', ';', 'top:0px', ';', '}', '25', '%', '{', 'background', '-', 'color', ':', 'yellow', ';', 'left:200px', ';', 'top:0px', ';', '}', '50', '%', '{', 'background', '-', 'color', ':', 'blue', ';', 'left:200px', ';', 'top:200px', ';', '}', '75', '%', '{', 'background', '-', 'color', ':', 'green', ';', 'left:0px', ';', 'top:200px', ';', '}', '100', '%', '{', 'background', '-', 'color', ':', 'red', ';', 'left:0px', ';', 'top:0px', ';', '}', '}', '</style>', '</head>', '<body>', '<p>', '<b>', 'Note', ':', '</b>', 'This', 'example', 'does', 'not', 'work', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '<div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', 'p', '{', 'background', '-', 'color', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Descendant', 'Selector', '</h2>', '<p>', 'The', 'descendant', 'selector', 'matches', 'all', 'elements', 'that', 'are', 'descendants', 'of', 'a', 'specified', 'element', '.', '</p>', '<div>', '<p>', 'Paragraph', '1', 'in', 'the', 'div', '.', '</p>', '<p>', 'Paragraph', '2', 'in', 'the', 'div', '.', '</p>', '<section>', '<p>', 'Paragraph', '3', 'in', 'the', 'div', '.', '</p>', '</section>', '</div>', '<p>', 'Paragraph', '4', '.', 'Not', 'in', 'a', 'div', '.', '</p>', '<p>', 'Paragraph', '5', '.', 'Not', 'in', 'a', 'div', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', 'overflow', ':', 'hidden', ';', 'background', '-', 'color', ':', '#', '333', ';', '}', 'li', '{', 'float', ':', 'left', ';', '}', 'li', 'a', '{', 'display', ':', 'block', ';', 'color', ':', 'white', ';', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '14px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', '111', ';', '}', '.active', '{', 'background', '-', 'color:#4CAF50', ';', '}', '</style>', '</head>', '<body>', '<ul>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img.one', '{', 'height', ':', 'auto', ';', '}', 'img.two', '{', 'height', ':', '200px', ';', 'width', ':', '200px', ';', '}', 'div.three', '{', 'height', ':', '300px', ';', 'width', ':', '300px', ';', 'background', '-', 'color', ':', 'powderblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Set', 'the', 'height', 'and', 'width', 'of', 'elements', '</h2>', '<p>', 'Original', 'image', ':', '</p>', '<img', 'class=\"one', '\"', 'src=\"ocean.jpg', '\"', 'width=\"300', '\"', 'height=\"300\"><br>', '<p>', 'Sized', 'image', '(', '200x200', 'pixels', ')', ':', '</p>', '<img', 'class=\"two', '\"', 'src=\"ocean.jpg', '\"', 'width=\"300', '\"', 'height=\"300\"><br>', '<p>', 'The', 'height', 'and', 'width', 'of', 'this', 'div', 'element', 'is', '300px', ':', '</p>', '<div', 'class=\"three\">', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Large', 'Grid', '</h1>', '<p>', 'The', 'following', 'example', 'will', 'result', 'in', 'a', '25%/75', '%', 'split', 'on', 'small', 'devices', ',', 'a', '50%/50', '%', 'split', 'on', 'medium', 'devices', ',', 'and', 'a', '33%/66', '%', 'split', 'on', 'large', 'devices', '.', 'On', 'extra', 'small', 'devices', ',', 'it', 'will', 'automatically', 'stack', '(', '100', '%', ')', '.', '</p>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-3', 'col', '-', 'md-6', 'col', '-', 'lg-4', '\"', 'style=\"background', '-', 'color', ':', 'yellow;\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', '.'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Nesting', 'Button', 'Groups', '</h2>', '<p>', 'Nest', 'button', 'groups', 'to', 'create', 'drop', 'down', 'menus', ':', '</p>', '<div', 'class=\"btn', '-', 'group\">', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Apple', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Samsung', '</button>', '<div', 'class=\"btn', '-', 'group\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'panel', ',', '.flip', '{', 'font', '-', 'size', ':', '16px', ';', 'padding', ':', '10px', ';', 'text', '-', 'align', ':', 'center', ';', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', 'border', ':', 'solid', '1px', '#', 'a6d8a8', ';', 'margin', ':', 'auto', ';', '}', '#', 'panel', '{', 'display', ':', 'none', ';', '}', '</style>', '</head>', '<body>', '<p', 'class=\"flip', '\"', 'onclick=\"myFunction()\">', 'Click', 'to', 'show', 'panel', '</p>', '<div', 'id=\"panel\">', '<p>', 'This', 'panel', 'contains', 'a', 'div', 'element', ',', 'which', 'is', 'hidden', 'by', 'default', '(', 'display', ':', 'none', ')', '.', '</p>', '<p>', 'It', 'is', 'styled', 'with', 'CSS', 'and', 'we', 'use', 'JavaScript', 'to', 'show', 'it', '(', 'display', ':', 'block', ')', '.', '</p>', '<p>', 'How', 'it', 'works', ':', 'Notice', 'that', 'the', 'p', 'element', 'with', 'class=\"flip', '\"', 'has', 'an', 'onclick', 'attribute', 'attached', 'to', 'it', '.', 'When', 'the', 'user', 'clicks', 'on', 'the', 'p', 'element', ',', 'a', 'function', 'called', 'myFunction', '(', ')', 'is', 'executed', ',', 'which', 'changes', 'the', 'style', 'of', 'the', 'div', 'with', 'id=\"panel', '\"', 'from', 'display', ':', 'none', '(', 'hidden', ')', 'to', 'display', ':', 'block', '(', 'visible', ')', '.', '</p>', '<p>', 'You', 'will', 'learn', 'more', 'about', 'JavaScript', 'in', 'our', 'JavaScript', 'Tutorial', '.', '</p>', '</div>', '<script>', 'function', 'myFunction', '(', ')', '{', 'document.getElementById(\"panel\").style.display', '=', '\"', 'block', '\"', ';', '}'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'Click', 'the', 'button', 'to', 'get', 'your', 'coordinates', '.', '</p>', '<button', 'onclick=\"getLocation()\">', 'Try', 'It', '</button>', '<p', 'id=\"demo\">', '</p>', '<script>', 'var', 'x', '=', 'document.getElementById(\"demo', '\"', ')', ';', 'function', 'getLocation', '(', ')', '{', 'if', '(', 'navigator.geolocation', ')', '{', 'navigator.geolocation.getCurrentPosition(showPosition', ',', 'showError', ')', ';', '}', 'else', '{', 'x.innerHTML', '=', '\"', 'Geolocation', 'is', 'not', 'supported', 'by', 'this', 'browser', '.', '\"', ';', '}', '}', 'function', 'showPosition(position', ')', '{', 'x.innerHTML', '=', '\"', 'Latitude', ':', '\"', '+', 'position.coords.latitude', '+', '\"', '<br', '>', 'Longitude', ':', '\"', '+', 'position.coords.longitude', ';', '}', 'function', 'showError(error', ')', '{', 'switch(error.code', ')', '{', 'case', 'error', '.', 'PERMISSION_DENIED', ':', 'x.innerHTML', '=', '\"', 'User', 'denied', 'the', 'request', 'for', 'Geolocation', '.', '\"', 'break', ';', 'case', 'error', '.', 'POSITION_UNAVAILABLE', ':'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'border', '-', 'collapse', ':', 'collapse', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Collapsed', 'Borders', '</h2>', '<p>', 'If', 'you', 'want', 'the', 'borders', 'to', 'collapse', 'into', 'one', 'border', ',', 'add', 'the', 'CSS', 'border', '-', 'collapse', 'property', '.', '</p>', '<table', 'style=\"width:100%\">', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Age', '</th>', '</tr>', '<tr>', '<td>', 'Jill', '</td>', '<td>', 'Smith', '</td>', '<td>', '50', '</td>', '</tr>', '<tr>', '<td>', 'Eve', '</td>', '<td>', 'Jackson', '</td>', '<td>', '94', '</td>', '</tr>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'grad1', '{', 'height', ':', '200px', ';', 'background', '-', 'image', ':', 'linear', '-', 'gradient(to', 'right', ',', 'rgba(255,0,0,0', ')', ',', 'rgba(255,0,0,1', ')', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Linear', 'Gradient', '-', 'Transparency', '</h1>', '<p>', 'To', 'add', 'transparency', ',', 'we', 'use', 'the', 'rgba', '(', ')', 'function', 'to', 'define', 'the', 'color', 'stops', '.', 'The', 'last', 'parameter', 'in', 'the', 'rgba', '(', ')', 'function', 'can', 'be', 'a', 'value', 'from', '0', 'to', '1', ',', 'and', 'it', 'defines', 'the', 'transparency', 'of', 'the', 'color', ':', '0', 'indicates', 'full', 'transparency', ',', '1', 'indicates', 'full', 'color', '(', 'no', 'transparency', ')', '.', '</p>', '<div', 'id=\"grad1\">', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'The', 'kbd', 'Element', '</h2>', '<p>', 'The', 'kbd', 'element', 'is', 'used', 'to', 'define', 'keyboard', 'input', ':', '</p>', '<p>', 'Save', 'the', 'document', 'by', 'pressing', '<kbd>', 'Ctrl', '+', 'S', '</kbd>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Help', 'text', '</h2>', '<p>', 'Use', 'the', '.help', '-', 'block', 'class', 'to', 'add', 'a', 'block', 'level', 'help', 'text', 'in', 'forms', ':', '</p>', '<form>', '<div', 'class=\"form', '-', 'group\">', '<label', 'for=\"pwd\">', 'Password', ':', '</label>', '<input', 'type=\"password', '\"', 'class=\"form', '-', 'control', '\"', 'id=\"pwd', '\"', 'placeholder=\"Enter', 'password\">'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Bordered', 'Table', '</h2>', '<p>', 'The', '.table', '-', 'bordered', 'class', 'adds', 'borders', 'to', 'a', 'table', ':', '</p>', '<table', 'class=\"table', 'table', '-', 'bordered\">', '<thead>', '<tr>', '<th>', 'Firstname', '</th>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '1px', 'solid', 'black', ';', 'margin', ':', '25px', '50px', '75px', ';', 'background', '-', 'color', ':', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'margin', 'shorthand', 'property', '-', '3', 'values', '</h2>', '<div>', 'This', 'div', 'element', 'has', 'a', 'top', 'margin', 'of', '25px', ',', 'a', 'right', 'and', 'left', 'margin', 'of', '50px', ',', 'and', 'a', 'bottom', 'margin', 'of', '75px', '.', '</div>', '<hr>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h1>', 'Highlight', 'Text', '</h1>', '<p>', 'Use', 'the', 'mark', 'element', 'to', '<mark>', 'highlight', '</mark>', 'text', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', ':', 'first', '-', 'child', 'i', '{', 'color', ':', 'blue', ';', '}', '</style>', '</head>', '<body>', '<p>', 'I', 'am', 'a', '<i>', 'strong', '</i>', 'person', '.', 'I', 'am', 'a', '<i>', 'strong', '</i>', 'person', '.', '</p>', '<p>', 'I', 'am', 'a', '<i>', 'strong', '</i>', 'person', '.', 'I', 'am', 'a', '<i>', 'strong', '</i>', 'person', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'The', 'name', 'Attribute', '</h2>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"fname\">', 'First', 'name', ':', '</label>', '<br>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'value=\"John\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', 'If', 'you', 'click', 'the', '\"', 'Submit', '\"', 'button', ',', 'the', 'form', '-', 'data', 'will', 'be', 'sent', 'to', 'a', 'page', 'called', '\"', '/action_page.php', '\"', '.', '</p>', '<p>', 'Notice', 'that', 'the', 'value', 'of', 'the', '\"', 'First', 'name', '\"', 'field', 'will', 'not', 'be', 'submitted', ',', 'because', 'the', 'input', 'element', 'does', 'not', 'have', 'a', 'name', 'attribute', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'Click', 'the', 'button', 'to', 'get', 'your', 'coordinates', '.', '</p>', '<button', 'onclick=\"getLocation()\">', 'Try', 'It', '</button>', '<p', 'id=\"demo\">', '</p>', '<script>', 'var', 'x', '=', 'document.getElementById(\"demo', '\"', ')', ';', 'function', 'getLocation', '(', ')', '{', 'if', '(', 'navigator.geolocation', ')', '{', 'navigator.geolocation.watchPosition(showPosition', ')', ';', '}', 'else', '{', 'x.innerHTML', '=', '\"', 'Geolocation', 'is', 'not', 'supported', 'by', 'this', 'browser', '.', '\"', ';', '}', '}', 'function', 'showPosition(position', ')', '{', 'x.innerHTML=\"Latitude', ':', '\"', '+', 'position.coords.latitude', '+', '\"', '<br', '>', 'Longitude', ':', '\"', '+', 'position.coords.longitude', ';', '}', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '-webkit', '-', 'flex', '-', 'wrap', ':', 'wrap', ';', 'flex', '-', 'wrap', ':', 'wrap', ';', 'width', ':', '300px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.right', '{', 'float', ':', 'right', ';', 'width', ':', '300px', ';', 'border', ':', '3px', 'solid', '#', '73AD21', ';', 'padding', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Right', 'Align', '</h2>', '<p>', 'An', 'example', 'of', 'how', 'to', 'right', 'align', 'elements', 'with', 'the', 'float', 'property', ':', '</p>', '<div', 'class=\"right\">', '<p>', 'In', 'my', 'younger', 'and', 'more', 'vulnerable', 'years', 'my', 'father', 'gave', 'me', 'some', 'advice', 'that', 'I', \"'ve\", 'been', 'turning', 'over', 'in', 'my', 'mind', 'ever', 'since', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<div', 'class=\"page', '-', 'header\">', '<h1>', 'Example', 'Page', 'Header', '</h1>', '</div>', '<p>', 'This', 'is', 'some', 'text', '.', '</p>', '<p>', 'This', 'is', 'another', 'text', '.', '</p>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<div', 'style=\"position', ':', 'relative;\">', '<div', 'style=\"opacity:0.5;position', ':', 'absolute;left:50px;top:-30px;width:300px;height:150px;background', '-', 'color:#40B3DF\">', '</div>', '<div', 'style=\"opacity:0.3;position', ':', 'absolute;left:120px;top:20px;width:100px;height:170px;background', '-', 'color:#73AD21\">', '</div>', '<div', 'style=\"margin', '-', 'top:30px;width:360px;height:130px;padding:20px;border', '-', 'radius:10px;border:10px', 'solid', '#', 'EE872A;font', '-', 'size:120%;\">', '<h1>', 'CSS', '=', 'Styles', 'and', 'Colors', '</h1>', '<div', 'style=\"letter', '-', 'spacing:12px;font', '-', 'size:15px;position', ':', 'relative;left:25px;top:25px;\">', 'Manipulate', 'Text', '</div>', '<div', 'style=\"color:#40B3DF;letter', '-', 'spacing:12px;font', '-', 'size:15px;position', ':', 'relative;left:25px;top:30px;\">Colors', ',', '<span', 'style=\"background', '-', 'color:#B4009E;color:#ffffff;\">', 'Boxes', '</span>', '</div>', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Inline', 'form', ':', 'control', 'states', '</h2>', '<form', 'class=\"form', '-', 'inline\">', '<div', 'class=\"form', '-', 'group\">', '<label', 'for=\"focusedInput\">', 'Focused', '</label>', '<input', 'class=\"form', '-', 'control', '\"', 'id=\"focusedInput', '\"', 'type=\"text\">', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<nav', 'class=\"navbar', 'navbar', '-', 'inverse\">', '<div', 'class=\"container', '-', 'fluid\">', '<div', 'class=\"navbar', '-', 'header\">', '<a', 'class=\"navbar', '-', 'brand', '\"', 'href=\"#\">', 'WebSiteName', '</a>', '</div>', '<ul', 'class=\"nav', 'navbar', '-', 'nav\">', '<li', 'class=\"active\">', '<a', 'href=\"#\">', 'Home', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'opacity', ':', '0.5', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Image', 'Transparency', '</h1>', '<p>', 'The', 'opacity', 'property', 'specifies', 'the', 'transparency', 'of', 'an', 'element', '.', 'The', 'lower', 'the', 'value', ',', 'the', 'more', 'transparent', ':', '</p>', '<p>', 'Image', 'with', '50', '%', 'opacity', ':', '</p>', '<img', 'src=\"img_forest.jpg', '\"', 'alt=\"Forest', '\"', 'width=\"170', '\"', 'height=\"100\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h3>', 'Centered', 'Tabs', '</h3>', '<p>', 'To', 'center', '/', 'justify', 'the', 'tabs', 'and', 'pills', ',', 'use', 'the', '.nav', '-', 'justified', 'class', '.', 'Note', 'that', 'on', 'screens', 'that', 'are', 'smaller', 'than', '768px', ',', 'the', 'list', 'items', 'are', 'stacked', '(', 'content', 'will', 'remain', 'centered', ')', '.', '</p>', '<ul', 'class=\"nav', 'nav', '-', 'tabs', 'nav', '-', 'justified\">', '<li', 'class=\"active\">', '<a', 'href=\"#\">', 'Home', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Menu', '1', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Menu', '2', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '[', 'class*=\"te', '\"', ']', '{', 'background', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', '[', 'attribute*=\"value', '\"', ']', 'Selector', '</h2>', '<div', 'class=\"first_test\">', 'The', 'first', 'div', 'element', '.', '</div>', '<div', 'class=\"second\">', 'The', 'second', 'div', 'element', '.', '</div>', '<div', 'class=\"my', '-', 'test\">', 'The', 'third', 'div', 'element', '.', '</div>', '<p', 'class=\"mytest\">', 'This', 'is', 'some', 'text', 'in', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'background', '-', 'image', ':', 'url(\"paper.gif', '\"', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Hello', 'World', '!', '</h1>', '<p>', 'This', 'page', 'has', 'an', 'image', 'as', 'the', 'background', '!', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'margin', ':', '0', ';', '}', 'ul', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', 'width', ':', '25', '%', ';', 'background', '-', 'color', ':', '#', 'f1f1f1', ';', 'position', ':', 'fixed', ';', 'height', ':', '100', '%', ';', 'overflow', ':', 'auto', ';', '}', 'li', 'a', '{', 'display', ':', 'block', ';', 'color', ':', '#', '000', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', 'li', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', '}', 'li', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', '555', ';', 'color', ':', 'white', ';', '}', '</style>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Image', 'as', 'a', 'Link', '</h2>', '<p>', 'The', 'image', 'below', 'is', 'a', 'link', '.', 'Try', 'to', 'click', 'on', 'it', '.', '</p>', '<a', 'href=\"default.asp\">', '<img', 'src=\"smiley.gif', '\"', 'alt=\"HTML', 'tutorial', '\"', 'style=\"width:42px;height:42px;\">', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '-webkit', '-', 'flex', '-', 'direction', ':', 'column', ';', 'flex', '-', 'direction', ':', 'column', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Column', 'Sizing', '</h2>', '<p>', 'The', 'form', 'below', 'shows', 'input', 'elements', 'with', 'different', 'widths', 'using', 'different', '.col', '-', 'xs-', '*', 'classes', ':', '</p>', '<form>', '<div', 'class=\"form', '-', 'group', 'row\">', '<div', 'class=\"col', '-', 'xs-2\">', '<label', 'for=\"ex1\">', 'col', '-', 'xs-2', '</label>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'border', '-', 'radius', ':', '50', '%', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Rounded', 'Images', '</h2>', '<p>', 'Use', 'the', 'border', '-', 'radius', 'property', 'to', 'create', 'circled', 'images', ':', '</p>', '<img', 'src=\"paris.jpg', '\"', 'alt=\"Paris', '\"', 'width=\"300', '\"', 'height=\"300\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'bottom', ':', 'thick', 'dotted', '#', 'ff0000', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'some', 'text', 'in', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'CSS', 'Template', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', 'body', '{', 'font', '-', 'family', ':', 'Arial', ',', 'Helvetica', ',', 'sans', '-', 'serif', ';', '}', 'header', '{', 'background', '-', 'color', ':', '#', '666', ';', 'padding', ':', '30px', ';', 'text', '-', 'align', ':', 'center', ';', 'font', '-', 'size', ':', '35px', ';', 'color', ':', 'white', ';', '}', 'section', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '}', 'nav', '{', '-webkit', '-', 'flex', ':', '1', ';', '-ms', '-', 'flex', ':', '1', ';'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'font', '-', 'size', ':', '2.5em', ';', '/', '*', '40px/16=2.5em', '*', '/', '}', 'h2', '{', 'font', '-', 'size', ':', '1.875em', ';', '/', '*', '30px/16=1.875em', '*', '/', '}', 'p', '{', 'font', '-', 'size', ':', '0.875em', ';', '/', '*', '14px/16=0.875em', '*', '/', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'heading', '1', '</h1>', '<h2>', 'This', 'is', 'heading', '2', '</h2>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p', '>', 'Specifying', 'the', 'font', '-', 'size', 'in', 'em', 'allows', 'all', 'major', 'browsers', 'to', 'resize', 'the', 'text', '.', 'Unfortunately', ',', 'there', 'is', 'still', 'a', 'problem', 'with', 'older', 'versions', 'of', 'IE', '.', 'When', 'resizing', 'the', 'text', ',', 'it', 'becomes', 'larger', '/', 'smaller', 'than', 'it', 'should.</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Simple', 'Collapsible', '</h2>', '<a', 'href=\"#demo', '\"', 'class=\"btn', 'btn', '-', 'info', '\"', 'data', '-', 'toggle=\"collapse\">', 'Simple', 'collapsible', '</a>', '<div', 'id=\"demo', '\"', 'class=\"collapse\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', '.', 'Ut', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exercitation', 'ullamco', 'laboris', 'nisi', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', '-webkit', '-', 'filter', ':', 'grayscale(100', '%', ')', ';', '/', '*', 'Chrome', ',', 'Safari', ',', 'Opera', '*', '/', 'filter', ':', 'grayscale(100', '%', ')', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Convert', 'the', 'image', 'to', 'grayscale', ':', '</p>', '<img', 'src=\"pineapple.jpg', '\"', 'alt=\"Pineapple', '\"', 'width=\"300', '\"', 'height=\"300\">', '<p>', '<strong>', 'Note', ':', '</strong>', 'The', 'filter', 'property', 'is', 'not', 'supported', 'in', 'Internet', 'Explorer', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Pre', '-', 'selected', 'Option', '</h2>', '<p>', 'You', 'can', 'preselect', 'an', 'option', 'with', 'the', 'selected', 'attribute', ':', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"cars\">', 'Choose', 'a', 'car', ':', '</label>', '<select', 'id=\"cars', '\"', 'name=\"cars\">', '<option', 'value=\"volvo\">', 'Volvo', '</option>', '<option', 'value=\"saab\">', 'Saab', '</option>', '<option', 'value=\"fiat', '\"', 'selected>', 'Fiat', '</option>', '<option', 'value=\"audi\">', 'Audi', '</option>', '</select>', '<input', 'type=\"submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.center', '{', 'text', '-', 'align', ':', 'center', ';', 'border', ':', '3px', 'solid', 'green', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Center', 'Text', '</h2>', '<div', 'class=\"center\">', '<p>', 'This', 'text', 'is', 'centered', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'border', '-', 'radius', ':', '8px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Rounded', 'Images', '</h2>', '<p>', 'Use', 'the', 'border', '-', 'radius', 'property', 'to', 'create', 'rounded', 'images', ':', '</p>', '<img', 'src=\"paris.jpg', '\"', 'alt=\"Paris', '\"', 'width=\"300', '\"', 'height=\"300\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1.0\">', '<style>', '.wrapper', '{', 'overflow', ':', 'auto', ';', '}', '#', 'main', '{', 'margin', '-', 'left', ':', '4px', ';', '}', '#', 'leftsidebar', '{', 'float', ':', 'none', ';', 'width', ':', 'auto', ';', '}', '#', 'menulist', '{', 'margin', ':', '0', ';', 'padding', ':', '0', ';', '}', '.menuitem', '{', 'background', ':', '#', 'CDF0F6', ';', 'border', ':', '1px', 'solid', '#', 'd4d4d4', ';', 'border', '-', 'radius', ':', '4px', ';', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '4px', ';', 'padding', ':', '2px', ';', '}', '@media', 'screen', 'and', '(', 'min', '-', 'width', ':', '480px', ')', '{', '#', 'leftsidebar', '{', 'width', ':', '200px', ';', 'float', ':', 'left', ';', '}', '#', 'main', '{', 'margin', '-', 'left', ':', '216px', ';', '}', '}', '</style>', '</head>', '<body>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h3>', 'Inline', 'List', '</h3>', '<ul', 'class=\"list', '-', 'inline\">', '<li>', '<a', 'href=\"#\">', 'Home', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Menu', '1', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Menu', '2', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Menu', '3', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'td', ',', 'th', '{', 'border', ':', '1px', 'solid', 'black', ';', '}', 'table', '{', 'border', '-', 'collapse', ':', 'collapse', ';', 'width', ':', '100', '%', ';', '}', 'td', '{', 'height', ':', '50px', ';', 'vertical', '-', 'align', ':', 'bottom', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'vertical', '-', 'align', 'Property', '</h2>', '<p>', 'This', 'property', 'sets', 'the', 'vertical', 'alignment', '(', 'like', 'top', ',', 'bottom', ',', 'or', 'middle', ')', 'of', 'the', 'content', 'in', 'th', 'or', 'td', '.', '</p>', '<table>', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Savings', '</th>', '</tr>', '<tr>', '<td>', 'Peter', '</td>', '<td>', 'Griffin', '</td>', '<td>', '$', '100', '</td>', '</tr>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<canvas', 'id=\"myCanvas', '\"', 'width=\"200', '\"', 'height=\"100', '\"', 'style=\"border:1px', 'solid', '#', 'd3d3d3;\">', 'Your', 'browser', 'does', 'not', 'support', 'the', 'HTML', 'canvas', 'tag.</canvas>', '<script>', 'var', 'c', '=', 'document.getElementById(\"myCanvas', '\"', ')', ';', 'var', 'ctx', '=', 'c.getContext(\"2d', '\"', ')', ';', 'ctx.font', '=', '\"', '30px', 'Arial', '\"', ';', 'ctx.strokeText(\"Hello', 'World\",10,50', ')', ';', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Number', 'Field', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"number', '\"', '</strong>', 'defines', 'a', 'numeric', 'input', 'field', '.', '</p>', '<p>', 'You', 'can', 'use', 'the', 'min', 'and', 'max', 'attributes', 'to', 'add', 'numeric', 'restrictions', 'in', 'the', 'input', 'field', ':', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"quantity\">', 'Quantity', '(', 'between', '1', 'and', '5', ')', ':', '</label>', '<input', 'type=\"number', '\"', 'id=\"quantity', '\"', 'name=\"quantity', '\"', 'min=\"1', '\"', 'max=\"5\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.container', '{', 'position', ':', 'relative', ';', '}', '.center', '{', 'position', ':', 'absolute', ';', 'top', ':', '50', '%', ';', 'width', ':', '100', '%', ';', 'text', '-', 'align', ':', 'center', ';', 'font', '-', 'size', ':', '18px', ';', '}', 'img', '{', 'width', ':', '100', '%', ';', 'height', ':', 'auto', ';', 'opacity', ':', '0.3', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Image', 'Text', '</h2>', '<p>', 'Center', 'text', 'in', 'image', ':', '</p>', '<div', 'class=\"container\">', '<img', 'src=\"img_5terre_wide.jpg', '\"', 'alt=\"Cinque', 'Terre', '\"', 'width=\"1000', '\"', 'height=\"300\">', '<div', 'class=\"center\">', 'Centered', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '75px', ';', 'height', ':', '75px', ';', 'margin', ':', '10px', ';', '}', '.flex', '-', 'item', ':', 'first', '-', 'child', '{', 'margin', '-', 'right', ':', 'auto', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', '{', 'border', '-', 'collapse', ':', 'collapse', ';', 'width', ':', '100', '%', ';', '}', 'th', ',', 'td', '{', 'text', '-', 'align', ':', 'left', ';', 'padding', ':', '8px', ';', '}', 'tr', ':', 'nth', '-', 'child(even', ')', '{', 'background', '-', 'color', ':', '#', 'f2f2f2', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Responsive', 'Table', '</h2>', '<p', '>', 'A', 'responsive', 'table', 'will', 'display', 'a', 'horizontal', 'scroll', 'bar', 'if', 'the', 'screen', 'is', 'too', 'small', 'to', 'display', 'the', 'full', 'content', '.', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect:</p>', '<p>', 'To', 'create', 'a', 'responsive', 'table', ',', 'add', 'a', 'container', 'element', '(', 'like', 'div', ')', 'with', '<strong>', 'overflow', '-', 'x', ':', 'auto', '</strong>', 'around', 'the', 'table', 'element', ':', '</p>', '<div', 'style=\"overflow', '-', 'x', ':', 'auto;\">', '<table>', '<tr>', '<th>', 'First', 'Name', '</th>', '<th>', 'Last', 'Name', '</th>', '<th>', 'Points', '</th>', '<th>', 'Points', '</th>', '<th>', 'Points', '</th>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'margin', ':', '10px', ';', '}', '.item1', '{', '-webkit', '-', 'flex', ':', '2', ';', 'flex', ':', '2', ';', '}', '.item2', '{', '-webkit', '-', 'flex', ':', '1', ';', 'flex', ':', '1', ';', '}', '.item3', '{', '-webkit', '-', 'flex', ':', '1', ';', 'flex', ':', '1', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', 'overflow', ':', 'hidden', ';', 'background', '-', 'color', ':', '#', '333', ';', '}', 'li', '{', 'float', ':', 'left', ';', '}', 'li', 'a', ',', '.dropbtn', '{', 'display', ':', 'inline', '-', 'block', ';', 'color', ':', 'white', ';', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '14px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', 'li', 'a', ':', 'hover', ',', '.dropdown', ':', 'hover', '.dropbtn', '{', 'background', '-', 'color', ':', 'red', ';', '}', 'li.dropdown', '{', 'display', ':', 'inline', '-', 'block', ';', '}', '.dropdown', '-', 'content', '{', 'display', ':', 'none', ';', 'position', ':', 'absolute', ';', 'background', '-', 'color', ':', '#', 'f9f9f9', ';'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'padding', ':', '15px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'box', '-', 'shadow', ':', '10px', '10px', 'grey', ';', '}', '</style>', '</head>', '<body>', '<div>', 'This', 'is', 'a', 'div', 'element', 'with', 'a', 'box', '-', 'shadow', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.one', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'width', ':', '5px', ';', '}', 'p.two', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'width', ':', 'medium', ';', '}', 'p.three', '{', 'border', '-', 'style', ':', 'dotted', ';', 'border', '-', 'width', ':', '2px', ';', '}', 'p.four', '{', 'border', '-', 'style', ':', 'dotted', ';', 'border', '-', 'width', ':', 'thick', ';', '}', 'p.five', '{', 'border', '-', 'style', ':', 'double', ';', 'border', '-', 'width', ':', '15px', ';', '}', 'p.six', '{', 'border', '-', 'style', ':', 'double', ';', 'border', '-', 'width', ':', 'thick', ';', '}', '</style>', '</head>', '<body>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Contextual', 'Backgrounds', '</h2>', '<p>', 'Use', 'the', 'contextual', 'background', 'classes', 'to', 'provide', '\"', 'meaning', 'through', 'colors', '\"', ':', '</p>', '<p', 'class=\"bg', '-', 'primary\">', 'This', 'text', 'is', 'important', '.', '</p>', '<p', 'class=\"bg', '-', 'success\">', 'This', 'text', 'indicates', 'success', '.', '</p>', '<p', 'class=\"bg', '-', 'info\">', 'This', 'text', 'represents', 'some', 'information', '.', '</p>', '<p', 'class=\"bg', '-', 'warning\">', 'This', 'text', 'represents', 'a', 'warning', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Button', 'Group', '</h2>', '<p>', 'The', '.btn', '-', 'group', 'class', 'creates', 'a', 'button', 'group', ':', '</p>', '<div', 'class=\"btn', '-', 'group\">', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Apple', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Samsung', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Sony', '</button>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.container', '{', 'position', ':', 'relative', ';', '}', '.topleft', '{', 'position', ':', 'absolute', ';', 'top', ':', '8px', ';', 'left', ':', '16px', ';', 'font', '-', 'size', ':', '18px', ';', '}', 'img', '{', 'width', ':', '100', '%', ';', 'height', ':', 'auto', ';', 'opacity', ':', '0.3', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Image', 'Text', '</h2>', '<p>', 'Add', 'some', 'text', 'to', 'an', 'image', 'in', 'the', 'top', 'left', 'corner', ':', '</p>', '<div', 'class=\"container\">', '<img', 'src=\"img_5terre_wide.jpg', '\"', 'alt=\"Cinque', 'Terre', '\"', 'width=\"1000', '\"', 'height=\"300\">', '<div', 'class=\"topleft\">', 'Top', 'Left', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'background', '-', 'color', ':', 'green', ';', '}', 'div', '{', 'background', '-', 'color', ':', 'lightblue', ';', '}', 'p', '{', 'background', '-', 'color', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'CSS', 'background', '-', 'color', 'example', '!', '</h1>', '<div>', 'This', 'is', 'a', 'text', 'inside', 'a', 'div', 'element', '.', '<p>', 'This', 'paragraph', 'has', 'its', 'own', 'background', 'color', '.', '</p>', 'We', 'are', 'still', 'in', 'the', 'div', 'element', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', '}', 'p.none', '{', 'border', '-', 'right', '-', 'style', ':', 'none', ';', '}', 'p.dotted', '{', 'border', '-', 'right', '-', 'style', ':', 'dotted', ';', '}', 'p.dashed', '{', 'border', '-', 'right', '-', 'style', ':', 'dashed', ';', '}', 'p.solid', '{', 'border', '-', 'right', '-', 'style', ':', 'solid', ';', '}', 'p.double', '{', 'border', '-', 'right', '-', 'style', ':', 'double', ';', '}', 'p.groove', '{', 'border', '-', 'right', '-', 'style', ':', 'groove', ';', '}', 'p.ridge', '{', 'border', '-', 'right', '-', 'style', ':', 'ridge', ';', '}', 'p.inset', '{', 'border', '-', 'right', '-', 'style', ':', 'inset', ';', '}', 'p.outset', '{', 'border', '-', 'right', '-', 'style', ':', 'outset', ';', '}', '</style>', '</head>', '<body>', '<p', 'class=\"none\">', 'No', 'right', 'border', '.', '</p>', '<p', 'class=\"dotted\">', 'A', 'dotted', 'right', 'border', '.', '</p>', '<p', 'class=\"dashed\">', 'A', 'dashed', 'right', 'border', '.', '</p>', '<p', 'class=\"solid\">', 'A', 'solid', 'right', 'border', '.', '</p>', '<p', 'class=\"double\">', 'A', 'double', 'right', 'border', '.', '</p>', '<p', 'class=\"groove\">', 'A', 'groove', 'right', 'border', '.', '</p>', '<p', 'class=\"ridge\">', 'A', 'ridge', 'right', 'border', '.', '</p>', '<p', 'class=\"inset\">', 'An', 'inset', 'right', 'border', '.', '</p>', '<p', 'class=\"outset\">', 'An', 'outset', 'right', 'border', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Unordered', 'List', 'with', 'Square', 'Bullets', '</h2>', '<ul', 'style=\"list', '-', 'style', '-', 'type', ':', 'square;\">', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Milk', '</li>', '</ul>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '<style>', 'body', '{', 'position', ':', 'relative', ';', '}', 'ul.nav', '-', 'pills', '{', 'top', ':', '20px', ';', 'position', ':', 'fixed', ';', '}', 'div.col', '-', 'sm-9', 'div', '{', 'height', ':', '250px', ';'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'width', ':', '100', '%', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Width', '/', 'Height', 'Attributes', 'or', 'Style', '?', '</h2>', '<p>', 'The', 'first', 'image', 'uses', 'the', 'width', 'attribute', '(', 'set', 'to', '128', 'pixels', ')', ',', 'but', 'the', 'style', 'in', 'the', 'head', 'section', 'overrides', 'it', ',', 'and', 'sets', 'the', 'width', 'to', '100', '%', '.', '</p>', '<img', 'src=\"html5.gif', '\"', 'alt=\"HTML5', 'Icon', '\"', 'width=\"128', '\"', 'height=\"128\">', '<p>', 'The', 'second', 'image', 'uses', 'the', 'style', 'attribute', 'to', 'set', 'the', 'width', 'to', '128', 'pixels', ',', 'this', 'will', 'not', 'be', 'overridden', 'by', 'the', 'style', 'in', 'the', 'head', 'section', ':', '</p>', '<img', 'src=\"html5.gif', '\"', 'alt=\"HTML5', 'Icon', '\"', 'style=\"width:128px;height:128px;\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ol', '{', 'background', ':', '#', 'ff9999', ';', 'padding', ':', '20px', ';', '}', 'ul', '{', 'background', ':', '#', '3399ff', ';', 'padding', ':', '20px', ';', '}', 'ol', 'li', '{', 'background', ':', '#', 'ffe5e5', ';', 'padding', ':', '5px', ';', 'margin', '-', 'left', ':', '35px', ';', '}', 'ul', 'li', '{', 'background', ':', '#', 'cce5ff', ';', 'margin', ':', '5px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Styling', 'Lists', 'With', 'Colors', ':', '</h1>', '<ol>', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Coca', 'Cola', '</li>', '</ol>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<canvas', 'id=\"myCanvas', '\"', 'width=\"200', '\"', 'height=\"100', '\"', 'style=\"border:1px', 'solid', '#', 'c3c3c3;\">', 'Your', 'browser', 'does', 'not', 'support', 'the', 'HTML', 'canvas', 'tag', '.', '</canvas>', '<script>', 'var', 'c', '=', 'document.getElementById(\"myCanvas', '\"', ')', ';', 'var', 'ctx', '=', 'c.getContext(\"2d', '\"', ')', ';', 'ctx.fillStyle', '=', '\"', '#', 'FF0000', '\"', ';', 'ctx.fillRect(0,0,150,75', ')', ';', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'position', ':', 'absolute', ';', 'left', ':', '0px', ';', 'top', ':', '0px', ';', 'z', '-', 'index', ':', '-1', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<img', 'src=\"w3css.gif', '\"', 'width=\"100', '\"', 'height=\"140\">', '<p>', 'Because', 'the', 'image', 'has', 'a', 'z', '-', 'index', 'of', '-1', ',', 'it', 'will', 'be', 'placed', 'behind', 'the', 'text', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'border', ':', '1px', 'solid', '#', 'ddd', ';', 'border', '-', 'radius', ':', '4px', ';', 'padding', ':', '5px', ';', 'width', ':', '150px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Thumbnail', 'Images', '</h2>', '<p>', 'Use', 'the', 'border', 'property', 'to', 'create', 'thumbnail', 'images', ':', '</p>', '<img', 'src=\"paris.jpg', '\"', 'alt=\"Paris', '\"', 'style=\"width:150px\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'background', '-', 'color', ':', '#', 'eee', ';', 'width', ':', '200px', ';', 'height', ':', '50px', ';', 'border', ':', '1px', 'dotted', 'black', ';', 'overflow', ':', 'hidden', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', 'Overflow', '</h2>', '<p>', 'With', 'the', 'hidden', 'value', ',', 'the', 'overflow', 'is', 'clipped', ',', 'and', 'the', 'rest', 'of', 'the', 'content', 'is', 'hidden', ':', '</p>', '<p>', 'Try', 'to', 'remove', 'the', 'overflow', 'property', 'to', 'understand', 'how', 'it', 'works', '.', '</p>', '<div>', 'You', 'can', 'use', 'the', 'overflow', 'property', 'when', 'you', 'want', 'to', 'have', 'better', 'control', 'of', 'the', 'layout', '.', 'The', 'overflow', 'property', 'specifies', 'what', 'happens', 'if', 'content', 'overflows', 'an', 'element', \"'s\", 'box', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Radio', 'Buttons', '</h2>', '<form>', '<input', 'type=\"radio', '\"', 'id=\"male', '\"', 'name=\"gender', '\"', 'value=\"male\">', '<label', 'for=\"male\">', 'Male', '</label>', '<br>', '<input', 'type=\"radio', '\"', 'id=\"female', '\"', 'name=\"gender', '\"', 'value=\"female\">', '<label', 'for=\"female\">', 'Female', '</label>', '<br>', '<input', 'type=\"radio', '\"', 'id=\"other', '\"', 'name=\"gender', '\"', 'value=\"other\">', '<label', 'for=\"other\">', 'Other', '</label>', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Small', 'Grid', '</h1>', '<p>', 'The', 'following', 'example', 'will', 'result', 'in', 'a', '33.3%/66.6', '%', 'split', 'on', 'small', ',', 'medium', 'and', 'large', 'devices', '.', 'On', 'extra', 'small', 'devices', ',', 'it', 'will', 'stack', '(', '100', '%', 'width', ')', '.', '</p>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-4', '\"', 'style=\"background', '-', 'color', ':', 'yellow;\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua.<br>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'a', ':', 'link', '{', 'color', ':', 'green', ';', 'background', '-', 'color', ':', 'transparent', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', 'a', ':', 'visited', '{', 'color', ':', 'pink', ';', 'background', '-', 'color', ':', 'transparent', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', 'a', ':', 'hover', '{', 'color', ':', 'red', ';', 'background', '-', 'color', ':', 'transparent', ';', 'text', '-', 'decoration', ':', 'underline', ';', '}', 'a', ':', 'active', '{', 'color', ':', 'yellow', ';', 'background', '-', 'color', ':', 'transparent', ';', 'text', '-', 'decoration', ':', 'underline', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Link', 'Colors', '</h2>', '<p>', 'You', 'can', 'change', 'the', 'default', 'colors', 'of', 'links', '</p>', '<a', 'href=\"html_images.asp', '\"', 'target=\"_blank\">', 'HTML', 'Images', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Badges', 'on', 'Buttons', '</h2>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Primary', '<span', 'class=\"badge\">', '7', '</span>', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'success\">', 'Success', '<span', 'class=\"badge\">', '3', '</span>', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'danger\">', 'Danger', '<span', 'class=\"badge\">', '5', '</span>', '</button>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.city', '{', 'background', '-', 'color', ':', 'tomato', ';', 'color', ':', 'white', ';', 'border', ':', '2px', 'solid', 'black', ';', 'margin', ':', '20px', ';', 'padding', ':', '20px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"city\">', '<h2>', 'London', '</h2>', '<p>', 'London', 'is', 'the', 'capital', 'of', 'England', '.', '</p>', '</div>', '<div', 'class=\"city\">', '<h2>', 'Paris', '</h2>', '<p>', 'Paris', 'is', 'the', 'capital', 'of', 'France', '.', '</p>', '</div>', '<div', 'class=\"city\">', '<h2>', 'Tokyo', '</h2>', '<p>', 'Tokyo', 'is', 'the', 'capital', 'of', 'Japan', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.padding', '{', 'padding', '-', 'left', ':', '2', 'cm', ';', '}', 'p.padding2', '{', 'padding', '-', 'left', ':', '50', '%', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'padding', '-', 'left', 'Property', '</h1>', '<p>', 'This', 'is', 'a', 'text', 'with', 'no', 'left', 'padding', '.', '</p>', '<p', 'class=\"padding\">', 'This', 'text', 'has', 'a', 'left', 'padding', 'of', '2', 'cm', '.', '</p>', '<p', 'class=\"padding2\">', 'This', 'text', 'has', 'a', 'left', 'padding', 'of', '50', '%', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '.row', '{', 'display', ':', 'flex', ';', 'flex', '-', 'wrap', ':', 'wrap', ';', '}', '.column', '{', 'flex', ':', '25', '%', ';', 'padding', ':', '20px', ';', '}', '@media', 'screen', 'and', '(', 'max', '-', 'width', ':', '992px', ')', '{', '.column', '{', 'flex', ':', '50', '%', ';', '}', '}', '@media', 'screen', 'and', '(', 'max', '-', 'width', ':', '600px', ')', '{', '.row', '{', 'flex', '-', 'direction', ':', 'column', ';', '}', '}'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Nested', 'Media', 'Objects', '</h2>', '<p>', 'Media', 'objects', 'can', 'also', 'be', 'nested', '(', 'a', 'media', 'object', 'inside', 'a', 'media', 'object', ')', ':', '</p>', '<br>', '<div', 'class=\"media\">', '<div', 'class=\"media', '-', 'left\">', '<img', 'src=\"img_avatar1.png', '\"', 'class=\"media', '-', 'object', '\"', 'style=\"width:45px\">', '</div>', '<div', 'class=\"media', '-', 'body\">', '<h4', 'class=\"media', '-', 'heading\">', 'John', 'Doe', '<small>', '<i>', 'Posted', 'on', 'February', '19', ',', '2016', '</i>', '</small>', '</h4>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipiscing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua', '.', '</p>', '<!--', 'Nested', 'media', 'object', '-->', '<div', 'class=\"media\">', '<div', 'class=\"media', '-', 'left\">', '<img', 'src=\"img_avatar2.png', '\"', 'class=\"media', '-', 'object', '\"', 'style=\"width:45px\">'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Input', 'Sizing', '</h2>', '<p>', 'The', 'form', 'below', 'shows', 'input', 'elements', 'with', 'different', 'heights', 'using', '.input', '-', 'lg', 'and', '.input', '-', 'sm', ':', '</p>', '<form>', '<div', 'class=\"form', '-', 'group\">', '<label', 'for=\"inputdefault\">', 'Default', 'input', '</label>', '<input', 'class=\"form', '-', 'control', '\"', 'id=\"inputdefault', '\"', 'type=\"text\">'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Modal', 'Example', '</h2>', '<!--', 'Trigger', 'the', 'modal', 'with', 'a', 'button', '-->', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'info', 'btn', '-', 'lg', '\"', 'data', '-', 'toggle=\"modal', '\"', 'data', '-', 'target=\"#myModal\">', 'Open', 'Modal', '</button>', '<!--', 'Modal', '-->', '<div', 'class=\"modal', 'fade', '\"', 'id=\"myModal', '\"', 'role=\"dialog\">'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'HTML', 'Links', '</h2>', '<p>', 'HTML', 'links', 'are', 'defined', 'with', 'the', 'a', 'tag', ':', '</p>', '<a', 'href=\"https://www.w3schools.com\">', 'This', 'is', 'a', 'link', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img.top', '{', 'vertical', '-', 'align', ':', 'top', ';', '}', 'img.middle', '{', 'vertical', '-', 'align', ':', 'middle', ';', '}', 'img.bottom', '{', 'vertical', '-', 'align', ':', 'bottom', ';', '}', '</style>', '</head>', '<body>', '<p>', 'An', '<img', 'src=\"w3schools_logo.gif', '\"', 'alt=\"W3Schools', '\"', 'width=\"270', '\"', 'height=\"50\">', 'image', 'with', 'a', 'default', 'alignment', '.', '</p>', '<br>', '<p>', 'An', '<img', 'class=\"top', '\"', 'src=\"w3schools_logo.gif', '\"', 'alt=\"W3Schools', '\"', 'width=\"270', '\"', 'height=\"50\">', 'image', 'with', 'a', 'top', 'alignment', '.', '</p>', '<br>', '<p>', 'An', '<img', 'class=\"middle', '\"', 'src=\"w3schools_logo.gif', '\"', 'alt=\"W3Schools', '\"', 'width=\"270', '\"', 'height=\"50\">', 'image', 'with', 'a', 'middle', 'alignment', '.', '</p>', '<br>', '<p>', 'An', '<img', 'class=\"bottom', '\"', 'src=\"w3schools_logo.gif', '\"', 'alt=\"W3Schools', '\"', 'width=\"270', '\"', 'height=\"50\">', 'image', 'with', 'a', 'bottom', 'alignment', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '*', '{', 'text', '-', 'align', ':', 'center', ';', 'color', ':', 'blue', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Hello', 'world', '!', '</h1>', '<p>', 'Every', 'element', 'on', 'the', 'page', 'will', 'be', 'affected', 'by', 'the', 'style', '.', '</p>', '<p', 'id=\"para1\">', 'Me', 'too', '!', '</p>', '<p>', 'And', 'me', '!', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'border', '-', 'collapse', ':', 'collapse', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '5px', ';', '}', '</style>', '</head>', '<body>', '<table', 'style=\"width:100%\">', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Age', '</th>', '</tr>', '<tr>', '<td>', 'Jill', '</td>', '<td>', 'Smith', '</td>', '<td>', '50', '</td>', '</tr>', '<tr>', '<td>', 'Eve', '</td>', '<td>', 'Jackson', '</td>', '<td>', '94', '</td>', '</tr>', '<tr>', '<td>', 'John', '</td>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Breadcrumbs', '</h2>', '<p>', 'The', '.breadcrumb', 'class', 'indicates', 'the', 'current', 'page', \"'s\", 'location', 'within', 'a', 'navigational', 'hierarchy', ':', '</p>', '<ul', 'class=\"breadcrumb\">', '<li>', '<a', 'href=\"#\">', 'Home', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Private', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Pictures', '</a>', '</li>', '<li', 'class=\"active\">', 'Vacation', '</li>', '</ul>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '-webkit', '-', 'justify', '-', 'content', ':', 'space', '-', 'around', ';', 'justify', '-', 'content', ':', 'space', '-', 'around', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Dynamic', 'Pills', '</h2>', '<p>', 'To', 'make', 'the', 'tabs', 'toggleable', ',', 'add', 'the', 'data', '-', 'toggle=\"pill', '\"', 'attribute', 'to', 'each', 'link', '.', 'Then', 'add', 'a', '.tab', '-', 'pane', 'class', 'with', 'a', 'unique', 'ID', 'for', 'every', 'tab', 'and', 'wrap', 'them', 'inside', 'a', 'div', 'element', 'with', 'class', '.tab', '-', 'content', '.', '</p>', '<ul', 'class=\"nav', 'nav', '-', 'pills\">', '<li', 'class=\"active\">', '<a', 'data', '-', 'toggle=\"pill', '\"', 'href=\"#home\">', 'Home', '</a>', '</li>', '<li>', '<a', 'data', '-', 'toggle=\"pill', '\"', 'href=\"#menu1\">', 'Menu', '1', '</a>', '</li>', '<li>', '<a', 'data', '-', 'toggle=\"pill', '\"', 'href=\"#menu2\">', 'Menu', '2', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2', 'title=\"I\\'m', 'a', 'header\">', 'The', 'title', 'Attribute', '</h2>', '<p', 'title=\"I\\'m', 'a', 'tooltip\">', 'Mouse', 'over', 'this', 'paragraph', ',', 'to', 'display', 'the', 'title', 'attribute', 'as', 'a', 'tooltip', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '1px', 'solid', 'black', ';', 'margin', ':', '25px', ';', 'background', '-', 'color', ':', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'margin', 'shorthand', 'property', '-', '1', 'value', '</h2>', '<div>', 'This', 'div', 'element', 'has', 'a', 'top', ',', 'bottom', ',', 'left', ',', 'and', 'right', 'margin', 'of', '25px', '.', '</div>', '<hr>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'Same', 'as', 'color', 'name', '\"', 'Tomato', '\"', ':', '</p>', '<h1', 'style=\"background', '-', 'color', ':', 'rgb(255', ',', '99', ',', '71);\">', 'rgb(255', ',', '99', ',', '71', ')', '</h1>', '<h1', 'style=\"background', '-', 'color:#ff6347;\">', '#', 'ff6347', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'hsl(9', ',', '100', '%', ',', '64%);\">', 'hsl(9', ',', '100', '%', ',', '64', '%', ')', '</h1>', '<p>', 'Same', 'as', 'color', 'name', '\"', 'Tomato', '\"', ',', 'but', '50', '%', 'transparent', ':', '</p>', '<h1', 'style=\"background', '-', 'color', ':', 'rgba(255', ',', '99', ',', '71', ',', '0.5);\">', 'rgba(255', ',', '99', ',', '71', ',', '0.5', ')', '</h1>', '<h1', 'style=\"background', '-', 'color', ':', 'hsla(9', ',', '100', '%', ',', '64', '%', ',', '0.5);\">', 'hsla(9', ',', '100', '%', ',', '64', '%', ',', '0.5', ')', '</h1>', '<p>', 'In', 'addition', 'to', 'the', 'predefined', 'color', 'names', ',', 'colors', 'can', 'be', 'specified', 'using', 'RGB', ',', 'HEX', ',', 'HSL', ',', 'or', 'even', 'transparent', 'colors', 'using', 'RGBA', 'or', 'HSLA', 'color', 'values', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'float', ':', 'right', ';', '}', '</style>', '</head>', '<body>', '<p>', 'In', 'the', 'paragraph', 'below', ',', 'we', 'have', 'added', 'an', 'image', 'with', 'style', '<b>', 'float', ':', 'right', '</b>', '.', 'The', 'result', 'is', 'that', 'the', 'image', 'will', 'float', 'to', 'the', 'right', 'in', 'the', 'paragraph', '.', '</p>', '<p><img', 'src=\"w3css.gif', '\"', 'width=\"100', '\"', 'height=\"140\">', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Colored', 'Progress', 'Bars', '</h2>', '<p>', 'The', 'contextual', 'classes', 'colors', 'the', 'progress', 'bars', ':', '</p>', '<div', 'class=\"progress\">', '<div', 'class=\"progress', '-', 'bar', 'progress', '-', 'bar', '-', 'success', '\"', 'role=\"progressbar', '\"', 'aria', '-', 'valuenow=\"40', '\"', 'aria', '-', 'valuemin=\"0', '\"', 'aria', '-', 'valuemax=\"100', '\"', 'style=\"width:40%\">', '40', '%', 'Complete', '(', 'success', ')', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Image', 'as', 'a', 'Link', '</h2>', '<p>', 'The', 'image', 'is', 'a', 'link', '.', 'You', 'can', 'click', 'on', 'it', '.', '</p>', '<a', 'href=\"default.asp\">', '<img', 'src=\"smiley.gif', '\"', 'alt=\"HTML', 'tutorial', '\"', 'style=\"width:42px;height:42px;\">', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'red', ';', 'animation', '-', 'name', ':', 'example', ';', 'animation', '-', 'duration', ':', '4s', ';', '}', '@keyframes', 'example', '{', 'from', '{', 'background', '-', 'color', ':', 'red', ';', '}', 'to', '{', 'background', '-', 'color', ':', 'yellow', ';', '}', '}', '</style>', '</head>', '<body>', '<p>', '<b>', 'Note', ':', '</b>', 'This', 'example', 'does', 'not', 'work', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '<div>', '</div>', '<p>', '<b>', 'Note', ':', '</b>', 'When', 'an', 'animation', 'is', 'finished', ',', 'it', 'changes', 'back', 'to', 'its', 'original', 'style', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '-webkit', '-', 'align', '-', 'items', ':', 'flex', '-', 'end', ';', 'align', '-', 'items', ':', 'flex', '-', 'end', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'border', '-', 'collapse', ':', 'collapse', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '5px', ';', 'text', '-', 'align', ':', 'left', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Table', 'Caption', '</h2>', '<p>', 'To', 'add', 'a', 'caption', 'to', 'a', 'table', ',', 'use', 'the', 'caption', 'tag', '.', '</p>', '<table', 'style=\"width:100%\">', '<caption>', 'Monthly', 'savings', '</caption>', '<tr>', '<th>', 'Month', '</th>', '<th>', 'Savings', '</th>', '</tr>', '<tr>', '<td>', 'January', '</td>', '<td>', '$', '100', '</td>', '</tr>', '<tr>', '<td>', 'February', '</td>', '<td>', '$', '50', '</td>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Push', 'and', 'Pull', '</h1>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-4', 'col', '-', 'sm', '-', 'push-8', '\"', 'style=\"background', '-', 'color', ':', 'lavender;\">', '.col', '-', 'sm-4', '.col', '-', 'sm', '-', 'push-8', '</div>', '<div', 'class=\"col', '-', 'sm-8', 'col', '-', 'sm', '-', 'pull-4', '\"', 'style=\"background', '-', 'color', ':', 'lavenderblush;\">', '.col', '-', 'sm-8', '.col', '-', 'sm', '-', 'pull-4', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h1>', 'Grid', '</h1>', '<p>', 'This', 'example', 'demonstrates', 'a', '50%/50', '%', 'split', 'on', 'small', ',', 'medium', 'and', 'large', 'devices', '.', 'On', 'extra', 'small', 'devices', ',', 'it', 'will', 'stack', '(', '100', '%', 'width', ')', '.', '</p>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-6', '\"', 'style=\"background', '-', 'color', ':', 'yellow;\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua.<br>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1', 'style=\"color', ':', 'blue;text', '-', 'align', ':', 'center;\">', 'This', 'is', 'a', 'heading', '</h1>', '<p', 'style=\"color', ':', 'red;\">', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'textarea', '{', 'width', ':', '100', '%', ';', 'height', ':', '150px', ';', 'padding', ':', '12px', '20px', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', 'border', ':', '2px', 'solid', '#', 'ccc', ';', 'border', '-', 'radius', ':', '4px', ';', 'background', '-', 'color', ':', '#', 'f8f8f8', ';', 'font', '-', 'size', ':', '16px', ';', 'resize', ':', 'none', ';', '}', '</style>', '</head>', '<body>', '<p>', '<strong>', 'Tip', ':', '</strong>', 'Use', 'the', 'resize', 'property', 'to', 'prevent', 'textareas', 'from', 'being', 'resized', '(', 'disable', 'the', '\"', 'grabber', '\"', 'in', 'the', 'bottom', 'right', 'corner', ')', ':', '</p>', '<form>', '<textarea>', 'Some', 'text', '...', '</textarea>', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<style>', '.tooltip', '{', 'position', ':', 'relative', ';', 'display', ':', 'inline', '-', 'block', ';', 'border', '-', 'bottom', ':', '1px', 'dotted', 'black', ';', '}', '.tooltip', '.tooltiptext', '{', 'visibility', ':', 'hidden', ';', 'width', ':', '120px', ';', 'background', '-', 'color', ':', 'black', ';', 'color', ':', '#', 'fff', ';', 'text', '-', 'align', ':', 'center', ';', 'border', '-', 'radius', ':', '6px', ';', 'padding', ':', '5px', '0', ';', '/', '*', 'Position', 'the', 'tooltip', '*', '/', 'position', ':', 'absolute', ';', 'z', '-', 'index', ':', '1', ';', 'top', ':', '100', '%', ';', 'left', ':', '50', '%', ';', 'margin', '-', 'left', ':', '-60px', ';', '}', '.tooltip', ':', 'hover', '.tooltiptext', '{', 'visibility', ':', 'visible', ';', '}', '</style>', '<body', 'style=\"text', '-', 'align', ':', 'center;\">', '<h2>', 'Bottom', 'Tooltip', '</h2>', '<p>', 'Move', 'the', 'mouse', 'over', 'the', 'text', 'below', ':', '</p>', '<div', 'class=\"tooltip\">Hover', 'over', 'me'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'The', 'datalist', 'Element', '</h2>', '<p>', 'The', 'datalist', 'element', 'specifies', 'a', 'list', 'of', 'pre', '-', 'defined', 'options', 'for', 'an', 'input', 'element', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<input', 'list=\"browsers', '\"', 'name=\"browser\">', '<datalist', 'id=\"browsers\">', '<option', 'value=\"Internet', 'Explorer\">', '<option', 'value=\"Firefox\">', '<option', 'value=\"Chrome\">', '<option', 'value=\"Opera\">', '<option', 'value=\"Safari\">', '</datalist>', '<input', 'type=\"submit\">', '</form>', '<p>', '<b>', 'Note', ':', '</b>', 'The', 'datalist', 'tag', 'is', 'not', 'supported', 'in', 'Safari', 'prior', 'version', '12.1', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', 'flex', ';', 'flex', '-', 'wrap', ':', 'nowrap', ';', 'background', '-', 'color', ':', 'DodgerBlue', ';', '}', '.flex', '-', 'container', '.box', '{', 'background', '-', 'color', ':', '#', 'f1f1f1', ';', 'width', ':', '50', '%', ';', 'margin', ':', '10px', ';', 'text', '-', 'align', ':', 'center', ';', 'line', '-', 'height', ':', '75px', ';', 'font', '-', 'size', ':', '30px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Flexible', 'Boxes', '</h1>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"box\">', 'Box', '1', '-', 'This', 'is', 'some', 'text', 'to', 'make', 'sure', 'that', 'the', 'content', 'gets', 'really', 'tall', '.', 'This', 'is', 'some', 'text', 'to', 'make', 'sure', 'that', 'the', 'content', 'gets', 'really', 'tall', '.', '</div>', '<div', 'class=\"box\">', 'Box', '2', '-', 'My', 'height', 'will', 'follow', 'Box', '1', '.', '</div>', '</div>', '<p>', 'Try', 'to', 'resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'flexible', 'layout', '.', '</p>', '<p>', '<strong>', 'Note', ':', '</strong>', 'Flexbox', 'is', 'not', 'supported', 'in', 'Internet', 'Explorer', '10', 'or', 'earlier', 'versions', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Basic', 'Progress', 'Bar', '</h2>', '<div', 'class=\"progress\">', '<div', 'class=\"progress', '-', 'bar', '\"', 'role=\"progressbar', '\"', 'aria', '-', 'valuenow=\"70', '\"', 'aria', '-', 'valuemin=\"0', '\"', 'aria', '-', 'valuemax=\"100', '\"', 'style=\"width:70%\">', '<span', 'class=\"sr', '-', 'only\">', '70', '%', 'Complete', '</span>', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'is', '<sup>', 'superscripted', '</sup>', 'text', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'max', '-', 'width', ':', '500px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'powderblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Set', 'the', 'max', '-', 'width', 'of', 'an', 'element', '</h2>', '<div>', 'This', 'div', 'element', 'has', 'a', 'height', 'of', '100px', 'and', 'a', 'max', '-', 'width', 'of', '500px', '.', '</div>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '1px', 'solid', 'black', ';', 'margin', ':', '25px', '50px', ';', 'background', '-', 'color', ':', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'margin', 'shorthand', 'property', '-', '2', 'values', '</h2>', '<div>', 'This', 'div', 'element', 'has', 'a', 'top', 'and', 'bottom', 'margin', 'of', '25px', ',', 'and', 'a', 'right', 'and', 'left', 'margin', 'of', '50px', '.', '</div>', '<hr>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'background', '-', 'color', ':', 'lightgrey', ';', 'width', ':', '300px', ';', 'border', ':', '15px', 'solid', 'green', ';', 'padding', ':', '50px', ';', 'margin', ':', '20px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Demonstrating', 'the', 'Box', 'Model', '</h2>', '<p>', 'The', 'CSS', 'box', 'model', 'is', 'essentially', 'a', 'box', 'that', 'wraps', 'around', 'every', 'HTML', 'element', '.', 'It', 'consists', 'of', ':', 'borders', ',', 'padding', ',', 'margins', ',', 'and', 'the', 'actual', 'content', '.', '</p>', '<div>', 'This', 'text', 'is', 'the', 'content', 'of', 'the', 'box', '.', 'We', 'have', 'added', 'a', '50px', 'padding', ',', '20px', 'margin', 'and', 'a', '15px', 'green', 'border', '.', 'Ut', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exercitation', 'ullamco', 'laboris', 'nisi', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', 'Duis', 'aute', 'irure', 'dolor', 'in', 'reprehenderit', 'in', 'voluptate', 'velit', 'esse', 'cillum', 'dolore', 'eu', 'fugiat', 'nulla', 'pariatur', '.', 'Excepteur', 'sint', 'occaecat', 'cupidatat', 'non', 'proident', ',', 'sunt', 'in', 'culpa', 'qui', 'officia', 'deserunt', 'mollit', 'anim', 'i', 'd', 'est', 'laborum', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h1>', 'Abbreviations', '</h1>', '<p>', 'The', 'abbr', 'element', 'is', 'used', 'to', 'mark', 'up', 'an', 'abbreviation', 'or', 'acronym', ':', '</p>', '<p>', 'The', '<abbr', 'title=\"World', 'Health', 'Organization\">', 'WHO', '</abbr>', 'was', 'founded', 'in', '1948', '.', '</p>', '</div>', '</body>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'List', 'Group', 'With', 'Linked', 'Items', '</h2>', '<div', 'class=\"list', '-', 'group\">', '<a', 'href=', '\"', '#', '\"', 'class=\"list', '-', 'group', '-', 'item\">', 'First', 'item', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"list', '-', 'group', '-', 'item\">', 'Second', 'item', '</a>', '<a', 'href=', '\"', '#', '\"', 'class=\"list', '-', 'group', '-', 'item\">', 'Third', 'item', '</a>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.test1', '{', 'white', '-', 'space', ':', 'nowrap', ';', 'width', ':', '200px', ';', 'border', ':', '1px', 'solid', '#', '000000', ';', 'overflow', ':', 'hidden', ';', 'text', '-', 'overflow', ':', 'clip', ';', '}', 'p.test2', '{', 'white', '-', 'space', ':', 'nowrap', ';', 'width', ':', '200px', ';', 'border', ':', '1px', 'solid', '#', '000000', ';', 'overflow', ':', 'hidden', ';', 'text', '-', 'overflow', ':', 'ellipsis', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'text', '-', 'overflow', 'Property', '</h1>', '<p>', 'The', 'following', 'two', 'paragraphs', 'contains', 'a', 'long', 'text', 'that', 'will', 'not', 'fit', 'in', 'the', 'box', '.', '</p>', '<h2>', 'text', '-', 'overflow', ':', 'clip', ':', '</h2>', '<p', 'class=\"test1\">', 'This', 'is', 'some', 'long', 'text', 'that', 'will', 'not', 'fit', 'in', 'the', 'box', '</p>', '<h2>', 'text', '-', 'overflow', ':', 'ellipsis', ':', '</h2>', '<p', 'class=\"test2\">', 'This', 'is', 'some', 'long', 'text', 'that', 'will', 'not', 'fit', 'in', 'the', 'box', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '-webkit', '-', 'flex', '-', 'wrap', ':', 'wrap', '-', 'reverse', ';', 'flex', '-', 'wrap', ':', 'wrap', '-', 'reverse', ';', 'width', ':', '300px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.newspaper', '{', 'column', '-', 'width', ':', '100px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"newspaper\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', 'Duis', 'autem', 'vel', 'eum', 'iriure', 'dolor', 'in', 'hendrerit', 'in', 'vulputate', 'velit', 'esse', 'molestie', 'consequat', ',', 'vel', 'illum', 'dolore', 'eu', 'feugiat', 'nulla', 'facilisis', 'at', 'vero', 'eros', 'et', 'accumsan', 'et', 'iusto', 'odio', 'dignissim', 'qui', 'blandit', 'praesent', 'luptatum', 'zzril', 'delenit', 'augue', 'duis', 'dolore', 'te', 'feugait', 'nulla', 'facilisi', '.', 'Nam', 'liber', 'tempor', 'cum', 'soluta', 'nobis', 'eleifend', 'option', 'congue', 'nihil', 'imperdiet', 'doming', 'i', 'd', 'quod', 'mazim', 'placerat', 'facer', 'possim', 'assum', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<svg', 'height=\"130', '\"', 'width=\"500\">', '<defs>', '<linearGradient', 'id=\"grad1', '\"', 'x1=\"0', '%', '\"', 'y1=\"0', '%', '\"', 'x2=\"100', '%', '\"', 'y2=\"0%\">', '<stop', 'offset=\"0', '%', '\"', 'style=\"stop', '-', 'color', ':', 'rgb(255,255,0);stop', '-', 'opacity:1', '\"', '/>', '<stop', 'offset=\"100', '%', '\"', 'style=\"stop', '-', 'color', ':', 'rgb(255,0,0);stop', '-', 'opacity:1', '\"', '/>', '</linearGradient>', '</defs>', '<ellipse', 'cx=\"100', '\"', 'cy=\"70', '\"', 'rx=\"85', '\"', 'ry=\"55', '\"', 'fill=\"url(#grad1', ')', '\"', '/>', '<text', 'fill=\"#ffffff', '\"', 'font', '-', 'size=\"45', '\"', 'font', '-', 'family=\"Verdana', '\"', 'x=\"50', '\"', 'y=\"86\">SVG</text>', 'Sorry', ',', 'your', 'browser', 'does', 'not', 'support', 'inline', 'SVG', '.', '</svg>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'rcorners1', '{', 'border', '-', 'radius', ':', '15px', '50px', '30px', '5px', ';', 'background', ':', '#', '73AD21', ';', 'padding', ':', '20px', ';', 'width', ':', '200px', ';', 'height', ':', '150px', ';', '}', '#', 'rcorners2', '{', 'border', '-', 'radius', ':', '15px', '50px', '30px', ';', 'background', ':', '#', '73AD21', ';', 'padding', ':', '20px', ';', 'width', ':', '200px', ';', 'height', ':', '150px', ';', '}', '#', 'rcorners3', '{', 'border', '-', 'radius', ':', '15px', '50px', ';', 'background', ':', '#', '73AD21', ';', 'padding', ':', '20px', ';', 'width', ':', '200px', ';', 'height', ':', '150px', ';', '}', '#', 'rcorners4', '{', 'border', '-', 'radius', ':', '15px', ';', 'background', ':', '#', '73AD21', ';', 'padding', ':', '20px', ';', 'width', ':', '200px', ';', 'height', ':', '150px', ';', '}', '</style>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<style>', 'div.example', '{', 'background', '-', 'color', ':', 'yellow', ';', 'padding', ':', '20px', ';', '}', '@media', 'screen', 'and', '(', 'max', '-', 'width', ':', '600px', ')', '{', 'div.example', '{', 'display', ':', 'none', ';', '}', '}', '</style>', '</head>', '<body>', '<h2>', 'Hide', 'elements', 'on', 'different', 'screen', 'sizes', '</h2>', '<div', 'class=\"example\">', 'Example', 'DIV', '.', '</div>', '<p>', 'When', 'the', 'browser', \"'s\", 'width', 'is', '600px', 'wide', 'or', 'less', ',', 'hide', 'the', 'div', 'element', '.', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1', 'style=\"text', '-', 'align', ':', 'center;\">', 'Centered', 'Heading', '</h1>', '<p', 'style=\"text', '-', 'align', ':', 'center;\">', 'Centered', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'span', 'element', '</h1>', '<p>', 'My', 'mother', 'has', '<span', 'style=\"color', ':', 'blue;font', '-', 'weight', ':', 'bold\">', 'blue', '</span>', 'eyes', 'and', 'my', 'father', 'has', '<span', 'style=\"color', ':', 'darkolivegreen;font', '-', 'weight', ':', 'bold\">', 'dark', 'green', '</span>', 'eyes', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.dropdown', '{', 'position', ':', 'relative', ';', 'display', ':', 'inline', '-', 'block', ';', '}', '.dropdown', '-', 'content', '{', 'display', ':', 'none', ';', 'position', ':', 'absolute', ';', 'background', '-', 'color', ':', '#', 'f9f9f9', ';', 'min', '-', 'width', ':', '160px', ';', 'box', '-', 'shadow', ':', '0px', '8px', '16px', '0px', 'rgba(0,0,0,0.2', ')', ';', 'z', '-', 'index', ':', '1', ';', '}', '.dropdown', ':', 'hover', '.dropdown', '-', 'content', '{', 'display', ':', 'block', ';', '}', '.desc', '{', 'padding', ':', '15px', ';', 'text', '-', 'align', ':', 'center', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Dropdown', 'Image', '</h2>', '<p>', 'Move', 'the', 'mouse', 'over', 'the', 'image', 'below', 'to', 'open', 'the', 'dropdown', 'content', '.', '</p>', '<div', 'class=\"dropdown\">', '<img', 'src=\"img_5terre.jpg', '\"', 'alt=\"Cinque', 'Terre', '\"', 'width=\"100', '\"', 'height=\"50\">'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Range', 'Field', '</h2>', '<p', '>', 'Depending', 'on', 'browser', 'support', ':', 'The', 'input', 'type', '\"', 'range', '\"', 'can', 'be', 'displayed', 'as', 'a', 'slider', 'control.<p>', '<form', 'action=\"/action_page.php', '\"', 'method=\"get\">', '<label', 'for=\"vol\">', 'Volume', '(', 'between', '0', 'and', '50', ')', ':', '</label>', '<input', 'type=\"range', '\"', 'id=\"vol', '\"', 'name=\"vol', '\"', 'min=\"0', '\"', 'max=\"50\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'example1', '{', 'background', '-', 'image', ':', 'url(img_flwr.gif', ')', ',', 'url(paper.gif', ')', ';', 'background', '-', 'position', ':', 'right', 'bottom', ',', 'left', 'top', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ',', 'repeat', ';', 'padding', ':', '15px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Multiple', 'Backgrounds', '</h1>', '<p>', 'The', 'following', 'div', 'element', 'has', 'two', 'background', 'images', ':', '</p>', '<div', 'id=\"example1\">', '<h1>', 'Lorem', 'Ipsum', 'Dolor', '</h1>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', '</p>', '<p>', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.error', '{', 'color', ':', 'red', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p', 'class=\"error\">', 'I', 'am', 'different', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p', 'class=\"error\">', 'I', 'am', 'different', 'too', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'display', ':', 'inline', ';', '}', '</style>', '</head>', '<body>', '<p>', 'These', 'two', 'paragraphs', 'generates', 'inline', 'boxes', ',', 'and', 'it', 'results', 'in', '</p>', '<p>', 'no', 'distance', 'between', 'the', 'two', 'elements', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<nav', 'class=\"navbar', 'navbar', '-', 'inverse', 'navbar', '-', 'fixed', '-', 'bottom\">', '<div', 'class=\"container', '-', 'fluid\">', '<div', 'class=\"navbar', '-', 'header\">', '<a', 'class=\"navbar', '-', 'brand', '\"', 'href=\"#\">', 'WebSiteName', '</a>', '</div>', '<ul', 'class=\"nav', 'navbar', '-', 'nav\">', '<li', 'class=\"active\">', '<a', 'href=\"#\">', 'Home', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<canvas', 'id=\"myCanvas', '\"', 'width=\"200', '\"', 'height=\"100', '\"', 'style=\"border:1px', 'solid', '#', 'd3d3d3;\">', 'Your', 'browser', 'does', 'not', 'support', 'the', 'HTML', 'canvas', 'tag.</canvas>', '<script>', 'var', 'c', '=', 'document.getElementById(\"myCanvas', '\"', ')', ';', 'var', 'ctx', '=', 'c.getContext(\"2d', '\"', ')', ';', '//', 'Create', 'gradient', 'var', 'grd', '=', 'ctx.createLinearGradient(0,0,200,0', ')', ';', 'grd.addColorStop(0,\"red', '\"', ')', ';', 'grd.addColorStop(1,\"white', '\"', ')', ';', '//', 'Fill', 'with', 'gradient', 'ctx.fillStyle', '=', 'grd', ';', 'ctx.fillRect(10,10,150,80', ')', ';', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Panel', 'Heading', '</h2>', '<div', 'class=\"panel', 'panel', '-', 'default\">', '<div', 'class=\"panel', '-', 'heading\">', 'Panel', 'Heading', '</div>', '<div', 'class=\"panel', '-', 'body\">', 'Panel', 'Content', '</div>', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Image', '</h2>', '<p>', 'The', '.img', '-', 'responsive', 'class', 'makes', 'the', 'image', 'scale', 'nicely', 'to', 'the', 'parent', 'element', '(', 'resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', ')', ':', '</p>', '<img', 'class=\"img', '-', 'responsive', '\"', 'src=\"img_chania.jpg', '\"', 'alt=\"Chania', '\"', 'width=\"460', '\"', 'height=\"345\">', '</div>', '</body>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'a[target=_blank', ']', '{', 'background', '-', 'color', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', '[', 'attribute=\"value', '\"', ']', 'Selector', '</h2>', '<p>', 'The', 'link', 'with', 'target=\"_blank', '\"', 'gets', 'a', 'yellow', 'background', ':', '</p>', '<a', 'href=\"https://www.w3schools.com\">', 'w3schools.com', '</a>', '<a', 'href=\"http://www.disney.com', '\"', 'target=\"_blank\">', 'disney.com', '</a>', '<a', 'href=\"http://www.wikipedia.org', '\"', 'target=\"_top\">', 'wikipedia.org', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.newspaper', '{', 'column', '-', 'count', ':', '3', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"newspaper\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', 'Duis', 'autem', 'vel', 'eum', 'iriure', 'dolor', 'in', 'hendrerit', 'in', 'vulputate', 'velit', 'esse', 'molestie', 'consequat', ',', 'vel', 'illum', 'dolore', 'eu', 'feugiat', 'nulla', 'facilisis', 'at', 'vero', 'eros', 'et', 'accumsan', 'et', 'iusto', 'odio', 'dignissim', 'qui', 'blandit', 'praesent', 'luptatum', 'zzril', 'delenit', 'augue', 'duis', 'dolore', 'te', 'feugait', 'nulla', 'facilisi', '.', 'Nam', 'liber', 'tempor', 'cum', 'soluta', 'nobis', 'eleifend', 'option', 'congue', 'nihil', 'imperdiet', 'doming', 'i', 'd', 'quod', 'mazim', 'placerat', 'facer', 'possim', 'assum', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.button', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', '/', '*', 'Green', '*', '/', 'border', ':', 'none', ';', 'color', ':', 'white', ';', 'padding', ':', '15px', '32px', ';', 'text', '-', 'align', ':', 'center', ';', 'text', '-', 'decoration', ':', 'none', ';', 'display', ':', 'inline', '-', 'block', ';', 'margin', ':', '4px', '2px', ';', 'cursor', ':', 'pointer', ';', '}', '.button1', '{', 'font', '-', 'size', ':', '10px', ';', '}', '.button2', '{', 'font', '-', 'size', ':', '12px', ';', '}', '.button3', '{', 'font', '-', 'size', ':', '16px', ';', '}', '.button4', '{', 'font', '-', 'size', ':', '20px', ';', '}', '.button5', '{', 'font', '-', 'size', ':', '24px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Button', 'Sizes', '</h2>', '<p>', 'Change', 'the', 'font', 'size', 'of', 'a', 'button', 'with', 'the', 'font', '-', 'size', 'property', ':', '</p>', '<button', 'class=\"button', 'button1\">', '10px', '</button>', '<button', 'class=\"button', 'button2\">', '12px', '</button>', '<button', 'class=\"button', 'button3\">', '16px', '</button>', '<button', 'class=\"button', 'button4\">', '20px', '</button>', '<button', 'class=\"button', 'button5\">', '24px', '</button>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'The', 'target', 'Attribute', '</h2>', '<a', 'href=\"https://www.w3schools.com/', '\"', 'target=\"_blank\">', 'Visit', 'W3Schools', '!', '</a>', '<p>', 'If', 'target=\"_blank', '\"', ',', 'the', 'link', 'will', 'open', 'in', 'a', 'new', 'browser', 'window', 'or', 'tab', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ol', '{', 'counter', '-', 'reset', ':', 'section', ';', 'list', '-', 'style', '-', 'type', ':', 'none', ';', '}', 'li::before', '{', 'counter', '-', 'increment', ':', 'section', ';', 'content', ':', 'counters(section', ',', '\"', '.', '\"', ')', '\"', '\"', ';', '}', '</style>', '</head>', '<body>', '<ol>', '<li>', 'item', '</li>', '<li', '>', 'item', '<ol>', '<li>', 'item', '</li>', '<li>', 'item', '</li>', '<li', '>', 'item', '<ol>', '<li>', 'item', '</li>', '<li>', 'item', '</li>', '<li>', 'item', '</li>', '</ol>', '</li>', '<li>', 'item', '</li>', '</ol>', '</li>', '<li>', 'item', '</li>', '<li>', 'item', '</li>', '</ol>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Horizontal', 'form', '</h2>', '<form', 'class=\"form', '-', 'horizontal', '\"', 'action=\"/action_page.php\">', '<div', 'class=\"form', '-', 'group\">', '<label', 'class=\"control', '-', 'label', 'col', '-', 'sm-2', '\"', 'for=\"email\">', 'Email', ':', '</label>', '<div', 'class=\"col', '-', 'sm-10\">', '<input', 'type=\"email', '\"', 'class=\"form', '-', 'control', '\"', 'id=\"email', '\"', 'placeholder=\"Enter', 'email', '\"', 'name=\"email\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul.a', '{', 'list', '-', 'style', '-', 'position', ':', 'outside', ';', '}', 'ul.b', '{', 'list', '-', 'style', '-', 'position', ':', 'inside', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'list', '-', 'style', '-', 'position', 'Property', '</h1>', '<h2>', 'list', '-', 'style', '-', 'position', ':', 'outside', '(', 'default', ')', ':', '</h2>', '<ul', 'class=\"a\">', '<li>', 'Coffee', '-', 'A', 'brewed', 'drink', 'prepared', 'from', 'roasted', 'coffee', 'beans', ',', 'which', 'are', 'the', 'seeds', 'of', 'berries', 'from', 'the', 'Coffea', 'plant', '</li>', '<li>', 'Tea', '-', 'An', 'aromatic', 'beverage', 'commonly', 'prepared', 'by', 'pouring', 'hot', 'or', 'boiling', 'water', 'over', 'cured', 'leaves', 'of', 'the', 'Camellia', 'sinensis', ',', 'an', 'evergreen', 'shrub', '(', 'bush', ')', 'native', 'to', 'Asia', '</li>', '<li>', 'Coca', 'Cola', '-', 'A', 'carbonated', 'soft', 'drink', 'produced', 'by', 'The', 'Coca', '-', 'Cola', 'Company', '.', 'The', 'drink', \"'s\", 'name', 'refers', 'to', 'two', 'of', 'its', 'original', 'ingredients', ',', 'which', 'were', 'kola', 'nuts', '(', 'a', 'source', 'of', 'caffeine', ')', 'and', 'coca', 'leaves', '</li>', '</ul>', '<h2>', 'list', '-', 'style', '-', 'position', ':', 'inside', ':', '</h2>', '<ul', 'class=\"b\">', '<li>', 'Coffee', '-', 'A', 'brewed', 'drink', 'prepared', 'from', 'roasted', 'coffee', 'beans', ',', 'which', 'are', 'the', 'seeds', 'of', 'berries', 'from', 'the', 'Coffea', 'plant', '</li>', '<li>', 'Tea', '-', 'An', 'aromatic', 'beverage', 'commonly', 'prepared', 'by', 'pouring', 'hot', 'or', 'boiling', 'water', 'over', 'cured', 'leaves', 'of', 'the', 'Camellia', 'sinensis', ',', 'an', 'evergreen', 'shrub', '(', 'bush', ')', 'native', 'to', 'Asia', '</li>', '<li>', 'Coca', 'Cola', '-', 'A', 'carbonated', 'soft', 'drink', 'produced', 'by', 'The', 'Coca', '-', 'Cola', 'Company', '.', 'The', 'drink', \"'s\", 'name', 'refers', 'to', 'two', 'of', 'its', 'original', 'ingredients', ',', 'which', 'were', 'kola', 'nuts', '(', 'a', 'source', 'of', 'caffeine', ')', 'and', 'coca', 'leaves', '</li>', '</ul>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '.img', '-', 'container', '{', 'float', ':', 'left', ';', 'width', ':', '33.33', '%', ';', 'padding', ':', '5px', ';', '}', '.clearfix::after', '{', 'content', ':', '\"', '\"', ';', 'clear', ':', 'both', ';', 'display', ':', 'table', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Images', 'Side', 'by', 'Side', '</h2>', '<p>', 'Float', 'images', 'side', 'by', 'side', ':', '</p>', '<div', 'class=\"clearfix\">', '<div', 'class=\"img', '-', 'container\">', '<img', 'src=\"img_5terre.jpg', '\"', 'alt=\"Italy', '\"', 'style=\"width:100%\">', '</div>', '<div', 'class=\"img', '-', 'container\">', '<img', 'src=\"img_forest.jpg', '\"', 'alt=\"Forest', '\"', 'style=\"width:100%\">', '</div>', '<div', 'class=\"img', '-', 'container\">', '<img', 'src=\"img_mountains.jpg', '\"', 'alt=\"Mountains', '\"', 'style=\"width:100%\">', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul.breadcrumb', '{', 'padding', ':', '8px', '16px', ';', 'list', '-', 'style', ':', 'none', ';', 'background', '-', 'color', ':', '#', 'eee', ';', '}', 'ul.breadcrumb', 'li', '{', 'display', ':', 'inline', ';', '}', 'ul.breadcrumb', 'li+li', ':', 'before', '{', 'padding', ':', '8px', ';', 'color', ':', 'black', ';', 'content', ':', '\"', '/\\\\00a0', '\"', ';', '}', 'ul.breadcrumb', 'li', 'a', '{', 'color', ':', 'green', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Breadcrumb', 'Pagination', '</h2>', '<ul', 'class=\"breadcrumb\">', '<li>', '<a', 'href=\"#\">', 'Home', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Pictures', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Summer', '15', '</a>', '</li>', '<li>', 'Italy', '</li>', '</ul>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Local', 'Date', 'Field', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"datetime', '-', 'local', '\"', '</strong>', 'specifies', 'a', 'date', 'and', 'time', 'input', 'field', ',', 'with', 'no', 'time', 'zone', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"birthdaytime\">', 'Birthday', '(', 'date', 'and', 'time', ')', ':', '</label>', '<input', 'type=\"datetime', '-', 'local', '\"', 'id=\"birthdaytime', '\"', 'name=\"birthdaytime\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', '<strong>', 'Note', ':', '</strong>', 'type=\"datetime', '-', 'local', '\"', 'is', 'not', 'supported', 'in', 'Firefox', ',', 'Safari', 'or', 'Internet', 'Explorer', '12', '(', 'or', 'earlier', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Circle', '</h2>', '<p>', 'The', '.img', '-', 'circle', 'class', 'shapes', 'the', 'image', 'to', 'a', 'circle', '(', 'not', 'available', 'in', 'IE8', ')', ':', '</p>', '<img', 'src=\"cinqueterre.jpg', '\"', 'class=\"img', '-', 'circle', '\"', 'alt=\"Cinque', 'Terre', '\"', 'width=\"304', '\"', 'height=\"236\">', '</div>', '</body>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'background', '-', 'color', ':', 'linen', ';', '}', 'h1', '{', 'color', ':', 'maroon', ';', 'margin', '-', 'left', ':', '40px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.grid', '-', 'container', '{', 'display', ':', 'grid', ';', 'grid', '-', 'gap', ':', '10px', ';', 'background', '-', 'color', ':', '#', '2196F3', ';', 'padding', ':', '10px', ';', '}', '.grid', '-', 'item', '{', 'background', '-', 'color', ':', 'rgba(255', ',', '255', ',', '255', ',', '0.8', ')', ';', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '20px', ';', 'font', '-', 'size', ':', '30px', ';', '}', '.item1', '{', 'grid', '-', 'column', ':', '1', '/', 'span', '2', ';', 'grid', '-', 'row', ':', '1', ';', '}', '.item2', '{', 'grid', '-', 'column', ':', '3', ';', 'grid', '-', 'row', ':', '1', '/', 'span', '2', ';', '}', '.item5', '{', 'grid', '-', 'column', ':', '1', '/', 'span', '3', ';', 'grid', '-', 'row', ':', '3', ';', '}', '</style>', '</head>', '<body>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'myHeader', '{', 'background', '-', 'color', ':', 'lightblue', ';', 'color', ':', 'black', ';', 'padding', ':', '40px', ';', 'text', '-', 'align', ':', 'center', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'i', 'd', 'Attribute', '</h2>', '<p>', 'Use', 'CSS', 'to', 'style', 'an', 'element', 'with', 'the', 'i', 'd', '\"', 'myHeader', '\"', ':', '</p>', '<h1', 'id=\"myHeader\">', 'My', 'Header', '</h1>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Text', 'field', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"text', '\"', '</strong>', 'defines', 'a', 'one', '-', 'line', 'text', 'input', 'field', ':', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"fname\">', 'First', 'name', ':', '</label>', '<br>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\"><br>', '<label', 'for=\"lname\">', 'Last', 'name', ':', '</label>', '<br>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', 'Note', 'that', 'the', 'form', 'itself', 'is', 'not', 'visible', '.', '</p>', '<p>', 'Also', 'note', 'that', 'the', 'default', 'width', 'of', 'a', 'text', 'field', 'is', '20', 'characters', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Well', '</h2>', '<div', 'class=\"well\">', 'Basic', 'Well', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'home', '{', 'width', ':', '46px', ';', 'height', ':', '44px', ';', 'background', ':', 'url(img_navsprites.gif', ')', '0', '0', ';', '}', '#', 'next', '{', 'width', ':', '43px', ';', 'height', ':', '44px', ';', 'background', ':', 'url(img_navsprites.gif', ')', '-91px', '0', ';', '}', '</style>', '</head>', '<body>', '<img', 'id=\"home', '\"', 'src=\"img_trans.gif', '\"', 'width=\"1', '\"', 'height=\"1\">', '<img', 'id=\"next', '\"', 'src=\"img_trans.gif', '\"', 'width=\"1', '\"', 'height=\"1\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'width', ':', '200px', ';', 'height', ':', '300px', ';', 'object', '-', 'fit', ':', 'cover', ';', 'object', '-', 'position', ':', '15', '%', '100', '%', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Using', 'object', '-', 'position', '</h2>', '<img', 'src=\"paris.jpg', '\"', 'alt=\"Paris', '\"', 'width=\"400', '\"', 'height=\"300\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'Browsers', 'usually', 'insert', 'quotation', 'marks', 'around', 'the', 'q', 'element', '.', '</p>', '<p>', 'WWF', \"'s\", 'goal', 'is', 'to', ':', '<q>', 'Build', 'a', 'future', 'where', 'people', 'live', 'in', 'harmony', 'with', 'nature', '.', '</q>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'HTML>', '<html>', '<head>', '<style>', '#', 'div1', '{', 'width', ':', '350px', ';', 'height', ':', '70px', ';', 'padding', ':', '10px', ';', 'border', ':', '1px', 'solid', '#', 'aaaaaa', ';', '}', '</style>', '<script>', 'function', 'allowDrop(ev', ')', '{', 'ev.preventDefault', '(', ')', ';', '}', 'function', 'drag(ev', ')', '{', 'ev.dataTransfer.setData(\"text', '\"', ',', 'ev.target.id', ')', ';', '}', 'function', 'drop(ev', ')', '{', 'ev.preventDefault', '(', ')', ';', 'var', 'data', '=', 'ev.dataTransfer.getData(\"text', '\"', ')', ';', 'ev.target.appendChild(document.getElementById(data', ')', ')', ';', '}', '</script>', '</head>', '<body>', '<p>', 'Drag', 'the', 'W3Schools', 'image', 'into', 'the', 'rectangle', ':', '</p>', '<div', 'id=\"div1', '\"', 'ondrop=\"drop(event', ')', '\"', 'ondragover=\"allowDrop(event)\">', '</div>', '<br>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.container', '{', 'position', ':', 'relative', ';', '}', '.bottomright', '{', 'position', ':', 'absolute', ';', 'bottom', ':', '8px', ';', 'right', ':', '16px', ';', 'font', '-', 'size', ':', '18px', ';', '}', 'img', '{', 'width', ':', '100', '%', ';', 'height', ':', 'auto', ';', 'opacity', ':', '0.3', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Image', 'Text', '</h2>', '<p>', 'Add', 'some', 'text', 'to', 'an', 'image', 'in', 'the', 'bottom', 'right', 'corner', ':', '</p>', '<div', 'class=\"container\">', '<img', 'src=\"img_5terre_wide.jpg', '\"', 'alt=\"Cinque', 'Terre', '\"', 'width=\"1000', '\"', 'height=\"300\">', '<div', 'class=\"bottomright\">', 'Bottom', 'Right', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Use', 'JavaScript', 'to', 'Change', 'Text', '</h2>', '<p>', 'This', 'example', 'writes', '\"', 'Hello', 'JavaScript', '!', '\"', 'into', 'an', 'HTML', 'element', 'with', 'id=\"demo', '\"', ':', '</p>', '<p', 'id=\"demo\">', '</p>', '<script>', 'document.getElementById(\"demo\").innerHTML', '=', '\"', 'Hello', 'JavaScript', '!', '\"', ';', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'input', '{', 'width', ':', '100', '%', ';', '}', '</style>', '</head>', '<body>', '<p>', 'A', 'full', '-', 'width', 'input', 'field', ':', '</p>', '<form>', '<label', 'for=\"fname\">', 'First', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'width', ':', '200px', ';', 'height', ':', '300px', ';', 'object', '-', 'fit', ':', 'fill', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Using', 'object', '-', 'fit', ':', 'fill', ';', '</h2>', '<img', 'src=\"paris.jpg', '\"', 'alt=\"Paris', '\"', 'width=\"400', '\"', 'height=\"300\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '[', 'class^=\"top', '\"', ']', '{', 'background', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', '[', 'attribute^=\"value', '\"', ']', 'Selector', '</h2>', '<h1', 'class=\"top', '-', 'header\">', 'Welcome', '</h1>', '<p', 'class=\"top', '-', 'text\">', 'Hello', 'world', '!', '</p>', '<p', 'class=\"topcontent\">', 'Are', 'you', 'learning', 'CSS', '?', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'color', ':', 'blue', ';', '}', 'h1', '{', 'color', ':', 'green', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'heading', '1', '</h1>', '<p>', 'This', 'is', 'an', 'ordinary', 'paragraph', '.', 'Notice', 'that', 'this', 'text', 'is', 'blue', '.', 'The', 'default', 'text', 'color', 'for', 'a', 'page', 'is', 'defined', 'in', 'the', 'body', 'selector', '.', '</p>', '<p>', 'Another', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Medium', 'Grid', '</h1>', '<p>', 'The', 'following', 'example', 'will', 'result', 'in', 'a', '50%/50', '%', 'split', 'on', 'medium', 'and', 'large', 'devices', '.', 'On', 'small', '(', 'and', 'extra', 'small', ')', 'devices', ',', 'it', 'will', 'automatically', 'stack', '(', '100', '%', ')', '.', '</p>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'md-6', '\"', 'style=\"background', '-', 'color', ':', 'yellow;\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua.<br>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'input', 'placeholder', 'attribute', '</h1>', '<p>', 'The', 'placeholder', 'attribute', 'specifies', 'a', 'short', 'hint', 'that', 'describes', 'the', 'expected', 'value', 'of', 'an', 'input', 'field', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"phone\">', 'Enter', 'a', 'phone', 'number', ':', '</label>', '<input', 'type=\"tel', '\"', 'id=\"phone', '\"', 'name=\"phone', '\"', 'placeholder=\"123', '-', '45', '-', '678', '\"', 'pattern=\"[0', '-', '9]{3}-[0', '-', '9]{2}-[0', '-', '9]{3}\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '.first', '{', '-webkit', '-', 'order', ':', '-1', ';', 'order', ':', '-1', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item', 'first\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h3>', 'Popover', 'Example', '</h3>', '<a', 'href=', '\"', '#', '\"', 'title=\"Header', '\"', 'data', '-', 'toggle=\"popover', '\"', 'data', '-', 'content=\"Some', 'content\">', 'Click', 'Me', '</a>', '<br>', '<a', 'href=', '\"', '#', '\"', 'title=\"Header', '\"', 'data', '-', 'toggle=\"popover', '\"', 'data', '-', 'trigger=\"hover', '\"', 'data', '-', 'content=\"Some', 'content\">', 'Hover', 'over', 'me', '</a>', '</div>', '<script>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.center', '{', 'text', '-', 'align', ':', 'center', ';', '}', '.pagination', '{', 'display', ':', 'inline', '-', 'block', ';', '}', '.pagination', 'a', '{', 'color', ':', 'black', ';', 'float', ':', 'left', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', 'transition', ':', 'background', '-', 'color', '.3s', ';', 'border', ':', '1px', 'solid', '#', 'ddd', ';', 'margin', ':', '0', '4px', ';', '}', '.pagination', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', 'border', ':', '1px', 'solid', '#', '4CAF50', ';', '}', '.pagination', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', 'ddd', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Centered', 'Pagination', '</h2>', '<div', 'class=\"center\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.newspaper', '{', 'column', '-', 'count', ':', '3', ';', 'column', '-', 'gap', ':', '40px', ';', 'column', '-', 'rule', '-', 'style', ':', 'solid', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"newspaper\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', 'Duis', 'autem', 'vel', 'eum', 'iriure', 'dolor', 'in', 'hendrerit', 'in', 'vulputate', 'velit', 'esse', 'molestie', 'consequat', ',', 'vel', 'illum', 'dolore', 'eu', 'feugiat', 'nulla', 'facilisis', 'at', 'vero', 'eros', 'et', 'accumsan', 'et', 'iusto', 'odio', 'dignissim', 'qui', 'blandit', 'praesent', 'luptatum', 'zzril', 'delenit', 'augue', 'duis', 'dolore', 'te', 'feugait', 'nulla', 'facilisi', '.', 'Nam', 'liber', 'tempor', 'cum', 'soluta', 'nobis', 'eleifend', 'option', 'congue', 'nihil', 'imperdiet', 'doming', 'i', 'd', 'quod', 'mazim', 'placerat', 'facer', 'possim', 'assum', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'grad1', '{', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'linear', '-', 'gradient(0deg', ',', 'red', ',', 'yellow', ')', ';', '}', '#', 'grad2', '{', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'linear', '-', 'gradient(90deg', ',', 'red', ',', 'yellow', ')', ';', '}', '#', 'grad3', '{', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'linear', '-', 'gradient(180deg', ',', 'red', ',', 'yellow', ')', ';', '}', '#', 'grad4', '{', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'linear', '-', 'gradient(-90deg', ',', 'red', ',', 'yellow', ')', ';', '}', '</style>', '</head>', '<body>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'td', ',', 'th', '{', 'border', ':', '1px', 'solid', 'black', ';', '}', 'table', '{', 'border', '-', 'collapse', ':', 'collapse', ';', 'width', ':', '100', '%', ';', '}', 'th', '{', 'text', '-', 'align', ':', 'left', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'text', '-', 'align', 'Property', '</h2>', '<p>', 'This', 'property', 'sets', 'the', 'horizontal', 'alignment', '(', 'like', 'left', ',', 'right', ',', 'or', 'center', ')', 'of', 'the', 'content', 'in', 'th', 'or', 'td', '.', '</p>', '<table>', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Savings', '</th>', '</tr>', '<tr>', '<td>', 'Peter', '</td>', '<td>', 'Griffin', '</td>', '<td>', '$', '100', '</td>', '</tr>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Hello', 'World', '!', '</h1>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'xs-9', 'col', '-', 'md-7', '\"', 'style=\"background', '-', 'color', ':', 'red;\">', '.col', '-', 'xs-9', '.col', '-', 'md-7', '</div>', '<div', 'class=\"col', '-', 'xs-3', 'col', '-', 'md-5', '\"', 'style=\"background', '-', 'color', ':', 'lavender;\">', '.col', '-', 'xs-3', '.col', '-', 'md-5', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', ':', 'first', '-', 'child', '{', 'color', ':', 'blue', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'some', 'text', '.', '</p>', '<p>', 'This', 'is', 'some', 'text', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<!--', 'Do', 'not', 'display', 'this', 'at', 'the', 'moment', '<img', 'border=\"0', '\"', 'src=\"pic_trulli.jpg', '\"', 'alt=\"Trulli\">', '-->', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.dotted', '{', 'border', '-', 'style', ':', 'dotted', ';', '}', 'p.dashed', '{', 'border', '-', 'style', ':', 'dashed', ';', '}', 'p.solid', '{', 'border', '-', 'style', ':', 'solid', ';', '}', 'p.double', '{', 'border', '-', 'style', ':', 'double', ';', '}', 'p.groove', '{', 'border', '-', 'style', ':', 'groove', ';', '}', 'p.ridge', '{', 'border', '-', 'style', ':', 'ridge', ';', '}', 'p.inset', '{', 'border', '-', 'style', ':', 'inset', ';', '}', 'p.outset', '{', 'border', '-', 'style', ':', 'outset', ';', '}', 'p.none', '{', 'border', '-', 'style', ':', 'none', ';', '}', 'p.hidden', '{', 'border', '-', 'style', ':', 'hidden', ';', '}', 'p.mix', '{', 'border', '-', 'style', ':', 'dotted', 'dashed', 'solid', 'double', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'border', '-', 'style', 'Property', '</h2>', '<p>', 'This', 'property', 'specifies', 'what', 'kind', 'of', 'border', 'to', 'display', ':', '</p>', '<p', 'class=\"dotted\">', 'A', 'dotted', 'border', '.', '</p>', '<p', 'class=\"dashed\">', 'A', 'dashed', 'border', '.', '</p>', '<p', 'class=\"solid\">', 'A', 'solid', 'border', '.', '</p>', '<p', 'class=\"double\">', 'A', 'double', 'border', '.', '</p>', '<p', 'class=\"groove\">', 'A', 'groove', 'border', '.', '</p>', '<p', 'class=\"ridge\">', 'A', 'ridge', 'border', '.', '</p>', '<p', 'class=\"inset\">', 'An', 'inset', 'border', '.', '</p>', '<p', 'class=\"outset\">', 'An', 'outset', 'border', '.', '</p>', '<p', 'class=\"none\">', 'No', 'border', '.', '</p>', '<p', 'class=\"hidden\">', 'A', 'hidden', 'border', '.', '</p>', '<p', 'class=\"mix\">', 'A', 'mixed', 'border', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h3>', 'Pills', 'With', 'Dropdown', 'Menu', '</h3>', '<ul', 'class=\"nav', 'nav', '-', 'pills', 'nav', '-', 'stacked\">', '<li', 'class=\"active\">', '<a', 'href=\"#\">', 'Home', '</a>', '</li>', '<li', 'class=\"dropdown\">', '<a', 'class=\"dropdown', '-', 'toggle', '\"', 'data', '-', 'toggle=\"dropdown', '\"', 'href=\"#\">', 'Menu', '1', '<span', 'class=\"caret\">', '</span>', '</a>', '<ul', 'class=\"dropdown', '-', 'menu\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'right', '-', 'width', ':', '15px', ';', '}', '</style>', '</head>', '<body>', '<p>', '<b>', 'Note', ':', '</b>', 'The', '\"', 'border', '-', 'right', '-', 'width', '\"', 'property', 'does', 'not', 'work', 'if', 'it', 'is', 'used', 'alone', '.', 'Use', 'the', '\"', 'border', '-', 'style', '\"', 'property', 'to', 'set', 'the', 'borders', 'first', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', '}', 'p.none', '{', 'border', '-', 'left', '-', 'style', ':', 'none', ';', '}', 'p.dotted', '{', 'border', '-', 'left', '-', 'style', ':', 'dotted', ';', '}', 'p.dashed', '{', 'border', '-', 'left', '-', 'style', ':', 'dashed', ';', '}', 'p.solid', '{', 'border', '-', 'left', '-', 'style', ':', 'solid', ';', '}', 'p.double', '{', 'border', '-', 'left', '-', 'style', ':', 'double', ';', '}', 'p.groove', '{', 'border', '-', 'left', '-', 'style', ':', 'groove', ';', '}', 'p.ridge', '{', 'border', '-', 'left', '-', 'style', ':', 'ridge', ';', '}', 'p.inset', '{', 'border', '-', 'left', '-', 'style', ':', 'inset', ';', '}', 'p.outset', '{', 'border', '-', 'left', '-', 'style', ':', 'outset', ';', '}', '</style>', '</head>', '<body>', '<p', 'class=\"none\">', 'No', 'left', 'border', '.', '</p>', '<p', 'class=\"dotted\">', 'A', 'dotted', 'left', 'border', '.', '</p>', '<p', 'class=\"dashed\">', 'A', 'dashed', 'left', 'border', '.', '</p>', '<p', 'class=\"solid\">', 'A', 'solid', 'left', 'border', '.', '</p>', '<p', 'class=\"double\">', 'A', 'double', 'left', 'border', '.', '</p>', '<p', 'class=\"groove\">', 'A', 'groove', 'left', 'border', '.', '</p>', '<p', 'class=\"ridge\">', 'A', 'ridge', 'left', 'border', '.', '</p>', '<p', 'class=\"inset\">', 'An', 'inset', 'left', 'border', '.', '</p>', '<p', 'class=\"outset\">', 'An', 'outset', 'left', 'border', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Using', 'The', 'i', 'd', 'Attribute', 'in', 'JavaScript', '</h2>', '<p>', 'JavaScript', 'can', 'access', 'an', 'element', 'with', 'a', 'specified', 'i', 'd', 'by', 'using', 'the', 'getElementById', '(', ')', 'method', ':', '</p>', '<h1', 'id=\"myHeader\">', 'Hello', 'World', '!', '</h1>', '<button', 'onclick=\"displayResult()\">', 'Change', 'text', '</button>', '<script>', 'function', 'displayResult', '(', ')', '{', 'document.getElementById(\"myHeader\").innerHTML', '=', '\"', 'Have', 'a', 'nice', 'day', '!', '\"', ';', '}', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', ':', 'red', ';', 'transition', ':', 'width', '2s', 'linear', '1s', ';', '}', 'div', ':', 'hover', '{', 'width', ':', '300px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Using', 'The', 'transition', 'Shorthand', 'Property', '</h1>', '<p>', 'Hover', 'over', 'the', 'div', 'element', 'below', ',', 'to', 'see', 'the', 'transition', 'effect', ':', '</p>', '<div>', '</div>', '<p>', '<b>', 'Note', ':', '</b>', 'The', 'transition', 'effect', 'has', 'a', '1', 'second', 'delay', 'before', 'starting', '.', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'This', 'example', 'does', 'not', 'work', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.newspaper', '{', 'column', '-', 'count', ':', '3', ';', 'column', '-', 'gap', ':', '40px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"newspaper\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', 'Duis', 'autem', 'vel', 'eum', 'iriure', 'dolor', 'in', 'hendrerit', 'in', 'vulputate', 'velit', 'esse', 'molestie', 'consequat', ',', 'vel', 'illum', 'dolore', 'eu', 'feugiat', 'nulla', 'facilisis', 'at', 'vero', 'eros', 'et', 'accumsan', 'et', 'iusto', 'odio', 'dignissim', 'qui', 'blandit', 'praesent', 'luptatum', 'zzril', 'delenit', 'augue', 'duis', 'dolore', 'te', 'feugait', 'nulla', 'facilisi', '.', 'Nam', 'liber', 'tempor', 'cum', 'soluta', 'nobis', 'eleifend', 'option', 'congue', 'nihil', 'imperdiet', 'doming', 'i', 'd', 'quod', 'mazim', 'placerat', 'facer', 'possim', 'assum', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.dropbtn', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', 'padding', ':', '16px', ';', 'font', '-', 'size', ':', '16px', ';', 'border', ':', 'none', ';', 'cursor', ':', 'pointer', ';', '}', '.dropdown', '{', 'position', ':', 'relative', ';', 'display', ':', 'inline', '-', 'block', ';', '}', '.dropdown', '-', 'content', '{', 'display', ':', 'none', ';', 'position', ':', 'absolute', ';', 'right', ':', '0', ';', 'background', '-', 'color', ':', '#', 'f9f9f9', ';', 'min', '-', 'width', ':', '160px', ';', 'box', '-', 'shadow', ':', '0px', '8px', '16px', '0px', 'rgba(0,0,0,0.2', ')', ';', 'z', '-', 'index', ':', '1', ';', '}', '.dropdown', '-', 'content', 'a', '{', 'color', ':', 'black', ';', 'padding', ':', '12px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', 'display', ':', 'block', ';', '}'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '<style>', '/', '*', 'Style', 'the', 'input', 'field', '*', '/', '#', 'myInput', '{', 'padding', ':', '20px', ';', 'margin', '-', 'top', ':', '-6px', ';', 'border', ':', '0', ';', 'border', '-', 'radius', ':', '0', ';', 'background', ':', '#', 'f1f1f1', ';', '}', '</style>', '</head>', '<body>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'margin', ':', '150px', ';', 'width', ':', '200px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '-ms', '-', 'transform', ':', 'scale(2,3', ')', ';', '/', '*', 'IE', '9', '*', '/', 'transform', ':', 'scale(2,3', ')', ';', '/', '*', 'Standard', 'syntax', '*', '/', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'scale', '(', ')', 'Method', '</h1>', '<p>', 'The', 'scale', '(', ')', 'method', 'increases', 'or', 'decreases', 'the', 'size', 'of', 'an', 'element', '.', '</p>', '<div>', 'This', 'div', 'element', 'is', 'two', 'times', 'of', 'its', 'original', 'width', ',', 'and', 'three', 'times', 'of', 'its', 'original', 'height', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'position', ':', 'absolute', ';', 'right', ':', '50px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<img', 'src=\"smiley.gif', '\"', 'width=\"42', '\"', 'height=\"42\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'max', '-', 'height', ':', '600px', ';', 'min', '-', 'height', ':', '400px', ';', 'background', '-', 'color', ':', 'powderblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Set', 'the', 'max', '-', 'height', 'and', 'min', '-', 'height', 'of', 'an', 'element', '</h2>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', '>', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text.</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.button', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', '/', '*', 'Green', '*', '/', 'border', ':', 'none', ';', 'color', ':', 'white', ';', 'padding', ':', '20px', ';', 'text', '-', 'align', ':', 'center', ';', 'text', '-', 'decoration', ':', 'none', ';', 'display', ':', 'inline', '-', 'block', ';', 'font', '-', 'size', ':', '16px', ';', 'margin', ':', '4px', '2px', ';', 'cursor', ':', 'pointer', ';', '}', '.button1', '{', 'border', '-', 'radius', ':', '2px', ';', '}', '.button2', '{', 'border', '-', 'radius', ':', '4px', ';', '}', '.button3', '{', 'border', '-', 'radius', ':', '8px', ';', '}', '.button4', '{', 'border', '-', 'radius', ':', '12px', ';', '}', '.button5', '{', 'border', '-', 'radius', ':', '50', '%', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Rounded', 'Buttons', '</h2>', '<p>', 'Add', 'rounded', 'corners', 'to', 'a', 'button', 'with', 'the', 'border', '-', 'radius', 'property', ':', '</p>', '<button', 'class=\"button', 'button1\">', '2px', '</button>', '<button', 'class=\"button', 'button2\">', '4px', '</button>', '<button', 'class=\"button', 'button3\">', '8px', '</button>', '<button', 'class=\"button', 'button4\">', '12px', '</button>', '<button', 'class=\"button', 'button5\">', '50', '%', '</button>', '</body>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Ordered', 'List', 'with', 'Letters', '</h2>', '<ol', 'type=\"A\">', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Milk', '</li>', '</ol>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'This', 'is', 'heading', '1', '</h1>', '<p>', 'This', 'is', 'some', 'text', '.', '</p>', '<hr>', '<h2>', 'This', 'is', 'heading', '2', '</h2>', '<p>', 'This', 'is', 'some', 'other', 'text', '.', '</p>', '<hr>', '<h2>', 'This', 'is', 'heading', '2', '</h2>', '<p>', 'This', 'is', 'some', 'other', 'text', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<style>', '@media', 'screen', 'and', '(', 'max', '-', 'width', ':', '900px', ')', 'and', '(', 'min', '-', 'width', ':', '600px', ')', '{', 'div.example', '{', 'font', '-', 'size', ':', '50px', ';', 'padding', ':', '50px', ';', 'border', ':', '8px', 'solid', 'black', ';', 'background', ':', 'yellow', ';', '}', '}', '</style>', '</head>', '<body>', '<h2>', 'Change', 'the', 'appearance', 'of', 'DIV', 'on', 'different', 'screen', 'sizes', '</h2>', '<div', 'class=\"example\">', 'Example', 'DIV', '.', '</div>', '<p', '>', 'When', 'the', 'browser', \"'s\", 'width', 'is', 'between', '600', 'and', '900px', ',', 'change', 'the', 'appearance', 'of', 'DIV', '.', '<strong>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '</strong>', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Image', 'Size', '</h2>', '<p>', 'Here', 'we', 'specify', 'the', 'width', 'and', 'height', 'of', 'an', 'image', 'with', 'the', 'width', 'and', 'height', 'attributes', ':', '</p>', '<img', 'src=\"img_girl.jpg', '\"', 'alt=\"Girl', 'in', 'a', 'jacket', '\"', 'width=\"500', '\"', 'height=\"600\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<a', 'href', '=', 'https://www.w3schools.com>', 'This', 'is', 'a', 'link', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'background', '-', 'color', ':', '#', 'eee', ';', 'width', ':', '200px', ';', 'height', ':', '100px', ';', 'border', ':', '1px', 'dotted', 'black', ';', 'overflow', ':', 'scroll', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', 'Overflow', '</h2>', '<p>', 'Setting', 'the', 'overflow', 'value', 'to', 'scroll', ',', 'the', 'overflow', 'is', 'clipped', 'and', 'a', 'scrollbar', 'is', 'added', 'to', 'scroll', 'inside', 'the', 'box', '.', 'Note', 'that', 'this', 'will', 'add', 'a', 'scrollbar', 'both', 'horizontally', 'and', 'vertically', '(', 'even', 'if', 'you', 'do', 'not', 'need', 'it', ')', ':', '</p>', '<div>', 'You', 'can', 'use', 'the', 'overflow', 'property', 'when', 'you', 'want', 'to', 'have', 'better', 'control', 'of', 'the', 'layout', '.', 'The', 'overflow', 'property', 'specifies', 'what', 'happens', 'if', 'content', 'overflows', 'an', 'element', \"'s\", 'box', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'width', ':', '200px', ';', 'height', ':', '300px', ';', 'object', '-', 'fit', ':', 'contain', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Using', 'object', '-', 'fit', ':', 'contain', ';', '</h2>', '<img', 'src=\"paris.jpg', '\"', 'alt=\"Paris', '\"', 'width=\"400', '\"', 'height=\"300\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<nav', 'class=\"navbar', 'navbar', '-', 'inverse\">', '<div', 'class=\"container', '-', 'fluid\">', '<div', 'class=\"navbar', '-', 'header\">', '<a', 'class=\"navbar', '-', 'brand', '\"', 'href=\"#\">', 'WebSiteName', '</a>', '</div>', '<ul', 'class=\"nav', 'navbar', '-', 'nav\">', '<li', 'class=\"active\">', '<a', 'href=\"#\">', 'Home', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'margin', ':', '0', ';', '}', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', 'input', ',', 'textarea', '{', 'width', ':', '100', '%', ';', '}', '</style>', '</head>', '<body>', '<form', 'action=\"/action_page.php\">', 'First', 'name:<br>', '<input', 'type=\"text', '\"', 'name=\"firstname', '\"', 'value=\"Mickey\"><br>', 'Last', 'name:<br>', '<input', 'type=\"text', '\"', 'name=\"lastname', '\"', 'value=\"Mouse\"><br>', 'Comments:<br>', '<textarea', 'name=\"message', '\"', 'rows=\"5', '\"', 'cols=\"30\">', '</textarea>', '<br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', '<strong>', 'Tip', ':', '</strong>', 'Try', 'to', 'remove', 'the', 'box', '-', 'sizing', 'property', 'from', 'the', 'style', 'element', 'and', 'look', 'what', 'happens', '.', 'Notice', 'that', 'the', 'width', 'of', 'input', ',', 'textarea', ',', 'and', 'submit', 'button', 'will', 'go', 'outside', 'of', 'the', 'screen.</p>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'text', '-', 'shadow', ':', '2px', '2px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Text', '-', 'shadow', 'effect', '!', '</h1>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '<style>', '/', '*', 'Note', ':', 'Try', 'to', 'remove', 'the', 'following', 'lines', 'to', 'see', 'the', 'effect', 'of', 'CSS', 'positioning', '*', '/', '.affix', '{', 'top', ':', '0', ';', 'width', ':', '100', '%', ';', 'z', '-', 'index', ':', '9999', '!', 'important', ';', '}', '.affix', '+', '.container', '-', 'fluid', '{', 'padding', '-', 'top', ':', '70px', ';'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'padding', ':', '15px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'box', '-', 'shadow', ':', '10px', '10px', '5px', 'grey', ';', '}', '</style>', '</head>', '<body>', '<div>', 'This', 'is', 'a', 'div', 'element', 'with', 'a', 'box', '-', 'shadow', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1.0\">', '<style>', 'video', '{', 'max', '-', 'width', ':', '100', '%', ';', 'height', ':', 'auto', ';', '}', '</style>', '</head>', '<body>', '<video', 'width=\"400', '\"', 'controls>', '<source', 'src=\"mov_bbb.mp4', '\"', 'type=\"video', '/', 'mp4\">', '<source', 'src=\"mov_bbb.ogg', '\"', 'type=\"video', '/', 'ogg\">', 'Your', 'browser', 'does', 'not', 'support', 'HTML5', 'video', '.', '</video>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'how', 'the', 'size', 'of', 'the', 'video', 'player', 'will', 'scale', 'when', 'the', 'width', 'is', 'less', 'than', '400px', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div.test', '{', 'white', '-', 'space', ':', 'nowrap', ';', 'width', ':', '200px', ';', 'overflow', ':', 'hidden', ';', 'border', ':', '1px', 'solid', '#', '000000', ';', '}', 'div.test', ':', 'hover', '{', 'overflow', ':', 'visible', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Hover', 'over', 'the', 'two', 'divs', 'below', ',', 'to', 'see', 'the', 'entire', 'text', '.', '</p>', '<div', 'class=\"test', '\"', 'style=\"text', '-', 'overflow', ':', 'ellipsis;\">', 'This', 'is', 'some', 'long', 'text', 'that', 'will', 'not', 'fit', 'in', 'the', 'box', '</div>', '<br>', '<div', 'class=\"test', '\"', 'style=\"text', '-', 'overflow', ':', 'clip;\">', 'This', 'is', 'some', 'long', 'text', 'that', 'will', 'not', 'fit', 'in', 'the', 'box', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'para1', '{', 'text', '-', 'align', ':', 'center', ';', 'color', ':', 'red', ';', '}', '</style>', '</head>', '<body>', '<p', 'id=\"para1\">', 'Hello', 'World', '!', '</p>', '<p>', 'This', 'paragraph', 'is', 'not', 'affected', 'by', 'the', 'style', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'input', 'formenctype', 'attribute', '</h1>', '<p>', 'The', 'formenctype', 'attribute', 'specifies', 'how', 'the', 'form', 'data', 'should', 'be', 'encoded', 'when', 'submitted', '.', '</p>', '<form', 'action=\"/action_page_binary.asp', '\"', 'method=\"post\">', '<label', 'for=\"fname\">', 'First', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '<input', 'type=\"submit', '\"', 'formenctype=\"multipart', '/', 'form', '-', 'data', '\"', 'value=\"Submit', 'as', 'Multipart', '/', 'form', '-', 'data\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '}', '#', 'myDiv', '{', 'transform', ':', 'rotateX(150deg', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'rotateX', '(', ')', 'Method', '</h1>', '<p>', 'The', 'rotateX', '(', ')', 'method', 'rotates', 'an', 'element', 'around', 'its', 'X', '-', 'axis', 'at', 'a', 'given', 'degree', '.', '</p>', '<div>', 'This', 'a', 'normal', 'div', 'element', '.', '</div>', '<div', 'id=\"myDiv\">', 'This', 'div', 'element', 'is', 'rotated', '150', 'degrees', '.', '</div>', '<p>', '<b>', 'Note', ':', '</b>', 'Internet', 'Explorer', '9', '(', 'and', 'earlier', 'versions', ')', 'does', 'not', 'support', 'the', 'rotateX', '(', ')', 'method', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul.demo', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Default', 'list', ':', '</p>', '<ul>', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Coca', 'Cola', '</li>', '</ul>', '<p>', 'Remove', 'bullets', ',', 'margin', 'and', 'padding', ':', '</p>', '<ul', 'class=\"demo\">', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Coca', 'Cola', '</li>', '</ul>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<style>', '.tooltip', '{', 'position', ':', 'relative', ';', 'display', ':', 'inline', '-', 'block', ';', 'border', '-', 'bottom', ':', '1px', 'dotted', 'black', ';', '}', '.tooltip', '.tooltiptext', '{', 'visibility', ':', 'hidden', ';', 'width', ':', '120px', ';', 'background', '-', 'color', ':', 'black', ';', 'color', ':', '#', 'fff', ';', 'text', '-', 'align', ':', 'center', ';', 'border', '-', 'radius', ':', '6px', ';', 'padding', ':', '5px', '0', ';', 'position', ':', 'absolute', ';', 'z', '-', 'index', ':', '1', ';', 'bottom', ':', '100', '%', ';', 'left', ':', '50', '%', ';', 'margin', '-', 'left', ':', '-60px', ';', '/', '*', 'Fade', 'in', 'tooltip', '-', 'takes', '1', 'second', 'to', 'go', 'from', '0', '%', 'to', '100', '%', 'opac', ':', '*', '/', 'opacity', ':', '0', ';', 'transition', ':', 'opacity', '1s', ';', '}', '.tooltip', ':', 'hover', '.tooltiptext', '{', 'visibility', ':', 'visible', ';', 'opacity', ':', '1', ';', '}', '</style>', '<body', 'style=\"text', '-', 'align', ':', 'center;\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'td', ',', 'th', '{', 'border', ':', '1px', 'solid', 'black', ';', '}', 'caption', '{', 'caption', '-', 'side', ':', 'bottom', ';', '}', '</style>', '</head>', '<body>', '<table>', '<caption>', 'Table', '1.1', 'Customers', '</caption>', '<tr>', '<th>', 'Company', '</th>', '<th>', 'Contact', '</th>', '<th>', 'Country', '</th>', '</tr>', '<tr>', '<td>', 'Alfreds', 'Futterkiste', '</td>', '<td>', 'Maria', 'Anders', '</td>', '<td>', 'Germany', '</td>', '</tr>', '<tr', 'class=\"alt\">', '<td>', 'Berglunds', 'snabbköp', '</td>', '<td>', 'Christina', 'Berglund', '</td>', '<td>', 'Sweden', '</td>', '</tr>', '<tr>', '<td>', 'Centro', 'comercial', 'Moctezuma', '</td>', '<td>', 'Francisco', 'Chang', '</td>', '<td>', 'Mexico', '</td>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'span', '{', 'display', ':', 'block', ';', '}', '</style>', '</head>', '<body>', '<span>', 'A', 'display', 'property', 'with', 'a', 'value', 'of', '\"', 'block', '\"', 'results', 'in', '</span>', '<span>', 'a', 'line', 'break', 'between', 'the', 'two', 'elements', '.', '</span>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul#menu', 'li', '{', 'display', ':', 'inline', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Horizontal', 'List', '</h2>', '<ul', 'id=\"menu\">', '<li>', 'HTML', '</li>', '<li>', 'CSS', '</li>', '<li>', 'JavaScript', '</li>', '<li>', 'PHP', '</li>', '</ul>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'grad1', '{', 'height', ':', '150px', ';', 'width', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'repeating', '-', 'radial', '-', 'gradient(red', ',', 'yellow', '10', '%', ',', 'green', '15', '%', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Repeating', 'Radial', 'Gradient', '</h1>', '<div', 'id=\"grad1\">', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.div1', '{', 'float', ':', 'left', ';', 'width', ':', '100px', ';', 'height', ':', '50px', ';', 'margin', ':', '10px', ';', 'border', ':', '3px', 'solid', '#', '73AD21', ';', '}', '.div2', '{', 'border', ':', '1px', 'solid', 'red', ';', '}', '.div3', '{', 'float', ':', 'left', ';', 'width', ':', '100px', ';', 'height', ':', '50px', ';', 'margin', ':', '10px', ';', 'border', ':', '3px', 'solid', '#', '73AD21', ';', '}', '.div4', '{', 'border', ':', '1px', 'solid', 'red', ';', 'clear', ':', 'left', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Without', 'clear', '</h2>', '<div', 'class=\"div1\">', 'div1', '</div>', '<div', 'class=\"div2\">', 'div2', '-', 'Notice', 'that', 'the', 'div2', 'element', 'is', 'after', 'div1', ',', 'in', 'the', 'HTML', 'code', '.', 'However', ',', 'since', 'div1', 'is', 'floated', 'to', 'the', 'left', ',', 'this', 'happens', ':', 'the', 'text', 'in', 'div2', 'is', 'floated', 'around', 'div1', ',', 'and', 'div2', 'surrounds', 'the', 'whole', 'thing', '.', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.uppercase', '{', 'text', '-', 'transform', ':', 'uppercase', ';', '}', 'p.lowercase', '{', 'text', '-', 'transform', ':', 'lowercase', ';', '}', 'p.capitalize', '{', 'text', '-', 'transform', ':', 'capitalize', ';', '}', '</style>', '</head>', '<body>', '<p', 'class=\"uppercase\">', 'This', 'is', 'some', 'text', '.', '</p>', '<p', 'class=\"lowercase\">', 'This', 'is', 'some', 'text', '.', '</p>', '<p', 'class=\"capitalize\">', 'This', 'is', 'some', 'text', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '-webkit', '-', 'align', '-', 'items', ':', 'stretch', ';', 'align', '-', 'items', ':', 'stretch', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'borderimg', '{', 'border', ':', '10px', 'solid', 'transparent', ';', 'padding', ':', '15px', ';', 'border', '-', 'image', ':', 'url(border.png', ')', '30', 'round', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'border', '-', 'image', 'Property', '</h1>', '<p>', 'Here', ',', 'the', 'middle', 'sections', 'of', 'the', 'image', 'are', 'repeated', 'to', 'create', 'the', 'border', ':', '</p>', '<p', 'id=\"borderimg\">', 'border', '-', 'image', ':', 'url(border.png', ')', '30', 'round', ';', '</p>', '<p>', 'Here', 'is', 'the', 'original', 'image', ':', '</p>', '<img', 'src=\"border.png\">', '<p>', '<strong>', 'Note', ':', '</strong>', 'Internet', 'Explorer', '10', ',', 'and', 'earlier', 'versions', ',', 'do', 'not', 'support', 'the', 'border', '-', 'image', 'property', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'grad1', '{', 'height', ':', '150px', ';', 'width', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'radial', '-', 'gradient(red', ',', 'yellow', ',', 'green', ')', ';', '}', '#', 'grad2', '{', 'height', ':', '150px', ';', 'width', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'radial', '-', 'gradient(circle', ',', 'red', ',', 'yellow', ',', 'green', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Radial', 'Gradient', '-', 'Shapes', '</h1>', '<h2>', 'Ellipse', '(', 'this', 'is', 'default', ')', ':', '</h2>', '<div', 'id=\"grad1\">', '</div>', '<h2>', '<strong>', 'Circle', ':', '</strong>', '</h2>', '<div', 'id=\"grad2\">', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Textarea', '</h2>', '<p>', 'The', 'textarea', 'element', 'defines', 'a', 'multi', '-', 'line', 'input', 'field', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<textarea', 'name=\"message', '\"', 'rows=\"10', '\"', 'cols=\"30\">', 'The', 'cat', 'was', 'playing', 'in', 'the', 'garden', '.', '</textarea>', '<br><br>', '<input', 'type=\"submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '}', 'div#myDiv', '{', '-ms', '-', 'transform', ':', 'skewY(20deg', ')', ';', '/', '*', 'IE', '9', '*', '/', 'transform', ':', 'skewY(20deg', ')', ';', '/', '*', 'Standard', 'syntax', '*', '/', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'skewY', '(', ')', 'Method', '</h1>', '<p>', 'The', 'skewY', '(', ')', 'method', 'skews', 'an', 'element', 'along', 'the', 'Y', '-', 'axis', 'by', 'the', 'given', 'angle', '.', '</p>', '<div>', 'This', 'a', 'normal', 'div', 'element', '.', '</div>', '<div', 'id=\"myDiv\">', 'This', 'div', 'element', 'is', 'skewed', '20', 'degrees', 'along', 'the', 'Y', '-', 'axis', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', '{', 'width:100', '%', ';', '}', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'border', '-', 'collapse', ':', 'collapse', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '5px', ';', 'text', '-', 'align', ':', 'left', ';', '}', 'table.names', 'tr', ':', 'nth', '-', 'child(even', ')', '{', 'background', '-', 'color', ':', '#', 'eee', ';', '}', 'table.names', 'tr', ':', 'nth', '-', 'child(odd', ')', '{', 'background', '-', 'color:#fff', ';', '}', 'table.names', 'th', '{', 'background', '-', 'color', ':', 'black', ';', 'color', ':', 'white', '}', '</style>', '</head>', '<body>', '<table>', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Contextual', 'Colors', '</h2>', '<p>', 'Use', 'the', 'contextual', 'classes', 'to', 'provide', '\"', 'meaning', 'through', 'colors', '\"', ':', '</p>', '<p', 'class=\"text', '-', 'muted\">', 'This', 'text', 'is', 'muted', '.', '</p>', '<p', 'class=\"text', '-', 'primary\">', 'This', 'text', 'is', 'important', '.', '</p>', '<p', 'class=\"text', '-', 'success\">', 'This', 'text', 'indicates', 'success', '.', '</p>', '<p', 'class=\"text', '-', 'info\">', 'This', 'text', 'represents', 'some', 'information', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'HTML', 'Iframes', '</h2>', '<p>', 'An', 'iframe', 'is', 'used', 'to', 'display', 'a', 'web', 'page', 'within', 'a', 'web', 'page', ':', '</p>', '<iframe', 'src=\"demo_iframe.htm\">', '</iframe>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Filterable', 'Table', '</h2>', '<p>', 'Type', 'something', 'in', 'the', 'input', 'field', 'to', 'search', 'the', 'table', 'for', 'first', 'names', ',', 'last', 'names', 'or', 'emails', ':', '</p>', '<input', 'class=\"form', '-', 'control', '\"', 'id=\"myInput', '\"', 'type=\"text', '\"', 'placeholder=\"Search', '..', '\">', '<br>', '<table', 'class=\"table', 'table', '-', 'bordered', 'table', '-', 'striped\">', '<thead>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'text', '-', 'shadow', ':', '2px', '2px', '5px', 'red', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Text', '-', 'shadow', 'effect', '!', '</h1>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div.ex1', '{', 'width', ':', '300px', ';', 'background', '-', 'color', ':', 'yellow', ';', '}', 'div.ex2', '{', 'width', ':', '300px', ';', 'padding', ':', '25px', ';', 'background', '-', 'color', ':', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Padding', 'and', 'element', 'width', '</h2>', '<div', 'class=\"ex1\">', 'This', 'div', 'is', '300px', 'wide', '.', '</div>', '<br>', '<div', 'class=\"ex2\">', 'The', 'width', 'of', 'this', 'div', 'is', '350px', ',', 'even', 'though', 'it', 'is', 'defined', 'as', '300px', 'in', 'the', 'CSS', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Hello', 'World', '!', '</h1>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<p>', 'The', 'columns', 'will', 'automatically', 'stack', 'on', 'top', 'of', 'each', 'other', 'when', 'the', 'screen', 'is', 'less', 'than', '768px', 'wide', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-4', '\"', 'style=\"background', '-', 'color', ':', 'lavender;\">', '.col', '-', 'sm-4', '</div>', '<div', 'class=\"col', '-', 'sm-4', '\"', 'style=\"background', '-', 'color', ':', 'lavenderblush;\">', '.col', '-', 'sm-4', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'a[target', ']', '{', 'background', '-', 'color', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', '[', 'attribute', ']', 'Selector', '</h2>', '<p>', 'The', 'links', 'with', 'a', 'target', 'attribute', 'gets', 'a', 'yellow', 'background', ':', '</p>', '<a', 'href=\"https://www.w3schools.com\">', 'w3schools.com', '</a>', '<a', 'href=\"http://www.disney.com', '\"', 'target=\"_blank\">', 'disney.com', '</a>', '<a', 'href=\"http://www.wikipedia.org', '\"', 'target=\"_top\">', 'wikipedia.org', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.container', '{', 'position', ':', 'relative', ';', '}', '.bottomleft', '{', 'position', ':', 'absolute', ';', 'bottom', ':', '8px', ';', 'left', ':', '16px', ';', 'font', '-', 'size', ':', '18px', ';', '}', 'img', '{', 'width', ':', '100', '%', ';', 'height', ':', 'auto', ';', 'opacity', ':', '0.3', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Image', 'Text', '</h2>', '<p>', 'Add', 'some', 'text', 'to', 'an', 'image', 'in', 'the', 'bottom', 'left', 'corner', ':', '</p>', '<div', 'class=\"container\">', '<img', 'src=\"img_5terre_wide.jpg', '\"', 'alt=\"Cinque', 'Terre', '\"', 'width=\"1000', '\"', 'height=\"300\">', '<div', 'class=\"bottomleft\">', 'Bottom', 'Left', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'input[type', '=', 'text', ']', '{', 'width', ':', '130px', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', 'border', ':', '2px', 'solid', '#', 'ccc', ';', 'border', '-', 'radius', ':', '4px', ';', 'font', '-', 'size', ':', '16px', ';', 'background', '-', 'color', ':', 'white', ';', 'background', '-', 'image', ':', \"url('searchicon.png\", \"'\", ')', ';', 'background', '-', 'position', ':', '10px', '10px', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', 'padding', ':', '12px', '20px', '12px', '40px', ';', 'transition', ':', 'width', '0.4s', 'ease', '-', 'in', '-', 'out', ';', '}', 'input[type', '=', 'text]:focus', '{', 'width', ':', '100', '%', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Animated', 'search', 'input', ':', '</p>', '<form>', '<input', 'type=\"text', '\"', 'name=\"search', '\"', 'placeholder=\"Search', '..', '\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Basic', 'List', 'Group', '</h2>', '<ul', 'class=\"list', '-', 'group\">', '<li', 'class=\"list', '-', 'group', '-', 'item\">', 'First', 'item', '</li>', '<li', 'class=\"list', '-', 'group', '-', 'item\">', 'Second', 'item', '</li>', '<li', 'class=\"list', '-', 'group', '-', 'item\">', 'Third', 'item', '</li>', '</ul>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<canvas', 'id=\"myCanvas', '\"', 'width=\"200', '\"', 'height=\"100', '\"', 'style=\"border:1px', 'solid', '#', 'd3d3d3;\">', 'Your', 'browser', 'does', 'not', 'support', 'the', 'HTML', 'canvas', 'tag.</canvas>', '<script>', 'var', 'c', '=', 'document.getElementById(\"myCanvas', '\"', ')', ';', 'var', 'ctx', '=', 'c.getContext(\"2d', '\"', ')', ';', 'ctx.font', '=', '\"', '30px', 'Arial', '\"', ';', 'ctx.fillText(\"Hello', 'World\",10,50', ')', ';', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', '{', 'border', '-', 'collapse', ':', 'collapse', ';', 'width', ':', '100', '%', ';', '}', 'th', ',', 'td', '{', 'text', '-', 'align', ':', 'left', ';', 'padding', ':', '8px', ';', '}', 'tr', ':', 'nth', '-', 'child(even){background', '-', 'color', ':', '#', 'f2f2f2', '}', 'th', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Colored', 'Table', 'Header', '</h2>', '<table>', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Savings', '</th>', '</tr>', '<tr>', '<td>', 'Peter', '</td>', '<td>', 'Griffin', '</td>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Hello', 'World', '!', '</h1>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<p>', 'The', 'columns', 'will', 'automatically', 'stack', 'on', 'top', 'of', 'each', 'other', 'when', 'the', 'screen', 'is', 'less', 'than', '768px', 'wide', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-4', '\"', 'style=\"background', '-', 'color', ':', 'lavender;\">', '.col', '-', 'sm-4', '</div>', '<div', 'class=\"col', '-', 'sm-8', '\"', 'style=\"background', '-', 'color', ':', 'lavenderblush;\">', '.col', '-', 'sm-8', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Animated', 'Alerts', '</h2>', '<p>', 'The', '.fade', 'and', '.in', 'classes', 'adds', 'a', 'fading', 'effect', 'when', 'closing', 'the', 'alert', 'message', '.', '</p>', '<div', 'class=\"alert', 'alert', '-', 'success', 'alert', '-', 'dismissible', 'fade', 'in\">', '<a', 'href=', '\"', '#', '\"', 'class=\"close', '\"', 'data', '-', 'dismiss=\"alert', '\"', 'aria', '-', 'label=\"close\">', '&', 'times', ';', '</a>', '<strong>', 'Success', '!', '</strong>', 'This', 'alert', 'box', 'could', 'indicate', 'a', 'successful', 'or', 'positive', 'action', '.', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '75px', ';', 'height', ':', '75px', ';', 'margin', ':', 'auto', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'Perfect', 'centering', '!', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'a', ':', 'link', ',', 'a', ':', 'visited', '{', 'background', '-', 'color', ':', 'white', ';', 'color', ':', 'black', ';', 'border', ':', '2px', 'solid', 'green', ';', 'padding', ':', '10px', '20px', ';', 'text', '-', 'align', ':', 'center', ';', 'text', '-', 'decoration', ':', 'none', ';', 'display', ':', 'inline', '-', 'block', ';', '}', 'a', ':', 'hover', ',', 'a', ':', 'active', '{', 'background', '-', 'color', ':', 'green', ';', 'color', ':', 'white', ';', '}', '</style>', '</head>', '<body>', '<a', 'href=\"default.asp', '\"', 'target=\"_blank\">', 'This', 'is', 'a', 'link', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<video', 'width=\"400', '\"', 'controls>', '<source', 'src=\"mov_bbb.mp4', '\"', 'type=\"video', '/', 'mp4\">', '<source', 'src=\"mov_bbb.ogg', '\"', 'type=\"video', '/', 'ogg\">', 'Your', 'browser', 'does', 'not', 'support', 'HTML', 'video', '.', '</video>', '<p>', 'Video', 'courtesy', 'of', '<a', 'href=\"https://www.bigbuckbunny.org/', '\"', 'target=\"_blank\">', 'Big', 'Buck', 'Bunny', '</a>', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', '-webkit', '-', 'box', '-', 'reflect', ':', 'below', '0px', 'linear', '-', 'gradient(to', 'bottom', ',', 'rgba(0,0,0,0.0', ')', ',', 'rgba(0,0,0,0.4', ')', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'CSS', 'Image', 'Reflection', '</h1>', '<p>', 'Show', 'the', 'reflection', 'with', 'gradient', '(', 'to', 'make', 'a', 'fade', '-', 'out', 'effect', ')', ':', '</p>', '<img', 'src=\"img_tree.png\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', 'body', '{', 'margin', ':', '0', ';', 'font', '-', 'family', ':', 'Arial', ';', '}', '.header', '{', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '32px', ';', '}', '.row', '{', 'display', ':', 'flex', ';', 'flex', '-', 'wrap', ':', 'wrap', ';', 'padding', ':', '0', '4px', ';', '}', '.column', '{', 'flex', ':', '25', '%', ';', 'max', '-', 'width', ':', '25', '%', ';', 'padding', ':', '0', '4px', ';', '}', '.column', 'img', '{', 'margin', '-', 'top', ':', '8px', ';', 'vertical', '-', 'align', ':', 'middle', ';', '}'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1.0\">', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '.row::after', '{', 'content', ':', '\"', '\"', ';', 'clear', ':', 'both', ';', 'display', ':', 'table', ';', '}', '[', 'class*=\"col-', '\"', ']', '{', 'float', ':', 'left', ';', 'padding', ':', '15px', ';', '}', '.col-1', '{', 'width', ':', '8.33', '%', ';', '}', '.col-2', '{', 'width', ':', '16.66', '%', ';', '}', '.col-3', '{', 'width', ':', '25', '%', ';', '}', '.col-4', '{', 'width', ':', '33.33', '%', ';', '}', '.col-5', '{', 'width', ':', '41.66', '%', ';', '}', '.col-6', '{', 'width', ':', '50', '%', ';', '}', '.col-7', '{', 'width', ':', '58.33', '%', ';', '}', '.col-8', '{', 'width', ':', '66.66', '%', ';', '}', '.col-9', '{', 'width', ':', '75', '%', ';', '}', '.col-10', '{', 'width', ':', '83.33', '%', ';', '}', '.col-11', '{', 'width', ':', '91.66', '%', ';', '}', '.col-12', '{', 'width', ':', '100', '%', ';', '}', 'html', '{', 'font', '-', 'family', ':', '\"', 'Lucida', 'Sans', '\"', ',', 'sans', '-', 'serif', ';'], ['<!DOCTYPE', 'html>', '<html>', '<style>', '.tooltip', '{', 'position', ':', 'relative', ';', 'display', ':', 'inline', '-', 'block', ';', 'border', '-', 'bottom', ':', '1px', 'dotted', 'black', ';', '}', '.tooltip', '.tooltiptext', '{', 'visibility', ':', 'hidden', ';', 'width', ':', '120px', ';', 'background', '-', 'color', ':', 'black', ';', 'color', ':', '#', 'fff', ';', 'text', '-', 'align', ':', 'center', ';', 'border', '-', 'radius', ':', '6px', ';', 'padding', ':', '5px', '0', ';', '/', '*', 'Position', 'the', 'tooltip', '*', '/', 'position', ':', 'absolute', ';', 'z', '-', 'index', ':', '1', ';', 'bottom', ':', '100', '%', ';', 'left', ':', '50', '%', ';', 'margin', '-', 'left', ':', '-60px', ';', '}', '.tooltip', ':', 'hover', '.tooltiptext', '{', 'visibility', ':', 'visible', ';', '}', '</style>', '<body', 'style=\"text', '-', 'align', ':', 'center;\">', '<h2>', 'Top', 'Tooltip', '</h2>', '<p>', 'Move', 'the', 'mouse', 'over', 'the', 'text', 'below', ':', '</p>', '<div', 'class=\"tooltip\">Hover', 'over', 'me'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Unordered', 'List', 'without', 'Bullets', '</h2>', '<ul', 'style=\"list', '-', 'style', '-', 'type', ':', 'none;\">', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Milk', '</li>', '</ul>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', ':', '2px', 'solid', 'powderblue', ';', 'padding', ':', '30px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'The', 'code', 'Element', '</h2>', '<p>', 'Programming', 'code', 'example', ':', '</p>', '<code>', 'x', '=', '5', ';', 'y', '=', '6', ';', 'z', '=', 'x', '+', 'y', ';', '</code>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.newspaper', '{', 'column', '-', 'count', ':', '3', ';', 'column', '-', 'gap', ':', '40px', ';', 'column', '-', 'rule', ':', '1px', 'solid', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"newspaper\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', 'Duis', 'autem', 'vel', 'eum', 'iriure', 'dolor', 'in', 'hendrerit', 'in', 'vulputate', 'velit', 'esse', 'molestie', 'consequat', ',', 'vel', 'illum', 'dolore', 'eu', 'feugiat', 'nulla', 'facilisis', 'at', 'vero', 'eros', 'et', 'accumsan', 'et', 'iusto', 'odio', 'dignissim', 'qui', 'blandit', 'praesent', 'luptatum', 'zzril', 'delenit', 'augue', 'duis', 'dolore', 'te', 'feugait', 'nulla', 'facilisi', '.', 'Nam', 'liber', 'tempor', 'cum', 'soluta', 'nobis', 'eleifend', 'option', 'congue', 'nihil', 'imperdiet', 'doming', 'i', 'd', 'quod', 'mazim', 'placerat', 'facer', 'possim', 'assum', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'Getting', 'server', 'updates', '</h1>', '<div', 'id=\"result\">', '</div>', '<script>', 'if(typeof(EventSource', ')', '!', '=', '=', '\"', 'undefined', '\"', ')', '{', 'var', 'source', '=', 'new', 'EventSource(\"demo_sse.php', '\"', ')', ';', 'source.onmessage', '=', 'function(event', ')', '{', 'document.getElementById(\"result\").innerHTML', '+', '=', 'event.data', '+', '\"', '<br>', '\"', ';', '}', ';', '}', 'else', '{', 'document.getElementById(\"result\").innerHTML', '=', '\"', 'Sorry', ',', 'your', 'browser', 'does', 'not', 'support', 'server', '-', 'sent', 'events', '...', '\"', ';', '}', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Medium', 'Grid', '</h1>', '<p>', 'The', 'following', 'example', 'will', 'result', 'in', 'a', '25%/75', '%', 'split', 'on', 'small', 'devices', 'and', 'a', '50%/50', '%', 'split', 'on', 'medium', '(', 'and', 'large', ')', 'devices', '.', 'On', 'extra', 'small', 'devices', ',', 'it', 'will', 'automatically', 'stack', '(', '100', '%', ')', '.', '</p>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-3', 'col', '-', 'md-6', '\"', 'style=\"background', '-', 'color', ':', 'yellow;\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua.<br>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'is', '<sub>', 'subscripted', '</sub>', 'text', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.grid', '-', 'container', '{', 'display', ':', 'grid', ';', 'grid', '-', 'template', '-', 'columns', ':', 'auto', 'auto', 'auto', ';', 'background', '-', 'color', ':', '#', '2196F3', ';', 'padding', ':', '10px', ';', '}', '.grid', '-', 'item', '{', 'background', '-', 'color', ':', 'rgba(255', ',', '255', ',', '255', ',', '0.8', ')', ';', 'border', ':', '1px', 'solid', 'rgba(0', ',', '0', ',', '0', ',', '0.8', ')', ';', 'padding', ':', '20px', ';', 'font', '-', 'size', ':', '30px', ';', 'text', '-', 'align', ':', 'center', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Grid', 'Elements', '</h1>', '<p>', 'A', 'Grid', 'Layout', 'must', 'have', 'a', 'parent', 'element', 'with', 'the', '<em>', 'display', '</em>', 'property', 'set', 'to', '<em>', 'grid', '</em>', 'or', '<em>', 'inline', '-', 'grid', '</em>', '.', '</p>', '<p>', 'Direct', 'child', 'element(s', ')', 'of', 'the', 'grid', 'container', 'automatically', 'becomes', 'grid', 'items', '.', '</p>', '<div', 'class=\"grid', '-', 'container\">', '<div', 'class=\"grid', '-', 'item\">', '1', '</div>', '<div', 'class=\"grid', '-', 'item\">', '2', '</div>', '<div', 'class=\"grid', '-', 'item\">', '3', '</div>', '<div', 'class=\"grid', '-', 'item\">', '4', '</div>', '<div', 'class=\"grid', '-', 'item\">', '5', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '320px', ';', 'padding', ':', '10px', ';', 'border', ':', '5px', 'solid', 'gray', ';', 'margin', ':', '0', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Calculate', 'the', 'total', 'width', ':', '</h2>', '<img', 'src=\"klematis4_big.jpg', '\"', 'width=\"350', '\"', 'height=\"263', '\"', 'alt=\"Klematis\">', '<div>', 'The', 'picture', 'above', 'is', '350px', 'wide', '.', 'The', 'total', 'width', 'of', 'this', 'element', 'is', 'also', '350px', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Search', 'Field', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"search', '\"', '</strong>', 'is', 'used', 'for', 'search', 'fields', '(', 'behaves', 'like', 'a', 'regular', 'text', 'field', ')', ':', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"gsearch\">', 'Search', 'Google', ':', '</label>', '<input', 'type=\"search', '\"', 'id=\"gsearch', '\"', 'name=\"gsearch\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'grad1', '{', 'height', ':', '150px', ';', 'width', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'radial', '-', 'gradient(red', '5', '%', ',', 'yellow', '15', '%', ',', 'green', '60', '%', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Radial', 'Gradient', '-', 'Differently', 'Spaced', 'Color', 'Stops', '</h1>', '<div', 'id=\"grad1\">', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<svg', 'width=\"300', '\"', 'height=\"200\">', '<polygon', 'points=\"100,10', '40,198', '190,78', '10,78', '160,198', '\"', 'style=\"fill', ':', 'lime;stroke', ':', 'purple;stroke', '-', 'width:5;fill', '-', 'rule', ':', 'evenodd', ';', '\"', '/>', 'Sorry', ',', 'your', 'browser', 'does', 'not', 'support', 'inline', 'SVG', '.', '</svg>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Glyphicon', 'Examples', '</h2>', '<p>', 'Envelope', 'icon', ':', '<span', 'class=\"glyphicon', 'glyphicon', '-', 'envelope\">', '</span>', '</p>', '<p', '>', 'Envelope', 'icon', 'as', 'a', 'link', ':', '<a', 'href=\"#\">', '<span', 'class=\"glyphicon', 'glyphicon', '-', 'envelope\">', '</span>', '</a>', '</p>', '<p>', 'Search', 'icon', ':', '<span', 'class=\"glyphicon', 'glyphicon', '-', 'search\">', '</span>', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'width', ':', '200px', ';', 'height', ':', '300px', ';', 'object', '-', 'fit', ':', 'cover', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Using', 'object', '-', 'fit', ':', 'cover', ';', '</h2>', '<img', 'src=\"paris.jpg', '\"', 'alt=\"Paris', '\"', 'width=\"400', '\"', 'height=\"300\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'font', '-', 'size', ':', '28px', ';', '}', 'ul', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', 'overflow', ':', 'hidden', ';', 'background', '-', 'color', ':', '#', '333', ';', 'position', ':', '-webkit', '-', 'sticky', ';', '/', '*', 'Safari', '*', '/', 'position', ':', 'sticky', ';', 'top', ':', '0', ';', '}', 'li', '{', 'float', ':', 'left', ';', '}', 'li', 'a', '{', 'display', ':', 'block', ';', 'color', ':', 'white', ';', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '14px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', 'li', 'a', ':', 'hover', '{', 'background', '-', 'color', ':', '#', '111', ';', '}', '.active', '{'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.pagination', '{', 'display', ':', 'inline', '-', 'block', ';', '}', '.pagination', 'a', '{', 'color', ':', 'black', ';', 'float', ':', 'left', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', 'transition', ':', 'background', '-', 'color', '.3s', ';', 'border', ':', '1px', 'solid', '#', 'ddd', ';', 'font', '-', 'size', ':', '22px', ';', '}', '.pagination', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', 'border', ':', '1px', 'solid', '#', '4CAF50', ';', '}', '.pagination', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', 'ddd', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Pagination', 'Size', '</h2>', '<p>', 'Change', 'the', 'font', '-', 'size', 'property', 'to', 'make', 'the', 'pagination', 'smaller', 'or', 'bigger', '.', '</p>', '<div', 'class=\"pagination\">', '<a', 'href=\"#\">', '&', 'laquo', ';', '</a>', '<a', 'href=\"#\">', '1', '</a>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<script>', 'function', 'clickCounter', '(', ')', '{', 'if', '(', 'typeof(Storage', ')', '!', '=', '=', '\"', 'undefined', '\"', ')', '{', 'if', '(', 'localStorage.clickcount', ')', '{', 'localStorage.clickcount', '=', 'Number(localStorage.clickcount)+1', ';', '}', 'else', '{', 'localStorage.clickcount', '=', '1', ';', '}', 'document.getElementById(\"result\").innerHTML', '=', '\"', 'You', 'have', 'clicked', 'the', 'button', '\"', '+', 'localStorage.clickcount', '+', '\"', 'time(s', ')', '.', '\"', ';', '}', 'else', '{', 'document.getElementById(\"result\").innerHTML', '=', '\"', 'Sorry', ',', 'your', 'browser', 'does', 'not', 'support', 'web', 'storage', '...', '\"', ';', '}', '}', '</script>', '</head>', '<body>', '<p>', '<button', 'onclick=\"clickCounter', '(', ')', '\"', 'type=\"button\">', 'Click', 'me', '!', '</button>', '</p>', '<div', 'id=\"result\">', '</div>', '<p>', 'Click', 'the', 'button', 'to', 'see', 'the', 'counter', 'increase', '.', '</p>', '<p>', 'Close', 'the', 'browser', 'tab', '(', 'or', 'window', ')', ',', 'and', 'try', 'again', ',', 'and', 'the', 'counter', 'will', 'continue', 'to', 'count', '(', 'is', 'not', 'reset', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Dynamic', 'Tabs', '</h2>', '<p>', 'To', 'make', 'the', 'tabs', 'toggleable', ',', 'add', 'the', 'data', '-', 'toggle=\"tab', '\"', 'attribute', 'to', 'each', 'link', '.', 'Then', 'add', 'a', '.tab', '-', 'pane', 'class', 'with', 'a', 'unique', 'ID', 'for', 'every', 'tab', 'and', 'wrap', 'them', 'inside', 'a', 'div', 'element', 'with', 'class', '.tab', '-', 'content', '.', '</p>', '<ul', 'class=\"nav', 'nav', '-', 'tabs\">', '<li', 'class=\"active\">', '<a', 'data', '-', 'toggle=\"tab', '\"', 'href=\"#home\">', 'Home', '</a>', '</li>', '<li>', '<a', 'data', '-', 'toggle=\"tab', '\"', 'href=\"#menu1\">', 'Menu', '1', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Responsive', 'Embed', '</h2>', '<p>', 'Create', 'a', 'responsive', 'video', 'and', 'scale', 'it', 'nicely', 'to', 'the', 'parent', 'element', 'with', 'an', '16:9', 'aspect', 'ratio', '</p>', '<div', 'class=\"embed', '-', 'responsive', 'embed', '-', 'responsive-16by9\">', '<iframe', 'class=\"embed', '-', 'responsive', '-', 'item', '\"', 'src=\"https://www.youtube.com', '/', 'embed', '/', 'tgbNymZ7vqY\">', '</iframe>', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.one', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'color', ':', '#', '0000ff', ';', '}', 'p.two', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'color', ':', '#', 'ff0000', '#', '0000ff', ';', '}', 'p.three', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'color', ':', '#', 'ff0000', '#', '00ff00', '#', '0000ff', ';', '}', 'p.four', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'color', ':', '#', 'ff0000', '#', '00ff00', '#', '0000ff', 'rgb(250,0,255', ')', ';', '}', '</style>', '</head>', '<body>', '<p', 'class=\"one\">', 'One', '-', 'colored', 'border', '!', '</p>', '<p', 'class=\"two\">', 'Two', '-', 'colored', 'border', '!', '</p>', '<p', 'class=\"three\">', 'Three', '-', 'colored', 'border', '!', '</p>', '<p', 'class=\"four\">', 'Four', '-', 'colored', 'border', '!', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'The', '\"', 'border', '-', 'color', '\"', 'property', 'does', 'not', 'work', 'if', 'it', 'is', 'used', 'alone', '.', 'Use', 'the', '\"', 'border', '-', 'style', '\"', 'property', 'to', 'set', 'the', 'borders', 'first', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '-ms', '-', 'transform', ':', 'translate(50px,100px', ')', ';', '/', '*', 'IE', '9', '*', '/', 'transform', ':', 'translate(50px,100px', ')', ';', '/', '*', 'Standard', 'syntax', '*', '/', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'translate', '(', ')', 'Method', '</h1>', '<p>', 'The', 'translate', '(', ')', 'method', 'moves', 'an', 'element', 'from', 'its', 'current', 'position', ':', '</p>', '<div>', 'This', 'div', 'element', 'is', 'moved', '50', 'pixels', 'to', 'the', 'right', ',', 'and', '100', 'pixels', 'down', 'from', 'its', 'current', 'position', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'Page', 'Title', '</title>', '<style>', 'body', '{', 'background', '-', 'color', ':', 'powderblue', ';', '}', 'h1', '{', 'color', ':', 'red', ';', '}', 'p', '{', 'color', ':', 'blue', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'Heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Progress', 'Bar', 'With', 'Label', '</h2>', '<div', 'class=\"progress\">', '<div', 'class=\"progress', '-', 'bar', '\"', 'role=\"progressbar', '\"', 'aria', '-', 'valuenow=\"70', '\"', 'aria', '-', 'valuemin=\"0', '\"', 'aria', '-', 'valuemax=\"100', '\"', 'style=\"width:70%\">', '70', '%', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'grad1', '{', 'height', ':', '150px', ';', 'width', ':', '200px', ';', 'background', '-', 'color', ':', 'red', ';', '/', '*', 'For', 'browsers', 'that', 'do', 'not', 'support', 'gradients', '*', '/', 'background', '-', 'image', ':', 'radial', '-', 'gradient(red', ',', 'yellow', ',', 'green', ')', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Radial', 'Gradient', '-', 'Evenly', 'Spaced', 'Color', 'Stops', '</h1>', '<div', 'id=\"grad1\">', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Button', 'Groups', '-', 'Set', 'Sizes', '</h2>', '<p>', 'Add', 'class', '.btn', '-', 'group-', '*', 'to', 'size', 'all', 'buttons', 'in', 'a', 'button', 'group', '.', '</p>', '<h3>', 'Large', 'Buttons', ':', '</h3>', '<div', 'class=\"btn', '-', 'group', 'btn', '-', 'group', '-', 'lg\">', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Apple', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Samsung', '</button>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<!--', 'This', 'is', 'a', 'comment', '-->', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<!--', 'Comments', 'are', 'not', 'displayed', 'in', 'the', 'browser', '-->', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', '}', 'p.none', '{', 'border', '-', 'top', '-', 'style', ':', 'none', ';', '}', 'p.dotted', '{', 'border', '-', 'top', '-', 'style', ':', 'dotted', ';', '}', 'p.dashed', '{', 'border', '-', 'top', '-', 'style', ':', 'dashed', ';', '}', 'p.solid', '{', 'border', '-', 'top', '-', 'style', ':', 'solid', ';', '}', 'p.double', '{', 'border', '-', 'top', '-', 'style', ':', 'double', ';', '}', 'p.groove', '{', 'border', '-', 'top', '-', 'style', ':', 'groove', ';', '}', 'p.ridge', '{', 'border', '-', 'top', '-', 'style', ':', 'ridge', ';', '}', 'p.inset', '{', 'border', '-', 'top', '-', 'style', ':', 'inset', ';', '}', 'p.outset', '{', 'border', '-', 'top', '-', 'style', ':', 'outset', ';', '}', '</style>', '</head>', '<body>', '<p', 'class=\"none\">', 'No', 'top', 'border', '.', '</p>', '<p', 'class=\"dotted\">', 'A', 'dotted', 'top', 'border', '.', '</p>', '<p', 'class=\"dashed\">', 'A', 'dashed', 'top', 'border', '.', '</p>', '<p', 'class=\"solid\">', 'A', 'solid', 'top', 'border', '.', '</p>', '<p', 'class=\"double\">', 'A', 'double', 'top', 'border', '.', '</p>', '<p', 'class=\"groove\">', 'A', 'groove', 'top', 'border', '.', '</p>', '<p', 'class=\"ridge\">', 'A', 'ridge', 'top', 'border', '.', '</p>', '<p', 'class=\"inset\">', 'An', 'inset', 'top', 'border', '.', '</p>', '<p', 'class=\"outset\">', 'An', 'outset', 'top', 'border', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '}', 'div#myDiv', '{', '-ms', '-', 'transform', ':', 'rotate(-20deg', ')', ';', '/', '*', 'IE', '9', '*', '/', 'transform', ':', 'rotate(-20deg', ')', ';', '/', '*', 'Standard', 'syntax', '*', '/', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'rotate', '(', ')', 'Method', '</h1>', '<p>', 'The', 'rotate', '(', ')', 'method', 'rotates', 'an', 'element', 'clockwise', 'or', 'counter', '-', 'clockwise', '.', '</p>', '<div>', 'This', 'a', 'normal', 'div', 'element', '.', '</div>', '<div', 'id=\"myDiv\">', 'This', 'div', 'element', 'is', 'rotated', 'counter', '-', 'clockwise', 'with', '20', 'degrees', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h1>', 'Blockquotes', '</h1>', '<p>', 'To', 'show', 'the', 'quote', 'on', 'the', 'right', 'use', 'the', 'class', '.blockquote', '-', 'reverse', ':', '</p>', '<blockquote', 'class=\"blockquote', '-', 'reverse\">', '<p>', 'For', '50', 'years', ',', 'WWF', 'has', 'been', 'protecting', 'the', 'future', 'of', 'nature', '.', 'The', 'world', \"'s\", 'leading', 'conservation', 'organization', ',', 'WWF', 'works', 'in', '100', 'countries', 'and', 'is', 'supported', 'by', '1.2', 'million', 'members', 'in', 'the', 'United', 'States', 'and', 'close', 'to', '5', 'million', 'globally', '.', '</p>', '<footer>', 'From', 'WWF', \"'s\", 'website', '</footer>', '</blockquote>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'ul.a', '{', 'list', '-', 'style', '-', 'type', ':', 'circle', ';', '}', 'ul.b', '{', 'list', '-', 'style', '-', 'type', ':', 'disc', ';', '}', 'ul.c', '{', 'list', '-', 'style', '-', 'type', ':', 'square', ';', '}', 'ol.d', '{', 'list', '-', 'style', '-', 'type', ':', 'armenian', ';', '}', 'ol.e', '{', 'list', '-', 'style', '-', 'type', ':', 'cjk', '-', 'ideographic', ';', '}', 'ol.f', '{', 'list', '-', 'style', '-', 'type', ':', 'decimal', ';', '}', 'ol.g', '{', 'list', '-', 'style', '-', 'type', ':', 'decimal', '-', 'leading', '-', 'zero', ';', '}', 'ol.h', '{', 'list', '-', 'style', '-', 'type', ':', 'georgian', ';', '}', 'ol.i', '{', 'list', '-', 'style', '-', 'type', ':', 'hebrew', ';', '}', 'ol.j', '{', 'list', '-', 'style', '-', 'type', ':', 'hiragana', ';', '}', 'ol.k', '{', 'list', '-', 'style', '-', 'type', ':', 'hiragana', '-', 'iroha', ';', '}', 'ol.l', '{', 'list', '-', 'style', '-', 'type', ':', 'katakana', ';', '}', 'ol.m', '{', 'list', '-', 'style', '-', 'type', ':', 'katakana', '-', 'iroha', ';', '}', 'ol.n', '{', 'list', '-', 'style', '-', 'type', ':', 'lower', '-', 'alpha', ';', '}', 'ol.o', '{', 'list', '-', 'style', '-', 'type', ':', 'lower', '-', 'greek', ';', '}', 'ol.p', '{', 'list', '-', 'style', '-', 'type', ':', 'lower', '-', 'latin', ';', '}', 'ol.q', '{', 'list', '-', 'style', '-', 'type', ':', 'lower', '-', 'roman', ';', '}', 'ol.r', '{', 'list', '-', 'style', '-', 'type', ':', 'upper', '-', 'alpha', ';', '}', 'ol.s', '{', 'list', '-', 'style', '-', 'type', ':', 'upper', '-', 'latin', ';', '}', 'ol.t', '{', 'list', '-', 'style', '-', 'type', ':', 'upper', '-', 'roman', ';', '}', 'ol.u', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', '}', 'ol.v', '{', 'list', '-', 'style', '-', 'type', ':', 'inherit', ';', '}', '</style>', '</head>', '<body>', '<ul', 'class=\"a\">', '<li>', 'Circle', 'type', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Coca', 'Cola', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '.header', ',', '.footer', '{', 'background', '-', 'color', ':', 'grey', ';', 'color', ':', 'white', ';', 'padding', ':', '15px', ';', '}', '.column', '{', 'float', ':', 'left', ';', 'padding', ':', '15px', ';', '}', '.clearfix::after', '{', 'content', ':', '\"', '\"', ';', 'clear', ':', 'both', ';', 'display', ':', 'table', ';', '}', '.menu', '{', 'width', ':', '25', '%', ';', '}', '.content', '{', 'width', ':', '75', '%', ';', '}', '.menu', 'ul', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Basic', 'Table', '</h2>', '<p>', 'The', '.table', 'class', 'adds', 'basic', 'styling', '(', 'light', 'padding', 'and', 'only', 'horizontal', 'dividers', ')', 'to', 'a', 'table', ':', '</p>', '<table', 'class=\"table\">', '<thead>', '<tr>', '<th>', 'Firstname', '</th>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.center', '{', 'text', '-', 'align', ':', 'center', ';', 'color', ':', 'red', ';', '}', '</style>', '</head>', '<body>', '<h1', 'class=\"center\">', 'Red', 'and', 'center', '-', 'aligned', 'heading', '</h1>', '<p', 'class=\"center\">', 'Red', 'and', 'center', '-', 'aligned', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'color', ':', 'red', ';', 'text', '-', 'align', ':', 'center', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Hello', 'World', '!', '</p>', '<p>', 'These', 'paragraphs', 'are', 'styled', 'with', 'CSS', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'example1', '{', 'border', ':', '10px', 'solid', 'black', ';', 'padding', ':', '35px', ';', 'background', ':', 'url(img_flwr.gif', ')', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', '}', '#', 'example2', '{', 'border', ':', '10px', 'solid', 'black', ';', 'padding', ':', '35px', ';', 'background', ':', 'url(img_flwr.gif', ')', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', 'background', '-', 'origin', ':', 'border', '-', 'box', ';', '}', '#', 'example3', '{', 'border', ':', '10px', 'solid', 'black', ';', 'padding', ':', '35px', ';', 'background', ':', 'url(img_flwr.gif', ')', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', 'background', '-', 'origin', ':', 'content', '-', 'box', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'background', '-', 'origin', 'Property', '</h1>', '<p>', 'No', 'background', '-', 'origin', '(', 'padding', '-', 'box', 'is', 'default', ')', ':', '</p>', '<div', 'id=\"example1\">', '<h2>', 'Lorem', 'Ipsum', 'Dolor', '</h2>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '#', 'example1', '{', 'border', ':', '10px', 'dotted', 'black', ';', 'padding', ':', '35px', ';', 'background', ':', 'yellow', ';', '}', '#', 'example2', '{', 'border', ':', '10px', 'dotted', 'black', ';', 'padding', ':', '35px', ';', 'background', ':', 'yellow', ';', 'background', '-', 'clip', ':', 'padding', '-', 'box', ';', '}', '#', 'example3', '{', 'border', ':', '10px', 'dotted', 'black', ';', 'padding', ':', '35px', ';', 'background', ':', 'yellow', ';', 'background', '-', 'clip', ':', 'content', '-', 'box', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'background', '-', 'clip', 'Property', '</h1>', '<p>', 'No', 'background', '-', 'clip', '(', 'border', '-', 'box', 'is', 'default', ')', ':', '</p>', '<div', 'id=\"example1\">', '<h2>', 'Lorem', 'Ipsum', 'Dolor', '</h2>', '<p>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', '</p>', '</div>', '<p>', 'background', '-', 'clip', ':', 'padding', '-', 'box', ':', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.nav', '{', 'background', '-', 'color', ':', 'yellow', ';', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'text', '-', 'align', ':', 'center', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', '}', '.nav', 'li', '{', 'display', ':', 'inline', '-', 'block', ';', 'font', '-', 'size', ':', '20px', ';', 'padding', ':', '20px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Horizontal', 'Navigation', 'Links', '</h1>', '<p>', 'By', 'default', ',', 'list', 'items', 'are', 'displayed', 'vertically', '.', 'In', 'this', 'example', 'we', 'use', 'display', ':', 'inline', '-', 'block', 'to', 'display', 'them', 'horizontally', '(', 'side', 'by', 'side', ')', '.', '</p>', '<p>', 'Note', ':', 'If', 'you', 'resize', 'the', 'browser', 'window', ',', 'the', 'links', 'will', 'automatically', 'break', 'when', 'it', 'becomes', 'too', 'crowded', '.', '</p>', '<ul', 'class=\"nav\">', '<li>', '<a', 'href=\"#home\">', 'Home', '</a>', '</li>', '<li>', '<a', 'href=\"#about\">', 'About', 'Us', '</a>', '</li>', '<li>', '<a', 'href=\"#clients\">', 'Our', 'Clients', '</a>', '</li>', '<li>', '<a', 'href=\"#contact\">', 'Contact', 'Us', '</a>', '</li>', '</ul>', '</body>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Inline', 'form', '</h2>', '<p>', 'Make', 'the', 'viewport', 'larger', 'than', '768px', 'wide', 'to', 'see', 'that', 'all', 'of', 'the', 'form', 'elements', 'are', 'inline', ',', 'left', 'aligned', ',', 'and', 'the', 'labels', 'are', 'alongside', '.', '</p>', '<form', 'class=\"form', '-', 'inline', '\"', 'action=\"/action_page.php\">', '<div', 'class=\"form', '-', 'group\">', '<label', 'for=\"email\">', 'Email', ':', '</label>', '<input', 'type=\"email', '\"', 'class=\"form', '-', 'control', '\"', 'id=\"email', '\"', 'placeholder=\"Enter', 'email', '\"', 'name=\"email\">'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Badges', '</h2>', '<a', 'href=\"#\">', 'News', '<span', 'class=\"badge\">', '5', '</span>', '</a>', '<br>', '<a', 'href=\"#\">', 'Comments', '<span', 'class=\"badge\">', '10', '</span>', '</a>', '<br>', '<a', 'href=\"#\">', 'Updates', '<span', 'class=\"badge\">', '2', '</span>', '</a>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'Font', 'Awesome', 'Icons', '</title>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<script', 'src=\"https://kit.fontawesome.com', '/', 'a076d05399.js', '\"', 'crossorigin=\"anonymous\">', '</script>', '<!--Get', 'your', 'own', 'code', 'at', 'fontawesome.com-->', '</head>', '<body>', '<p>', 'Some', 'Font', 'Awesome', 'icons', ':', '</p>', '<i', 'class=\"fas', 'fa', '-', 'cloud\">', '</i>', '<i', 'class=\"fas', 'fa', '-', 'heart\">', '</i>', '<i', 'class=\"fas', 'fa', '-', 'car\">', '</i>', '<i', 'class=\"fas', 'fa', '-', 'file\">', '</i>', '<i', 'class=\"fas', 'fa', '-', 'bars\">', '</i>', '<p>', 'Styled', 'Font', 'Awesome', 'icons', '(', 'size', 'and', 'color', ')', ':', '</p>', '<i', 'class=\"fas', 'fa', '-', 'cloud', '\"', 'style=\"font', '-', 'size:24px;\">', '</i>', '<i', 'class=\"fas', 'fa', '-', 'cloud', '\"', 'style=\"font', '-', 'size:36px;\">', '</i>', '<i', 'class=\"fas', 'fa', '-', 'cloud', '\"', 'style=\"font', '-', 'size:48px;color', ':', 'red;\">', '</i>', '<i', 'class=\"fas', 'fa', '-', 'cloud', '\"', 'style=\"font', '-', 'size:60px;color', ':', 'lightblue;\">', '</i>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Hello', 'World', '!', '</h1>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'xs-6', 'col', '-', 'sm-3', '\"', 'style=\"background', '-', 'color', ':', 'lavender;\">', 'Column', '1', '<', 'br>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', 'Also', 'try', 'to', 'remove', 'the', 'div', 'clearfix', 'line', 'and', 'see', 'what', 'happens', '.', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'CSS', 'Website', 'Layout', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', 'body', '{', 'margin', ':', '0', ';', '}', '.header', '{', 'background', '-', 'color', ':', '#', 'f1f1f1', ';', 'padding', ':', '20px', ';', 'text', '-', 'align', ':', 'center', ';', '}', '.topnav', '{', 'overflow', ':', 'hidden', ';', 'background', '-', 'color', ':', '#', '333', ';', '}', '.topnav', 'a', '{', 'float', ':', 'left', ';', 'display', ':', 'block', ';', 'color', ':', '#', 'f2f2f2', ';', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '14px', '16px', ';'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Striped', 'Rows', '</h2>', '<p>', 'The', '.table', '-', 'striped', 'class', 'adds', 'zebra', '-', 'stripes', 'to', 'a', 'table', ':', '</p>', '<table', 'class=\"table', 'table', '-', 'striped\">', '<thead>', '<tr>', '<th>', 'Firstname', '</th>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'input[type', '=', 'text', ']', '{', 'width', ':', '100', '%', ';', 'padding', ':', '12px', '20px', ';', 'margin', ':', '8px', '0', ';', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', 'border', ':', '1px', 'solid', '#', '555', ';', 'outline', ':', 'none', ';', '}', 'input[type', '=', 'text]:focus', '{', 'background', '-', 'color', ':', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<p>', 'In', 'this', 'example', ',', 'we', 'use', 'the', ':', 'focus', 'selector', 'to', 'add', 'a', 'background', 'color', 'to', 'the', 'text', 'field', 'when', 'it', 'gets', 'focused', '(', 'clicked', 'on', ')', ':', '</p>', '<form>', '<label', 'for=\"fname\">', 'First', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname', '\"', 'value=\"John\">', '<label', 'for=\"lname\">', 'Last', 'Name', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname', '\"', 'value=\"Doe\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Accordion', 'Example', '</h2>', '<p>', '<strong>', 'Note', ':', '</strong>', 'The', '<strong>', 'data', '-', 'parent', '</strong>', 'attribute', 'makes', 'sure', 'that', 'all', 'collapsible', 'elements', 'under', 'the', 'specified', 'parent', 'will', 'be', 'closed', 'when', 'one', 'of', 'the', 'collapsible', 'item', 'is', 'shown', '.', '</p>', '<div', 'class=\"panel', '-', 'group', '\"', 'id=\"accordion\">', '<div', 'class=\"panel', 'panel', '-', 'default\">', '<div', 'class=\"panel', '-', 'heading\">', '<h4', 'class=\"panel', '-', 'title\">', '<a', 'data', '-', 'toggle=\"collapse', '\"', 'data', '-', 'parent=\"#accordion', '\"', 'href=\"#collapse1\">', 'Collapsible', 'Group', '1', '</a>', '</h4>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', ':', '2px', 'solid', 'powderblue', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'text', 'is', 'normal', '.', '</p>', '<p>', '<b>', 'This', 'text', 'is', 'bold', '.', '</b>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'border', '-', 'collapse', ':', 'collapse', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '5px', ';', '}', '</style>', '</head>', '<body>', '<table>', '<tr>', '<td>', '<p>', 'This', 'is', 'a', 'paragraph', '</p>', '<p>', 'This', 'is', 'another', 'paragraph', '</p>', '</td>', '<td', '>', 'This', 'cell', 'contains', 'a', 'table', ':', '<table>', '<tr>', '<td>', 'A', '</td>', '<td>', 'B', '</td>', '</tr>', '<tr>', '<td>', 'C', '</td>', '<td>', 'D', '</td>', '</tr>', '</table>', '</td>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Basic', 'Panel', '</h2>', '<div', 'class=\"panel', 'panel', '-', 'default\">', '<div', 'class=\"panel', '-', 'body\">', 'A', 'Basic', 'Panel', '</div>', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'padding', ':', '5px', ';', '}', 'table', '{', 'border', '-', 'spacing', ':', '15px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Border', 'Spacing', '</h2>', '<p>', 'Border', 'spacing', 'specifies', 'the', 'space', 'between', 'the', 'cells', '.', '</p>', '<table', 'style=\"width:100%\">', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Age', '</th>', '</tr>', '<tr>', '<td>', 'Jill', '</td>', '<td>', 'Smith', '</td>', '<td>', '50', '</td>', '</tr>', '<tr>', '<td>', 'Eve', '</td>', '<td>', 'Jackson', '</td>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'bottom', '-', 'width', ':', '15px', ';', '}', '</style>', '</head>', '<body>', '<p>', '<b>', 'Note', ':', '</b>', 'The', '\"', 'border', '-', 'bottom', '-', 'width', '\"', 'property', 'does', 'not', 'work', 'if', 'it', 'is', 'used', 'alone', '.', 'Use', 'the', '\"', 'border', '-', 'style', '\"', 'property', 'to', 'set', 'the', 'borders', 'first', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1', 'style=\"font', '-', 'size:300%;\">', 'This', 'is', 'a', 'heading', '</h1>', '<p', 'style=\"font', '-', 'size:160%;\">', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1', 'style=\"background', '-', 'color', ':', 'DodgerBlue;\">', 'Hello', 'World', '</h1>', '<p', 'style=\"background', '-', 'color', ':', 'Tomato;\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'background', '-', 'color', ':', 'powderblue', ';', '}', 'h1', '{', 'color', ':', 'blue', ';', '}', 'p', '{', 'color', ':', 'red', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'float', ':', 'right', ';', 'width', ':', '120px', ';', 'margin', ':', '0', '0', '15px', '20px', ';', 'padding', ':', '15px', ';', 'border', ':', '1px', 'solid', 'black', ';', 'text', '-', 'align', ':', 'center', ';', '}', '</style>', '</head>', '<body>', '<div>', '<img', 'src=\"w3css.gif', '\"', 'width=\"100', '\"', 'height=\"140\"><br', '>', 'CSS', 'is', 'fun', '!', '</div>', '<p>', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.', 'This', 'is', 'some', 'text', '.'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Contextual', 'Classes', '</h2>', '<p>', 'Contextual', 'classes', 'can', 'be', 'used', 'to', 'color', 'table', 'rows', 'or', 'table', 'cells', '.', 'The', 'classes', 'that', 'can', 'be', 'used', 'are', ':', '.active', ',', '.success', ',', '.info', ',', '.warning', ',', 'and', '.danger', '.', '</p>', '<table', 'class=\"table\">', '<thead>', '<tr>', '<th>', 'Firstname', '</th>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.a', '{', 'font', ':', '20px', 'Arial', ',', 'sans', '-', 'serif', ';', '}', 'p.b', '{', 'font', ':', 'italic', 'bold', '12px/30px', 'Georgia', ',', 'serif', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'font', 'Property', '</h1>', '<p', 'class=\"a\">', 'This', 'is', 'a', 'paragraph', '.', 'The', 'font', 'size', 'is', 'set', 'to', '20', 'pixels', ',', 'and', 'the', 'font', 'family', 'is', 'Arial', '.', '</p>', '<p', 'class=\"b\">', 'This', 'is', 'a', 'paragraph', '.', 'The', 'font', 'is', 'set', 'to', 'italic', 'and', 'bold', ',', 'the', 'font', 'size', 'is', 'set', 'to', '12', 'pixels', ',', 'the', 'line', 'height', 'is', 'set', 'to', '30', 'pixels', ',', 'and', 'the', 'font', 'family', 'is', 'Georgia', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body', 'style=\"background', '-', 'color', ':', 'powderblue;\">', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.newspaper', '{', 'column', '-', 'count', ':', '3', ';', 'column', '-', 'gap', ':', '40px', ';', 'column', '-', 'rule', ':', '1px', 'solid', 'lightblue', ';', '}', 'h2', '{', 'column', '-', 'span', ':', 'all', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"newspaper\">', '<h2>', 'Lorem', 'Ipsum', 'Dolor', 'Sit', 'Amet', '</h2>', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', 'Duis', 'autem', 'vel', 'eum', 'iriure', 'dolor', 'in', 'hendrerit', 'in', 'vulputate', 'velit', 'esse', 'molestie', 'consequat', ',', 'vel', 'illum', 'dolore', 'eu', 'feugiat', 'nulla', 'facilisis', 'at', 'vero', 'eros', 'et', 'accumsan', 'et', 'iusto', 'odio', 'dignissim', 'qui', 'blandit', 'praesent', 'luptatum', 'zzril', 'delenit', 'augue', 'duis', 'dolore', 'te', 'feugait', 'nulla', 'facilisi', '.', 'Nam', 'liber', 'tempor', 'cum', 'soluta', 'nobis', 'eleifend', 'option', 'congue', 'nihil', 'imperdiet', 'doming', 'i', 'd', 'quod', 'mazim', 'placerat', 'facer', 'possim', 'assum', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1', 'style=\"font', '-', 'family', ':', 'verdana;\">', 'This', 'is', 'a', 'heading', '</h1>', '<p', 'style=\"font', '-', 'family', ':', 'courier;\">', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<base', 'href=\"https://www.w3schools.com/', '\"', 'target=\"_blank\">', '</head>', '<body>', '<h1>', 'The', 'base', 'element', '</h1>', '<p>', '<img', 'src=\"images', '/', 'stickman.gif', '\"', 'width=\"24', '\"', 'height=\"39', '\"', 'alt=\"Stickman\">', '-', 'Notice', 'that', 'we', 'have', 'only', 'specified', 'a', 'relative', 'address', 'for', 'the', 'image', '.', 'Since', 'we', 'have', 'specified', 'a', 'base', 'URL', 'in', 'the', 'head', 'section', ',', 'the', 'browser', 'will', 'look', 'for', 'the', 'image', 'at', '\"', 'https://www.w3schools.com/images/stickman.gif', '\"', '.', '</p>', '<p>', '<a', 'href=\"tags', '/', 'tag_base.asp\">', 'HTML', 'base', 'tag', '</a>', '-', 'Notice', 'that', 'the', 'link', 'opens', 'in', 'a', 'new', 'window', ',', 'even', 'if', 'it', 'has', 'no', 'target=\"_blank', '\"', 'attribute', '.', 'This', 'is', 'because', 'the', 'target', 'attribute', 'of', 'the', 'base', 'element', 'is', 'set', 'to', '\"', '_', 'blank', '\"', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div.fixed', '{', 'position', ':', 'fixed', ';', 'bottom', ':', '0', ';', 'right', ':', '0', ';', 'width', ':', '300px', ';', 'border', ':', '3px', 'solid', '#', '73AD21', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'position', ':', 'fixed', ';', '</h2>', '<p>', 'An', 'element', 'with', 'position', ':', 'fixed', ';', 'is', 'positioned', 'relative', 'to', 'the', 'viewport', ',', 'which', 'means', 'it', 'always', 'stays', 'in', 'the', 'same', 'place', 'even', 'if', 'the', 'page', 'is', 'scrolled', ':', '</p>', '<div', 'class=\"fixed\">', 'This', 'div', 'element', 'has', 'position', ':', 'fixed', ';', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', '}', 'p.none', '{', 'border', '-', 'bottom', '-', 'style', ':', 'none', ';', '}', 'p.dotted', '{', 'border', '-', 'bottom', '-', 'style', ':', 'dotted', ';', '}', 'p.dashed', '{', 'border', '-', 'bottom', '-', 'style', ':', 'dashed', ';', '}', 'p.solid', '{', 'border', '-', 'bottom', '-', 'style', ':', 'solid', ';', '}', 'p.double', '{', 'border', '-', 'bottom', '-', 'style', ':', 'double', ';', '}', 'p.groove', '{', 'border', '-', 'bottom', '-', 'style', ':', 'groove', ';', '}', 'p.ridge', '{', 'border', '-', 'bottom', '-', 'style', ':', 'ridge', ';', '}', 'p.inset', '{', 'border', '-', 'bottom', '-', 'style', ':', 'inset', ';', '}', 'p.outset', '{', 'border', '-', 'bottom', '-', 'style', ':', 'outset', ';', '}', '</style>', '</head>', '<body>', '<p', 'class=\"none\">', 'No', 'bottom', 'border', '.', '</p>', '<p', 'class=\"dotted\">', 'A', 'dotted', 'bottom', 'border', '.', '</p>', '<p', 'class=\"dashed\">', 'A', 'dashed', 'bottom', 'border', '.', '</p>', '<p', 'class=\"solid\">', 'A', 'solid', 'bottom', 'border', '.', '</p>', '<p', 'class=\"double\">', 'A', 'double', 'bottom', 'border', '.', '</p>', '<p', 'class=\"groove\">', 'A', 'groove', 'bottom', 'border', '.', '</p>', '<p', 'class=\"ridge\">', 'A', 'ridge', 'bottom', 'border', '.', '</p>', '<p', 'class=\"inset\">', 'An', 'inset', 'bottom', 'border', '.', '</p>', '<p', 'class=\"outset\">', 'An', 'outset', 'bottom', 'border', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'top', '-', 'color', ':', '#', 'ff0000', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'some', 'text', 'in', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', '-webkit', '-', 'box', '-', 'reflect', ':', 'right', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'CSS', 'Image', 'Reflection', '</h1>', '<p>', 'Show', 'the', 'reflection', 'to', 'the', 'right', 'of', 'the', 'image', ':', '</p>', '<img', 'src=\"img_tree.png\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Vertical', 'Button', 'Group', '</h2>', '<p>', 'Use', 'the', '.btn', '-', 'group', '-', 'vertical', 'class', 'to', 'create', 'a', 'vertical', 'button', 'group', ':', '</p>', '<div', 'class=\"btn', '-', 'group', '-', 'vertical\">', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Apple', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Samsung', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Sony', '</button>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<nav', 'class=\"navbar', 'navbar', '-', 'default\">', '<div', 'class=\"container', '-', 'fluid\">', '<div', 'class=\"navbar', '-', 'header\">', '<a', 'class=\"navbar', '-', 'brand', '\"', 'href=\"#\">', 'WebSiteName', '</a>', '</div>', '<ul', 'class=\"nav', 'navbar', '-', 'nav\">', '<li', 'class=\"active\">', '<a', 'href=\"#\">', 'Home', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'background', '-', 'image', ':', 'url(\"img_tree.png', '\"', ')', ';', 'background', '-', 'repeat', ':', 'no', '-', 'repeat', ';', 'background', '-', 'position', ':', 'right', 'top', ';', 'margin', '-', 'right', ':', '200px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'Hello', 'World', '!', '</h1>', '<p>', 'W3Schools', 'background', 'no', '-', 'repeat', ',', 'set', 'position', 'example', '.', '</p>', '<p>', 'Now', 'the', 'background', 'image', 'is', 'only', 'shown', 'once', ',', 'and', 'positioned', 'away', 'from', 'the', 'text', '.', '</p>', '<p>', 'In', 'this', 'example', 'we', 'have', 'also', 'added', 'a', 'margin', 'on', 'the', 'right', 'side', ',', 'so', 'the', 'background', 'image', 'will', 'never', 'disturb', 'the', 'text', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div.card', '{', 'width', ':', '250px', ';', 'box', '-', 'shadow', ':', '0', '4px', '8px', '0', 'rgba(0', ',', '0', ',', '0', ',', '0.2', ')', ',', '0', '6px', '20px', '0', 'rgba(0', ',', '0', ',', '0', ',', '0.19', ')', ';', 'text', '-', 'align', ':', 'center', ';', '}', 'div.header', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', 'padding', ':', '10px', ';', 'font', '-', 'size', ':', '40px', ';', '}', 'div.container', '{', 'padding', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Cards', '</h2>', '<p>', 'The', 'box', '-', 'shadow', 'property', 'can', 'be', 'used', 'to', 'create', 'paper', '-', 'like', 'cards', ':', '</p>', '<div', 'class=\"card\">', '<div', 'class=\"header\">', '<h1>', '1', '</h1>', '</div>', '<div', 'class=\"container\">', '<p>', 'January', '1', ',', '2016', '</p>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Justified', 'Button', 'Groups', '</h2>', '<div', 'class=\"btn', '-', 'group', 'btn', '-', 'group', '-', 'justified\">', '<div', 'class=\"btn', '-', 'group\">', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Apple', '</button>', '</div>', '<div', 'class=\"btn', '-', 'group\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'q', ':', 'lang(no', ')', '{', 'quotes', ':', '\"', '~', '\"', '\"', '~', '\"', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Some', 'text', '<q', 'lang=\"no\">', 'A', 'quote', 'in', 'a', 'paragraph', '</q>', 'Some', 'text', '.', '</p>', '<p>', 'In', 'this', 'example', ',', ':', 'lang', 'defines', 'the', 'quotation', 'marks', 'for', 'q', 'elements', 'with', 'lang=\"no', '\"', ':', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Email', 'Field', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"email', '\"', '</strong>', 'is', 'used', 'for', 'input', 'fields', 'that', 'should', 'contain', 'an', 'e', '-', 'mail', 'address', ':', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"email\">', 'Enter', 'your', 'email', ':', '</label>', '<input', 'type=\"email', '\"', 'id=\"email', '\"', 'name=\"email\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Rounded', 'Corners', '</h2>', '<p>', 'The', '.img', '-', 'rounded', 'class', 'adds', 'rounded', 'corners', 'to', 'an', 'image', '(', 'not', 'available', 'in', 'IE8', ')', ':', '</p>', '<img', 'src=\"cinqueterre.jpg', '\"', 'class=\"img', '-', 'rounded', '\"', 'alt=\"Cinque', 'Terre', '\"', 'width=\"304', '\"', 'height=\"236\">', '</div>', '</body>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'Image', 'to', 'use', ':', '</p>', '<img', 'id=\"scream', '\"', 'src=\"img_the_scream.jpg', '\"', 'alt=\"The', 'Scream', '\"', 'width=\"220', '\"', 'height=\"277\">', '<p>', 'Canvas', 'to', 'fill', ':', '</p>', '<canvas', 'id=\"myCanvas', '\"', 'width=\"250', '\"', 'height=\"300', '\"', 'style=\"border:1px', 'solid', '#', 'd3d3d3;\">', 'Your', 'browser', 'does', 'not', 'support', 'the', 'HTML', 'canvas', 'tag.</canvas>', '<p>', '<button', 'onclick=\"myCanvas()\">', 'Try', 'it', '</button>', '</p>', '<script>', 'function', 'myCanvas', '(', ')', '{', 'var', 'c', '=', 'document.getElementById(\"myCanvas', '\"', ')', ';', 'var', 'ctx', '=', 'c.getContext(\"2d', '\"', ')', ';', 'var', 'img', '=', 'document.getElementById(\"scream', '\"', ')', ';', 'ctx.drawImage(img,10,10', ')', ';', '}', '</script>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1', 'style=\"color', ':', 'blue;\">', 'A', 'Blue', 'Heading', '</h1>', '<p', 'style=\"color', ':', 'red;\">', 'A', 'red', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Pager', '</h2>', '<p>', 'The', '.previous', 'and', '.next', 'classes', 'align', 'each', 'link', 'to', 'the', 'sides', 'of', 'the', 'page', ':', '</p>', '<ul', 'class=\"pager\">', '<li', 'class=\"previous\">', '<a', 'href=\"#\">', 'Previous', '</a>', '</li>', '<li', 'class=\"next\">', '<a', 'href=\"#\">', 'Next', '</a>', '</li>', '</ul>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '300px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'yellow', ';', 'border', ':', '1px', 'solid', 'black', ';', '}', 'div#myDiv', '{', '-ms', '-', 'transform', ':', 'skewX(20deg', ')', ';', '/', '*', 'IE', '9', '*', '/', 'transform', ':', 'skewX(20deg', ')', ';', '/', '*', 'Standard', 'syntax', '*', '/', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'skewX', '(', ')', 'Method', '</h1>', '<p>', 'The', 'skewX', '(', ')', 'method', 'skews', 'an', 'element', 'along', 'the', 'X', '-', 'axis', 'by', 'the', 'given', 'angle', '.', '</p>', '<div>', 'This', 'a', 'normal', 'div', 'element', '.', '</div>', '<div', 'id=\"myDiv\">', 'This', 'div', 'element', 'is', 'skewed', '20', 'degrees', 'along', 'the', 'X', '-', 'axis', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Dropdowns', '</h2>', '<p>', 'The', '.dropdown', '-', 'header', 'class', 'is', 'used', 'to', 'add', 'headers', 'inside', 'the', 'dropdown', 'menu', ':', '</p>', '<div', 'class=\"dropdown\">', '<button', 'class=\"btn', 'btn', '-', 'default', 'dropdown', '-', 'toggle', '\"', 'type=\"button', '\"', 'data', '-', 'toggle=\"dropdown\">Tutorials', '<span', 'class=\"caret\">', '</span>', '</button>', '<ul', 'class=\"dropdown', '-', 'menu\">', '<li', 'class=\"dropdown', '-', 'header\">', 'Dropdown', 'header', '1', '</li>', '<li>', '<a', 'href=\"#\">', 'HTML', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Small', 'Grid', '</h1>', '<p>', 'The', 'following', 'example', 'will', 'result', 'in', 'a', '25%/75', '%', 'split', 'on', 'small', ',', 'medium', 'and', 'large', 'devices', '.', 'On', 'extra', 'small', 'devices', ',', 'it', 'will', 'stack', '(', '100', '%', 'width', ')', '.', '</p>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'sm-3', '\"', 'style=\"background', '-', 'color', ':', 'yellow;\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua.<br>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.button', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', '/', '*', 'Green', '*', '/', 'border', ':', 'none', ';', 'color', ':', 'white', ';', 'padding', ':', '15px', '32px', ';', 'text', '-', 'align', ':', 'center', ';', 'text', '-', 'decoration', ':', 'none', ';', 'display', ':', 'inline', '-', 'block', ';', 'font', '-', 'size', ':', '16px', ';', 'margin', ':', '4px', '2px', ';', 'cursor', ':', 'pointer', ';', '}', '.disabled', '{', 'opacity', ':', '0.6', ';', 'cursor', ':', 'not', '-', 'allowed', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Disabled', 'Buttons', '</h2>', '<p>', 'Use', 'the', 'opacity', 'property', 'to', 'add', 'some', 'transparency', 'to', 'the', 'button', '(', 'make', 'it', 'look', 'disabled', ')', ':', '</p>', '<button', 'class=\"button\">', 'Normal', 'Button', '</button>', '<button', 'class=\"button', 'disabled\">', 'Disabled', 'Button', '</button>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'is', '<br>', 'a', 'paragraph', '<br>', 'with', 'line', 'breaks', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<svg', 'width=\"400', '\"', 'height=\"180\">', '<rect', 'x=\"50', '\"', 'y=\"20', '\"', 'rx=\"20', '\"', 'ry=\"20', '\"', 'width=\"150', '\"', 'height=\"150', '\"', 'style=\"fill', ':', 'red;stroke', ':', 'black;stroke', '-', 'width:5;opacity:0.5', '\"', '/>', 'Sorry', ',', 'your', 'browser', 'does', 'not', 'support', 'inline', 'SVG', '.', '</svg>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<title>', 'W3.CSS', '</title>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://www.w3schools.com', '/', 'w3css/4', '/', 'w3.css\">', '<body>', '<div', 'class=\"w3-container', 'w3-green\">', '<h1>', 'W3Schools', 'Demo', '</h1>', '<p>', 'Resize', 'this', 'responsive', 'page', '!', '</p>', '</div>', '<div', 'class=\"w3-row', '-', 'padding\">', '<div', 'class=\"w3-third\">', '<h2>', 'London', '</h2>', '<p>', 'London', 'is', 'the', 'capital', 'city', 'of', 'England', '.', '</p>', '<p', '>', 'It', 'is', 'the', 'most', 'populous', 'city', 'in', 'the', 'United', 'Kingdom', ',', 'with', 'a', 'metropolitan', 'area', 'of', 'over', '13', 'million', 'inhabitants.</p>', '</div>', '<div', 'class=\"w3-third\">', '<h2>', 'Paris', '</h2>', '<p>', 'Paris', 'is', 'the', 'capital', 'of', 'France', '.', '</p>', '<p', '>', 'The', 'Paris', 'area', 'is', 'one', 'of', 'the', 'largest', 'population', 'centers', 'in', 'Europe', ',', 'with', 'more', 'than', '12', 'million', 'inhabitants.</p>', '</div>', '<div', 'class=\"w3-third\">', '<h2>', 'Tokyo', '</h2>', '<p>', 'Tokyo', 'is', 'the', 'capital', 'of', 'Japan', '.', '</p>', '<p', '>', 'It', 'is', 'the', 'center', 'of', 'the', 'Greater', 'Tokyo', 'Area', ','], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Panel', 'Footer', '</h2>', '<div', 'class=\"panel', 'panel', '-', 'default\">', '<div', 'class=\"panel', '-', 'heading\">', 'Panel', 'Heading', '</div>', '<div', 'class=\"panel', '-', 'body\">', 'Panel', 'Content', '</div>', '<div', 'class=\"panel', '-', 'footer\">', 'Panel', 'Footer', '</div>', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Dropdowns', '</h2>', '<p>', 'The', '.dropdown', 'class', 'is', 'used', 'to', 'indicate', 'a', 'dropdown', 'menu', '.', '</p>', '<p>', 'Use', 'the', '.dropdown', '-', 'menu', 'class', 'to', 'actually', 'build', 'the', 'dropdown', 'menu', '.', '</p>', '<div', 'class=\"dropdown\">', '<button', 'class=\"btn', 'btn', '-', 'default', 'dropdown', '-', 'toggle', '\"', 'type=\"button', '\"', 'id=\"menu1', '\"', 'data', '-', 'toggle=\"dropdown\">Tutorials', '<span', 'class=\"caret\">', '</span>', '</button>', '<ul', 'class=\"dropdown', '-', 'menu', '\"', 'role=\"menu', '\"', 'aria', '-', 'labelledby=\"menu1\">', '<li', 'role=\"presentation\">', '<a', 'role=\"menuitem', '\"', 'tabindex=\"-1', '\"', 'href=\"#\">', 'HTML', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<video', 'width=\"400', '\"', 'controls>', '<source', 'src=\"mov_bbb.mp4', '\"', 'type=\"video', '/', 'mp4\">', '<source', 'src=\"mov_bbb.ogg', '\"', 'type=\"video', '/', 'ogg\">', 'Your', 'browser', 'does', 'not', 'support', 'HTML', 'video', '.', '</video>', '<p>', 'Video', 'courtesy', 'of', '<a', 'href=\"https://www.bigbuckbunny.org/', '\"', 'target=\"_blank\">', 'Big', 'Buck', 'Bunny', '</a>', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h3', 'style=\"color', ':', 'Tomato;\">', 'Hello', 'World', '</h3>', '<p', 'style=\"color', ':', 'DodgerBlue;\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', '</p>', '<p', 'style=\"color', ':', 'MediumSeaGreen;\">', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<div', 'style=\"background', '-', 'color', ':', 'black;color', ':', 'white;padding:20px;\">', '<h2>', 'London', '</h2>', '<p>', 'London', 'is', 'the', 'capital', 'city', 'of', 'England', '.', 'It', 'is', 'the', 'most', 'populous', 'city', 'in', 'the', 'United', 'Kingdom', ',', 'with', 'a', 'metropolitan', 'area', 'of', 'over', '13', 'million', 'inhabitants', '.', '</p>', '<p>', 'Standing', 'on', 'the', 'River', 'Thames', ',', 'London', 'has', 'been', 'a', 'major', 'settlement', 'for', 'two', 'millennia', ',', 'its', 'history', 'going', 'back', 'to', 'its', 'founding', 'by', 'the', 'Romans', ',', 'who', 'named', 'it', 'Londinium', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.ex1', '{', 'outline', ':', 'dashed', ';', '}', 'p.ex2', '{', 'outline', ':', 'dotted', 'red', ';', '}', 'p.ex3', '{', 'outline', ':', '5px', 'solid', 'yellow', ';', '}', 'p.ex4', '{', 'outline', ':', 'thick', 'ridge', 'pink', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'outline', 'Property', '</h2>', '<p', 'class=\"ex1\">', 'A', 'dashed', 'outline', '.', '</p>', '<p', 'class=\"ex2\">', 'A', 'dotted', 'red', 'outline', '.', '</p>', '<p', 'class=\"ex3\">', 'A', '5px', 'solid', 'yellow', 'outline', '.', '</p>', '<p', 'class=\"ex4\">', 'A', 'thick', 'ridge', 'pink', 'outline', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<title>', 'Page', 'Title', '</title>', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'h1', '{', 'margin', ':', '0', '0', '50px', '0', ';', '}', 'h2', '{', 'margin', ':', '20px', '0', '0', '0', ';', '}', '</style>', '</head>', '<body>', '<p>', 'In', 'this', 'example', 'the', 'h1', 'element', 'has', 'a', 'bottom', 'margin', 'of', '50px', 'and', 'the', 'h2', 'element', 'has', 'a', 'top', 'margin', 'of', '20px', '.', 'So', ',', 'the', 'vertical', 'margin', 'between', 'h1', 'and', 'h2', 'should', 'have', 'been', '70px', '(', '50px', '+', '20px', ')', '.', 'However', ',', 'due', 'to', 'margin', 'collapse', ',', 'the', 'actual', 'margin', 'ends', 'up', 'being', '50px', '.', '</p>', '<h1>', 'Heading', '1', '</h1>', '<h2>', 'Heading', '2', '</h2>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', 'border', '-', 'collapse', ':', 'collapse', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '5px', ';', '}', 'th', '{', 'text', '-', 'align', ':', 'left', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Left', '-', 'align', 'Headings', '</h2>', '<p>', 'To', 'left', '-', 'align', 'the', 'table', 'headings', ',', 'use', 'the', 'CSS', 'text', '-', 'align', 'property', '.', '</p>', '<table', 'style=\"width:100%\">', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Age', '</th>', '</tr>', '<tr>', '<td>', 'Jill', '</td>', '<td>', 'Smith', '</td>', '<td>', '50', '</td>', '</tr>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Width', 'and', 'Height', 'Attributes', '</h2>', '<p>', 'The', 'width', 'and', 'height', 'attributes', 'of', 'the', 'img', 'tag', ',', 'defines', 'the', 'width', 'and', 'height', 'of', 'the', 'image', ':', '</p>', '<img', 'src=\"img_girl.jpg', '\"', 'width=\"500', '\"', 'height=\"600\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'border', ':', '1px', 'solid', '#', 'ddd', ';', 'border', '-', 'radius', ':', '4px', ';', 'padding', ':', '5px', ';', 'width', ':', '150px', ';', '}', 'img', ':', 'hover', '{', 'box', '-', 'shadow', ':', '0', '0', '2px', '1px', 'rgba(0', ',', '140', ',', '186', ',', '0.5', ')', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Thumbnail', 'Image', 'as', 'Link', '</h2>', '<p>', 'Use', 'the', 'border', 'property', 'to', 'create', 'thumbnail', 'images', '.', 'Wrap', 'an', 'anchor', 'around', 'the', 'image', 'to', 'use', 'it', 'as', 'a', 'link', '.', '</p>', '<p>', 'Hover', 'over', 'the', 'image', 'and', 'click', 'on', 'it', 'to', 'see', 'the', 'effect', '.', '</p>', '<a', 'target=\"_blank', '\"', 'href=\"paris.jpg\">', '<img', 'src=\"paris.jpg', '\"', 'alt=\"Paris', '\"', 'style=\"width:150px\">', '</a>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Table', '</h2>', '<p>', 'The', '.table', '-', 'responsive', 'class', 'creates', 'a', 'responsive', 'table', 'which', 'will', 'scroll', 'horizontally', 'on', 'small', 'devices', '(', 'under', '768px', ')', '.', 'When', 'viewing', 'on', 'anything', 'larger', 'than', '768px', 'wide', ',', 'there', 'is', 'no', 'difference', ':', '</p>', '<div', 'class=\"table', '-', 'responsive\">', '<table', 'class=\"table\">', '<thead>', '<tr>', '<th>', '#', '</th>', '<th>', 'Firstname', '</th>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'a', ':', 'link', '{', 'text', '-', 'decoration', ':', 'none', ';', '}', 'a', ':', 'visited', '{', 'text', '-', 'decoration', ':', 'none', ';', '}', 'a', ':', 'hover', '{', 'text', '-', 'decoration', ':', 'underline', ';', '}', 'a', ':', 'active', '{', 'text', '-', 'decoration', ':', 'underline', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'CSS', 'Links', '</h2>', '<p>', '<b>', '<a', 'href=\"default.asp', '\"', 'target=\"_blank\">', 'This', 'is', 'a', 'link', '</a>', '</b>', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'a', ':', 'hover', 'MUST', 'come', 'after', 'a', ':', 'link', 'and', 'a', ':', 'visited', 'in', 'the', 'CSS', 'definition', 'in', 'order', 'to', 'be', 'effective', '.', '</p>', '<p>', '<b>', 'Note', ':', '</b>', 'a', ':', 'active', 'MUST', 'come', 'after', 'a', ':', 'hover', 'in', 'the', 'CSS', 'definition', 'in', 'order', 'to', 'be', 'effective', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'input', 'required', 'attribute', '</h1>', '<p>', 'The', 'required', 'attribute', 'specifies', 'that', 'an', 'input', 'field', 'must', 'be', 'filled', 'out', 'before', 'submitting', 'the', 'form', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"username\">', 'Username', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"username', '\"', 'name=\"username', '\"', 'required>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', '<strong>', 'Note', ':', '</strong>', 'The', 'required', 'attribute', 'of', 'the', 'input', 'tag', 'is', 'not', 'supported', 'in', 'Safari', 'prior', 'version', '10.1', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '<style>', 'body', '{', 'position', ':', 'relative', ';', '}', '#', 'section1', '{', 'padding', '-', 'top:50px;height:500px;color', ':', '#', 'fff', ';', 'background', '-', 'color', ':', '#', '1E88E5', ';', '}', '#', 'section2', '{', 'padding', '-', 'top:50px;height:500px;color', ':', '#', 'fff', ';', 'background', '-', 'color', ':', '#', '673ab7', ';', '}', '#', 'section3', '{', 'padding', '-', 'top:50px;height:500px;color', ':', '#', 'fff', ';', 'background', '-', 'color', ':', '#', 'ff9800', ';', '}', '#', 'section41', '{', 'padding', '-', 'top:50px;height:500px;color', ':', '#', 'fff', ';', 'background', '-', 'color', ':', '#', '00bcd4', ';', '}', '#', 'section42', '{', 'padding', '-', 'top:50px;height:500px;color', ':', '#', 'fff', ';', 'background', '-', 'color', ':', '#', '009688', ';', '}', '</style>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p::first', '-', 'letter', '{', 'color', ':', '#', 'ff0000', ';', 'font', '-', 'size', ':', 'xx', '-', 'large', ';', '}', 'p::first', '-', 'line', '{', 'color', ':', '#', '0000ff', ';', 'font', '-', 'variant', ':', 'small', '-', 'caps', ';', '}', '</style>', '</head>', '<body>', '<p>', 'You', 'can', 'combine', 'the', ':', ':', 'first', '-', 'letter', 'and', ':', ':', 'first', '-', 'line', 'pseudo', '-', 'elements', 'to', 'add', 'a', 'special', 'effect', 'to', 'the', 'first', 'letter', 'and', 'the', 'first', 'line', 'of', 'a', 'text', '!', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', ':', 'red', ';', 'transition', ':', 'width', '2s', ';', '}', 'div', ':', 'hover', '{', 'width', ':', '300px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'transition', 'Property', '</h1>', '<p>', 'Hover', 'over', 'the', 'div', 'element', 'below', ',', 'to', 'see', 'the', 'transition', 'effect', ':', '</p>', '<div>', '</div>', '<p>', '<b>', 'Note', ':', '</b>', 'This', 'example', 'does', 'not', 'work', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.center', '{', 'height', ':', '200px', ';', 'position', ':', 'relative', ';', 'border', ':', '3px', 'solid', 'green', ';', '}', '.center', 'p', '{', 'margin', ':', '0', ';', 'position', ':', 'absolute', ';', 'top', ':', '50', '%', ';', 'left', ':', '50', '%', ';', '-ms', '-', 'transform', ':', 'translate(-50', '%', ',', '-50', '%', ')', ';', 'transform', ':', 'translate(-50', '%', ',', '-50', '%', ')', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Centering', '</h2>', '<p>', 'In', 'this', 'example', ',', 'we', 'use', 'positioning', 'and', 'the', 'transform', 'property', 'to', 'vertically', 'and', 'horizontally', 'center', 'the', 'div', 'element', ':', '</p>', '<div', 'class=\"center\">', '<p>', 'I', 'am', 'vertically', 'and', 'horizontally', 'centered', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'Locked', 'in', 'a', 'frame', '?', '<a', 'href=\"https://www.w3schools.com', '/', 'html/', '\"', 'target=\"_top\">', 'Click', 'here', '!', '</a>', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', '<a', 'href=\"#C4\">', 'Jump', 'to', 'Chapter', '4', '</a>', '</p>', '<p>', '<a', 'href=\"#C10\">', 'Jump', 'to', 'Chapter', '10', '</a>', '</p>', '<h2>', 'Chapter', '1', '</h2>', '<p>', 'This', 'chapter', 'explains', 'ba', 'bla', 'bla', '</p>', '<h2>', 'Chapter', '2', '</h2>', '<p>', 'This', 'chapter', 'explains', 'ba', 'bla', 'bla', '</p>', '<h2>', 'Chapter', '3', '</h2>', '<p>', 'This', 'chapter', 'explains', 'ba', 'bla', 'bla', '</p>', '<h2', 'id=\"C4\">', 'Chapter', '4', '</h2>', '<p>', 'This', 'chapter', 'explains', 'ba', 'bla', 'bla', '</p>', '<h2>', 'Chapter', '5', '</h2>', '<p>', 'This', 'chapter', 'explains', 'ba', 'bla', 'bla', '</p>', '<h2>', 'Chapter', '6', '</h2>', '<p>', 'This', 'chapter', 'explains', 'ba', 'bla', 'bla', '</p>', '<h2>', 'Chapter', '7', '</h2>', '<p>', 'This', 'chapter', 'explains', 'ba', 'bla', 'bla', '</p>', '<h2>', 'Chapter', '8', '</h2>', '<p>', 'This', 'chapter', 'explains', 'ba', 'bla', 'bla', '</p>', '<h2>', 'Chapter', '9', '</h2>', '<p>', 'This', 'chapter', 'explains', 'ba', 'bla', 'bla', '</p>', '<h2', 'id=\"C10\">', 'Chapter', '10', '</h2>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Image', 'Gallery', '</h2>', '<p>', 'The', '.thumbnail', 'class', 'can', 'be', 'used', 'to', 'display', 'an', 'image', 'gallery', '.', '</p>', '<p>', 'The', '.caption', 'class', 'adds', 'proper', 'padding', 'and', 'a', 'dark', 'grey', 'color', 'to', 'text', 'inside', 'thumbnails', '.', '</p>', '<p>', 'Click', 'on', 'the', 'images', 'to', 'enlarge', 'them', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'md-4\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'th', ',', 'td', '{', 'border', ':', '1px', 'solid', 'black', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Add', 'a', 'border', 'to', 'a', 'table', ':', '</h2>', '<table>', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '</tr>', '<tr>', '<td>', 'Peter', '</td>', '<td>', 'Griffin', '</td>', '</tr>', '<tr>', '<td>', 'Lois', '</td>', '<td>', 'Griffin', '</td>', '</tr>', '</table>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div.sticky', '{', 'position', ':', '-webkit', '-', 'sticky', ';', 'position', ':', 'sticky', ';', 'top', ':', '0', ';', 'padding', ':', '5px', ';', 'background', '-', 'color', ':', '#', 'cae8ca', ';', 'border', ':', '2px', 'solid', '#', '4CAF50', ';', '}', '</style>', '</head>', '<body>', '<p>', 'Try', 'to', '<b>', 'scroll', '</b>', 'inside', 'this', 'frame', 'to', 'understand', 'how', 'sticky', 'positioning', 'works', '.', '</p>', '<div', 'class=\"sticky\">', 'I', 'am', 'sticky', '!', '</div>', '<div', 'style=\"padding', '-', 'bottom:2000px\">', '<p>', 'In', 'this', 'example', ',', 'the', 'sticky', 'element', 'sticks', 'to', 'the', 'top', 'of', 'the', 'page', '(', 'top', ':', '0', ')', ',', 'when', 'you', 'reach', 'its', 'scroll', 'position', '.', '</p>', '<p>', 'Scroll', 'back', 'up', 'to', 'remove', 'the', 'stickyness', '.', '</p>', '<p>', 'Some', 'text', 'to', 'enable', 'scrolling', '..', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'illum', 'definitiones', 'no', 'quo', ',', 'maluisset', 'concludaturque', 'et', 'eum', ',', 'altera', 'fabulas', 'ut', 'quo', '.', 'Atqui', 'causae', 'gloriatur', 'ius', 'te', ',', 'i', 'd', 'agam', 'omnis', 'evertitur', 'eum', '.', 'Affert', 'laboramus', 'repudiandae', 'nec', 'et', '.', 'Inciderint', 'efficiantur', 'his', 'ad', '.', 'Eum', 'no', 'molestiae', 'voluptatibus', '.', '</p>', '<p>', 'Some', 'text', 'to', 'enable', 'scrolling', '..', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'illum', 'definitiones', 'no', 'quo', ',', 'maluisset', 'concludaturque', 'et', 'eum', ',', 'altera', 'fabulas', 'ut', 'quo', '.', 'Atqui', 'causae', 'gloriatur', 'ius', 'te', ',', 'i', 'd', 'agam', 'omnis', 'evertitur', 'eum', '.', 'Affert', 'laboramus', 'repudiandae', 'nec', 'et', '.', 'Inciderint', 'efficiantur', 'his', 'ad', '.', 'Eum', 'no', 'molestiae', 'voluptatibus', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h1>', 'Code', 'Snippets', '</h1>', '<p>', 'Inline', 'snippets', 'of', 'code', 'should', 'be', 'embedded', 'in', 'the', 'code', 'element', ':', '</p>', '<p>', 'The', 'following', 'HTML', 'elements', ':', '<code>', 'span', '</code>', ',', '<code>', 'section', '</code>', ',', 'and', '<code>', 'div', '</code>', 'defines', 'a', 'section', 'in', 'a', 'document', '.', '</p>', '</div>', '</body>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'An', 'ordered', 'HTML', 'list', '</h2>', '<ol>', '<li>', 'Coffee', '</li>', '<li>', 'Tea', '</li>', '<li>', 'Milk', '</li>', '</ol>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'Browsers', 'usually', 'indent', 'blockquote', 'elements', '.', '</p>', '<blockquote', 'cite=\"http://www.worldwildlife.org', '/', 'who', '/', 'index.html\">', 'For', 'nearly', '60', 'years', ',', 'WWF', 'has', 'been', 'protecting', 'the', 'future', 'of', 'nature', '.', 'The', 'world', \"'s\", 'leading', 'conservation', 'organization', ',', 'WWF', 'works', 'in', '100', 'countries', 'and', 'is', 'supported', 'by', 'more', 'than', 'one', 'million', 'members', 'in', 'the', 'United', 'States', 'and', 'close', 'to', 'five', 'million', 'globally', '.', '</blockquote>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.ex1', '{', 'border', ':', '2px', 'solid', 'black', ';', 'outline', '-', 'style', ':', 'solid', ';', 'outline', '-', 'color', ':', 'red', ';', '}', 'p.ex2', '{', 'border', ':', '2px', 'solid', 'black', ';', 'outline', '-', 'style', ':', 'dotted', ';', 'outline', '-', 'color', ':', 'blue', ';', '}', 'p.ex3', '{', 'border', ':', '2px', 'solid', 'black', ';', 'outline', '-', 'style', ':', 'outset', ';', 'outline', '-', 'color', ':', 'grey', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'outline', '-', 'color', 'Property', '</h2>', '<p>', 'The', 'outline', '-', 'color', 'property', 'is', 'used', 'to', 'set', 'the', 'color', 'of', 'the', 'outline', '.', '</p>', '<p', 'class=\"ex1\">', 'A', 'solid', 'red', 'outline', '.', '</p>', '<p', 'class=\"ex2\">', 'A', 'dotted', 'blue', 'outline', '.', '</p>', '<p', 'class=\"ex3\">', 'An', 'outset', 'grey', 'outline', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '>', 'p', '{', 'background', '-', 'color', ':', 'yellow', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Child', 'Selector', '</h2>', '<p>', 'The', 'child', 'selector', '(', '>', ')', 'selects', 'all', 'elements', 'that', 'are', 'the', 'children', 'of', 'a', 'specified', 'element', '.', '</p>', '<div>', '<p>', 'Paragraph', '1', 'in', 'the', 'div', '.', '</p>', '<p>', 'Paragraph', '2', 'in', 'the', 'div', '.', '</p>', '<section>', '<p>', 'Paragraph', '3', 'in', 'the', 'div', '.', '</p>', '</section>', '<!--', 'not', 'Child', 'but', 'Descendant', '-->', '<p>', 'Paragraph', '4', 'in', 'the', 'div', '.', '</p>', '</div>', '<p>', 'Paragraph', '5', '.', 'Not', 'in', 'a', 'div', '.', '</p>', '<p>', 'Paragraph', '6', '.', 'Not', 'in', 'a', 'div', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'top', ':', 'thick', 'double', '#', 'ff0000', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'some', 'text', 'in', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'List', 'Group', 'With', 'Custom', 'Content', '</h2>', '<div', 'class=\"list', '-', 'group\">', '<a', 'href=', '\"', '#', '\"', 'class=\"list', '-', 'group', '-', 'item', 'active\">', '<h4', 'class=\"list', '-', 'group', '-', 'item', '-', 'heading\">', 'First', 'List', 'Group', 'Item', 'Heading', '</h4>', '<p', 'class=\"list', '-', 'group', '-', 'item', '-', 'text\">', 'List', 'Group', 'Item', 'Text', '</p>', '</a>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '1px', 'solid', 'black', ';', 'margin', '-', 'top', ':', '100px', ';', 'margin', '-', 'bottom', ':', '100px', ';', 'margin', '-', 'right', ':', '150px', ';', 'margin', '-', 'left', ':', '80px', ';', 'background', '-', 'color', ':', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Using', 'individual', 'margin', 'properties', '</h2>', '<div>', 'This', 'div', 'element', 'has', 'a', 'top', 'margin', 'of', '100px', ',', 'a', 'right', 'margin', 'of', '150px', ',', 'a', 'bottom', 'margin', 'of', '100px', ',', 'and', 'a', 'left', 'margin', 'of', '80px', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'My', 'First', 'Heading', '</h1>', '<p>', 'My', 'first', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.container', '{', 'position', ':', 'relative', ';', '}', '.topright', '{', 'position', ':', 'absolute', ';', 'top', ':', '8px', ';', 'right', ':', '16px', ';', 'font', '-', 'size', ':', '18px', ';', '}', 'img', '{', 'width', ':', '100', '%', ';', 'height', ':', 'auto', ';', 'opacity', ':', '0.3', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Image', 'Text', '</h2>', '<p>', 'Add', 'some', 'text', 'to', 'an', 'image', 'in', 'the', 'top', 'right', 'corner', ':', '</p>', '<div', 'class=\"container\">', '<img', 'src=\"img_5terre_wide.jpg', '\"', 'alt=\"Cinque', 'Terre', '\"', 'width=\"1000', '\"', 'height=\"300\">', '<div', 'class=\"topright\">', 'Top', 'Right', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '<p>', 'This', 'is', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'bottom', '-', 'color', ':', '#', 'ff0000', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'some', 'text', 'in', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'Google', 'Icons', '</title>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://fonts.googleapis.com', '/', 'icon?family', '=', 'Material+Icons\">', '</head>', '<body>', '<p>', 'Some', 'Google', 'icons', ':', '</p>', '<i', 'class=\"material', '-', 'icons\">', 'cloud', '</i>', '<i', 'class=\"material', '-', 'icons\">', 'favorite', '</i>', '<i', 'class=\"material', '-', 'icons\">', 'attachment', '</i>', '<i', 'class=\"material', '-', 'icons\">', 'computer', '</i>', '<i', 'class=\"material', '-', 'icons\">', 'traffic', '</i>', '<br><br>', '<p>', 'Styled', 'Google', 'icons', '(', 'size', 'and', 'color', ')', ':', '</p>', '<i', 'class=\"material', '-', 'icons', '\"', 'style=\"font', '-', 'size:24px;\">', 'cloud', '</i>', '<i', 'class=\"material', '-', 'icons', '\"', 'style=\"font', '-', 'size:36px;\">', 'cloud', '</i>', '<i', 'class=\"material', '-', 'icons', '\"', 'style=\"font', '-', 'size:48px;color', ':', 'red;\">', 'cloud', '</i>', '<i', 'class=\"material', '-', 'icons', '\"', 'style=\"font', '-', 'size:60px;color', ':', 'lightblue;\">', 'cloud', '</i>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', '-', 'color', ':', 'red', ';', 'position', ':', 'relative', ';', 'animation', '-', 'name', ':', 'example', ';', 'animation', '-', 'duration', ':', '4s', ';', '}', '@keyframes', 'example', '{', '0', '%', '{', 'background', '-', 'color', ':', 'red', ';', 'left:0px', ';', 'top:0px', ';', '}', '25', '%', '{', 'background', '-', 'color', ':', 'yellow', ';', 'left:200px', ';', 'top:0px', ';', '}', '50', '%', '{', 'background', '-', 'color', ':', 'blue', ';', 'left:200px', ';', 'top:200px', ';', '}', '75', '%', '{', 'background', '-', 'color', ':', 'green', ';', 'left:0px', ';', 'top:200px', ';', '}', '100', '%', '{', 'background', '-', 'color', ':', 'red', ';', 'left:0px', ';', 'top:0px', ';', '}', '}', '</style>', '</head>', '<body>', '<p>', '<b>', 'Note', ':', '</b>', 'This', 'example', 'does', 'not', 'work', 'in', 'Internet', 'Explorer', '9', 'and', 'earlier', 'versions', '.', '</p>', '<div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1.0\">', '<style>', 'body', '{', 'margin', ':', '0', ';', '}', 'ul.sidenav', '{', 'list', '-', 'style', '-', 'type', ':', 'none', ';', 'margin', ':', '0', ';', 'padding', ':', '0', ';', 'width', ':', '25', '%', ';', 'background', '-', 'color', ':', '#', 'f1f1f1', ';', 'position', ':', 'fixed', ';', 'height', ':', '100', '%', ';', 'overflow', ':', 'auto', ';', '}', 'ul.sidenav', 'li', 'a', '{', 'display', ':', 'block', ';', 'color', ':', '#', '000', ';', 'padding', ':', '8px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', 'ul.sidenav', 'li', 'a.active', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', 'color', ':', 'white', ';', '}', 'ul.sidenav', 'li', 'a', ':', 'hover', ':', 'not(.active', ')', '{', 'background', '-', 'color', ':', '#', '555', ';', 'color', ':', 'white', ';', '}'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'img', '{', 'position', ':', 'absolute', ';', 'top', ':', '0px', ';', '}', '</style>', '</head>', '<body>', '<img', 'src=\"smiley.gif', '\"', 'width=\"42', '\"', 'height=\"42\">', '<h1>', 'This', 'is', 'a', 'heading', '</h1>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'border', ':', '1px', 'solid', 'black', ';', 'padding', ':', '25px', '50px', '75px', ';', 'background', '-', 'color', ':', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'padding', 'shorthand', 'property', '-', '3', 'values', '</h2>', '<div>', 'This', 'div', 'element', 'has', 'a', 'top', 'padding', 'of', '25px', ',', 'a', 'right', 'and', 'left', 'padding', 'of', '50px', ',', 'and', 'a', 'bottom', 'padding', 'of', '75px', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Show', 'a', 'Color', 'Picker', '</h2>', '<p>', 'The', '<strong>', 'input', 'type=\"color', '\"', '</strong>', 'is', 'used', 'for', 'input', 'fields', 'that', 'should', 'contain', 'a', 'color', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"favcolor\">', 'Select', 'your', 'favorite', 'color', ':', '</label>', '<input', 'type=\"color', '\"', 'id=\"favcolor', '\"', 'name=\"favcolor', '\"', 'value=\"#ff0000\">', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', '<b>', 'Note', ':', '</b>', 'type=\"color', '\"', 'is', 'not', 'supported', 'in', 'Internet', 'Explorer', '11', 'or', 'Safari', '9.1', '(', 'or', 'earlier', ')', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.padding', '{', 'padding', '-', 'right', ':', '2', 'cm', ';', '}', 'p.padding2', '{', 'padding', '-', 'right', ':', '50', '%', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'padding', '-', 'right', 'Property', '</h1>', '<p>', 'This', 'is', 'a', 'text', 'with', 'no', 'right', 'padding', '.', 'This', 'is', 'a', 'text', 'with', 'no', 'right', 'padding', '.', 'This', 'is', 'a', 'text', 'with', 'no', 'right', 'padding', '.', '</p>', '<p', 'class=\"padding\">', 'This', 'text', 'has', 'a', 'right', 'padding', 'of', '2', 'cm', '.', 'This', 'text', 'has', 'a', 'right', 'padding', 'of', '2', 'cm', '.', 'This', 'text', 'has', 'a', 'right', 'padding', 'of', '2', 'cm', '.', '</p>', '<p', 'class=\"padding2\">', 'This', 'text', 'has', 'a', 'right', 'padding', 'of', '50', '%', '.', 'This', 'text', 'has', 'a', 'right', 'padding', 'of', '50', '%', '.', 'This', 'text', 'has', 'a', 'right', 'padding', 'of', '50', '%', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Filter', 'Anything', '</h2>', '<p>', 'Type', 'something', 'in', 'the', 'input', 'field', 'to', 'search', 'for', 'a', 'specific', 'text', 'inside', 'the', 'div', 'element', 'with', 'id=\"myDIV', '\"', ':', '</p>', '<input', 'class=\"form', '-', 'control', '\"', 'id=\"myInput', '\"', 'type=\"text', '\"', 'placeholder=\"Search', '..', '\">', '<div', 'id=\"myDIV\">', '<p>', 'I', 'am', 'a', 'paragraph', '.', '</p>', '<div>', 'I', 'am', 'a', 'div', 'element', 'inside', 'div', '.', '</div>', '<button', 'class=\"btn\">', 'I', 'am', 'a', 'button', '</button>', '<button', 'class=\"btn', 'btn', '-', 'info\">', 'Another', 'button', '</button>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'body', '{', 'margin:25px', ';', '}', 'div.polaroid', '{', 'width', ':', '80', '%', ';', 'background', '-', 'color', ':', 'white', ';', 'box', '-', 'shadow', ':', '0', '4px', '8px', '0', 'rgba(0', ',', '0', ',', '0', ',', '0.2', ')', ',', '0', '6px', '20px', '0', 'rgba(0', ',', '0', ',', '0', ',', '0.19', ')', ';', 'margin', '-', 'bottom', ':', '25px', ';', '}', 'div.container', '{', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '10px', '20px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Responsive', 'Polaroid', 'Images', '/', 'Cards', '</h2>', '<div', 'class=\"polaroid\">', '<img', 'src=\"img_5terre.jpg', '\"', 'alt=\"5', 'Terre', '\"', 'style=\"width:100%\">', '<div', 'class=\"container\">', '<p>', 'Cinque', 'Terre', '</p>', '</div>', '</div>', '<div', 'class=\"polaroid\">', '<img', 'src=\"lights600x400.jpg', '\"', 'alt=\"Norther', 'Lights', '\"', 'style=\"width:100%\">', '<div', 'class=\"container\">', '<p>', 'Northern', 'Lights', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.cities', '{', 'background', '-', 'color', ':', 'black', ';', 'color', ':', 'white', ';', 'padding', ':', '20px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'class', 'Attribute', '</h2>', '<p>', 'Use', 'CSS', 'to', 'style', 'an', 'element', 'with', 'the', 'class', 'name', '\"', 'cities', '\"', ':', '</p>', '<div', 'class=\"cities\">', '<h2>', 'London', '</h2>', '<p>', 'London', 'is', 'the', 'capital', 'of', 'England', '.', 'It', 'is', 'the', 'most', 'populous', 'city', 'in', 'the', 'United', 'Kingdom', ',', 'with', 'a', 'metropolitan', 'area', 'of', 'over', '13', 'million', 'inhabitants', '.', '</p>', '<p>', 'Standing', 'on', 'the', 'River', 'Thames', ',', 'London', 'has', 'been', 'a', 'major', 'settlement', 'for', 'two', 'millennia', ',', 'its', 'history', 'going', 'back', 'to', 'its', 'founding', 'by', 'the', 'Romans', ',', 'who', 'named', 'it', 'Londinium', '.', '</p>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container', '-', 'fluid\">', '<h1>', 'Large', 'Grid', '</h1>', '<p>', 'The', 'following', 'example', 'will', 'result', 'in', 'a', '50%/50', '%', 'split', 'on', 'large', 'devices', '.', 'On', 'medium', ',', 'small', 'and', 'extra', 'small', 'devices', ',', 'it', 'will', 'automatically', 'stack', '(', '100', '%', ')', '.', '</p>', '<p>', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '<div', 'class=\"row\">', '<div', 'class=\"col', '-', 'lg-6', '\"', 'style=\"background', '-', 'color', ':', 'yellow;\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetur', 'adipisicing', 'elit', ',', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua.<br>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Text', 'input', 'fields', '</h2>', '<form>', '<label', 'for=\"fname\">', 'First', 'name', ':', '</label>', '<br>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname', '\"', 'value=\"John\"><br>', '<label', 'for=\"lname\">', 'Last', 'name', ':', '</label>', '<br>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname', '\"', 'value=\"Doe\">', '</form>', '<p>', 'Note', 'that', 'the', 'form', 'itself', 'is', 'not', 'visible', '.', '</p>', '<p>', 'Also', 'note', 'that', 'the', 'default', 'width', 'of', 'text', 'input', 'fields', 'is', '20', 'characters', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Striped', 'Progress', 'Bars', '</h2>', '<p>', 'The', '.progress', '-', 'bar', '-', 'striped', 'class', 'adds', 'stripes', 'to', 'the', 'progress', 'bars', ':', '</p>', '<div', 'class=\"progress\">', '<div', 'class=\"progress', '-', 'bar', 'progress', '-', 'bar', '-', 'success', 'progress', '-', 'bar', '-', 'striped', '\"', 'role=\"progressbar', '\"', 'aria', '-', 'valuenow=\"40', '\"', 'aria', '-', 'valuemin=\"0', '\"', 'aria', '-', 'valuemax=\"100', '\"', 'style=\"width:40%\">', '40', '%', 'Complete', '(', 'success', ')', '</div>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.normal', '{', 'border', ':', '2px', 'solid', 'red', ';', '}', 'p.round1', '{', 'border', ':', '2px', 'solid', 'red', ';', 'border', '-', 'radius', ':', '5px', ';', '}', 'p.round2', '{', 'border', ':', '2px', 'solid', 'red', ';', 'border', '-', 'radius', ':', '8px', ';', '}', 'p.round3', '{', 'border', ':', '2px', 'solid', 'red', ';', 'border', '-', 'radius', ':', '12px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'border', '-', 'radius', 'Property', '</h2>', '<p>', 'This', 'property', 'is', 'used', 'to', 'add', 'rounded', 'borders', 'to', 'an', 'element', ':', '</p>', '<p', 'class=\"normal\">', 'Normal', 'border', '</p>', '<p', 'class=\"round1\">', 'Round', 'border', '</p>', '<p', 'class=\"round2\">', 'Rounder', 'border', '</p>', '<p', 'class=\"round3\">', 'Roundest', 'border', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'input', 'form', 'attribute', '</h1>', '<p>', 'The', 'form', 'attribute', 'specifies', 'the', 'form', 'an', 'input', 'element', 'belongs', 'to', '.', '</p>', '<form', 'action=\"/action_page.php', '\"', 'id=\"form1\">', '<label', 'for=\"fname\">', 'First', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\"><br><br>', '<input', 'type=\"submit', '\"', 'value=\"Submit\">', '</form>', '<p>', 'The', '\"', 'Last', 'name', '\"', 'field', 'below', 'is', 'outside', 'the', 'form', 'element', ',', 'but', 'still', 'part', 'of', 'the', 'form', '.', '</p>', '<label', 'for=\"lname\">', 'Last', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname', '\"', 'form=\"form1\">', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div', '{', 'width', ':', '100px', ';', 'height', ':', '100px', ';', 'background', ':', 'red', ';', 'transition', ':', 'width', '2s', ';', '}', '#', 'div1', '{', 'transition', '-', 'timing', '-', 'function', ':', 'linear', ';', '}', '#', 'div2', '{', 'transition', '-', 'timing', '-', 'function', ':', 'ease', ';', '}', '#', 'div3', '{', 'transition', '-', 'timing', '-', 'function', ':', 'ease', '-', 'in', ';', '}', '#', 'div4', '{', 'transition', '-', 'timing', '-', 'function', ':', 'ease', '-', 'out', ';', '}', '#', 'div5', '{', 'transition', '-', 'timing', '-', 'function', ':', 'ease', '-', 'in', '-', 'out', ';', '}', 'div', ':', 'hover', '{', 'width', ':', '300px', ';', '}', '</style>', '</head>', '<body>', '<h1>', 'The', 'transition', '-', 'timing', '-', 'function', 'Property', '</h1>', '<p>', 'Hover', 'over', 'the', 'div', 'elements', 'below', ',', 'to', 'see', 'the', 'different', 'speed', 'curves', ':', '</p>', '<div', 'id=\"div1\">', 'linear', '</div>', '<br>', '<div', 'id=\"div2\">', 'ease', '</div>', '<br>', '<div', 'id=\"div3\">', 'ease', '-', 'in', '</div>', '<br>', '<div', 'id=\"div4\">', 'ease', '-', 'out', '</div>', '<br>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h2>', 'Image', 'Maps', '</h2>', '<p>', 'Click', 'on', 'the', 'sun', 'or', 'on', 'one', 'of', 'the', 'planets', 'to', 'watch', 'it', 'closer', ':', '</p>', '<img', 'src=\"planets.gif', '\"', 'alt=\"Planets', '\"', 'usemap=\"#planetmap', '\"', 'style=\"width:145px;height:126px;\">', '<map', 'name=\"planetmap\">', '<area', 'shape=\"rect', '\"', 'coords=\"0,0,82,126', '\"', 'alt=\"Sun', '\"', 'href=\"sun.htm\">', '<area', 'shape=\"circle', '\"', 'coords=\"90,58,3', '\"', 'alt=\"Mercury', '\"', 'href=\"mercur.htm\">', '<area', 'shape=\"circle', '\"', 'coords=\"124,58,8', '\"', 'alt=\"Venus', '\"', 'href=\"venus.htm\">', '</map>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'div.polaroid', '{', 'width', ':', '250px', ';', 'box', '-', 'shadow', ':', '0', '4px', '8px', '0', 'rgba(0', ',', '0', ',', '0', ',', '0.2', ')', ',', '0', '6px', '20px', '0', 'rgba(0', ',', '0', ',', '0', ',', '0.19', ')', ';', 'text', '-', 'align', ':', 'center', ';', '}', 'div.container', '{', 'padding', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Polaroid', 'Images', '/', 'Cards', '</h2>', '<p>', 'The', 'box', '-', 'shadow', 'property', 'can', 'be', 'used', 'to', 'create', 'paper', '-', 'like', 'cards', ':', '</p>', '<div', 'class=\"polaroid\">', '<img', 'src=\"rock600x400.jpg', '\"', 'alt=\"Norway', '\"', 'style=\"width:100%\">', '<div', 'class=\"container\">', '<p>', 'Hardanger', ',', 'Norway', '</p>', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'left', '-', 'width', ':', '15px', ';', '}', '</style>', '</head>', '<body>', '<p>', '<b>', 'Note', ':', '</b>', 'The', '\"', 'border', '-', 'left', '-', 'width', '\"', 'property', 'does', 'not', 'work', 'if', 'it', 'is', 'used', 'alone', '.', 'Use', 'the', '\"', 'border', '-', 'style', '\"', 'property', 'to', 'set', 'the', 'borders', 'first', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1>', 'The', 'input', 'height', 'and', 'width', 'attributes', '</h1>', '<p>', 'The', 'height', 'and', 'width', 'attributes', 'specify', 'the', 'height', 'and', 'width', 'of', 'an', 'input', 'type=\"image', '\"', 'element', '.', '</p>', '<form', 'action=\"/action_page.php\">', '<label', 'for=\"fname\">', 'First', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"fname', '\"', 'name=\"fname\"><br><br>', '<label', 'for=\"lname\">', 'Last', 'name', ':', '</label>', '<input', 'type=\"text', '\"', 'id=\"lname', '\"', 'name=\"lname\"><br><br>', '<input', 'type=\"image', '\"', 'src=\"img_submit.gif', '\"', 'alt=\"Submit', '\"', 'width=\"48', '\"', 'height=\"48\">', '</form>', '<p>', '<b>', 'Note', ':', '</b>', 'The', 'input', 'type=\"image', '\"', 'sends', 'the', 'X', 'and', 'Y', 'coordinates', 'of', 'the', 'click', 'that', 'activated', 'the', 'image', 'button', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.newspaper', '{', 'column', '-', 'count', ':', '3', ';', 'column', '-', 'gap', ':', '40px', ';', 'column', '-', 'rule', '-', 'style', ':', 'solid', ';', 'column', '-', 'rule', '-', 'width', ':', '1px', ';', 'column', '-', 'rule', '-', 'color', ':', 'lightblue', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"newspaper\">', 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', ',', 'consectetuer', 'adipiscing', 'elit', ',', 'sed', 'diam', 'nonummy', 'nibh', 'euismod', 'tincidunt', 'ut', 'laoreet', 'dolore', 'magna', 'aliquam', 'erat', 'volutpat', '.', 'Ut', 'wisi', 'enim', 'ad', 'minim', 'veniam', ',', 'quis', 'nostrud', 'exerci', 'tation', 'ullamcorper', 'suscipit', 'lobortis', 'nisl', 'ut', 'aliquip', 'ex', 'ea', 'commodo', 'consequat', '.', 'Duis', 'autem', 'vel', 'eum', 'iriure', 'dolor', 'in', 'hendrerit', 'in', 'vulputate', 'velit', 'esse', 'molestie', 'consequat', ',', 'vel', 'illum', 'dolore', 'eu', 'feugiat', 'nulla', 'facilisis', 'at', 'vero', 'eros', 'et', 'accumsan', 'et', 'iusto', 'odio', 'dignissim', 'qui', 'blandit', 'praesent', 'luptatum', 'zzril', 'delenit', 'augue', 'duis', 'dolore', 'te', 'feugait', 'nulla', 'facilisi', '.', 'Nam', 'liber', 'tempor', 'cum', 'soluta', 'nobis', 'eleifend', 'option', 'congue', 'nihil', 'imperdiet', 'doming', 'i', 'd', 'quod', 'mazim', 'placerat', 'facer', 'possim', 'assum', '.', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Form', 'control', ':', 'select', '</h2>', '<p>', 'The', 'form', 'below', 'contains', 'two', 'dropdown', 'menus', '(', 'select', 'lists', ')', ':', '</p>', '<form>', '<div', 'class=\"form', '-', 'group\">', '<label', 'for=\"sel1\">', 'Select', 'list', '(', 'select', 'one', ')', ':', '</label>', '<select', 'class=\"form', '-', 'control', '\"', 'id=\"sel1\">'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'border', '-', 'style', ':', 'solid', ';', 'border', '-', 'left', '-', 'color', ':', '#', 'ff0000', ';', '}', '</style>', '</head>', '<body>', '<p>', 'This', 'is', 'some', 'text', 'in', 'a', 'paragraph', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p.ex1', '{', 'border', ':', '1px', 'solid', 'black', ';', 'outline', '-', 'style', ':', 'solid', ';', 'outline', '-', 'color', ':', 'red', ';', 'outline', '-', 'width', ':', 'thin', ';', '}', 'p.ex2', '{', 'border', ':', '1px', 'solid', 'black', ';', 'outline', '-', 'style', ':', 'solid', ';', 'outline', '-', 'color', ':', 'red', ';', 'outline', '-', 'width', ':', 'medium', ';', '}', 'p.ex3', '{', 'border', ':', '1px', 'solid', 'black', ';', 'outline', '-', 'style', ':', 'solid', ';', 'outline', '-', 'color', ':', 'red', ';', 'outline', '-', 'width', ':', 'thick', ';', '}', 'p.ex4', '{', 'border', ':', '1px', 'solid', 'black', ';', 'outline', '-', 'style', ':', 'solid', ';', 'outline', '-', 'color', ':', 'red', ';', 'outline', '-', 'width', ':', '4px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'outline', '-', 'width', 'Property', '</h2>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h3>', 'Pills', '</h3>', '<ul', 'class=\"nav', 'nav', '-', 'pills\">', '<li', 'class=\"active\">', '<a', 'href=\"#\">', 'Home', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Menu', '1', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Menu', '2', '</a>', '</li>', '<li>', '<a', 'href=\"#\">', 'Menu', '3', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<title>', 'Page', 'Title', '</title>', '<meta', 'charset=\"UTF-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', 'body', '{', 'font', '-', 'family', ':', 'Arial', ';', 'margin', ':', '0', ';', '}', '.header', '{', 'padding', ':', '60px', ';', 'text', '-', 'align', ':', 'center', ';', 'background', ':', '#', '1abc9c', ';', 'color', ':', 'white', ';', '}', '.navbar', '{', 'display', ':', 'flex', ';', 'background', '-', 'color', ':', '#', '333', ';', '}', '.navbar', 'a', '{', 'color', ':', 'white', ';', 'padding', ':', '14px', '20px', ';'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', ',', 'td', ',', 'th', '{', 'border', ':', '1px', 'solid', 'black', ';', '}', 'table', '{', 'border', '-', 'collapse', ':', 'collapse', ';', 'width', ':', '100', '%', ';', '}', 'th', '{', 'height', ':', '70px', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'The', 'width', 'and', 'height', 'Properties', '</h2>', '<p>', 'Set', 'the', 'width', 'of', 'the', 'table', ',', 'and', 'the', 'height', 'of', 'the', 'table', 'header', 'row', ':', '</p>', '<table>', '<tr>', '<th>', 'Firstname', '</th>', '<th>', 'Lastname', '</th>', '<th>', 'Savings', '</th>', '</tr>', '<tr>', '<td>', 'Peter', '</td>', '<td>', 'Griffin', '</td>', '<td>', '$', '100', '</td>', '</tr>', '<tr>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Split', 'Buttons', '</h2>', '<div', 'class=\"btn', '-', 'group\">', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Sony', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary', 'dropdown', '-', 'toggle', '\"', 'data', '-', 'toggle=\"dropdown\">', '<span', 'class=\"caret\">', '</span>', '</button>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'p', '{', 'text', '-', 'indent', ':', '50px', ';', '}', '</style>', '</head>', '<body>', '<p>', 'In', 'my', 'younger', 'and', 'more', 'vulnerable', 'years', 'my', 'father', 'gave', 'me', 'some', 'advice', 'that', 'I', \"'ve\", 'been', 'turning', 'over', 'in', 'my', 'mind', 'ever', 'since', '.', \"'\", 'Whenever', 'you', 'feel', 'like', 'criticizing', 'anyone', ',', \"'\", 'he', 'told', 'me', ',', \"'\", 'just', 'remember', 'that', 'all', 'the', 'people', 'in', 'this', 'world', 'have', \"n't\", 'had', 'the', 'advantages', 'that', 'you', \"'ve\", 'had', '.', \"'\", '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'select', '{', 'width', ':', '100', '%', ';', 'padding', ':', '16px', '20px', ';', 'border', ':', 'none', ';', 'border', '-', 'radius', ':', '4px', ';', 'background', '-', 'color', ':', '#', 'f1f1f1', ';', '}', '</style>', '</head>', '<body>', '<p>', 'A', 'styled', 'select', 'menu', '.', '</p>', '<form>', '<select', 'id=\"country', '\"', 'name=\"country\">', '<option', 'value=\"au\">', 'Australia', '</option>', '<option', 'value=\"ca\">', 'Canada', '</option>', '<option', 'value=\"usa\">', 'USA', '</option>', '</select>', '</form>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<style>', '*', '{', 'box', '-', 'sizing', ':', 'border', '-', 'box', ';', '}', '.topnav', '{', 'overflow', ':', 'hidden', ';', 'background', '-', 'color', ':', '#', '333', ';', '}', '.topnav', 'a', '{', 'float', ':', 'left', ';', 'display', ':', 'block', ';', 'color', ':', '#', 'f2f2f2', ';', 'text', '-', 'align', ':', 'center', ';', 'padding', ':', '14px', '16px', ';', 'text', '-', 'decoration', ':', 'none', ';', '}', '.topnav', 'a', ':', 'hover', '{', 'background', '-', 'color', ':', '#', 'ddd', ';', 'color', ':', 'black', ';', '}', '@media', 'screen', 'and', '(', 'max', '-', 'width', ':', '600px', ')', '{', '.topnav', 'a', '{'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h1>', 'h1', 'Bootstrap', 'heading', '(', '36px', ')', '</h1>', '<h2>', 'h2', 'Bootstrap', 'heading', '(', '30px', ')', '</h2>', '<h3>', 'h3', 'Bootstrap', 'heading', '(', '24px', ')', '</h3>', '<h4>', 'h4', 'Bootstrap', 'heading', '(', '18px', ')', '</h4>', '<h5>', 'h5', 'Bootstrap', 'heading', '(', '14px', ')', '</h5>', '<h6>', 'h6', 'Bootstrap', 'heading', '(', '12px', ')', '</h6>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'charset=\"UTF-8\">', '<meta', 'name=\"description', '\"', 'content=\"Free', 'Web', 'tutorials\">', '<meta', 'name=\"keywords', '\"', 'content=\"HTML', ',', 'CSS', ',', 'JavaScript\">', '<meta', 'name=\"author', '\"', 'content=\"John', 'Doe\">', '</head>', '<body>', '<p>', 'All', 'meta', 'information', 'goes', 'inside', 'the', 'head', 'section', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Button', 'States', '</h2>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary\">', 'Primary', 'Button', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary', 'active\">', 'Active', 'Primary', '</button>', '<button', 'type=\"button', '\"', 'class=\"btn', 'btn', '-', 'primary', 'disabled\">', 'Disabled', 'Primary', '</button>', '</div>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Hover', 'Rows', '</h2>', '<p>', 'The', '.table', '-', 'hover', 'class', 'enables', 'a', 'hover', 'state', 'on', 'table', 'rows', ':', '</p>', '<table', 'class=\"table', 'table', '-', 'hover\">', '<thead>', '<tr>', '<th>', 'Firstname', '</th>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Dropdowns', '</h2>', '<p>', 'The', '.disabled', 'class', 'is', 'used', 'to', 'disable', 'an', 'item', 'in', 'the', 'dropdown', 'menu', ':', '</p>', '<div', 'class=\"dropdown\">', '<button', 'class=\"btn', 'btn', '-', 'default', 'dropdown', '-', 'toggle', '\"', 'type=\"button', '\"', 'data', '-', 'toggle=\"dropdown\">Tutorials', '<span', 'class=\"caret\">', '</span>', '</button>', '<ul', 'class=\"dropdown', '-', 'menu\">', '<li>', '<a', 'href=\"#\">', 'HTML', '</a>', '</li>', '<li', 'class=\"disabled\">', '<a', 'href=\"#\">', 'CSS', '</a>', '</li>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', 'table', '{', 'border', '-', 'collapse', ':', 'collapse', ';', 'width', ':', '100', '%', ';', '}', 'th', ',', 'td', '{', 'padding', ':', '8px', ';', 'text', '-', 'align', ':', 'left', ';', 'border', '-', 'bottom', ':', '1px', 'solid', '#', 'ddd', ';', '}', 'tr', ':', 'hover', '{', 'background', '-', 'color:#f5f5f5', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Hoverable', 'Table', '</h2>', '<p>', 'Move', 'the', 'mouse', 'over', 'the', 'table', 'rows', 'to', 'see', 'the', 'effect', '.', '</p>', '<table>', '<tr>', '<th>', 'First', 'Name', '</th>', '<th>', 'Last', 'Name', '</th>', '<th>', 'Points', '</th>', '</tr>', '<tr>', '<td>', 'Peter', '</td>', '<td>', 'Griffin', '</td>', '<td>', '$', '100', '</td>', '</tr>', '<tr>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<style>', 'div.example', '{', 'background', '-', 'color', ':', 'lightgrey', ';', 'padding', ':', '20px', ';', '}', '@media', 'screen', 'and', '(', 'min', '-', 'width', ':', '600px', ')', '{', 'div.example', '{', 'font', '-', 'size', ':', '80px', ';', '}', '}', '@media', 'screen', 'and', '(', 'max', '-', 'width', ':', '600px', ')', '{', 'div.example', '{', 'font', '-', 'size', ':', '30px', ';', '}', '}', '</style>', '</head>', '<body>', '<h2>', 'Change', 'the', 'font', 'size', 'of', 'an', 'element', 'on', 'different', 'screen', 'sizes', '</h2>', '<div', 'class=\"example\">', 'Example', 'DIV', '.', '</div>', '<p>', 'When', 'the', 'browser', \"'s\", 'width', 'is', '600px', 'wide', 'or', 'less', ',', 'set', 'the', 'font', '-', 'size', 'of', 'DIV', 'to', '30px', '.', 'When', 'it', 'is', '601px', 'or', 'wider', ',', 'set', 'the', 'font', '-', 'size', 'to', '80px', '.', 'Resize', 'the', 'browser', 'window', 'to', 'see', 'the', 'effect', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"jumbotron\">', '<h1>', 'Bootstrap', 'Tutorial', '</h1>', '<p>', 'Bootstrap', 'is', 'the', 'most', 'popular', 'HTML', ',', 'CSS', ',', 'and', 'JS', 'framework', 'for', 'developing', 'responsive', ',', 'mobile', '-', 'first', 'projects', 'on', 'the', 'web', '.', '</p>', '</div>', '<div', 'class=\"container\">', '<p>', 'This', 'is', 'some', 'text', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<body>', '<h1', 'style=\"background', '-', 'color:#000000;\">', '#', '000000', '</h1>', '<h1', 'style=\"background', '-', 'color:#3c3c3c;\">', '#', '3c3c3c', '</h1>', '<h1', 'style=\"background', '-', 'color:#787878;\">', '#', '787878', '</h1>', '<h1', 'style=\"background', '-', 'color:#b4b4b4;\">', '#', 'b4b4b4', '</h1>', '<h1', 'style=\"background', '-', 'color:#f0f0f0;\">', '#', 'f0f0f0', '</h1>', '<h1', 'style=\"background', '-', 'color:#ffffff;\">', '#', 'ffffff', '</h1>', '<p>', 'By', 'using', 'equal', 'values', 'for', 'red', ',', 'green', ',', 'and', 'blue', ',', 'you', 'will', 'get', 'different', 'shades', 'of', 'gray', '.', '</p>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.flex', '-', 'container', '{', 'display', ':', '-webkit', '-', 'flex', ';', 'display', ':', 'flex', ';', '-webkit', '-', 'align', '-', 'items', ':', 'flex', '-', 'start', ';', 'align', '-', 'items', ':', 'flex', '-', 'start', ';', 'width', ':', '400px', ';', 'height', ':', '250px', ';', 'background', '-', 'color', ':', 'lightgrey', ';', '}', '.flex', '-', 'item', '{', 'background', '-', 'color', ':', 'cornflowerblue', ';', 'width', ':', '100px', ';', 'margin', ':', '10px', ';', '}', '</style>', '</head>', '<body>', '<div', 'class=\"flex', '-', 'container\">', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '1', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '2', '</div>', '<div', 'class=\"flex', '-', 'item\">', 'flex', 'item', '3', '</div>', '</div>', '</body>', '</html>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<style>', '.btn', '-', 'group', '.button', '{', 'background', '-', 'color', ':', '#', '4CAF50', ';', '/', '*', 'Green', '*', '/', 'border', ':', 'none', ';', 'color', ':', 'white', ';', 'padding', ':', '15px', '32px', ';', 'text', '-', 'align', ':', 'center', ';', 'text', '-', 'decoration', ':', 'none', ';', 'display', ':', 'inline', '-', 'block', ';', 'font', '-', 'size', ':', '16px', ';', 'cursor', ':', 'pointer', ';', 'float', ':', 'left', ';', '}', '.btn', '-', 'group', '.button', ':', 'hover', '{', 'background', '-', 'color', ':', '#', '3e8e41', ';', '}', '</style>', '</head>', '<body>', '<h2>', 'Button', 'Groups', '</h2>', '<p>', 'Remove', 'margins', 'and', 'float', 'the', 'buttons', 'to', 'create', 'a', 'button', 'group', ':', '</p>', '<div', 'class=\"btn', '-', 'group\">', '<button', 'class=\"button\">', 'Button', '</button>', '<button', 'class=\"button\">', 'Button', '</button>', '<button', 'class=\"button\">', 'Button', '</button>', '<button', 'class=\"button\">', 'Button', '</button>', '</div>', '<p', 'style=\"clear', ':', 'both\">', '<br>', 'Remember', 'to', 'clear', 'floats', 'after', ',', 'or', 'else', 'will', 'this', 'p', 'element', 'also', 'float', 'next', 'to', 'the', 'buttons', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html', 'lang=\"en\">', '<head>', '<title>', 'Bootstrap', 'Example', '</title>', '<meta', 'charset=\"utf-8\">', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<div', 'class=\"jumbotron\">', '<h1>', 'Bootstrap', 'Tutorial', '</h1>', '<p>', 'Bootstrap', 'is', 'the', 'most', 'popular', 'HTML', ',', 'CSS', ',', 'and', 'JS', 'framework', 'for', 'developing', 'responsive', ',', 'mobile', '-', 'first', 'projects', 'on', 'the', 'web', '.', '</p>', '</div>', '<p>', 'This', 'is', 'some', 'text', '.', '</p>', '<p>', 'This', 'is', 'another', 'text', '.', '</p>'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1.0\">', '<style>', '.example', '{', 'padding', ':', '20px', ';', 'color', ':', 'white', ';', '}', '@media', 'only', 'screen', 'and', '(', 'max', '-', 'width', ':', '600px', ')', '{', '.example', '{', 'background', ':', 'red', ';', '}', '}', '@media', 'only', 'screen', 'and', '(', 'min', '-', 'width', ':', '600px', ')', '{', '.example', '{', 'background', ':', 'green', ';', '}', '}', '@media', 'only', 'screen', 'and', '(', 'min', '-', 'width', ':', '768px', ')', '{', '.example', '{', 'background', ':', 'blue', ';', '}', '}', '@media', 'only', 'screen', 'and', '(', 'min', '-', 'width', ':', '992px', ')', '{', '.example', '{', 'background', ':', 'orange', ';', '}', '}'], ['<!DOCTYPE', 'html>', '<html>', '<head>', '<meta', 'name=\"viewport', '\"', 'content=\"width', '=', 'device', '-', 'width', ',', 'initial', '-', 'scale=1\">', '<link', 'rel=\"stylesheet', '\"', 'href=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'css', '/', 'bootstrap.min.css\">', '<script', 'src=\"https://ajax.googleapis.com', '/', 'ajax', '/', 'libs', '/', 'jquery/3.5.1', '/', 'jquery.min.js\">', '</script>', '<script', 'src=\"https://maxcdn.bootstrapcdn.com', '/', 'bootstrap/3.4.1', '/', 'js', '/', 'bootstrap.min.js\">', '</script>', '</head>', '<body>', '<div', 'class=\"container\">', '<h2>', 'Dropdowns', '</h2>', '<p>', 'The', '.dropdown', 'class', 'is', 'used', 'to', 'indicate', 'a', 'dropdown', 'menu', '.', '</p>', '<p>', 'Use', 'the', '.dropdown', '-', 'menu', 'class', 'to', 'actually', 'build', 'the', 'dropdown', 'menu', '.', '</p>', '<p>', 'To', 'open', 'the', 'dropdown', 'menu', ',', 'use', 'a', 'button', 'or', 'a', 'link', 'with', 'a', 'class', 'of', '.dropdown', '-', 'toggle', 'and', 'data', '-', 'toggle=\"dropdown', '\"', '.', '</p>', '<div', 'class=\"dropdown\">', '<button', 'class=\"btn', 'btn', '-', 'primary', 'dropdown', '-', 'toggle', '\"', 'type=\"button', '\"', 'data', '-', 'toggle=\"dropdown\">Dropdown', 'Example', '<span', 'class=\"caret\">', '</span>', '</button>', '<ul', 'class=\"dropdown', '-', 'menu\">']]\n",
            "Counter({':': 3006, '-': 2737, ';': 2512, '/': 1500, '\"': 1403, '{': 1010, '}': 987, '.': 922, '</p>': 831, ',': 812, 'the': 702, '<p>': 691, '<!DOCTYPE': 667, 'html>': 666, '<body>': 627, '<html>': 542, '<div': 513, '<head>': 510, 'color': 501, 'is': 489, '</head>': 483, 'a': 477, 'width': 468, 'border': 461, 'background': 431, '</body>': 426, '</html>': 417, 'text': 405, 'This': 396, ')': 387, '<style>': 378, '</div>': 354, '</style>': 351, '#': 338, '</h2>': 321, '<h2>': 316, 'to': 291, '<meta': 289, '</script>': 288, 'The': 275, '<script': 271, 'bootstrap/3.4.1': 270, 'padding': 245, '%': 234, '=': 231, 'and': 227, 'solid': 207, '</h1>': 200, 'in': 194, 'some': 182, 'of': 177, '(': 172, 'height': 165, 'element': 165, '0': 164, '<h1>': 160, 'div': 160, 'style': 159, 'name=\"viewport': 156, 'content=\"width': 156, 'device': 156, 'initial': 156, '<a': 150, '</a>': 149, 'scale=1\">': 149, '<p': 147, '<link': 143, 'rel=\"stylesheet': 143, 'margin': 141, 'Example': 140, 'css': 138, '<title>': 137, 'Bootstrap': 137, '</title>': 137, 'href=\"https://maxcdn.bootstrapcdn.com': 136, 'bootstrap.min.css\">': 136, 'src=\"https://ajax.googleapis.com': 135, 'ajax': 135, 'libs': 135, 'jquery/3.5.1': 135, 'jquery.min.js\">': 135, 'src=\"https://maxcdn.bootstrapcdn.com': 135, 'js': 135, 'bootstrap.min.js\">': 135, 'left': 134, '</li>': 133, '<input': 132, 'display': 132, 'charset=\"utf-8\">': 126, '*': 126, '<html': 124, 'lang=\"en\">': 124, 'class=\"container\">': 124, 'image': 115, '1px': 109, 'flex': 108, '<li>': 108, 'not': 107, 'right': 106, 'box': 105, 'align': 105, 'with': 103, 'black': 103, 'position': 100, 'font': 98, '1': 98, 'red': 97, 'top': 96, 'item': 91, '100px': 90, '</td>': 90, '<td>': 89, '100': 88, 'paragraph': 85, 'size': 82, '<img': 82, 'none': 81, '</label>': 79, 'href=\"#\">': 79, '<label': 77, 'center': 77, 'browser': 75, 'bottom': 75, 'that': 75, '!': 72, 'property': 72, 'will': 71, 'an': 70, '<th>': 69, '</th>': 69, '<tr>': 68, 'yellow': 67, 'input': 67, '<button': 67, '</button>': 67, 'table': 66, 'white': 63, 'item\">': 63, '<br>': 63, '10px': 62, '2': 62, 'A': 62, 'Note': 61, '20px': 61, 'data': 61, 'CSS': 60, '<div>': 60, 'block': 60, 'or': 59, 'hover': 58, 'it': 58, 'style=\"background': 57, 'list': 57, 'class=\"btn': 57, 'btn': 57, 'inline': 57, '50': 57, '</span>': 56, 'class=\"flex': 56, '<span': 53, 'on': 53, '</form>': 52, 'class': 51, 'see': 51, 'ut': 51, '3': 49, 'support': 49, 'dolore': 49, '300px': 48, 'auto': 48, 'effect': 47, '<form': 47, 'content': 47, '</tr>': 47, 'overflow': 47, '2px': 46, '16px': 46, 'p': 46, '15px': 46, 'dolor': 46, 'example': 46, '</b>': 45, 'type=\"text': 45, 'has': 45, 'HTML': 45, 'outline': 45, '<b>': 44, 'be': 44, '200px': 44, 'radius': 44, 'Lorem': 44, 'heading': 43, '8px': 43, 'float': 43, 'type': 42, 'type=\"button': 42, 'does': 42, '5px': 42, 'relative': 41, '<strong>': 41, '</strong>': 41, 'group': 41, 'collapse': 41, 'over': 41, 'form': 40, '<h1': 40, '-webkit': 40, 'th': 40, 'name': 40, '.pagination': 39, 'body': 38, 'repeat': 38, 'do': 38, 'attribute': 38, 'this': 38, 'img': 38, 'link': 37, '50px': 37, 'window': 37, 'can': 37, 'decoration': 37, 'ipsum': 37, 'sit': 37, 'amet': 37, 'action=\"/action_page.php\">': 36, 'class=\"col': 36, 'type=\"submit': 36, 'td': 36, '<ul': 36, 'et': 36, 'no': 35, 'Property': 35, 'grid': 35, 'column': 35, 'li': 35, 'elit': 35, 'for': 34, '</i>': 34, 'by': 33, 'used': 33, '.flex': 33, 'dotted': 33, 'class=\"form': 32, 'container': 32, 'line': 32, 'absolute': 32, '4CAF50': 32, 'sed': 32, 'magna': 32, 'Resize': 31, 'First': 31, 'transform': 31, 'transition': 31, 'value=\"Submit\">': 30, 'blue': 30, 'Hello': 30, 'screen': 29, 'sizing': 29, '.col': 29, '4px': 29, 'green': 29, 'earlier': 28, 'Use': 28, 'hidden': 28, 'opacity': 28, 'field': 28, 'below': 28, 'shadow': 28, 'function': 27, 'Internet': 27, 'Explorer': 27, 'Button': 27, 'resize': 27, 'href=': 27, 'use': 27, '<li': 27, '<i': 27, '9': 26, 'control': 26, 'page': 26, 'max': 26, '>': 26, 'An': 26, 'first': 25, 'Image': 25, 'object': 25, 'consequat': 25, 'if': 24, 'World': 24, 'fixed': 24, 'default': 24, ']': 24, 'Text': 24, 'are': 24, 'Paragraph': 24, 'adipiscing': 24, 'var': 24, 'Try': 23, 'group\">': 23, 'you': 23, 'container\">': 23, 'inside': 23, 'Firstname': 23, 'elements': 23, 'tempor': 23, 'h1': 23, 'button': 23, 'animation': 22, 'specifies': 22, 'more': 22, 'class=\"list': 22, 'its': 22, 'primary\">': 22, '150px': 22, 'only': 21, '<form>': 21, '30px': 21, 'when': 21, 'set': 21, 'My': 21, 'class=\"media': 21, 'ad': 21, 'In': 21, '<script>': 21, 'wrap': 21, 'linear': 20, 'supported': 20, 'versions': 20, 'Last': 20, '5': 20, '+': 20, 'add': 20, 'ddd': 20, 'have': 20, '250px': 20, '3px': 20, 'browsers': 20, 'col': 19, 'scroll': 19, 'your': 19, '12px': 19, 'Name': 19, '<option': 19, 'small': 19, 'class=\"container': 19, 'fluid\">': 19, '</ul>': 19, 'work': 19, 'For': 19, 'Ut': 19, 'enim': 19, 'minim': 19, 'veniam': 19, 'quis': 19, 'nostrud': 19, 'as': 19, 'at': 19, '25px': 19, 'dropdown': 19, '.tooltip': 19, '.dropdown': 19, 'from': 18, '0px': 18, '@media': 18, 'media': 18, \"'\": 18, 'family': 18, 'class=\"grid': 18, 'To': 18, 'class=\"row\">': 18, '<table>': 18, 'consectetur': 18, 'nulla': 18, 'i': 18, 'aria': 18, 'Heading': 18, 'devices': 18, 'bla': 18, 'min': 17, 'class=\"panel': 17, 'for=\"fname\">': 17, 'id=\"fname': 17, 'normal': 17, 'You': 17, 'List': 17, 'Coffee': 17, 'Tea': 17, 'lightgrey': 17, '<table': 17, 'consectetuer': 17, 'diam': 17, 'nonummy': 17, 'nibh': 17, 'euismod': 17, 'tincidunt': 17, 'laoreet': 17, 'aliquam': 17, 'erat': 17, 'volutpat': 17, 'aliquip': 17, 'ex': 17, 'ea': 17, 'commodo': 17, 'I': 17, 'd': 17, 'style=\"cursor': 17, '</h3>': 16, 'z': 16, 'tag': 16, '10': 16, 'method': 16, '400px': 16, 'class=\"active\">': 16, 'style=\"width:100%\">': 16, 'Lastname': 16, 'transparent': 16, 'menu': 16, 'vel': 16, 'style=\"font': 16, 'after': 15, '<h3>': 15, 'bar': 15, 'ease': 15, 'should': 15, '4': 15, 'than': 15, 'sm-4': 15, 'ul': 15, 'cornflowerblue': 15, 'Table': 15, 'height=\"300\">': 15, '73AD21': 15, \"'s\": 15, 'gradients': 15, 'all': 15, 'me': 15, 'eiusmod': 15, 'incididunt': 15, 'labore': 15, 'wisi': 15, 'exerci': 15, 'tation': 15, 'ullamcorper': 15, 'suscipit': 15, 'lobortis': 15, 'nisl': 15, 'left:0px': 15, 'top:0px': 15, '25': 15, 'we': 15, 'lightblue': 15, 'Menu': 15, 'Home': 15, 'double': 15, 'active': 14, 'target=\"_blank\">': 14, 'default\">': 14, 'index': 14, 'for=\"lname\">': 14, 'id=\"lname': 14, '20': 14, 'Grid': 14, 'defines': 14, '600px': 14, '[': 14, 'am': 14, 'responsive': 14, 'class=\"button': 14, 'label': 13, 'If': 13, 'down': 13, '255': 13, 'Some': 13, 'contains': 13, 'between': 13, 'Your': 13, 'not(.active': 13, '40px': 13, 'horizontally': 13, 'also': 13, 'vertical': 13, 'Click': 13, 'fff': 13, 'JavaScript': 13, 'cloud': 13, 'create': 13, 'dashed': 13, 'following': 12, 'timing': 12, 'wide': 12, 'Panel': 12, 'Arial': 12, '14px': 12, 'class=\"center\">': 12, 'Safari': 12, 'fields': 12, '.grid': 12, 'gap': 12, 'IE': 12, 'select': 12, 'Add': 12, 'ff0000': 12, 'space': 12, 'using': 12, 'Images': 12, 'my': 12, '<!--': 12, '-->': 12, 'visibility': 12, 'visible': 12, 'Terre': 12, 'London': 12, 'eum': 12, 'class=\"dropdown': 12, '.tooltiptext': 12, 'value': 12, 'class=\"glyphicon': 12, 'glyphicon': 12, 'class=\"navbar': 12, 'ridge': 12, 'outset': 12, 'two': 12, 'fit': 12, 'Chapter': 12, 'visited': 11, 'Group': 11, 'what': 11, 'Page': 11, 'input[type': 11, 'x': 11, '-ms': 11, 'Method': 11, 'both': 11, '</option>': 11, 'stack': 11, 'a.active': 11, 'With': 11, 'Griffin': 11, 'up': 11, 'specified': 11, 'split': 11, 'Selector': 11, 'images': 11, '.center': 11, 'mouse': 11, 'borders': 11, 'one': 11, 'Hover': 11, 'adipisicing': 11, 'header': 11, 'values': 11, '6px': 11, 'option': 11, '75px': 11, 'around': 11, 'h2': 11, 'Buttons': 11, 'different': 11, 'order': 10, 'progress': 10, 'out': 10, 'panel': 10, '333': 10, 'email': 10, 'code': 10, 'clear': 10, 'side': 10, 'less': 10, 'automatically': 10, '768px': 10, '<ul>': 10, 'Coca': 10, 'Cola': 10, '.button': 10, 'cursor': 10, 'powderblue': 10, '<source': 10, 'type=\"video': 10, 'Pagination': 10, '&': 10, 'added': 10, 'When': 10, 'corner': 10, 'Milk': 10, '...': 10, 'url(img_flwr.gif': 10, 'left:200px': 10, 'top:200px': 10, 'break': 10, 'width=\"400': 10, '.container': 10, 'alt=\"Cinque': 10, 'items': 10, 'span': 10, '.column': 10, 'middle': 10, 'url(border.png': 10, 'count': 10, 'illum': 10, 'te': 10, '120px': 10, 'toggle': 10, 'style=\"text': 10, 'class=\"nav': 10, 'icons': 10, 'pixels': 10, 'cm': 10, 'groove': 10, 'inset': 10, 'class=\"label': 9, '</h4>': 9, 'heading\">': 9, '.header': 9, 'aligned': 9, 'large': 9, 'type=\"email': 9, 'direction': 9, 'columns': 9, 'rgba(0': 9, '6': 9, 'Standard': 9, 'syntax': 9, 'Attribute': 9, 'Field': 9, 'contain': 9, 'change': 9, 'lavender;\">': 9, 'child': 9, 'pointer': 9, 'src=\"paris.jpg': 9, 'alt=\"Paris': 9, 'class=\"pagination\">': 9, 'Smith': 9, 'sm': 9, 'Peter': 9, 'It': 9, 'like': 9, 'grad1': 9, 'selector': 9, 'Right': 9, 'header\">': 9, 'how': 9, 'buttons': 9, 'type=\"radio': 9, 'Left': 9, 'aliqua': 9, 'Notice': 9, 'imperdiet': 9, '$': 9, 'tr': 9, '<hr>': 9, 'primary': 9, 'area': 9, '</ol>': 9, 'Sorry': 9, 'capital': 9, '30': 9, 'rule': 9, 'Duis': 9, 'velit': 9, 'esse': 9, 'eu': 9, 'qui': 9, 'Move': 9, 'class=\"caret\">': 9, 'nav': 9, 'class=\"dropdown\">': 9, 'classes': 9, 'Using': 9, 'medium': 9, 'navbar': 9, 'section': 9, 'style=\"color': 9, 'class=\"fas': 9, 'fa': 9, 'chapter': 9, 'explains': 9, 'ba': 9, 'class=\"material': 9, 'MUST': 8, 'come': 8, 'definition': 8, 'effective': 8, 'New': 8, 'success': 8, 'remove': 8, 'happens': 8, 'body\">': 8, 'for=\"email\">': 8, 'id=\"email': 8, 'rgba(255': 8, '0.8': 8, 'clip': 8, 'start': 8, 'make': 8, 'Set': 8, 'video': 8, 'Age': 8, 'Jill': 8, 'width=\"300': 8, 'user': 8, 'vertically': 8, '0.5': 8, 'links': 8, 'Bonnie': 8, 'time': 8, '<body': 8, 'Here': 8, '000000': 8, 'smaller': 8, 'adds': 8, 'scale': 8, 'original': 8, 'height=\"100': 8, 'colors': 8, '18px': 8, '0.3': 8, '<thead>': 8, '<canvas': 8, 'id=\"myCanvas': 8, 'width=\"200': 8, 'style=\"border:1px': 8, 'canvas': 8, 'c': 8, 'document.getElementById(\"myCanvas': 8, 'ctx': 8, 'c.getContext(\"2d': 8, 'nth': 8, 'round': 8, '.newspaper': 8, 'class=\"newspaper\">': 8, 'autem': 8, 'iriure': 8, 'hendrerit': 8, 'vulputate': 8, 'molestie': 8, 'feugiat': 8, 'facilisis': 8, 'vero': 8, 'eros': 8, 'accumsan': 8, 'iusto': 8, 'odio': 8, 'dignissim': 8, 'blandit': 8, 'praesent': 8, 'luptatum': 8, 'zzril': 8, 'delenit': 8, 'augue': 8, 'duis': 8, 'feugait': 8, 'facilisi': 8, 'Nam': 8, 'liber': 8, 'cum': 8, 'soluta': 8, 'nobis': 8, 'eleifend': 8, 'congue': 8, 'nihil': 8, 'doming': 8, 'quod': 8, 'mazim': 8, 'placerat': 8, 'facer': 8, 'possim': 8, 'assum': 8, 'center;\">': 8, 'attributes': 8, 'f1f1f1': 8, '.topnav': 8, 'date': 8, 'resize\">': 8, 'thick': 8, 'been': 8, 'drink': 8, 'navlist': 8, 'result': 8, 'which': 8, '35px': 8, 'million': 8, 'into': 7, 'important': 7, 'div1': 7, '@keyframes': 7, 'horizontal': 7, 'Email': 7, 'Input': 7, 'Title': 7, 'Enter': 7, 'width=\"100': 7, 'counter': 7, 'id=\"myDiv\">': 7, 'degrees': 7, 'type=\"submit\">': 7, 'gets': 7, 'even': 7, 'each': 7, 'Green': 7, '32px': 7, 'another': 7, 'laquo': 7, 'action=\"/action_page.php': 7, 'scale=1.0\">': 7, 'serif': 7, 'eee': 7, 'md-6': 7, 'red;\">': 7, 'shorthand': 7, 'shown': 7, 'positioned': 7, 'Media': 7, 'next': 7, 'Ipsum': 7, 'Dolor': 7, 'DIV': 7, 'new': 7, '75': 7, 'Gradient': 7, 'gradient': 7, 'id=\"grad1\">': 7, 'outside': 7, '2s': 7, '/>': 7, 'src=\"img_5terre_wide.jpg': 7, 'width=\"1000': 7, 'd3d3d3;\">': 7, 'tag.</canvas>': 7, 'Basic': 7, 'axis': 7, '<i>': 7, 'menu\">': 7, 'alert': 7, 'toggle=\"popover': 7, '//': 7, 'else': 7, 'On': 7, 'extra': 7, 'yellow;\">': 7, 'No': 7, 'sticky': 7, 'Links': 6, 'href=\"default.asp': 6, 'Progress': 6, 'multiple': 6, 'class=\"progress\">': 6, 'class=\"progress': 6, 'role=\"progressbar': 6, 'div2': 6, 'Horizontal': 6, 'value=\"Submit': 6, '2196F3': 6, '<code>': 6, 'y': 6, '</code>': 6, 'clockwise': 6, 'document': 6, 'Link': 6, 'info\">': 6, 'other': 6, 'last': 6, 'duration': 6, 'Eve': 6, 'lg': 6, '..': 6, 'centered': 6, 'second': 6, 'name=\"fname\"><br><br>': 6, 'want': 6, 'height=\"100\">': 6, 'W3Schools': 6, 'world': 6, 'lies': 6, 'back': 6, 'Show': 6, '12': 6, 'Form': 6, 'class=\"media\">': 6, '<h4': 6, '80px': 6, 'reverse': 6, 'Large': 6, 'Savings': 6, 'rows': 6, 'title': 6, 'italic': 6, 'main': 6, 'footer': 6, 'word': 6, 'rgb(255': 6, 'Top': 6, 'name=\"lname': 6, 'Paris': 6, '.table': 6, 'class=\"table': 6, 'Primary': 6, 'success\">': 6, 'works': 6, 'Box': 6, 'Dropdowns': 6, 'tooltip': 6, 'Tooltip': 6, 'Rounded': 6, 'title=\"Header': 6, 'class=\"button\">': 6, 'Centered': 6, 'f2f2f2': 6, 'sm-8': 6, '.active': 6, 'document.getElementById(\"result\").innerHTML': 6, 'indicates': 6, 'Contextual': 6, 'Label': 6, 'parent': 6, '.btn': 6, 'Apple': 6, 'most': 6, 'name=\"gender': 6, 'src=\"smiley.gif': 6, 'transparency': 6, 'rounded': 6, 'alignment': 6, 'grey': 6, 'aliqua.<br>': 6, 'class=\"badge\">': 6, 'div.example': 6, 'class=\"img': 6, 'Change': 6, 'WWF': 6, 'style=\"width:40%\">': 5, 'lines': 5, 'bold': 5, 'viewport': 5, 'Header': 5, 'Tip': 5, 'p.ex1': 5, 'class=\"ex1\">': 5, 'template': 5, '7': 5, 'pre': 5, 'src=\"w3css.gif': 5, 'rotates': 5, 'rotated': 5, 'Element': 5, 'reflect': 5, 'address': 5, '992px': 5, 'info': 5, 'lavenderblush;\">': 5, '.button1': 5, '.button2': 5, 'target=\"_top\">': 5, 'Center': 5, '<video': 5, 'mp4\">': 5, 'ogg\">': 5, '</video>': 5, 'justify': 5, '.3s': 5, 'style=\"border': 5, 'Jackson': 5, 'within': 5, 'ccc': 5, '\">': 5, '</table>': 5, 'then': 5, 'name=\"lname\"><br><br>': 5, 'allows': 5, 'sans': 5, 'ffffff': 5, 'favorite': 5, '60': 5, 'Align': 5, 'layout': 5, 'overflows': 5, 'repeating': 5, 'gradient(red': 5, 'width=\"170': 5, 'defined': 5, 'Disabled': 5, 'sm-6': 5, 'class=\"top': 5, 'Select': 5, 'Nested': 5, 'radio': 5, 'three': 5, 'inline\">': 5, 'focus': 5, 'left\">': 5, '150': 5, 'example1': 5, 'id=\"example1\">': 5, 'full': 5, 'alone': 5, '15': 5, '4s': 5, 'Animated': 5, 'larger': 5, 'Column': 5, '70px': 5, '<ol': 5, '<svg': 5, 'SVG': 5, '</svg>': 5, 'specify': 5, 'caption': 5, 'name=\"fname': 5, '<h2': 5, 'class=\"city\">': 5, 'England': 5, 'Google': 5, '.row': 5, 'Success': 5, 'autocomplete': 5, 'but': 5, 'given': 5, 'type=\"number': 5, 'id=\"demo\">': 5, 'information': 5, 'cover': 5, 'Inline': 5, 'placeholder=\"Enter': 5, 'name=\"email\">': 5, 'indicate': 5, 'open': 5, 'Dropdown': 5, '<br><br>': 5, '555': 5, 'before': 5, 'years': 5, 'head': 5, 'striped': 5, 'Points': 5, 'search': 5, 'letter': 5, '01': 5, 'type=\"date': 5, '80': 5, 'valuemin=\"0': 5, 'valuemax=\"100': 5, 'Groups': 5, 'Samsung': 5, 'height.<br>': 5, 'nowrap': 5, 'var(--blue': 5, 'type=\"datetime': 5, 'too': 5, '50%/50': 5, 'click': 5, 'lower': 5, 'p.none': 5, 'p.dotted': 5, 'p.dashed': 5, 'p.solid': 5, 'p.double': 5, 'p.groove': 5, 'p.ridge': 5, 'p.inset': 5, 'p.outset': 5, 'class=\"none\">': 5, 'class=\"dotted\">': 5, 'class=\"dashed\">': 5, 'class=\"solid\">': 5, 'class=\"double\">': 5, 'class=\"groove\">': 5, 'class=\"ridge\">': 5, 'class=\"inset\">': 5, 'class=\"outset\">': 5, '<ol>': 5, 'Tokyo': 5, 'height=\"50\">': 5, 'long': 5, 'radial': 5, 'web': 5, '0000ff': 5, 'United': 5, 'city': 5, 'top:50px;height:500px;color': 5, 'icons\">': 5, '.example': 5, 'Create': 4, 'same': 4, 'positioning': 4, '.affix': 4, 'weight': 4, 'pink': 4, 'Content': 4, 'sm-10\">': 4, 'charset=\"UTF-8\">': 4, '.navbar': 4, 'affected': 4, 'attachment': 4, 'try': 4, 'name=\"fname\">': 4, 'height=\"140\">': 4, 'div#myDiv': 4, 'rotate': 4, '.clearfix::after': 4, '<select': 4, 'so': 4, 'who': 4, 'URL': 4, 'By': 4, 'variant': 4, 'Active': 4, 'Item': 4, 'Second': 4, 'Third': 4, '.item1': 4, '500px': 4, 'controls>': 4, 'Border': 4, 'html': 4, 'src=\"ocean.jpg': 4, 'Sizing': 4, 'lg\">': 4, 'icon': 4, 'placeholder=\"Search': 4, 'margins': 4, 'Birthday': 4, 'Firefox': 4, '11': 4, 'Another': 4, 'must': 4, 'Lucida': 4, 'Overflow': 4, 'better': 4, 'sm-5': 4, 'src=\"img_5terre.jpg': 4, 'href=\"https://www.w3schools.com\">': 4, '.right': 4, 'class=\"right\">': 4, 'always': 4, 'results': 4, '~': 4, 'disabled': 4, 'text\">': 4, '?': 4, 'ocean': 4, 'href=\"mystyle.css\">': 4, 'Multiple': 4, 'We': 4, 'Option': 4, 'placed': 4, 'Reflection': 4, 'reflection': 4, 'src=\"img_tree.png\">': 4, 'src=\"img_avatar1.png': 4, 'matrix(1': 4, 'table.names': 4, 'still': 4, 'takes': 4, 'After': 4, 'gradient(to': 4, 'exercitation': 4, 'ullamco': 4, 'laboris': 4, 'Ordered': 4, 'makes': 4, 'Tutorial': 4, 't01': 4, 'child(even': 4, 'Default': 4, 'e': 4, 'show': 4, '<em>': 4, '</em>': 4, 'style=\"width:45px\">': 4, 'John': 4, '<small>': 4, '</small>': 4, '.div1': 4, '.div2': 4, 'Position': 4, 'class=\"tooltip\">Hover': 4, 'get': 4, 'times': 4, 'content=\"Content\">': 4, 'Bottom': 4, '24px': 4, 'Me': 4, 'Vertical': 4, 'Bar': 4, 'toggle=\"dropdown\">Tutorials': 4, 'Y': 4, '111': 4, 'grd': 4, 'delay': 4, 'Pills': 4, 'father': 4, \"'ve\": 4, 'since': 4, 'value=\"Doe\">': 4, 'styled': 4, 'displayed': 4, 'spacing': 4, '175': 4, '-60px': 4, 'stretch': 4, 'f9f9f9': 4, 'Sony': 4, 'bigger': 4, '44px': 4, 'width=\"42': 4, 'height=\"42\">': 4, 'represents': 4, '13': 4, 'Not': 4, 'sm-3': 4, 'x.innerHTML': 4, 'strong': 4, 'person': 4, 'Colors': 4, '<nav': 4, 'brand': 4, 'WebSiteName': 4, 'nav\">': 4, 'tabs': 4, 'class=\"bg': 4, '-1': 4, 'underline': 4, 'src=\"w3schools_logo.gif': 4, 'alt=\"W3Schools': 4, 'width=\"270': 4, 'toggle=\"pill': 4, '.tab': 4, 'tab': 4, 'them': 4, '99': 4, 'textarea': 4, '.img': 4, 'target=\"_blank': 4, 'prepared': 4, 'leaves': 4, 'ul.breadcrumb': 4, 'circle': 4, 'row': 4, '350px': 4, 'X': 4, 'Radial': 4, 'along': 4, 'class=\"text': 4, 'localStorage.clickcount': 4, 'colored': 4, 'origin': 4, 'base': 4, 'quo': 4, 'ul.sidenav': 4, 'hotpink': 3, '<h4>': 3, '<h5>': 3, '</h5>': 3, 'Bars': 3, 'bars': 3, '9999': 3, 'infinite': 3, '480px': 3, '300': 3, 'url(\"img_tree.png': 3, 'name=\"email': 3, 'required><br><br>': 3, 'without': 3, 'name=\"lname\">': 3, '8': 3, 'breaks': 3, '<pre>': 3, '33.33': 3, 'Boxes': 3, 'class=\"box': 3, '</select>': 3, 'src=\"img_girl.jpg': 3, 'width=\"500': 3, 'height=\"600\">': 3, 'type=\"url': 3, 'p::first': 3, 'caps': 3, 'And': 3, 'active\">': 3, 'bordered': 3, 'end': 3, 'mail': 3, 'words': 3, 'Tomato;\">': 3, 'DodgerBlue;\">': 3, '94': 3, 'Original': 3, 'height=\"300\"><br>': 3, 'labels': 3, 'sm-2': 3, 'because': 3, 'class=\"second\">': 3, 'action': 3, 'type=\"month': 3, 'year': 3, 'include': 3, 'alt=\"HTML5': 3, 'Icon': 3, '.menu': 3, 'grad2': 3, '7%,green': 3, 'Columns': 3, 'Transparency': 3, 'src=\"img_forest.jpg': 3, 'alt=\"Forest': 3, 'href': 3, 'Visit': 3, 'declaration': 3, 'selects': 3, '.disabled': 3, 'lg-4': 3, 'spaces': 3, 'type=\"time': 3, 'supports': 3, 'picker': 3, 'Styles': 3, 'internal': 3, 'external': 3, '0.6': 3, 'example2': 3, 'available': 3, 'px': 3, 'pagination': 3, 'Let': 3, 'drag': 3, 'Linear': 3, 'containing': 3, 'floated': 3, 'meaning': 3, 'clipped': 3, 'Tables': 3, 'Rows': 3, 'Browsers': 3, 'usually': 3, 'disabled\">': 3, 'Centering': 3, 'Sizes': 3, 'Normal': 3, 'Small': 3, 'class=\"jumbotron\">': 3, '.item2': 3, 'Layout': 3, 'p.normal': 3, 'class=\"normal\">': 3, 'Roman': 3, 'style=\"fill': 3, '90': 3, 'myHeader': 3, 'ID': 3, 'unique': 3, 'id=\"myHeader\">': 3, 'cell': 3, 'Styling': 3, 'div.gallery': 3, 'Fill': 3, 'myDiv': 3, 'rotateZ': 3, 'degree': 3, 'Depending': 3, 'for=\"quantity\">': 3, 'Quantity': 3, 'id=\"quantity': 3, 'name=\"quantity': 3, 'document.getElementById(\"demo\").innerHTML': 3, 'written': 3, 'Hoverable': 3, 'February': 3, '2016': 3, '<': 3, 'br>': 3, 'Simple': 3, 'offset': 3, '-5px': 3, 'kbd': 3, 'Tabs': 3, 'toggle=\"dropdown': 3, 'url(paper.gif': 3, 'corners': 3, 'class=\"close': 3, 'dismiss=\"alert': 3, 'close': 3, 'class=\"div1\">': 3, 'class=\"div2\">': 3, 'Popover': 3, 'Password': 3, 'type=\"password': 3, 'characters': 3, 'type=\"tel': 3, 'number': 3, '45': 3, '678': 3, '3e8e41': 3, 'block\">': 3, 'Times': 3, '50%);\">': 3, 'Icons': 3, 'envelope\">': 3, 'Styled': 3, 'size:24px;\">': 3, 'size:36px;\">': 3, 'size:48px;color': 3, 'size:60px;color': 3, 'lightblue;\">': 3, '000': 3, 'rotateY': 3, 'ctx.fillStyle': 3, 'myFunction': 3, 'Web': 3, 'FF0000': 3, 'type=\"week': 3, '1s': 3, 'id=\"result\">': 3, 'undefined': 3, 'Mouse': 3, 'content=\"Some': 3, 'younger': 3, 'vulnerable': 3, 'gave': 3, 'advice': 3, 'turning': 3, 'mind': 3, 'ever': 3, 'about': 3, 'text]:focus': 3, 'clicked': 3, 'value=\"John\">': 3, 'slide': 3, 'Striped': 3, 'hot': 3, '.button3': 3, 'Width': 3, 'button1\">': 3, 'button2\">': 3, 'button3\">': 3, 'was': 3, 'rgba(76': 3, 'valuenow=\"40': 3, '40': 3, '160px': 3, 'rgba(0,0,0,0.2': 3, '<span>': 3, 'content\">': 3, 'novalidate': 3, 'submitted': 3, 'p.padding': 3, 'p.padding2': 3, 'class=\"padding\">': 3, 'class=\"padding2\">': 3, 'justified\">': 3, 'home': 3, '46px': 3, '43px': 3, 'output': 3, 'prior': 3, 'version': 3, 'invert': 3, 'id=\"para1\">': 3, 'Colored': 3, 'About': 3, '25%/75': 3, 'coordinates': 3, 'Geolocation': 3, 'pills': 3, '.nav': 3, 'major': 3, 'becomes': 3, 'collapsible': 3, 'filter': 3, 'sets': 3, 'Responsive': 3, '.dropbtn': 3, 'contextual': 3, 'ol': 3, 'Modal': 3, 'fade': 3, 'current': 3, 'every': 3, 'href=\"#home\">': 3, '71': 3, '64': 3, 'names': 3, 'Complete': 3, '</textarea>': 3, 'datalist': 3, 'sure': 3, 'paragraphs': 3, 'sizes': 3, 'class=\"example\">': 3, 'target': 3, 'class=\"a\">': 3, 'Company': 3, 'source': 3, 'local': 3, 'Circle': 3, 'Also': 3, 'q': 3, 'future': 3, 'nature': 3, 'fill': 3, 'look': 3, 'src=\"mov_bbb.mp4': 3, 'src=\"mov_bbb.ogg': 3, 'rotateX': 3, 'class=\"ex2\">': 3, 'Search': 3, 'Color': 3, 'toggle=\"tab': 3, 'leading': 3, 'States': 3, 'upper': 3, 'class=\"table\">': 3, 'Font': 3, 'Awesome': 3, '0.2': 3, '0.19': 3, 'div.container': 3, 'Cards': 3, 'class=\"w3-third\">': 3, 'populous': 3, 'Kingdom': 3, 'metropolitan': 3, 'p.ex2': 3, 'p.ex3': 3, 'required': 3, 'type=\"color': 3, 'class=\"polaroid\">': 3, '<area': 3, 'type=\"image': 3, 'lightgreen': 2, 'stacked': 2, '.progress': 2, 'Space': 2, 'mymove': 2, '5s': 2, 'div3': 2, 'div4': 2, 'div5': 2, 'id=\"div1\">': 2, 'id=\"div2\">': 2, 'id=\"div3\">': 2, 'id=\"div4\">': 2, 'apply': 2, 'wider': 2, 'class=\"control': 2, 'value=\"Click': 2, '60px': 2, '1abc9c': 2, 'whether': 2, 'rest': 2, 'any': 2, 'formnovalidate': 2, 'rtl': 2, 'bidi': 2, 'override': 2, 'fix': 2, '</pre>': 2, 'rotate(20deg': 2, '.box': 2, 'Float': 2, 'boxes': 2, 'class=\"clearfix\">': 2, 'drop': 2, 'for=\"cars\">': 2, 'Choose': 2, 'car': 2, 'id=\"cars': 2, 'name=\"cars\">': 2, 'value=\"volvo\">': 2, 'Volvo': 2, 'value=\"saab\">': 2, 'Saab': 2, 'Fiat': 2, 'value=\"audi\">': 2, 'Audi': 2, 'alt': 2, 'alt=\"Girl': 2, 'jacket': 2, 'Display': 2, 'tan': 2, 'olive': 2, 'Button\">': 2, 'pseudo': 2, 'special': 2, 'Full': 2, 'Lines': 2, '<datalist': 2, '</datalist>': 2, '0.4s': 2, 'Send': 2, 'installed': 2, 'Spaces': 2, 'replaced': 2, 'ensure': 2, 'properly': 2, 'width=\"320': 2, 'height=\"240': 2, 'src=\"movie.mp4': 2, 'src=\"movie.ogg': 2, 'Margins': 2, 'img.one': 2, 'img.two': 2, 'class=\"one': 2, 'Sized': 2, 'class=\"two': 2, '.form': 2, 'horizontal\">': 2, \"url('searchicon.png\": 2, 'name=\"search': 2, 'Lois': 2, 'take': 2, 'class=\"first_test\">': 2, 'class=\"my': 2, 'test\">': 2, 'third': 2, 'class=\"mytest\">': 2, 'formmethod': 2, 'Month': 2, 'month': 2, 'folder': 2, 'style=\"width:128px;height:128px;\">': 2, '.row::after': 2, 'class*=\"col-': 2, 'Sans': 2, '<ins>': 2, '</ins>': 2, 'Elements': 2, 'edges': 2, 'grad3': 2, 'grad4': 2, 'gradient(90deg': 2, 'offset-2': 2, 'md': 2, 'offset-0': 2, 'src=\"img_mountains.jpg': 2, 'alt=\"Mountains': 2, 'alt=\"Italy': 2, 'b0e0e6': 2, 'aligning': 2, 'DOCTYPE': 2, 'missing': 2, 'produce': 2, 'strange': 2, 'Sibling': 2, 'xs-7': 2, 'lg-8': 2, 'xs-5': 2, 'Welcome': 2, 'class=\"topcontent\">': 2, 'Are': 2, 'learning': 2, 'preserves': 2, 'sea': 2, 'Oh': 2, 'bring': 2, 'Control': 2, 'zone': 2, 'pops': 2, 'entering': 2, 'linen': 2, 'One': 2, 'removing': 2, 'properties': 2, 'once': 2, 'tea': 2, 'name=\"optradio': 2, 'div.transbox': 2, 'states': 2, 'Focused': 2, 'id=\"focusedInput': 2, 'Object': 2, '-0.3': 2, 'matrix': 2, '<del>': 2, '</del>': 2, 'f1f1c1': 2, 'black\">': 2, 'class=\"hidden\">': 2, 'specific': 2, 'away': 2, '<p><img': 2, 'blocks': 2, 'starts': 2, 'transitioning': 2, 'Without': 2, 'src=\"pineapple.jpg': 2, 'alt=\"Pineapple': 2, 'style=\"clear': 2, 'clearfix': 2, 'problem': 2, 'Transition': 2, 'method=\"get\">': 2, 'name=\"fname\"><br>': 2, 'tables': 2, '200': 2, 'cite': 2, 'src=\"img_the_scream.jpg': 2, 'width=\"220': 2, 'alt=\"The': 2, 'Scream': 2, 'Pager': 2, 'provides': 2, 'class=\"pager\">': 2, 'Previous': 2, 'Next': 2, 'sm-4\">': 2, '.item3': 2, '.item5': 2, 'p.small': 2, 'Hege': 2, 'Refsnes': 2, 'class=\"small\">': 2, 'scale(0.5,0.5': 2, 'increases': 2, 'decreases': 2, 'half': 2, 'src=\"pic_trulli.jpg': 2, 'Lowercase': 2, 'Numbers': 2, 'p.test1': 2, '140px': 2, 'p.test2': 2, 'class=\"test1\">': 2, 'class=\"test2\">': 2, 'Opera': 2, '<rect': 2, '0);\">': 2, 'rgb(0': 2, 'rgb(60': 2, '179': 2, 'rgb(238': 2, '130': 2, '165': 2, 'rgb(106': 2, 'RGB': 2, '.topleft': 2, 'class=\"topleft\">': 2, 'fieldset': 2, 'value=\"John\"><br>': 2, 'Container': 2, 'consists': 2, '.city': 2, 'tomato': 2, 'while': 2, 'URLs': 2, 'ctx.stroke': 2, 'width:100': 2, 'child(odd': 2, '.responsive': 2, 'class=\"btn\">': 2, 'Info': 2, 'div.col': 2, 'sm-9': 2, 'submit': 2, 'min=\"0': 2, 'numbers': 2, 'checkbox': 2, 'checkboxes': 2, '<label>': 2, 'type=\"checkbox': 2, 'Objects': 2, 'objects': 2, 'nested': 2, 'Doe': 2, 'Posted': 2, '19': 2, 'src=\"img_avatar2.png': 2, 'USA': 2, '.div3': 2, 'Make': 2, 'alongside': 2, 'class=\"sr': 2, 'div.relative': 2, 'instead': 2, '105': 2, 'class=\"tooltiptext\">': 2, 'keyboard': 2, '<kbd>': 2, '</kbd>': 2, 'All': 2, 'flower': 2, 'width=\"150': 2, 'tabs\">': 2, 'allowed': 2, 'enter': 2, 'files': 2, 'rcorners1': 2, 'rcorners2': 2, 'rcorners3': 2, 'Alerts': 2, 'class=\"alert': 2, 'label=\"close\">': 2, 'could': 2, 'successful': 2, 'positive': 2, 'Letters': 2, 'divs': 2, 'password': 2, 'for=\"username\">': 2, 'Username': 2, 'id=\"username': 2, 'for=\"pwd\">': 2, 'id=\"pwd': 2, 'for=\"phone\">': 2, 'phone': 2, 'id=\"phone': 2, 'name=\"phone': 2, 'placeholder=\"123': 2, 'pattern=\"[0': 2, '9]{3}-[0': 2, '9]{2}-[0': 2, '666': 2, 'Effect': 2, 'Block': 2, 'Level': 2, 'equal': 2, 'Helvetica': 2, 'Console': 2, 'iteration': 2, 'hsl(0': 2, 'hsl(240': 2, 'hsl(147': 2, 'hsl(300': 2, '76': 2, 'hsl(39': 2, 'hsl(248': 2, '53': 2, 'HSL': 2, 'cloud\">': 2, 'Navigation': 2, 'thin': 2, 'Lists': 2, 'class=\"note\">': 2, 'grd.addColorStop(0,\"red': 2, 'grd.addColorStop(1,\"white': 2, 'ctx.fillRect(10,10,150,80': 2, 'onclick=\"myFunction()\">': 2, 'orange': 2, 'week': 2, 'starting': 2, 'typeof(Storage': 2, 'help': 2, 'move': 2, 'n': 2, 'ne': 2, 'nw': 2, 's': 2, 'se': 2, 'sw': 2, 'w': 2, 'href=\"html_images.asp': 2, 'formtarget': 2, 'where': 2, 'submitting': 2, '<h6>': 2, '</h6>': 2, 'Classes': 2, 'repeated': 2, 'text.</div>': 2, 'md-3\">': 2, 'meta': 2, '0.5s': 2, 'focused': 2, 'class=\"carousel': 2, 'target=\"#myCarousel': 2, 'zebra': 2, '<dt>': 2, '</dt>': 2, '<dd>': 2, '</dd>': 2, '<abbr': 2, 'title=\"World': 2, 'Health': 2, 'Organization\">': 2, 'WHO': 2, '</abbr>': 2, 'founded': 2, '1948': 2, 'Code': 2, 'min=\"1': 2, 'RGBA': 2, 'src=\"img_chania.jpg': 2, 'width=\"460': 2, 'height=\"345\">': 2, 'basic': 2, 'borderimg': 2, 'sections': 2, 'id=\"borderimg\">': 2, 'src=\"border.png\">': 2, 'Justified': 2, 'entire': 2, 'justified': 2, 'difference': 2, 'var(--white': 2, \"url('img_navsprites_hover.gif\": 2, 'prev': 2, '63px': 2, '-47px': 2, '129px': 2, 'oblique': 2, '130px': 2, 'Radio': 2, 'id=\"male': 2, 'value=\"male\">': 2, 'for=\"male\">': 2, 'Male': 2, 'id=\"female': 2, 'value=\"female\">': 2, 'for=\"female\">': 2, 'Female': 2, 'id=\"other': 2, 'value=\"other\">': 2, 'for=\"other\">': 2, 'Other': 2, \"url('img_navsprites.gif\": 2, 'type=\"range': 2, 'value=\"50\">': 2, 'Chrome': 2, 'Date': 2, 'Every': 2, 'quotes': 2, 'above': 2, 'myfirst': 2, 'Descendant': 2, '<section>': 2, '</section>': 2, 'class=\"three\">': 2, 'menus': 2, 'class=\"flip': 2, 'called': 2, 'changes': 2, 'onclick=\"getLocation()\">': 2, 'document.getElementById(\"demo': 2, 'getLocation': 2, 'navigator.geolocation': 2, 'showPosition(position': 2, 'position.coords.latitude': 2, '<br': 2, 'Longitude': 2, 'position.coords.longitude': 2, 'case': 2, 'error': 2, 'rgba': 2, 'define': 2, 'mark': 2, 'sent': 2, 'spacing:12px;font': 2, 'size:15px;position': 2, 'type=\"text\">': 2, 'inverse\">': 2, 'href=\"default.asp\">': 2, 'alt=\"HTML': 2, 'tutorial': 2, 'style=\"width:42px;height:42px;\">': 2, 'shows': 2, 'there': 2, 'Collapsible': 2, 'id=\"demo': 2, 'nisi': 2, 'grayscale(100': 2, 'selected': 2, 'leftsidebar': 2, 'ctx.font': 2, 'World\",10,50': 2, 'numeric': 2, 'p.one': 2, 'p.two': 2, 'p.three': 2, 'p.four': 2, 'Backgrounds': 2, 'provide': 2, 'through': 2, 'creates': 2, 'own': 2, 'Unordered': 2, 'Bullets': 2, 'style=\"list': 2, 'Height': 2, 'Attributes': 2, 'Style': 2, 'uses': 2, '128': 2, 'src=\"html5.gif': 2, 'Thumbnail': 2, 'thumbnail': 2, 'style=\"width:150px\">': 2, 'understand': 2, 'Badges': 2, 'France': 2, 'Japan': 2, '.input': 2, 'class=\"breadcrumb\">': 2, 'Pictures': 2, 'Dynamic': 2, 'toggleable': 2, 'Then': 2, 'pane': 2, 'pills\">': 2, 'href=\"#menu1\">': 2, 'title=\"I\\'m': 2, 'Same': 2, 'Tomato': 2, 'hsl(9': 2, '0.5);\">': 2, 'hsla(9': 2, '<caption>': 2, '</caption>': 2, 'January': 2, 'push-8': 2, 'pull-4': 2, 'being': 2, 'disable': 2, 'class=\"box\">': 2, 'really': 2, 'tall': 2, 'valuenow=\"70': 2, 'style=\"width:70%\">': 2, '70': 2, 'actual': 2, 'ellipsis': 2, '<stop': 2, 'style=\"stop': 2, 'opacity:1': 2, 'x=\"50': 2, 'bold\">': 2, 'eyes': 2, 'dark': 2, 'class=\"error\">': 2, 'These': 2, 'nicely': 2, 'w3schools.com': 2, 'href=\"http://www.disney.com': 2, 'disney.com': 2, 'href=\"http://www.wikipedia.org': 2, 'wikipedia.org': 2, '.button4': 2, '.button5': 2, 'button4\">': 2, 'button5\">': 2, 'href=\"https://www.w3schools.com/': 2, 'reset': 2, 'ul.a': 2, 'ul.b': 2, 'brewed': 2, 'roasted': 2, 'coffee': 2, 'beans': 2, 'seeds': 2, 'berries': 2, 'Coffea': 2, 'plant': 2, 'aromatic': 2, 'beverage': 2, 'commonly': 2, 'pouring': 2, 'boiling': 2, 'water': 2, 'cured': 2, 'Camellia': 2, 'sinensis': 2, 'evergreen': 2, 'shrub': 2, 'bush': 2, 'native': 2, 'Asia': 2, 'carbonated': 2, 'soft': 2, 'produced': 2, 'refers': 2, 'ingredients': 2, 'were': 2, 'kola': 2, 'nuts': 2, 'caffeine': 2, 'coca': 2, 'class=\"b\">': 2, 'Side': 2, 'IE8': 2, 'src=\"cinqueterre.jpg': 2, 'width=\"304': 2, 'height=\"236\">': 2, 'itself': 2, 'note': 2, 'Well': 2, 'url(img_navsprites.gif': 2, 'src=\"img_trans.gif': 2, 'width=\"1': 2, 'height=\"1\">': 2, 'quotation': 2, 'marks': 2, 'people': 2, '</q>': 2, 'ev.preventDefault': 2, 'Medium': 2, 'placeholder': 2, 'xs-9': 2, 'md-7': 2, 'xs-3': 2, 'md-5': 2, 'scale(2,3': 2, '900px': 2, 'appearance': 2, 'Size': 2, 'scrollbar': 2, 'name:<br>': 2, '<textarea': 2, 'name=\"message': 2, 'cols=\"30\">': 2, 'go': 2, 'div.test': 2, 'class=\"test': 2, 'formenctype': 2, 'Remove': 2, 'Contact': 2, 'However': 2, 'skewY(20deg': 2, 'skewY': 2, 'skews': 2, 'angle': 2, 'skewed': 2, '<iframe': 2, '</iframe>': 2, 'Type': 2, 'something': 2, 'id=\"myInput': 2, 'striped\">': 2, 'Video': 2, 'courtesy': 2, 'href=\"https://www.bigbuckbunny.org/': 2, 'Big': 2, 'Buck': 2, 'Bunny': 2, 'server': 2, 'gray': 2, 'total': 2, 'type=\"search': 2, 'Spaced': 2, 'Stops': 2, 'Envelope': 2, 'class=\"embed': 2, 'embed': 2, '00ff00': 2, 'translate(50px,100px': 2, 'translate': 2, 'Comments': 2, 'rotate(-20deg': 2, 'quote': 2, '<blockquote': 2, 'protecting': 2, 'conservation': 2, 'organization': 2, 'countries': 2, 'members': 2, 'globally': 2, '</blockquote>': 2, 'decimal': 2, 'hiragana': 2, 'iroha': 2, 'katakana': 2, 'alpha': 2, 'latin': 2, 'roman': 2, 'Red': 2, 'example3': 2, 'Us': 2, 'stripes': 2, 'under': 2, 'cells': 2, 'Georgia': 2, 'paper': 2, 'cards': 2, 'skewX(20deg': 2, 'skewX': 2, 'href=\"https://www.w3schools.com': 2, 'inhabitants.</p>': 2, 'Footer': 2, 'actually': 2, 'build': 2, 'inhabitants': 2, 'Standing': 2, 'River': 2, 'Thames': 2, 'settlement': 2, 'millennia': 2, 'history': 2, 'going': 2, 'founding': 2, 'Romans': 2, 'named': 2, 'Londinium': 2, 'p.ex4': 2, 'class=\"ex3\">': 2, 'translate(-50': 2, '-50': 2, 'frame': 2, 'Jump': 2, 'enable': 2, 'scrolling': 2, 'definitiones': 2, 'maluisset': 2, 'concludaturque': 2, 'altera': 2, 'fabulas': 2, 'Atqui': 2, 'causae': 2, 'gloriatur': 2, 'ius': 2, 'agam': 2, 'omnis': 2, 'evertitur': 2, 'Affert': 2, 'laboramus': 2, 'repudiandae': 2, 'nec': 2, 'Inciderint': 2, 'efficiantur': 2, 'his': 2, 'Eum': 2, 'molestiae': 2, 'voluptatibus': 2, 'indent': 2, 'Child': 2, 'div.polaroid': 2, 'Polaroid': 2, 'Lights': 2, 'shape=\"circle': 2, 'had': 2, 'popular': 2, 'JS': 2, 'framework': 2, 'developing': 2, 'mobile': 2, 'projects': 2, 'cyan': 1, 'Labels': 1, 'Stacked': 1, 'placing': 1, 'Free': 1, 'funtion': 1, 'query': 1, 'clears': 1, 'static': 1, 'sm-2\">': 1, 'static\">': 1, 'someone@example.com': 1, 'onclick=\"alert(\\'Hello': 1, 'Me!\">': 1, 'p.center': 1, 'p.large': 1, 'class=\"center': 1, 'large\">': 1, 'scrollbars': 1, 'formnovalidate=\"formnovalidate': 1, 'validation\">': 1, 'unicode': 1, 'preserve': 1, 'whitespace': 1, 'put': 1, 'rect(0px,60px,200px,0px': 1, 'color:#bbb\">': 1, 'color:#ccc\">': 1, 'color:#ddd\">': 1, 'value=\"fiat\">': 1, 'users': 1, 'understanding': 1, 'for=\"homepage\">': 1, 'homepage': 1, 'id=\"homepage': 1, 'name=\"homepage\">': 1, 'Tags': 1, 'role=\"button\">': 1, 'value=\"Input': 1, 'class=\"item1\">': 1, 'class=\"item2\">': 1, 'class=\"item3\">': 1, 'class=\"item4\">': 1, 'class=\"item5\">': 1, 'Webpage': 1, 'list=\"url_list': 1, 'name=\"link\">': 1, 'id=\"url_list\">': 1, 'label=\"W3Schools': 1, 'value=\"https://www.w3schools.com\">': 1, 'label=\"Google': 1, 'value=\"http://www.google.com\">': 1, 'label=\"Microsoft': 1, 'value=\"http://www.microsoft.com\">': 1, '008CBA': 1, 'mailto': 1, 'href=\"mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party': 1, 'Violet;\">': 1, '):': 1, 'href=\"mailto:someone@example.com?Subject=Hello%20again': 1, 'Mail</a>': 1, 'quickly': 1, 'controls': 1, 'adding': 1, 'for=\"lg\">': 1, 'Single': 1, 'Around': 1, 'width:300px': 1, 'remaining': 1, 'equally': 1, 'class$=\"test': 1, 'attribute$=\"value': 1, 'HTTP': 1, 'sending': 1, 'method=\"get': 1, 'GET\">': 1, 'formmethod=\"post': 1, 'POST\">': 1, 'for=\"bdaymonth\">': 1, 'id=\"bdaymonth': 1, 'name=\"bdaymonth\">': 1, 'Folder': 1, 'common': 1, 'store': 1, 'sub': 1, 'src': 1, 'src=\"/images': 1, 'html5.gif': 1, '9933cc': 1, 'ins': 1, 'represent': 1, 'inserted': 1, 'content.<br>': 1, 'content.</p>': 1, 'gradient(45deg': 1, 'gradient(190deg': 1, 'Offsetting': 1, 'class=\"row': 1, 'lightgray;\">': 1, 'lightcyan;\">': 1, '1.0': 1, 'often': 1, 'together': 1, 'General': 1, 'general': 1, 'sibling': 1, 'siblings': 1, 'State': 1, 'reason': 1, 'class|=top': 1, 'attribute|=\"value': 1, 'Time': 1, 'for=\"appt\">': 1, 'id=\"appt': 1, 'name=\"appt\">': 1, 'lavender\">': 1, 'Will': 1, 'Cascade': 1, 'experimenting': 1, 'styles': 1, 'cascading': 1, 'stylesheets': 1, 'specifying': 1, 'write': 1, 'Black': 1, 'China': 1, 'Africa': 1, 'class=\"radio': 1, 'checked': 1, 'div.background': 1, 'url(klematis.jpg': 1, 'class=\"background\">': 1, 'class=\"transbox\">': 1, 'label\">': 1, 'appear': 1, 'style=\"width:60px\">': 1, 'div#myDiv1': 1, 'div#myDiv2': 1, 'combines': 1, '2D': 1, 'methods': 1, 'id=\"myDiv1\">': 1, 'Resized': 1, 'id=\"example2\">': 1, 'stretches': 1, 'far': 1, 'Padded': 1, 'h1.hidden': 1, 'Adjacent': 1, 'directly': 1, 'immediately': 1, 'push': 1, 'ignored': 1, 'moving': 1, 'src=\"programming.gif': 1, 'alt=\"Computer': 1, 'man': 1, 'style=\"width:48px;height:48px;\">': 1, 'class=\"pagination': 1, '.img1': 1, '.img2': 1, 'taller': 1, 'Clearfix': 1, 'class=\"img1': 1, 'height=\"170\">': 1, 'Phasellus': 1, 'dictum': 1, 'interdum': 1, 'right\">': 1, 'hack': 1, 'rotate(180deg': 1, 'Transform': 1, 'renders': 1, 'name=\"lname\"><br>': 1, 'Row': 1, 'height=\"277': 1, 'Scream\">': 1, '<cite>': 1, '</cite>': 1, 'Edvard': 1, 'Munch': 1, 'Painted': 1, '1893': 1, '.pager': 1, 'previous': 1, 'autoplay>': 1, 'sm\">': 1, 'xs\">': 1, 'XSmall': 1, '.item4': 1, 'areas': 1, 'decreased': 1, 'Italian': 1, 'Trulli': 1, 'alt=\"Italian': 1, 'Trullti': 1, 'type=\"i\">': 1, 'keep': 1, 'hyphens': 1, 'character': 1, 'rgb(0,0,255);stroke': 1, 'width:10;stroke': 1, 'rgb(0,0,0': 1, '255);\">': 1, '113);\">': 1, '113': 1, '238);\">': 1, '238': 1, '205);\">': 1, '205': 1, 'unordered': 1, 'Grouping': 1, 'Data': 1, 'Fieldset': 1, 'related': 1, 'legend': 1, '<fieldset>': 1, '<legend>': 1, 'Personalia': 1, '</legend>': 1, 'value=\"Doe\"><br><br>': 1, '</fieldset>': 1, 'arranged': 1, 'Difference': 1, 'Between': 1, 'Class': 1, 'Cities': 1, 'Condensed': 1, 'condensed': 1, 'compact': 1, 'cutting': 1, 'condensed\">': 1, 'Absolute': 1, 'href=\"https://www.w3.org/\">': 1, 'W3C': 1, 'href=\"https://www.google.com/\">': 1, 'Relative': 1, 'href=\"html_images.asp\">': 1, 'href=\"/css': 1, 'default.asp\">': 1, 'SPAN': 1, 'much': 1, 'necessary': 1, 'ctx.beginPath': 1, 'ctx.arc(95,50,40,0,2*Math': 1, 'PI': 1, '777': 1, 'div.desc': 1, '24.99999': 1, '700px': 1, '49.99999': 1, 'borderimg1': 1, 'borderimg2': 1, 'borderimg3': 1, 'id=\"borderimg1\">': 1, 'id=\"borderimg2\">': 1, 'id=\"borderimg3\">': 1, 'enabled': 1, 'reload': 1, 'off': 1, 'autocomplete=\"on\">': 1, 'autocomplete=\"off\"><br><br>': 1, 'rotateZ(90deg': 1, 'Z': 1, 'Numeric': 1, 'Steps': 1, 'Fixed': 1, 'steps': 1, 'max=\"100': 1, 'step=\"10': 1, 'value=\"30\">': 1, '<noscript>': 1, '</noscript>': 1, 'noscript': 1, 'class=\"active': 1, 'class=\"checkbox\">': 1, 'value=\"\">': 1, 'emphasized': 1, 'contact': 1, 'author': 1, 'owner': 1, 'article': 1, '<address>': 1, 'Written': 1, 'Doe.<br>': 1, 'us': 1, 'at:<br>': 1, 'Example.com': 1, '564': 1, 'Disneyland': 1, '</address>': 1, '.sr': 1, 'raquo': 1, 'class=\"relative\">': 1, 'verdana': 1, 'courier': 1, '160': 1, 'edge': 1, '.dropup': 1, 'expand': 1, 'upwards': 1, 'downwards': 1, 'class=\"dropup\">': 1, 'toggle=\"dropdown\">Dropup': 1, 'href=\"styles.css\">': 1, 'bi': 1, 'directional': 1, 'bdo': 1, '<bdo': 1, 'dir=\"rtl\">': 1, '</bdo>': 1, 'Keyboard': 1, 'Inputs': 1, 'typically': 1, 'entered': 1, 'via': 1, 'ctrl': 1, 'Print': 1, 'dialog': 1, 'Smaller': 1, 'div.absolute': 1, 'nearest': 1, 'ancestor': 1, 'class=\"relative\">This': 1, 'class=\"absolute\">': 1, 'title~=flower': 1, 'attribute~=\"value': 1, 'src=\"klematis.jpg': 1, 'title=\"klematis': 1, 'height=\"113\">': 1, 'src=\"img_flwr.gif': 1, 'title=\"flower': 1, 'width=\"224': 1, 'height=\"162\">': 1, 'src=\"img_tree.gif': 1, 'title=\"tree': 1, 'height=\"358\">': 1, 'for=\"files\">': 1, 'type=\"file': 1, 'id=\"files': 1, 'name=\"files': 1, 'multiple><br><br>': 1, 'hold': 1, 'CTRL': 1, 'SHIFT': 1, 'key': 1, 'selecting': 1, 'type=\"a\">': 1, 'Both': 1, 'now': 1, 'Hooray': 1, 'placement=\"top': 1, 'placement=\"bottom': 1, 'placement=\"left': 1, 'placement=\"right': 1, 'name=\"username\"><br>': 1, 'name=\"pwd\"><br><br>': 1, 'masked': 1, 'asterisks': 1, 'circles': 1, 'Telephone': 1, 'telephone': 1, '9]{3': 1, 'Format': 1, '123': 1, 'Cellpadding': 1, 'Cell': 1, '9px': 1, '999': 1, 'translateY(4px': 1, 'Pressed': 1, '1.5': 1, '.p1': 1, '.p2': 1, '.p3': 1, 'Courier': 1, 'monospace': 1, 'class=\"p1\">': 1, 'class=\"p2\">': 1, 'class=\"p3\">': 1, '47%);\">': 1, '47': 1, '72%);\">': 1, '72': 1, '58%);\">': 1, '58': 1, 'bootstrap/3.3.7': 1, 'remove\">': 1, 'user\">': 1, 'thumbs': 1, 'up\">': 1, '.divider': 1, 'separate': 1, 'rotateY(150deg': 1, \"url('sqpurple.gif\": 1, 'marker': 1, 'type=\"1\">': 1, 'class=\"radio\">': 1, 'checked>': 1, '.note': 1, '120': 1, 'Important': 1, 'ctx.createRadialGradient(75,50,5,90,60,100': 1, '0000FF': 1, 'url(img_man.jpg': 1, 'Background': 1, 'combination': 1, 'stylesheet': 1, 'Week': 1, 'for=\"week\">': 1, 'id=\"week': 1, 'name=\"week\">': 1, 'Diagonal': 1, '250': 1, '3s': 1, 'Check': 1, 'Store': 1, 'localStorage.setItem(\"lastname': 1, 'Retrieve': 1, 'localStorage.getItem(\"lastname': 1, 'Storage': 1, 'auto\">': 1, 'crosshair\">': 1, 'crosshair': 1, 'help\">': 1, 'move\">': 1, 'pointer\">': 1, 'progress\">': 1, 'wait\">': 1, 'wait': 1, 'p01': 1, 'id=\"p01\">': 1, 'none\">': 1, 'keyword': 1, 'response': 1, 'received': 1, 'formtarget=\"_blank': 1, 'tab\">': 1, 'margin:0': 1, 'title=\"Popover': 1, 'popover\">': 1, 'Toggle': 1, 'popover': 1, 'document).ready(function': 1, 'url(\"gradient_bg.png': 1, 'Meta': 1, 'animate': 1, 'seconds': 1, 'Carousel': 1, 'id=\"myCarousel': 1, 'ride=\"carousel\">': 1, 'Indicators': 1, 'indicators\">': 1, 'to=\"0': 1, 'to=\"1\">': 1, 'odd': 1, 'Description': 1, '<dl>': 1, 'cold': 1, '</dl>': 1, 'f44336': 1, 'percent': 1, 'e.g.': 1, 'Marking': 1, 'abbreviations': 1, 'give': 1, 'useful': 1, 'translation': 1, 'systems': 1, 'engines': 1, 'class=\"checkbox': 1, 'value=\"\">Option': 1, '-3px': 1, 'minimum': 1, 'maximum': 1, 'for=\"datemax\">': 1, '1980': 1, 'id=\"datemax': 1, 'name=\"datemax': 1, 'max=\"1979': 1, '31\"><br><br>': 1, 'for=\"datemin\">': 1, '2000': 1, 'id=\"datemin': 1, 'name=\"datemin': 1, 'min=\"2000': 1, '02\"><br><br>': 1, 'max=\"5\"><br><br>': 1, 'rgb(76': 1, 'div.first': 1, '0.1': 1, 'div.second': 1, 'div.third': 1, 'Transparent': 1, 'style=\"opacity:0.1;\">': 1, 'style=\"opacity:0.3;\">': 1, 'style=\"opacity:0.6;\">': 1, 'class=\"first\">': 1, 'class=\"third\">': 1, 'span.a': 1, 'span.b': 1, 'span.c': 1, 'top\">': 1, 'style=\"width:80px\">': 1, '460px': 1, '.tooltiptext::after': 1, 'stretched': 1, 'animates': 1, 'validated': 1, 'novalidate>': 1, 'Server': 1, 'src=\"https://www.w3schools.com': 1, 'w3schools_green.jpg': 1, 'alt=\"W3Schools.com': 1, 'style=\"width:104px;height:142px;\">': 1, '0.7': 1, 'p.big': 1, '1.8': 1, 'standard': 1, '110': 1, '120%.<br>': 1, 'class=\"big\">': 1, 'White': 1, 'root': 1, '--blue': 1, '1e90ff': 1, '--white': 1, 'Function': 1, 'ctx.moveTo(0,0': 1, 'ctx.lineTo(200,100': 1, 'p.italic': 1, 'p.oblique': 1, 'class=\"italic\">': 1, 'class=\"oblique\">': 1, 'url(img_tree.gif': 1, 'img.ex1': 1, 'img.ex2': 1, '-100px': 1, 'class=\"ex1': 1, 'class=\"ex2': 1, 'calculation': 1, 'oninput=\"x.value': 1, 'parseInt(a.value)+parseInt(b.value)\">': 1, 'id=\"a': 1, 'name=\"a': 1, 'id=\"b': 1, 'name=\"b': 1, '<output': 1, 'name=\"x': 1, 'for=\"a': 1, 'b\">': 1, '</output>': 1, 'Edge': 1, 'pop': 1, 'name=\"bdaytime\">': 1, 'for=\"birthday\">': 1, 'id=\"birthday': 1, 'name=\"birthday\">': 1, '<circle': 1, 'cx=\"50': 1, 'cy=\"50': 1, 'r=\"40': 1, 'stroke=\"green': 1, 'stroke': 1, 'width=\"4': 1, 'fill=\"yellow': 1, '3CBC8D': 1, 'W3Schools>': 1, 'omit': 1, '<p><b>': 1, 'alternate': 1, 'descendant': 1, 'matches': 1, 'descendants': 1, 'color:#4CAF50': 1, 'div.three': 1, '200x200': 1, '33%/66': 1, 'Nesting': 1, 'Nest': 1, 'groups': 1, '.flip': 1, 'a6d8a8': 1, 'id=\"panel\">': 1, 'How': 1, 'onclick': 1, 'attached': 1, 'clicks': 1, 'executed': 1, 'id=\"panel': 1, 'learn': 1, 'our': 1, 'document.getElementById(\"panel\").style.display': 1, 'navigator.geolocation.getCurrentPosition(showPosition': 1, 'showError': 1, 'Latitude': 1, 'showError(error': 1, 'switch(error.code': 1, 'PERMISSION_DENIED': 1, 'User': 1, 'denied': 1, 'request': 1, 'POSITION_UNAVAILABLE': 1, 'Collapsed': 1, 'Borders': 1, 'rgba(255,0,0,0': 1, 'rgba(255,0,0,1': 1, 'stops': 1, 'parameter': 1, 'Save': 1, 'pressing': 1, 'Ctrl': 1, 'S': 1, 'Help': 1, '.help': 1, 'level': 1, 'forms': 1, 'password\">': 1, 'Bordered': 1, 'bordered\">': 1, 'Highlight': 1, '<mark>': 1, 'highlight': 1, '</mark>': 1, 'value=\"John\"><br><br>': 1, 'Submit': 1, '/action_page.php': 1, 'navigator.geolocation.watchPosition(showPosition': 1, 'x.innerHTML=\"Latitude': 1, 'class=\"page': 1, 'style=\"position': 1, 'relative;\">': 1, 'style=\"opacity:0.5;position': 1, 'absolute;left:50px;top:-30px;width:300px;height:150px;background': 1, 'color:#40B3DF\">': 1, 'style=\"opacity:0.3;position': 1, 'absolute;left:120px;top:20px;width:100px;height:170px;background': 1, 'color:#73AD21\">': 1, 'style=\"margin': 1, 'top:30px;width:360px;height:130px;padding:20px;border': 1, 'radius:10px;border:10px': 1, 'EE872A;font': 1, 'size:120%;\">': 1, 'style=\"letter': 1, 'relative;left:25px;top:25px;\">': 1, 'Manipulate': 1, 'style=\"color:#40B3DF;letter': 1, 'relative;left:25px;top:30px;\">Colors': 1, 'color:#B4009E;color:#ffffff;\">': 1, 'for=\"focusedInput\">': 1, 'screens': 1, 'remain': 1, 'class*=\"te': 1, 'attribute*=\"value': 1, 'url(\"paper.gif': 1, 'widths': 1, 'xs-': 1, 'row\">': 1, 'xs-2\">': 1, 'for=\"ex1\">': 1, 'xs-2': 1, 'circled': 1, 'Template': 1, '2.5em': 1, '40px/16=2.5em': 1, '1.875em': 1, '30px/16=1.875em': 1, '0.875em': 1, '14px/16=0.875em': 1, 'Specifying': 1, 'em': 1, 'Unfortunately': 1, 'older': 1, 'resizing': 1, 'should.</p>': 1, 'href=\"#demo': 1, 'toggle=\"collapse\">': 1, 'class=\"collapse\">': 1, 'Convert': 1, 'grayscale': 1, 'Pre': 1, 'preselect': 1, 'value=\"fiat': 1, 'selected>': 1, '.wrapper': 1, 'menulist': 1, '.menuitem': 1, 'CDF0F6': 1, 'd4d4d4': 1, '216px': 1, 'ctx.strokeText(\"Hello': 1, 'Number': 1, 'restrictions': 1, 'max=\"5\">': 1, 'effect:</p>': 1, 'style=\"overflow': 1, 'auto;\">': 1, 'li.dropdown': 1, 'p.five': 1, 'p.six': 1, 'warning\">': 1, 'warning': 1, 'Square': 1, 'square;\">': 1, 'ul.nav': 1, 'overrides': 1, 'width=\"128': 1, 'height=\"128\">': 1, 'overridden': 1, 'ff9999': 1, '3399ff': 1, 'ffe5e5': 1, 'cce5ff': 1, 'c3c3c3;\">': 1, '</canvas>': 1, 'ctx.fillRect(0,0,150,75': 1, 'Because': 1, 'behind': 1, '33.3%/66.6': 1, 'danger\">': 1, 'Danger': 1, 'heights': 1, 'for=\"inputdefault\">': 1, 'id=\"inputdefault': 1, 'Trigger': 1, 'modal': 1, 'toggle=\"modal': 1, 'target=\"#myModal\">': 1, 'Open': 1, 'class=\"modal': 1, 'id=\"myModal': 1, 'role=\"dialog\">': 1, 'img.top': 1, 'img.middle': 1, 'img.bottom': 1, 'class=\"middle': 1, 'class=\"bottom': 1, 'Breadcrumbs': 1, '.breadcrumb': 1, 'location': 1, 'navigational': 1, 'hierarchy': 1, 'Private': 1, 'Vacation': 1, 'href=\"#menu2\">': 1, 'tooltip\">': 1, '71);\">': 1, 'color:#ff6347;\">': 1, 'ff6347': 1, '64%);\">': 1, 'addition': 1, 'predefined': 1, 'HEX': 1, 'HSLA': 1, 'finished': 1, 'Caption': 1, 'Monthly': 1, 'savings': 1, 'Push': 1, 'Pull': 1, 'demonstrates': 1, 'blue;text': 1, 'f8f8f8': 1, 'prevent': 1, 'textareas': 1, 'resized': 1, 'grabber': 1, '<textarea>': 1, 'options': 1, 'list=\"browsers': 1, 'name=\"browser\">': 1, 'id=\"browsers\">': 1, 'value=\"Internet': 1, 'Explorer\">': 1, 'value=\"Firefox\">': 1, 'value=\"Chrome\">': 1, 'value=\"Opera\">': 1, 'value=\"Safari\">': 1, '12.1': 1, 'DodgerBlue': 1, 'Flexible': 1, 'follow': 1, 'flexible': 1, 'Flexbox': 1, 'only\">': 1, '<sup>': 1, 'superscripted': 1, '</sup>': 1, 'Demonstrating': 1, 'Model': 1, 'model': 1, 'essentially': 1, 'wraps': 1, 'aute': 1, 'irure': 1, 'reprehenderit': 1, 'voluptate': 1, 'cillum': 1, 'fugiat': 1, 'pariatur': 1, 'Excepteur': 1, 'sint': 1, 'occaecat': 1, 'cupidatat': 1, 'non': 1, 'proident': 1, 'sunt': 1, 'culpa': 1, 'officia': 1, 'deserunt': 1, 'mollit': 1, 'anim': 1, 'est': 1, 'laborum': 1, 'Abbreviations': 1, 'abbr': 1, 'abbreviation': 1, 'acronym': 1, 'Linked': 1, 'Items': 1, 'height=\"130': 1, 'width=\"500\">': 1, '<defs>': 1, '<linearGradient': 1, 'id=\"grad1': 1, 'x1=\"0': 1, 'y1=\"0': 1, 'x2=\"100': 1, 'y2=\"0%\">': 1, 'offset=\"0': 1, 'rgb(255,255,0);stop': 1, 'offset=\"100': 1, 'rgb(255,0,0);stop': 1, '</linearGradient>': 1, '</defs>': 1, '<ellipse': 1, 'cx=\"100': 1, 'cy=\"70': 1, 'rx=\"85': 1, 'ry=\"55': 1, 'fill=\"url(#grad1': 1, '<text': 1, 'fill=\"#ffffff': 1, 'size=\"45': 1, 'family=\"Verdana': 1, 'y=\"86\">SVG</text>': 1, 'rcorners4': 1, 'Hide': 1, 'hide': 1, 'mother': 1, 'blue;font': 1, 'darkolivegreen;font': 1, '.desc': 1, 'Range': 1, 'range': 1, 'slider': 1, 'control.<p>': 1, 'for=\"vol\">': 1, 'Volume': 1, 'id=\"vol': 1, 'name=\"vol': 1, 'max=\"50\">': 1, 'p.error': 1, 'generates': 1, 'distance': 1, 'inverse': 1, 'bottom\">': 1, 'ctx.createLinearGradient(0,0,200,0': 1, 'alt=\"Chania': 1, 'a[target=_blank': 1, 'attribute=\"value': 1, 'li::before': 1, 'increment': 1, 'counters(section': 1, 'li+li': 1, '/\\\\00a0': 1, 'Breadcrumb': 1, 'Summer': 1, 'Italy': 1, 'Local': 1, 'for=\"birthdaytime\">': 1, 'id=\"birthdaytime': 1, 'name=\"birthdaytime\">': 1, 'shapes': 1, 'maroon': 1, 'class=\"well\">': 1, '-91px': 1, 'id=\"home': 1, 'id=\"next': 1, 'insert': 1, 'goal': 1, '<q>': 1, 'Build': 1, 'live': 1, 'harmony': 1, 'HTML>': 1, 'aaaaaa': 1, 'allowDrop(ev': 1, 'drag(ev': 1, 'ev.dataTransfer.setData(\"text': 1, 'ev.target.id': 1, 'drop(ev': 1, 'ev.dataTransfer.getData(\"text': 1, 'ev.target.appendChild(document.getElementById(data': 1, 'Drag': 1, 'rectangle': 1, 'id=\"div1': 1, 'ondrop=\"drop(event': 1, 'ondragover=\"allowDrop(event)\">': 1, '.bottomright': 1, 'class=\"bottomright\">': 1, 'writes': 1, 'class^=\"top': 1, 'attribute^=\"value': 1, 'ordinary': 1, 'short': 1, 'hint': 1, 'describes': 1, 'expected': 1, '9]{3}\"><br><br>': 1, '.first': 1, 'first\">': 1, 'trigger=\"hover': 1, 'gradient(0deg': 1, 'gradient(180deg': 1, 'gradient(-90deg': 1, 'Do': 1, 'moment': 1, 'border=\"0': 1, 'alt=\"Trulli\">': 1, 'p.hidden': 1, 'p.mix': 1, 'kind': 1, 'class=\"mix\">': 1, 'mixed': 1, 'stacked\">': 1, 'access': 1, 'getElementById': 1, 'onclick=\"displayResult()\">': 1, 'displayResult': 1, 'document.getElementById(\"myHeader\").innerHTML': 1, 'Have': 1, 'nice': 1, 'day': 1, 'Shorthand': 1, 'myInput': 1, '-6px': 1, 'type=\"A\">': 1, '600': 1, 'https://www.w3schools.com>': 1, 'Setting': 1, 'need': 1, 'name=\"firstname': 1, 'value=\"Mickey\"><br>': 1, 'name=\"lastname': 1, 'value=\"Mouse\"><br>': 1, 'Comments:<br>': 1, 'rows=\"5': 1, 'screen.</p>': 1, 'fluid': 1, 'HTML5': 1, 'player': 1, 'ellipsis;\">': 1, 'clip;\">': 1, 'para1': 1, 'encoded': 1, 'action=\"/action_page_binary.asp': 1, 'method=\"post\">': 1, 'formenctype=\"multipart': 1, 'Multipart': 1, 'data\">': 1, 'rotateX(150deg': 1, 'ul.demo': 1, 'bullets': 1, 'class=\"demo\">': 1, 'Fade': 1, 'opac': 1, '1.1': 1, 'Customers': 1, 'Country': 1, 'Alfreds': 1, 'Futterkiste': 1, 'Maria': 1, 'Anders': 1, 'Germany': 1, '<tr': 1, 'class=\"alt\">': 1, 'Berglunds': 1, 'snabbköp': 1, 'Christina': 1, 'Berglund': 1, 'Sweden': 1, 'Centro': 1, 'comercial': 1, 'Moctezuma': 1, 'Francisco': 1, 'Chang': 1, 'Mexico': 1, 'ul#menu': 1, 'id=\"menu\">': 1, 'PHP': 1, 'Repeating': 1, '.div4': 1, 'surrounds': 1, 'whole': 1, 'thing': 1, 'p.uppercase': 1, 'uppercase': 1, 'p.lowercase': 1, 'lowercase': 1, 'p.capitalize': 1, 'capitalize': 1, 'class=\"uppercase\">': 1, 'class=\"lowercase\">': 1, 'class=\"capitalize\">': 1, 'gradient(circle': 1, 'Shapes': 1, 'Ellipse': 1, 'id=\"grad2\">': 1, 'Textarea': 1, 'multi': 1, 'rows=\"10': 1, 'cat': 1, 'playing': 1, 'garden': 1, 'color:#fff': 1, 'muted\">': 1, 'muted': 1, 'Iframes': 1, 'iframe': 1, 'src=\"demo_iframe.htm\">': 1, 'Filterable': 1, 'emails': 1, 'div.ex1': 1, 'div.ex2': 1, 'Padding': 1, 'though': 1, 'a[target': 1, '.bottomleft': 1, 'class=\"bottomleft\">': 1, 'ctx.fillText(\"Hello': 1, 'child(even){background': 1, '.fade': 1, '.in': 1, 'fading': 1, 'closing': 1, 'message': 1, 'dismissible': 1, 'in\">': 1, 'Perfect': 1, 'centering': 1, 'rgba(0,0,0,0.0': 1, 'rgba(0,0,0,0.4': 1, '.col-1': 1, '8.33': 1, '.col-2': 1, '16.66': 1, '.col-3': 1, '.col-4': 1, '.col-5': 1, '41.66': 1, '.col-6': 1, '.col-7': 1, '58.33': 1, '.col-8': 1, '66.66': 1, '.col-9': 1, '.col-10': 1, '83.33': 1, '.col-11': 1, '91.66': 1, '.col-12': 1, 'none;\">': 1, 'Programming': 1, 'Getting': 1, 'updates': 1, 'if(typeof(EventSource': 1, 'EventSource(\"demo_sse.php': 1, 'source.onmessage': 1, 'function(event': 1, 'event.data': 1, 'events': 1, '<sub>': 1, 'subscripted': 1, '</sub>': 1, 'Direct': 1, 'element(s': 1, '320px': 1, 'Calculate': 1, 'src=\"klematis4_big.jpg': 1, 'width=\"350': 1, 'height=\"263': 1, 'alt=\"Klematis\">': 1, 'picture': 1, 'behaves': 1, 'regular': 1, 'for=\"gsearch\">': 1, 'id=\"gsearch': 1, 'name=\"gsearch\">': 1, 'Differently': 1, 'height=\"200\">': 1, '<polygon': 1, 'points=\"100,10': 1, '40,198': 1, '190,78': 1, '10,78': 1, '160,198': 1, 'lime;stroke': 1, 'purple;stroke': 1, 'width:5;fill': 1, 'evenodd': 1, 'Glyphicon': 1, 'Examples': 1, 'search\">': 1, '28px': 1, '22px': 1, 'clickCounter': 1, 'Number(localStorage.clickcount)+1': 1, 'time(s': 1, 'storage': 1, 'onclick=\"clickCounter': 1, 'type=\"button\">': 1, 'increase': 1, 'Close': 1, 'again': 1, 'continue': 1, 'Embed': 1, '16:9': 1, 'aspect': 1, 'ratio': 1, 'responsive-16by9\">': 1, 'src=\"https://www.youtube.com': 1, 'tgbNymZ7vqY\">': 1, 'rgb(250,0,255': 1, 'class=\"one\">': 1, 'class=\"two\">': 1, 'Two': 1, 'Three': 1, 'class=\"four\">': 1, 'Four': 1, 'moves': 1, 'moved': 1, 'Evenly': 1, 'group-': 1, 'comment': 1, 'Blockquotes': 1, '.blockquote': 1, 'class=\"blockquote': 1, 'reverse\">': 1, '1.2': 1, '<footer>': 1, 'From': 1, 'website': 1, '</footer>': 1, 'disc': 1, 'ul.c': 1, 'square': 1, 'ol.d': 1, 'armenian': 1, 'ol.e': 1, 'cjk': 1, 'ideographic': 1, 'ol.f': 1, 'ol.g': 1, 'zero': 1, 'ol.h': 1, 'georgian': 1, 'ol.i': 1, 'hebrew': 1, 'ol.j': 1, 'ol.k': 1, 'ol.l': 1, 'ol.m': 1, 'ol.n': 1, 'ol.o': 1, 'greek': 1, 'ol.p': 1, 'ol.q': 1, 'ol.r': 1, 'ol.s': 1, 'ol.t': 1, 'ol.u': 1, 'ol.v': 1, 'inherit': 1, '.footer': 1, '.content': 1, 'styling': 1, 'light': 1, 'dividers': 1, 'crowded': 1, 'class=\"nav\">': 1, 'href=\"#about\">': 1, 'href=\"#clients\">': 1, 'Our': 1, 'Clients': 1, 'href=\"#contact\">': 1, 'News': 1, 'Updates': 1, 'src=\"https://kit.fontawesome.com': 1, 'a076d05399.js': 1, 'crossorigin=\"anonymous\">': 1, '<!--Get': 1, 'fontawesome.com-->': 1, 'heart\">': 1, 'car\">': 1, 'file\">': 1, 'bars\">': 1, 'xs-6': 1, 'Website': 1, 'Accordion': 1, 'closed': 1, 'id=\"accordion\">': 1, 'title\">': 1, 'toggle=\"collapse': 1, 'parent=\"#accordion': 1, 'href=\"#collapse1\">': 1, '<td': 1, 'B': 1, 'C': 1, 'D': 1, 'Spacing': 1, 'size:300%;\">': 1, 'size:160%;\">': 1, 'height=\"140\"><br': 1, 'fun': 1, '.success': 1, '.info': 1, '.warning': 1, '.danger': 1, 'p.a': 1, 'p.b': 1, '12px/30px': 1, 'powderblue;\">': 1, 'Sit': 1, 'Amet': 1, 'verdana;\">': 1, 'courier;\">': 1, '<base': 1, 'src=\"images': 1, 'stickman.gif': 1, 'width=\"24': 1, 'height=\"39': 1, 'alt=\"Stickman\">': 1, 'Since': 1, 'https://www.w3schools.com/images/stickman.gif': 1, 'href=\"tags': 1, 'tag_base.asp\">': 1, 'opens': 1, '_': 1, 'blank': 1, 'div.fixed': 1, 'means': 1, 'stays': 1, 'place': 1, 'scrolled': 1, 'class=\"fixed\">': 1, 'vertical\">': 1, 'Now': 1, 'never': 1, 'disturb': 1, 'div.card': 1, 'div.header': 1, 'class=\"card\">': 1, 'class=\"header\">': 1, 'lang(no': 1, '<q': 1, 'lang=\"no\">': 1, 'lang': 1, 'lang=\"no': 1, 'Corners': 1, 'id=\"scream': 1, 'height=\"277\">': 1, 'Canvas': 1, 'width=\"250': 1, 'height=\"300': 1, 'onclick=\"myCanvas()\">': 1, 'myCanvas': 1, 'document.getElementById(\"scream': 1, 'ctx.drawImage(img,10,10': 1, 'blue;\">': 1, 'Blue': 1, '.previous': 1, '.next': 1, 'sides': 1, 'class=\"previous\">': 1, 'class=\"next\">': 1, 'headers': 1, 'height=\"180\">': 1, 'y=\"20': 1, 'rx=\"20': 1, 'ry=\"20': 1, 'height=\"150': 1, 'red;stroke': 1, 'black;stroke': 1, 'width:5;opacity:0.5': 1, 'W3.CSS': 1, 'w3css/4': 1, 'w3.css\">': 1, 'class=\"w3-container': 1, 'w3-green\">': 1, 'Demo': 1, 'class=\"w3-row': 1, 'padding\">': 1, 'largest': 1, 'population': 1, 'centers': 1, 'Europe': 1, 'Greater': 1, 'Area': 1, 'footer\">': 1, 'id=\"menu1': 1, 'role=\"menu': 1, 'labelledby=\"menu1\">': 1, 'role=\"presentation\">': 1, 'role=\"menuitem': 1, 'tabindex=\"-1': 1, '<h3': 1, 'MediumSeaGreen;\">': 1, 'black;color': 1, 'white;padding:20px;\">': 1, 'class=\"ex4\">': 1, 'So': 1, 'due': 1, 'ends': 1, 'Headings': 1, 'headings': 1, '140': 1, '186': 1, 'Wrap': 1, 'anchor': 1, 'href=\"paris.jpg\">': 1, 'viewing': 1, 'anything': 1, 'responsive\">': 1, 'filled': 1, 'name=\"username': 1, 'required>': 1, '10.1': 1, 'section1': 1, '1E88E5': 1, 'section2': 1, '673ab7': 1, 'section3': 1, 'ff9800': 1, 'section41': 1, '00bcd4': 1, 'section42': 1, '009688': 1, 'xx': 1, 'combine': 1, 'Locked': 1, 'html/': 1, 'here': 1, 'href=\"#C4\">': 1, 'href=\"#C10\">': 1, 'id=\"C4\">': 1, 'id=\"C10\">': 1, 'Gallery': 1, '.thumbnail': 1, 'gallery': 1, '.caption': 1, 'proper': 1, 'thumbnails': 1, 'enlarge': 1, 'md-4\">': 1, 'div.sticky': 1, 'cae8ca': 1, 'class=\"sticky\">': 1, 'style=\"padding': 1, 'bottom:2000px\">': 1, 'sticks': 1, 'reach': 1, 'Scroll': 1, 'stickyness': 1, 'Snippets': 1, 'snippets': 1, 'embedded': 1, 'ordered': 1, 'blockquote': 1, 'cite=\"http://www.worldwildlife.org': 1, 'index.html\">': 1, 'nearly': 1, 'five': 1, 'children': 1, 'Custom': 1, 'individual': 1, '.topright': 1, 'class=\"topright\">': 1, 'href=\"https://fonts.googleapis.com': 1, 'icon?family': 1, 'Material+Icons\">': 1, 'computer': 1, 'traffic': 1, 'Picker': 1, 'for=\"favcolor\">': 1, 'id=\"favcolor': 1, 'name=\"favcolor': 1, 'value=\"#ff0000\">': 1, '9.1': 1, 'Filter': 1, 'Anything': 1, 'id=\"myDIV': 1, 'id=\"myDIV\">': 1, 'margin:25px': 1, 'alt=\"5': 1, 'Cinque': 1, 'src=\"lights600x400.jpg': 1, 'alt=\"Norther': 1, 'Northern': 1, '.cities': 1, 'cities': 1, 'class=\"cities\">': 1, 'lg-6': 1, 'p.round1': 1, 'p.round2': 1, 'p.round3': 1, 'class=\"round1\">': 1, 'Round': 1, 'class=\"round2\">': 1, 'Rounder': 1, 'class=\"round3\">': 1, 'Roundest': 1, 'belongs': 1, 'id=\"form1\">': 1, 'part': 1, 'form=\"form1\">': 1, 'speed': 1, 'curves': 1, 'Maps': 1, 'sun': 1, 'planets': 1, 'watch': 1, 'closer': 1, 'src=\"planets.gif': 1, 'alt=\"Planets': 1, 'usemap=\"#planetmap': 1, 'style=\"width:145px;height:126px;\">': 1, '<map': 1, 'name=\"planetmap\">': 1, 'shape=\"rect': 1, 'coords=\"0,0,82,126': 1, 'alt=\"Sun': 1, 'href=\"sun.htm\">': 1, 'coords=\"90,58,3': 1, 'alt=\"Mercury': 1, 'href=\"mercur.htm\">': 1, 'coords=\"124,58,8': 1, 'alt=\"Venus': 1, 'href=\"venus.htm\">': 1, '</map>': 1, 'src=\"rock600x400.jpg': 1, 'alt=\"Norway': 1, 'Hardanger': 1, 'Norway': 1, 'src=\"img_submit.gif': 1, 'alt=\"Submit': 1, 'width=\"48': 1, 'height=\"48\">': 1, 'sends': 1, 'activated': 1, 'lists': 1, 'for=\"sel1\">': 1, 'id=\"sel1\">': 1, 'Properties': 1, 'Split': 1, 'toggle=\"dropdown\">': 1, 'Whenever': 1, 'feel': 1, 'criticizing': 1, 'anyone': 1, 'he': 1, 'told': 1, 'just': 1, 'remember': 1, \"n't\": 1, 'advantages': 1, 'id=\"country': 1, 'name=\"country\">': 1, 'value=\"au\">': 1, 'Australia': 1, 'value=\"ca\">': 1, 'Canada': 1, 'value=\"usa\">': 1, '36px': 1, 'h3': 1, 'h4': 1, 'h5': 1, 'h6': 1, 'name=\"description': 1, 'content=\"Free': 1, 'tutorials\">': 1, 'name=\"keywords': 1, 'content=\"HTML': 1, 'JavaScript\">': 1, 'name=\"author': 1, 'content=\"John': 1, 'Doe\">': 1, 'goes': 1, 'enables': 1, 'state': 1, 'hover\">': 1, 'class=\"disabled\">': 1, 'color:#f5f5f5': 1, '601px': 1, 'color:#000000;\">': 1, 'color:#3c3c3c;\">': 1, '3c3c3c': 1, 'color:#787878;\">': 1, '787878': 1, 'color:#b4b4b4;\">': 1, 'b4b4b4': 1, 'color:#f0f0f0;\">': 1, 'f0f0f0': 1, 'color:#ffffff;\">': 1, 'shades': 1, 'both\">': 1, 'Remember': 1, 'floats': 1, 'toggle=\"dropdown\">Dropdown': 1})\n",
            "Dictionary len 3751\n",
            "14 15 17 19 32 23 2 223 7 26 3 20 2 136 4 8 23 2 557 7 26 3 20 2 2933 4 8 23 2 151 7 26 3 20 2 1977 4 8 23 2 460 7 26 3 20 2 1423 4 8 34 22 16 37 148 866 36 13 189 64 898 6 469 30 21 23 223 65 183 10 13 189 145 2 183 23 2 151 696 716 429 23 2 223 47 23 2 557 50 12 148 721 50 595 38 191 728 9 10 13 189 145 2 183 23 2 460 696 716 429 23 2 151 50 12 148 721 50 595 38 191 728 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2559 36 57 71 161 644 486 3 463 698 159 49 37 71 161 644 486 3 463 698 159 36 425 71 161 644 486 3 463 698 159 410 1288 71 161 644 486 3 463 698 159 615 1289 71 161 644 486 3 463 698 159 1284 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2641 869 1296 36 13 1121 23 2142 600 431 241 3418 907 1356 823 12 1208 58 104 164 1542 2 10 18 886 18 885 3 431 600 3 431 3 772 6 915 6 1065 2525 1713 33 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 32 5 90 145 2 300 38 762 12 511 1029 38 165 12 175 52 148 1200 90 5 1086 7 109 2 144 4 420 3 467 2 1282 126 822 4 8 34 22 16 14 15 17 19 32 58 7 24 2 111 4 55 2 218 4 26 3 20 2 108 4 107 3 1245 2 986 4 105 2 205 4 310 2 2000 1564 1431 4 8 35 811 7 310 3 519 3 275 2 336 4 8 35 890 7 310 3 519 3 275 2 434 4 8 35 1853 7 310 3 519 3 275 2 434 3 50 4 8 35 1854 7 310 3 519 3 275 2 434 3 596 4 8 35 1855 7 310 3 519 3 275 2 434 3 50 3 596 4 8 790 2000 7 376 7 86 2 364 4 8 38 7 86 2 170 4 8 8 34 22 16 13 201 145 2 200 41 310 3 519 3 3063 127 21 99 337 50 274 273 279 47 265 338 9 10 18 1940 336 33 18 1941 434 33 18 1942 434 3 50 33 18 1943 434 3 596 33 14 15 17 19 32 213 7 26 3 20 2 1197 4 8 366 261 47 53 401 3 24 2 1273 31 7 213 7 26 3 20 2 1977 4 8 8 34 22 16 57 252 12 124 225 38 165 12 175 126 49 13 41 378 3441 128 323 1757 297 12 378 198 21 261 47 12 1078 21 1273 525 150 2218 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 500 533 36 13 41 597 3 203 164 2860 12 123 3 70 9 300 38 762 12 164 47 165 558 738 9 10 18 388 3 304 18 388 597 3 463 18 388 3 657 500 969 33 18 388 3 708 500 1120 33 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 862 208 104 3571 282 36 173 246 3 819 6 227 18 246 3 304 121 1800 3 486 351 3 3540 794 2 119 18 228 3 1211 67 246 3 282 3 3572 3543 10 14 15 17 16 37 798 272 36 88 199 6 3367 291 126 363 31 6 2199 2570 27 28 14 15 17 19 74 536 803 73 39 1157 39 63 6 60 46 61 3 24 11 62 3 66 32 90 7 102 3 262 2 25 3 102 4 8 213 7 107 3 375 2 495 4 70 2 56 4 8 612 7 44 2 1565 4 29 3 101 2 122 4 26 2 35 1561 4 20 2 140 4 8 1092 7 89 2 98 4 26 3 20 2 35 566 4 8 1092 23 7 20 2 140 4 44 2 492 144 4 14 15 17 19 32 3388 7 29 3 101 2 122 4 20 2 108 4 8 3393 7 107 3 117 2 1266 45 4 8 34 22 16 207 503 30 195 128 99 191 1148 49 67 503 30 115 128 191 108 47 122 3 631 9 10 67 2805 3230 30 115 128 191 108 11 122 3 631 11 47 50 23 660 107 3 117 9 10 27 28 14 15 17 19 32 213 7 26 3 95 2 1516 6 31 4 26 3 216 2 237 3 216 4 26 3 105 2 100 109 4 70 3 100 2 188 4 26 3 1152 2 296 4 8 34 22 16 57 41 26 3 1152 232 49 13 41 26 3 1152 127 315 2216 12 26 95 446 358 150 191 296 53 128 99 358 104 12 2087 52 12 284 31 9 10 13 201 978 2 200 473 308 214 99 165 1755 3509 11 1238 38 277 12 124 225 9 10 13 41 26 3 95 21 296 9 300 38 358 483 12 284 9 10 13 41 26 3 95 21 296 9 300 38 358 483 12 284 9 10 13 41 26 3 95 21 296 9 300 38 358 483 12 284 9 10 13 41 26 3 95 21 296 9 300 38 358 483 12 284 9 10 13 41 26 3 95 21 296 9 300 38 358 483 12 284 9 10 13 41 26 3 95 21 296 9 300 38 358 483 12 284 9 10 13 41 26 3 95 21 296 9 300 38 358 483 12 284 9 10 13 41 26 3 95 21 296 9 300 38 358 483 12 284 9 10 13 41 26 3 95 21 296 9 300 38 358 483 12 284 9 10 14 15 17 16 57 41 135 1892 212 49 173 227 121 737 795 362 586 2 119 88 678 6 741 6 1450 6 1475 88 231 6 257 88 231 6 3057 6 926 1525 3681 163 13 201 145 2 200 41 1892 212 52 12 135 417 21 99 337 50 501 408 53 150 265 31 9 10 27 28 14 15 17 19 32 1043 7 650 2 2097 4 3663 3 1766 2 1766 3 2034 4 8 34 22 16 13 30 21 12 295 29 650 9 10 67 995 30 21 100 3 38 3 86 29 650 9 10 27 28 14 15 17 19 32 548 46 29 292 7 24 2 114 45 4 44 2 341 144 4 70 2 193 56 4 102 3 262 2 25 3 102 4 25 2 118 4 25 3 123 2 179 48 108 4 8 34 22 16 13 290 509 104 323 23 123 25 2 10 317 121 397 251 346 119 88 187 6 398 6 1192 121 465 331 346 119 88 187 6 466 6 1451 163 27 28 14 15 17 19 32 490 3 247 7 89 2 235 4 235 3 233 3 512 2 218 4 235 3 1067 3 648 2 171 171 171 4 26 3 20 2 35 849 4 44 2 141 4 8 490 3 110 7 26 3 20 2 765 11 470 11 470 11 685 31 4 25 2 96 48 669 11 56 11 56 11 685 31 4 44 2 144 4 107 3 117 2 316 4 29 3 101 2 122 4 8 34 22 16 57 41 235 3 233 3 512 232 2 49 18 371 3 302 18 371 3 139 106 33 18 371 3 139 142 33 18 371 3 139 167 33 18 371 3 139 423 33 18 371 3 139 330 33 18 371 3 139 614 33 18 371 3 139 946 33 18 371 3 139 1279 33 18 371 3 139 279 33 14 15 17 16 13 41 582 54 197 99 3431 3721 47 248 3 1362 9 10 13 368 1879 217 11 308 220 3440 12 582 54 306 23 1051 54 2 10 1290 852 559 46 330 4 931 46 614 4 420 46 559 327 931 4 851 1584 27 28 14 15 17 19 32 215 7 105 2 245 4 714 2 3452 31 4 8 34 22 16 116 1062 6 841 6 1178 27 28 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 8 1170 7 526 3 253 2 2096 31 4 5 90 497 279 90 5 253 2 2096 31 4 5 90 629 676 90 5 8 34 22 16 57 41 1206 53 31 535 49 13 41 1206 53 31 414 1057 129 54 888 150 808 3 888 9 10 147 30 23 404 58 54 9 33 18 821 30 58 54 21 1056 888 456 810 9 33 27 28 14 15 17 19 32 90 7 102 3 262 2 25 3 102 4 8 1533 7 194 2 86 4 24 2 1267 45 4 44 2 218 4 8 1087 7 174 2 6 6 4 580 2 543 4 89 2 137 4 8 34 22 16 37 458 52 1297 36 13 1647 1772 601 241 601 2 10 18 1799 18 1370 6 158 3 2876 13 475 29 306 12 102 9 10 33 18 1370 6 158 3 2877 13 475 29 306 12 102 9 10 33 18 1370 6 158 3 2878 13 475 29 306 12 102 9 10 33 14 15 17 16 37 41 517 965 36 13 41 517 54 464 23 1858 3 483 157 2 10 173 227 121 1883 1623 23 1781 2 119 1108 1938 6 2003 344 2206 1732 530 344 2205 1704 530 344 3699 1646 530 344 2201 1612 530 1285 88 840 163 27 28 14 15 17 16 37 41 1746 618 36 13 41 1746 212 446 1054 12 95 174 11 1214 3679 1246 220 99 165 12 95 817 129 3662 52 558 12 95 480 2 10 116 1493 6 1747 104 23 1966 6 1524 6 1420 27 28 14 15 17 16 57 1637 23 1142 798 620 49 13 41 201 135 1511 6 200 21 243 239 135 509 125 446 649 23 1142 981 2 10 173 227 121 3048 494 362 3120 2 119 88 1511 6 3174 6 3311 88 231 6 257 163 27 28 14 15 17 19 32 213 7 26 3 20 2 2164 4 20 2 103 4 8 366 261 47 53 283 3 24 2 949 31 7 213 7 26 3 20 2 256 4 20 2 140 4 8 8 366 261 47 53 283 3 24 2 457 31 7 213 7 26 3 20 2 2026 4 20 2 140 4 8 8 34 22 16 57 252 12 124 225 38 165 12 175 126 49 13 1118 295 11 12 26 20 52 12 891 21 6 2164 6 9 473 12 261 117 21 949 150 593 11 12 20 128 638 38 6 256 6 9 473 152 21 457 150 593 11 152 128 638 38 6 2026 6 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 272 2649 36 64 276 6 35 6 155 154 3 1020 6 3489 865 272 65 134 199 6 155 154 3 900 272 133 88 199 6 155 154 3 1020 6 3689 1620 88 231 6 155 154 3 1020 6 926 1620 33 14 15 17 19 32 1465 3 248 7 20 2 35 508 4 107 3 1244 2 359 3 1366 4 8 34 22 16 13 385 220 278 12 2 2 287 3 248 2071 3 54 38 332 23 2128 175 38 12 287 248 52 23 29 9 475 313 29 9 1294 815 313 11 47 313 11 47 313 11 47 313 11 47 313 11 47 313 11 47 313 11 47 313 11 47 313 11 47 313 11 47 313 11 47 313 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 255 291 126 49 13 252 12 124 225 38 165 12 175 9 10 13 41 648 128 577 554 162 109 52 812 911 325 12 261 21 593 450 567 525 9 10 18 372 18 228 3 447 6 158 3 20 2 661 258 3 447 33 18 228 3 447 6 158 3 20 2 1025 258 3 447 33 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1111 1124 50 23 383 533 36 18 311 3 304 64 276 6 35 6 311 3 203 3 110 1351 251 110 65 64 276 6 35 6 311 3 203 3 139 1137 110 65 64 276 6 35 6 311 3 203 3 139 1140 110 65 33 14 15 17 19 32 452 7 157 3 59 3 198 2 118 4 44 2 56 4 25 2 96 48 35 334 4 8 452 236 7 44 2 193 178 4 25 3 123 2 96 48 35 334 4 8 452 236 2 902 3 640 7 25 3 123 2 118 8 34 22 16 13 1651 3 24 1360 157 2 10 569 97 381 87 97 384 87 97 570 571 87 343 27 28 14 15 17 19 32 490 3 247 7 89 2 235 4 235 3 1067 3 648 2 171 171 171 4 235 3 512 2 141 4 26 3 20 2 35 849 4 44 2 141 4 8 490 3 247 280 58 7 26 3 20 2 765 11 470 11 470 11 685 31 4 29 3 101 2 122 4 44 2 144 56 4 107 3 117 2 316 4 8 1091 7 235 3 233 3 770 2 106 4 235 3 233 3 1405 2 167 4 8 34 22 16 57 458 1670 49 18 371 3 302 18 2822 106 33 18 2823 142 33 18 2824 167 33 18 2825 423 33 18 2826 330 33 14 15 17 16 173 227 2671 2 88 1511 6 3245 6 3314 1591 3189 344 3223 6 3702 344 3221 6 3700 344 3222 6 3701 1576 88 840 163 27 28 14 15 17 19 32 562 7 26 3 20 2 35 244 4 5 90 797 90 5 25 2 118 4 20 2 140 4 44 2 178 787 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 107 3 117 2 178 4 70 2 259 179 4 254 3 893 2 1547 4 585 2 666 4 8 934 7 26 3 20 2 140 4 20 2 103 4 25 2 179 48 35 244 4 8 934 2 151 7 26 3 20 2 35 244 4 20 2 140 4 8 935 7 26 3 20 2 140 4 20 2 103 4 25 2 179 48 35 2296 4 8 935 2 151 7 14 15 17 16 13 30 21 806 3252 223 2 64 3136 126 6 1066 1708 1442 126 65 10 13 41 223 128 323 361 297 308 335 586 1959 9 10 13 53 1715 478 1526 446 191 2084 241 45 456 38 1864 125 12 124 128 89 12 29 2066 31 10 27 28 14 15 17 19 32 215 7 89 2 149 4 70 3 86 2 171 4 70 3 100 2 171 4 8 34 22 16 37 961 129 285 36 13 368 122 129 95 11 324 86 47 100 70 38 171 11 47 748 152 823 23 149 54 9 10 116 674 6 633 6 1065 27 28 14 15 17 19 32 58 7 55 2 111 4 24 2 1102 4 26 3 20 2 599 4 8 34 22 16 37 699 12 55 47 24 52 129 54 36 147 30 58 54 185 23 55 52 111 47 23 24 52 1102 9 33 27 28 14 15 17 16 958 2224 6 1914 6 1166 568 2138 6 607 5 1032 568 2139 6 607 5 1037 476 124 197 99 169 12 778 417 9 952 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 1023 3 174 2 122 4 1023 3 174 2 122 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 211 7 89 2 156 3 149 4 8 211 23 7 20 2 103 4 194 2 86 4 44 2 193 178 4 29 3 221 2 118 4 254 2 26 3 20 933 4 25 2 96 48 35 334 4 70 2 56 259 4 8 211 539 7 26 3 20 2 35 244 4 20 2 140 4 25 2 96 48 35 244 4 8 211 23 2 151 2 487 31 7 26 3 20 2 35 334 4 8 34 22 16 37 573 104 1678 36 18 646 64 120 560 824 4 65 64 120 106 65 64 276 6 35 6 412 142 65 14 15 17 19 32 211 7 89 2 156 3 149 4 8 211 23 7 20 2 103 4 194 2 86 4 44 2 193 178 4 29 3 221 2 118 4 254 2 26 3 20 933 4 25 2 96 48 35 334 4 70 2 56 259 4 8 211 539 7 26 3 20 2 35 244 4 20 2 140 4 25 2 96 48 35 244 4 8 211 23 2 151 2 487 31 7 26 3 20 2 35 334 4 8 34 22 16 37 573 104 1678 36 18 646 64 120 560 824 4 65 64 120 106 65 64 276 6 35 6 412 142 65 14 15 17 16 207 1064 2 179 48 1344 255 291 49 207 1064 2 179 48 1308 255 291 49 207 1064 2 179 48 2666 255 291 49 27 28 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 8 34 22 16 37 428 538 1116 36 13 263 12 148 25 127 38 332 23 25 38 12 137 9 10 380 416 132 131 299 130 131 411 130 131 692 130 172 132 113 695 112 113 627 112 113 153 112 172 132 113 860 112 113 971 112 113 1281 112 172 132 14 15 17 19 32 1182 11 213 7 55 2 114 45 4 8 1952 7 55 2 171 4 24 2 171 4 8 1953 7 55 2 153 45 4 24 2 153 45 4 8 34 22 16 37 699 12 55 47 24 50 45 36 13 252 12 124 225 38 165 12 175 9 10 13 1325 95 2 10 116 1810 6 1219 6 782 6 1419 13 1712 95 53 50 45 2234 10 116 1821 6 1219 6 782 6 438 27 28 14 15 17 16 13 30 21 129 586 223 2 64 3135 6 1066 1708 2564 10 13 41 223 128 323 361 297 308 335 586 1959 9 10 13 53 1715 478 1526 446 191 2084 241 45 456 38 1864 125 12 124 128 89 12 29 2066 31 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 798 1138 36 13 385 220 3442 117 1436 47 208 2902 1081 23 862 208 241 2696 1538 3 203 3 903 150 1538 3 203 3 673 38 12 58 246 3 203 6 54 2 10 173 246 3 1920 18 246 3 203 208 3 203 3 1186 121 228 3 1489 282 3 486 6 3050 208 3 203 3 903 119 18 228 3 1211 14 15 17 19 32 548 46 29 292 7 24 2 114 45 4 102 3 262 2 25 3 102 4 25 2 179 48 35 989 4 25 3 192 2 259 4 107 3 117 2 178 4 26 3 20 2 140 4 26 3 95 2 2195 363 31 4 26 3 105 2 141 141 4 26 3 216 2 237 3 216 4 44 2 341 144 341 471 4 8 34 22 16 13 798 104 1183 2 10 317 88 187 6 2008 6 1199 844 932 163 27 28 14 15 17 19 32 137 7 24 2 114 45 4 25 3 202 2 202 4 25 2 96 48 103 4 8 34 22 16 37 2632 1116 2437 41 428 36 365 132 131 299 130 131 411 130 172 132 113 625 112 113 532 112 172 132 113 1672 112 113 532 112 172 951 27 28 14 15 17 19 32 58 7 3724 4 70 2 171 4 25 2 96 48 108 4 8 34 22 16 37 263 52 70 2 171 36 13 385 220 324 12 70 127 38 171 38 485 122 12 54 1081 312 247 9 41 54 128 1068 2162 555 12 552 24 11 47 12 3462 518 128 191 553 2997 478 12 86 47 100 1189 2 10 147 30 58 128 191 485 880 1357 152 185 70 2 171 4 33 27 28 14 15 17 19 32 459 2792 6 292 7 26 2 136 4 8 34 22 16 37 148 459 2733 6 292 537 36 18 1804 41 287 58 54 9 33 18 1381 41 918 58 54 9 33 18 1807 3 2167 41 2171 58 54 9 33 67 1808 30 21 51 29 50 23 115 9 10 27 28 14 15 17 19 32 182 7 25 2 179 48 599 4 70 2 218 4 8 34 22 16 57 30 21 23 195 49 13 30 21 23 115 9 10 13 30 21 23 115 9 10 13 30 21 23 115 9 10 27 28 14 15 17 16 57 41 135 1891 618 49 13 41 1891 212 464 12 2541 414 239 3520 208 3 146 38 12 1350 1142 9 10 173 804 6 3270 6 469 121 397 251 209 2 119 88 187 6 398 6 908 121 465 331 209 2 119 88 187 6 466 6 1035 88 231 6 926 521 2529 88 231 6 3056 6 926 521 2595 163 27 28 14 15 17 16 37 1680 620 36 13 41 201 135 1507 6 200 982 12 775 38 517 23 1997 47 1528 9 10 173 227 121 3038 1115 53 1997 47 1528 31 2 119 88 1507 6 3155 6 3298 88 231 6 257 163 13 201 145 2 200 1507 6 21 99 337 50 1123 11 501 11 150 274 273 1095 53 150 265 31 9 10 27 28 14 15 17 16 37 498 50 1113 2521 36 13 621 21 2889 38 3581 547 50 23 3606 3 1882 9 385 1191 1068 1430 12 1882 209 50 12 3552 212 2 10 116 3553 5 3144 6 1354 1316 6 2152 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 832 32 90 7 102 3 262 2 25 3 102 4 8 1544 7 174 2 6 6 4 580 2 543 4 89 2 137 4 8 459 1792 6 292 7 194 2 86 4 44 2 177 4 8 1182 7 107 3 375 2 6 1126 1706 6 11 1058 3 833 4 8 612 7 26 3 20 2 35 2378 4 20 2 35 1008 4 44 2 177 4 8 1256 452 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 8 14 15 17 16 13 41 3209 54 3467 3211 53 575 31 29 9 10 13 320 1007 1597 20 1582 21 108 9 10 27 28 14 15 17 19 32 527 7 70 2 171 4 24 2 945 45 4 25 2 329 48 35 424 4 44 2 141 4 8 34 22 16 37 961 959 1641 36 13 368 485 122 23 149 54 53 662 58 31 11 278 70 2 171 4 10 18 503 13 255 291 126 10 33 27 28 14 15 17 19 32 58 7 26 3 20 2 35 813 4 24 2 188 4 55 2 218 4 25 2 96 242 103 4 176 3 559 2 267 4 176 3 931 2 358 4 8 34 22 16 37 148 1132 36 13 385 220 477 638 12 176 52 174 485 150 777 9 10 67 280 176 3 559 315 558 38 214 104 12 86 5 100 1859 52 12 2896 176 3 931 315 558 38 214 104 12 109 5 123 1859 52 12 2895 147 385 220 278 12 176 127 325 308 927 38 335 1154 282 52 12 1026 9 41 176 127 315 558 738 297 174 1039 129 54 421 102 9 33 27 28 14 15 17 19 32 35 655 7 55 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1055 3 336 3 1012 11 136 408 45 11 260 456 45 31 4 8 35 1418 7 55 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1055 3 336 3 3078 11 108 11 136 1277 408 45 31 4 8 35 1903 7 55 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1055 3 336 3 3077 11 108 11 136 1277 408 45 31 4 8 35 1904 7 55 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1055 3 336 3 1905 11 108 11 136 1277 408 45 31 4 8 34 22 16 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 2588 1304 49 13 252 12 124 225 38 165 12 175 9 10 18 2848 6 158 3 20 2 661 18 228 3 1213 351 3 825 6 158 3 20 2 3242 258 3 1213 258 3 825 33 18 228 3 1213 351 3 673 3 2025 351 3 825 351 3 1983 3 2024 6 158 3 20 2 3241 258 3 1213 258 3 673 3 2025 258 3 825 258 3 1983 3 2024 33 33 14 15 17 19 32 211 7 89 2 156 3 149 4 8 211 23 7 20 2 103 4 194 2 86 4 44 2 193 178 4 29 3 221 2 118 4 25 2 96 48 35 334 4 8 211 539 7 26 3 20 2 35 244 4 20 2 140 4 25 2 96 48 35 244 4 8 211 23 2 151 2 487 31 7 26 3 20 2 35 334 4 8 211 23 2 287 3 640 7 25 3 109 3 86 3 192 2 196 4 25 3 123 3 86 3 192 2 196 4 8 211 23 2 902 3 640 7 25 3 109 3 100 3 192 2 196 4 25 3 123 3 100 3 192 2 196 4 8 34 22 14 15 17 19 32 215 7 268 2 684 4 8 215 2 151 7 268 2 2300 4 8 34 22 16 57 285 1345 49 13 41 268 127 21 3344 243 3635 104 12 2 151 672 38 638 12 268 162 549 3 204 2 10 116 1492 6 1353 6 1080 6 897 116 2135 6 1750 6 1080 6 897 116 1216 6 1749 6 1080 6 897 27 28 14 15 17 19 32 548 46 29 292 7 24 2 114 45 4 44 2 341 144 4 70 2 193 56 4 102 3 262 2 25 3 102 4 25 2 179 48 108 4 25 3 192 2 259 4 8 34 22 16 13 290 509 104 542 2 10 317 121 397 251 346 119 88 187 6 398 6 1192 121 465 331 346 119 88 187 6 466 6 1451 163 27 28 14 15 17 16 37 41 1424 618 36 13 184 746 294 1005 104 12 23 417 9 41 223 981 21 552 50 12 1424 212 2 10 64 1180 1346 875 65 27 28 14 15 17 19 32 213 7 70 2 56 4 44 2 56 4 8 1093 7 194 2 100 4 24 2 170 4 26 3 20 2 35 1760 4 8 34 22 16 37 626 959 36 18 1161 13 189 145 2 183 574 1742 521 12 194 127 11 1151 1430 12 126 1634 1397 126 473 1994 11 152 220 2063 2146 1205 50 497 333 9 10 33 27 28 14 15 17 19 32 58 1250 182 7 26 3 20 2 136 4 8 34 22 16 37 2531 1709 537 36 13 41 3066 3530 672 53 1250 31 1481 430 303 125 294 3531 52 23 552 54 9 10 13 289 106 9 10 147 13 289 142 9 10 33 13 289 167 9 10 852 475 582 9 851 13 289 423 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 573 3 963 2642 36 13 494 164 1253 297 23 284 239 51 3450 21 1168 2 10 226 646 97 64 120 106 65 87 97 64 120 142 65 87 97 64 120 167 65 87 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 255 291 126 49 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 2230 351 3 1060 351 3 1976 6 158 3 20 2 831 258 3 2230 258 3 1060 258 3 1976 33 18 228 3 2229 351 3 1060 351 3 1438 6 158 3 20 2 661 258 3 2229 258 3 1060 258 3 1438 33 33 14 15 17 19 32 459 2859 292 7 26 2 136 4 8 34 22 16 37 148 459 2737 6 292 537 36 207 1002 3 656 1734 49 67 1002 3 1232 255 930 126 10 67 1819 1608 308 1974 148 1110 10 27 28 14 15 17 16 13 41 1051 417 2060 543 1491 47 248 1362 2 10 1290 320 693 904 204 12 1194 9 320 693 904 204 12 2104 9 320 693 904 204 12 1194 9 1686 11 1774 879 514 693 38 444 9 1584 27 28 14 15 17 16 57 872 23 2654 798 1633 49 13 41 201 135 1510 6 200 982 12 775 38 517 23 774 53 237 774 2233 31 2 10 13 473 12 124 1498 152 11 23 774 1468 2054 555 325 1866 12 135 266 9 10 173 227 121 3037 976 23 774 2 119 88 1510 6 3153 6 3295 88 231 6 257 163 13 201 145 2 200 1510 6 21 99 337 50 501 150 274 273 848 53 150 265 31 9 10 27 28 14 15 17 19 68 69 6 187 5 72 6 1181 32 213 7 26 3 20 2 1978 4 8 34 22 689 158 3 20 2 3232 57 1128 1339 2676 2462 823 1687 49 13 694 11 12 26 20 52 12 284 21 324 104 156 148 11 47 477 104 129 1432 148 11 47 477 104 129 1410 148 9 10 13 300 3010 241 2082 3602 38 165 658 12 2776 3604 361 53 1238 2082 12 156 148 287 11 1068 12 1432 11 1068 12 1410 31 9 10 27 28 14 15 17 19 32 213 7 26 2 35 1008 1516 6 31 237 3 216 100 109 4 70 3 100 2 188 4 8 34 22 16 57 41 26 232 49 13 41 26 127 21 23 834 127 239 3548 430 12 26 2067 50 550 1397 9 10 13 694 11 12 26 95 21 323 835 2028 11 47 152 21 477 830 50 12 109 3 100 583 9 10 13 1144 335 477 575 23 100 70 11 1214 125 12 29 128 99 3737 204 12 26 95 9 10 27 28 14 15 17 16 37 143 972 383 36 569 97 381 87 271 280 384 569 97 2445 2166 87 271 280 797 2166 569 97 2468 87 97 2431 87 343 87 343 87 97 572 87 343 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 861 282 2 156 1053 636 36 13 41 208 264 480 1069 156 1053 636 2 10 317 121 2841 3 1022 88 679 6 2006 6 2782 280 1130 106 119 14 15 17 19 32 2960 7 26 2 3674 31 216 4 25 2 179 48 103 4 8 1852 7 70 2 316 4 26 3 20 2 35 1008 4 25 2 96 48 103 4 268 2 1260 4 8 1852 182 7 70 2 330 45 4 107 3 1245 2 986 4 20 2 35 686 4 8 34 22 16 18 2797 18 2852 13 30 21 51 29 125 21 1198 50 12 418 102 9 10 33 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 862 208 2 282 2145 36 173 246 3 1920 18 246 3 304 121 228 3 1489 282 3 3220 1648 119 18 228 3 1211 88 246 3 282 6 1945 6 187 6 2199 38 1009 561 932 14 15 17 19 32 215 7 206 3 102 3 1054 2 264 4 8 34 22 16 57 148 285 1136 49 13 872 12 1203 264 12 95 2 10 116 1218 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 800 1684 36 13 263 12 6 378 3 86 6 164 38 86 3 101 23 378 288 9 290 125 446 2724 828 38 12 95 11 21 1198 306 23 247 104 322 3 213 6 9 10 13 978 2 263 12 6 378 3 100 6 164 38 100 3 101 12 378 288 9 10 138 493 622 3 631 378 288 489 18 884 18 322 3 1027 116 1217 6 322 3 288 6 3600 33 18 322 3 708 853 322 3 657 622 3 631 615 13 190 222 180 224 219 11 373 293 234 11 250 214 435 307 439 166 440 229 168 249 632 9 10 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 8 2957 7 526 3 253 2 1190 11 1530 11 56 11 106 11 56 11 56 31 4 5 90 497 279 90 5 253 2 1190 11 1530 11 56 11 106 11 56 11 56 31 4 5 90 629 676 90 5 8 2958 7 526 3 253 2 1190 11 56 11 684 11 106 11 941 11 56 31 4 5 90 497 279 90 5 253 2 1190 11 56 11 684 11 106 11 941 11 56 31 4 5 90 629 676 90 5 8 34 22 16 57 41 1982 53 31 535 49 13 41 1982 53 31 414 2886 430 12 2341 253 3272 823 550 9 10 147 30 23 404 58 54 9 33 18 3181 14 15 17 19 32 35 1006 7 25 2 96 48 103 4 26 2 609 31 4 26 3 117 2 111 850 4 26 3 216 2 237 3 216 4 44 2 177 4 8 35 1409 7 25 2 96 48 103 4 26 2 609 31 4 26 3 216 2 237 3 216 4 44 2 177 4 8 34 22 16 57 41 26 3 117 232 49 13 2615 26 3 95 2 10 18 1018 37 190 799 793 36 13 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 10 13 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 10 33 13 1325 117 52 12 26 3 95 2 10 18 3166 37 190 799 793 36 13 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 10 13 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 10 14 15 17 16 13 320 1007 20 21 1593 256 1578 108 9 10 27 28 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 196 4 29 3 101 2 86 4 8 1228 7 24 2 114 45 4 26 3 20 2 35 1875 4 8 34 22 16 380 416 132 131 299 130 131 411 130 131 692 130 172 132 113 695 112 113 627 112 113 153 112 172 132 113 860 112 14 15 17 16 18 1064 2 96 48 1767 255 291 33 13 41 792 54 21 23 149 54 11 47 128 1151 770 162 23 827 248 47 2162 555 12 1010 24 1355 53 3583 596 38 12 86 47 100 348 3016 348 152 220 31 9 10 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 109 3 24 2 177 4 8 34 22 16 13 189 145 2 183 41 6 25 3 109 3 24 6 127 197 99 361 297 152 21 243 983 9 263 12 6 25 3 59 6 127 38 324 12 542 287 9 10 27 28 14 15 17 19 32 548 46 29 292 7 24 2 114 45 4 44 2 341 144 4 70 2 193 56 4 102 3 262 2 25 3 102 4 8 34 22 16 13 2596 29 509 2 10 317 121 397 251 346 119 88 187 6 398 6 1192 121 465 331 346 119 88 187 6 466 6 1451 163 27 28 14 15 17 19 32 3084 7 523 2 267 4 8 34 22 16 57 30 21 23 524 195 49 207 1806 30 21 23 267 195 49 13 624 125 12 267 195 1221 1230 555 518 9 10 27 28 14 15 17 19 32 58 327 182 7 26 3 20 2 136 4 8 34 22 16 37 2430 1709 537 36 13 41 327 672 21 243 38 517 129 54 125 21 2951 429 806 2129 54 9 10 13 41 511 181 1481 12 287 182 54 125 294 1198 3201 429 58 303 2 10 147 13 289 106 50 12 58 9 10 13 289 142 50 12 58 9 10 33 13 289 167 9 1112 23 58 9 10 13 289 423 9 1112 23 58 9 10 147 13 289 330 50 12 58 9 10 13 289 614 50 12 58 9 10 33 13 289 946 9 1112 23 58 9 10 13 289 1279 9 1112 23 58 9 10 14 15 17 19 32 215 7 194 2 100 4 25 2 96 242 103 4 70 2 364 364 177 144 4 8 34 22 16 67 280 319 12 115 264 11 12 95 128 194 38 12 100 9 143 242 103 25 21 575 38 12 95 9 1144 335 477 575 1189 38 12 95 38 3439 12 29 1759 376 12 95 2 56 1472 70 162 12 109 47 100 601 11 940 1472 70 162 12 123 11 47 456 1472 70 162 12 86 601 52 12 95 9 10 1600 1062 6 841 6 1178 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 14 15 17 16 13 319 184 11 1491 47 827 1029 294 3195 2 10 13 320 693 904 204 12 1194 9 320 693 904 204 12 2104 9 320 693 904 204 12 1194 9 1686 11 1774 879 514 693 38 444 9 10 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 3 20 2 108 4 105 2 205 4 310 3 209 2 181 4 310 3 893 2 942 4 310 3 650 2 913 4 8 790 181 7 56 45 7 26 3 20 2 108 4 441 4 451 4 8 422 45 7 26 3 20 2 136 4 592 4 451 4 8 153 45 7 26 3 20 2 256 4 592 4 606 4 8 788 45 7 26 3 20 2 260 4 441 4 606 4 8 114 45 7 26 3 20 2 108 4 441 4 451 4 8 8 34 22 16 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 147 33 27 28 14 15 17 16 37 960 498 36 13 184 982 3285 547 2 10 116 3566 6 2703 3253 6 3599 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 573 3 1138 36 13 494 164 211 3 903 239 1024 1768 150 211 3 673 239 768 1768 9 10 13 864 2 10 226 2839 1466 3 1186 97 64 120 106 65 87 14 15 17 19 32 58 7 25 2 179 48 4 44 2 144 4 24 2 170 4 277 2 488 4 176 2 171 4 8 34 22 16 57 41 277 232 49 147 13 1320 12 775 277 323 12 55 52 217 58 54 9 10 13 368 277 2 472 47 1404 12 123 100 583 52 217 58 54 9 10 33 27 28 14 15 17 19 32 35 655 7 55 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 1176 100 11 108 11 136 31 4 8 34 22 16 57 1321 796 3 622 38 626 49 13 30 336 818 2144 108 349 12 86 11 2179 38 136 53 38 12 100 31 2 10 18 820 33 27 28 14 15 17 19 32 58 7 25 2 329 48 35 244 4 44 2 196 4 8 2270 7 194 2 100 4 8 1087 7 174 2 6 6 4 580 2 543 4 89 2 137 4 8 2271 7 194 2 100 4 8 34 22 16 13 319 217 181 11 12 95 21 3617 450 12 54 1388 152 11 47 152 21 1414 11 1214 152 1039 829 52 312 247 2 10 147 37 1736 2473 36 116 2820 6 2141 6 1751 6 1080 6 3102 190 222 180 224 219 11 373 293 234 9 2601 659 11 379 229 2948 3212 561 33 67 2149 2 3488 494 12 1822 3089 38 12 1388 54 11 38 1879 217 2062 2 10 14 15 17 19 32 137 11 230 11 210 7 25 2 96 48 35 334 4 29 3 101 2 86 4 8 137 7 25 3 202 2 202 4 24 2 114 45 4 8 210 11 230 7 44 2 177 4 8 34 22 16 37 41 44 232 36 13 30 127 701 518 478 12 25 47 12 174 50 23 137 9 10 365 132 131 299 130 131 411 130 131 871 130 172 132 113 625 112 113 532 112 113 611 114 112 172 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 2 108 4 254 2 24 786 11 55 786 11 253 786 4 8 58 2 151 7 24 2 170 4 55 2 170 4 253 2 3495 31 4 8 34 22 16 57 1724 327 2656 49 13 534 204 12 58 54 264 2 10 147 33 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 27 28 14 15 17 19 32 58 7 26 3 20 2 35 813 4 24 2 188 4 55 2 218 4 25 2 96 242 103 4 176 2 524 4 8 34 22 16 37 148 1132 36 13 1118 295 11 12 176 21 524 11 1444 125 152 21 99 1385 47 152 3465 829 12 54 421 102 2 10 147 385 220 278 12 176 127 325 308 927 38 335 1154 282 52 12 1026 9 41 176 127 315 558 738 297 174 1039 129 54 421 102 9 33 27 28 14 15 17 19 32 135 2 1009 7 26 3 20 2 136 4 8 34 22 16 173 804 6 1990 251 209 2 88 187 6 2004 331 209 2 88 187 6 3315 88 231 6 257 163 27 28 14 15 17 16 13 30 21 23 115 9 10 13 30 21 806 115 9 10 27 28 14 15 17 16 37 184 1341 36 13 184 2160 770 104 23 137 417 9 10 13 428 917 770 104 23 677 417 9 10 13 428 146 770 104 23 230 417 9 10 617 37 106 962 2 36 365 132 113 114 112 172 951 617 37 106 2620 47 167 1304 2 36 365 132 113 114 112 113 1562 112 113 1266 112 172 951 617 37 167 1331 47 167 1304 2 36 365 132 14 15 17 16 13 41 184 1791 54 464 12 922 52 23 361 9 10 13 1298 1518 89 1791 303 50 901 9 10 116 2136 6 2222 6 3106 6 1752 2625 13 2404 41 1707 2387 241 2504 2578 9 2598 50 2323 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 383 533 538 23 963 1124 36 18 311 3 304 64 276 6 35 6 311 3 203 3 110 1399 251 110 65 64 276 6 35 6 311 3 203 3 139 1137 110 65 64 276 6 35 6 311 3 203 3 139 1140 110 65 33 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1691 36 13 41 2281 164 2070 3434 47 828 636 53 746 31 2 10 226 1811 97 64 120 1695 65 87 97 64 120 1682 65 87 343 14 15 17 19 68 69 6 1181 22 16 57 30 21 23 195 49 13 30 21 23 115 9 10 27 28 14 15 17 19 32 527 7 44 2 947 56 4 25 2 329 48 260 4 29 3 101 2 122 4 8 34 22 16 37 1300 36 13 319 217 181 11 454 278 44 47 29 3 101 38 122 12 58 54 777 47 485 2 10 18 503 13 382 461 777 47 485 880 9 10 33 27 28 14 15 17 16 958 2224 6 1914 6 2745 568 2138 6 607 5 1032 568 2139 6 607 5 1037 476 124 197 99 169 12 778 417 9 952 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 272 1334 36 134 199 6 155 154 3 667 154 3 1186 864 133 134 199 6 155 154 3 314 1324 133 134 199 6 155 154 3 667 154 3 3539 1335 133 134 199 6 155 154 3 667 154 3 3742 2679 133 33 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 18 1376 57 320 251 75 536 49 13 252 217 468 284 38 165 12 175 126 10 33 18 372 18 228 3 2123 425 962 106 410 13 190 222 180 224 219 11 373 540 234 561 10 13 347 353 321 355 360 11 357 356 1172 1241 1184 561 10 33 18 228 3 2123 425 962 142 410 13 190 222 180 224 219 11 373 540 234 561 10 13 347 353 321 355 360 11 357 356 1172 1241 1184 561 10 33 14 15 17 19 32 1091 7 235 3 634 2 546 4 8 1255 7 235 3 634 2 413 4 8 1540 7 235 3 634 2 905 4 8 2274 7 235 3 634 2 100 4 8 1541 7 235 3 634 2 895 4 8 490 3 247 7 89 2 235 4 235 3 1067 3 2725 2 363 546 546 546 546 546 546 363 363 413 905 905 905 100 100 363 363 413 895 895 895 895 895 363 4 235 3 512 2 141 4 26 3 20 2 35 849 4 44 2 141 4 8 490 3 247 280 58 7 26 3 20 2 765 11 470 11 470 11 685 31 4 29 3 101 2 122 4 44 2 144 56 4 107 3 117 2 316 4 8 34 22 16 57 458 1319 49 14 15 17 19 32 1462 7 107 3 1244 2 404 4 8 2039 7 107 3 1244 2 359 3 1366 4 8 34 22 16 67 1377 320 209 21 1655 1700 9 10 67 1812 320 209 21 1655 1700 9 10 27 28 14 15 17 19 32 58 7 70 2 309 4 24 2 188 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 526 3 253 2 2099 31 4 5 90 497 279 90 5 253 2 2099 31 4 5 90 629 676 90 5 8 34 22 16 57 41 767 53 31 535 49 13 41 767 53 31 414 1954 150 1841 12 117 52 129 54 9 10 147 30 58 54 21 2939 38 191 1911 52 312 757 24 47 55 9 33 27 28 14 15 17 16 37 2554 2659 36 116 2140 6 2704 2660 6 416 27 28 14 15 17 16 37 1131 383 104 1675 1330 1683 36 955 3656 97 381 87 97 384 87 97 572 87 616 27 28 14 15 17 19 32 2040 7 24 2 1556 4 25 2 96 48 35 686 4 928 3 578 2 3216 3 430 4 8 2041 7 24 2 1556 4 25 2 96 48 35 686 4 928 3 578 2 578 3 430 4 8 34 22 16 57 41 928 3 578 232 49 67 1815 30 115 480 51 29 9 30 248 128 3 578 3 349 3 3147 9 10 67 1816 30 115 480 51 29 9 41 1029 128 578 349 1755 2781 9 10 13 189 145 2 183 41 928 3 578 127 21 99 337 50 1688 848 47 265 338 9 10 27 28 14 15 17 16 957 610 6 897 1601 610 6 739 6 1496 2 3478 3 3723 2 3477 31 6 785 628 11 362 124 197 99 169 156 974 9 950 27 28 14 15 17 16 207 158 3 20 2 914 11 56 11 1546 914 11 56 11 56 31 49 207 158 3 20 2 2088 11 56 11 2339 2088 11 56 11 470 31 49 207 158 3 20 2 2091 11 1558 11 2310 2091 11 1558 11 2309 31 49 207 158 3 20 2 2090 11 1554 11 2336 2090 11 1554 11 2335 31 49 207 158 3 20 2 914 11 1557 11 1546 914 11 1557 11 56 31 49 207 158 3 20 2 2089 11 1280 11 2332 2089 11 1280 11 2331 31 49 13 319 184 11 308 220 1061 715 521 1696 556 9 10 27 28 14 15 17 19 32 564 7 105 2 205 4 8 1545 7 105 2 245 4 109 2 193 4 86 2 178 4 107 3 117 2 687 4 8 215 7 24 2 114 45 4 55 2 171 4 268 2 683 4 8 34 22 16 37 285 290 36 13 494 51 29 38 129 95 50 12 109 86 583 2 10 18 93 116 836 6 576 502 6 842 6 438 18 1820 874 622 33 33 27 28 14 15 17 16 37 281 3664 184 157 36 569 97 381 87 97 384 87 97 572 87 343 27 28 14 15 17 19 32 58 7 25 2 96 48 103 4 44 2 342 218 4 26 3 20 2 442 4 8 34 22 16 37 41 44 834 127 3 142 556 36 147 30 58 54 185 23 109 47 123 44 52 342 11 47 23 100 47 86 44 52 218 9 33 27 28 14 15 17 16 37 2536 861 2488 104 2515 36 13 41 1877 54 21 243 38 203 3456 146 50 23 208 11 47 12 3234 54 464 23 988 239 12 1877 54 9 10 173 227 2408 2411 2600 2 2392 121 397 251 209 2 119 138 88 187 6 398 6 1034 6 2200 121 465 331 209 2 119 138 88 187 6 466 6 910 6 3687 88 231 6 257 2390 163 27 28 14 15 17 19 32 490 3 247 7 89 2 235 4 235 3 1067 3 648 2 171 171 171 171 4 235 3 512 2 141 4 26 3 20 2 35 849 4 44 2 141 4 8 490 3 247 280 58 7 26 3 20 2 765 11 470 11 470 11 685 31 4 25 2 96 48 103 4 29 3 101 2 122 4 107 3 117 2 316 4 8 34 22 16 57 458 1632 49 13 143 458 1632 1830 52 235 591 2727 50 648 47 917 10 18 371 3 302 147 106 33 147 142 33 147 167 33 147 423 33 147 330 33 147 614 33 147 946 33 14 15 17 19 32 35 1449 7 26 3 20 2 442 4 20 2 103 4 44 2 471 4 29 3 101 2 122 4 8 1536 7 26 3 20 2 2177 4 20 2 140 4 44 2 141 4 8 34 22 16 37 2493 2444 2472 47 1315 36 13 143 164 209 220 191 243 241 907 184 303 11 2217 129 377 391 209 1191 323 191 243 241 550 184 54 1081 12 284 2 10 493 281 54 104 23 1514 377 391 489 207 1426 320 2471 49 493 1128 303 104 1208 164 489 954 991 499 36 13 499 21 12 637 52 966 9 10 954 991 867 36 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2478 428 36 13 41 847 3 2892 164 1188 23 137 313 2890 241 2928 1367 44 50 1911 2 10 380 887 137 3 2893 691 132 131 299 130 14 15 17 19 32 23 2 223 7 20 2 108 4 8 23 2 557 7 20 2 260 4 8 23 2 151 7 20 2 1423 4 8 23 2 460 7 20 2 256 4 8 34 22 16 37 148 866 36 13 189 64 898 6 469 30 21 23 223 65 183 10 13 189 145 2 183 23 2 151 696 716 429 23 2 223 47 23 2 557 50 12 148 721 50 595 38 191 728 9 10 13 189 145 2 183 23 2 460 696 716 429 23 2 151 50 12 148 721 50 595 38 191 728 9 10 27 28 14 15 17 16 37 2428 1726 36 13 64 3134 2669 65 10 13 64 3133 967 65 10 37 2612 1726 36 13 64 3131 184 498 65 10 13 64 3130 5 2940 148 1141 65 10 27 28 14 15 17 16 13 30 21 129 156 602 161 1064 2 96 48 1767 255 291 159 54 306 23 115 9 10 13 41 2623 54 21 129 156 54 11 47 128 99 770 162 23 827 248 47 323 1230 555 348 3286 24 348 3328 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 573 36 13 41 211 164 2070 1466 746 2 10 226 646 97 64 120 106 65 87 97 64 120 142 65 87 97 64 120 167 65 87 14 15 17 16 690 742 6 781 6 739 6 771 48 35 809 476 124 197 99 169 12 184 711 838 318 298 709 46 724 6 31 4 298 718 46 710 6 31 4 2916 53 31 4 2915 9 2593 31 4 1837 53 31 4 40 27 28 14 15 17 32 90 7 102 3 262 2 25 3 102 4 8 213 7 70 2 56 4 107 3 375 2 495 4 8 612 7 29 3 101 2 122 4 44 2 787 4 8 937 7 89 2 98 4 98 3 326 2 326 4 44 2 56 259 4 8 563 7 98 2 422 45 4 283 3 24 2 422 45 4 44 2 56 259 4 8 563 215 7 70 3 109 2 193 4 488 3 101 2 594 4 8 14 15 17 19 32 137 7 2219 45 4 8 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 177 4 29 3 101 2 86 4 8 35 1226 677 2 755 3 1158 31 7 26 3 20 2 35 813 4 8 35 1226 677 2 755 3 1790 31 7 26 3 20 2 35 484 4 8 35 1226 210 7 26 3 20 2 103 4 20 2 140 4 8 34 22 16 37 1340 1341 36 365 132 14 15 17 19 32 1402 7 25 2 96 48 35 989 4 8 1402 2 151 7 25 2 96 48 35 2372 4 8 1402 215 7 24 2 114 45 4 55 2 171 4 8 2962 7 44 2 177 4 29 3 101 2 122 4 8 90 7 102 3 262 2 25 3 102 4 8 1543 7 44 2 56 528 4 194 2 86 4 24 2 2337 45 4 8 366 323 261 47 53 283 3 24 2 2368 31 7 1543 7 24 2 2358 45 4 70 2 528 56 4 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 272 1339 36 134 199 6 1797 791 133 134 199 6 155 154 3 463 1122 133 134 199 6 155 154 3 314 868 133 134 199 6 155 154 3 921 977 133 134 199 6 155 154 3 900 1661 133 14 15 17 19 32 35 2764 7 25 2 141 48 418 4 44 2 177 4 25 3 95 2 608 31 153 766 4 8 35 2765 7 25 2 141 48 418 4 44 2 177 4 25 3 95 2 608 31 456 45 766 4 8 35 2766 7 25 2 141 48 418 4 44 2 177 4 25 3 95 2 608 31 613 45 766 4 8 34 22 16 57 41 25 3 95 232 49 67 3158 25 3 95 2 608 31 153 766 4 10 67 3159 25 3 95 2 608 31 456 45 766 4 10 67 3160 25 3 95 2 608 31 613 45 766 4 10 13 201 145 2 200 274 273 408 11 47 265 338 11 214 99 169 12 25 3 95 127 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 32 213 7 105 2 205 4 8 1086 7 109 2 144 4 420 3 467 2 1282 126 822 4 8 1848 3 2124 58 7 55 2 328 4 14 15 17 19 32 681 7 233 3 584 2 167 4 233 3 512 2 471 4 233 3 670 3 59 2 48 4 233 3 670 3 24 2 96 4 8 34 22 16 18 713 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 619 705 419 507 743 180 50 740 50 779 680 651 751 286 11 419 589 168 652 736 379 734 349 776 730 229 700 229 744 756 723 668 707 760 747 783 722 704 727 168 604 735 379 733 9 697 745 307 719 769 754 729 551 717 753 659 725 377 391 761 749 758 732 759 702 9 33 27 28 14 15 17 16 57 41 984 212 49 13 41 984 212 315 2216 150 99 129 135 266 446 335 984 2990 9 10 13 1311 50 47 2156 12 208 11 1068 3460 12 284 38 165 658 984 929 9 10 13 624 125 984 21 6 162 6 239 12 208 11 987 6 3340 6 239 12 1171 3 1442 266 126 10 173 804 6 2744 121 397 251 209 2 119 88 187 6 398 6 908 121 465 331 209 2 119 88 187 6 466 6 1035 121 737 794 2 119 88 678 6 741 6 1450 6 2743 88 231 6 257 163 27 28 14 15 17 19 32 58 7 25 2 96 48 103 4 70 2 342 218 529 111 4 26 3 20 2 442 4 8 34 22 16 37 41 70 834 127 3 423 556 36 147 30 58 54 185 23 109 70 52 342 11 23 100 70 52 218 11 23 123 70 52 529 11 47 23 86 70 52 111 9 33 617 27 28 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 8 35 1447 7 253 2 3498 31 4 8 34 22 16 57 41 1480 53 31 535 49 13 41 1480 53 31 414 1057 129 54 541 312 2680 3 807 349 23 1011 1398 9 10 147 30 23 404 58 54 9 33 18 821 30 58 54 21 1056 1280 810 9 33 13 189 145 2 183 274 273 279 53 47 265 338 31 197 99 169 12 1480 53 31 414 9 10 27 28 14 15 17 16 37 2587 2643 36 13 1307 162 124 169 2 2518 3575 128 1757 50 12 135 266 9 10 173 227 121 1415 1328 2 119 88 1074 6 1428 6 1452 6 1992 6 3260 6 3574 6 3685 88 231 6 257 163 27 28 14 15 17 16 67 1017 10 318 1403 46 6 255 474 126 6 4 40 2415 628 11 362 124 197 99 169 474 126 2396 13 143 124 1525 169 239 474 128 1209 12 29 1527 306 12 3335 54 9 10 27 28 14 15 17 19 32 211 7 89 2 156 3 149 4 8 211 23 7 20 2 103 4 194 2 86 4 44 2 193 178 4 29 3 221 2 118 4 8 211 539 7 26 3 20 2 35 244 4 20 2 140 4 8 211 23 2 151 2 487 31 7 26 3 20 2 35 334 4 8 34 22 16 37 1111 47 1314 573 36 13 623 12 549 204 12 2018 9 10 18 646 64 120 560 824 4 65 64 120 106 65 64 2795 6 120 142 65 64 120 167 65 64 120 423 65 64 120 330 65 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 100 3 20 2 35 508 4 8 34 22 16 13 30 21 51 29 50 23 115 9 10 27 28 14 15 17 19 32 305 7 20 2 140 4 29 3 269 2 179 179 259 35 686 4 8 34 22 16 57 290 3 269 175 126 49 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 861 282 2 1788 36 13 41 208 264 480 1069 1789 9 41 902 551 21 1168 2 10 317 18 2807 1599 88 2184 6 3682 1130 106 119 33 14 15 17 16 13 30 29 21 404 9 10 13 1106 30 29 21 2989 9 1104 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 972 800 1685 36 13 800 2022 220 477 191 2014 53 23 378 288 306 23 378 288 31 2 10 138 18 884 18 322 3 1027 116 1217 6 322 3 288 6 1224 33 18 322 3 708 853 322 3 657 1125 1638 1109 789 1694 162 1310 1559 11 1264 238 1105 615 13 190 222 180 224 219 11 373 293 234 11 250 214 435 307 439 166 440 229 168 249 632 9 10 493 972 378 288 489 18 884 18 322 3 1027 116 2133 6 322 3 288 6 1224 14 15 17 16 13 41 184 981 54 464 2894 1021 53 2740 5 3383 31 52 23 891 150 2728 9 10 2400 2678 241 1125 2500 1346 3675 2731 2510 1283 1361 855 2359 11 2496 1283 1361 1727 2384 27 28 14 15 17 19 32 1088 7 25 2 96 48 103 4 55 2 565 4 24 2 309 4 26 2 609 31 4 26 3 216 2 237 3 216 4 26 3 117 2 649 4 8 1089 7 25 2 96 48 103 4 55 2 565 4 24 2 309 4 26 2 609 31 4 26 3 216 2 237 3 216 4 26 3 117 2 1004 4 8 1537 7 25 2 96 48 103 4 55 2 565 4 24 2 309 4 26 2 609 31 4 26 3 216 2 237 3 216 4 8 34 22 16 57 41 26 3 117 232 49 37 26 3 117 2 649 2 36 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 970 208 104 2283 3 323 164 36 13 1676 12 1078 1024 450 567 525 38 165 125 430 52 12 208 303 294 156 11 86 631 11 47 12 1436 294 1744 9 10 173 246 3 156 6 227 18 246 3 304 121 1813 3 323 6 737 794 2 119 88 678 6 246 3 282 6 741 6 1050 586 6 1033 14 15 17 19 32 211 7 89 2 156 3 149 4 8 211 23 7 20 2 103 4 194 2 86 4 44 2 193 178 4 29 3 221 2 118 4 8 34 22 16 37 1333 573 36 18 646 64 120 560 824 4 65 64 120 106 65 64 120 142 65 64 120 167 65 64 120 423 65 64 120 330 65 64 120 614 65 64 120 560 3446 4 65 33 27 28 14 15 17 19 32 1850 7 105 2 205 4 86 2 316 4 25 2 329 48 35 424 4 8 34 22 16 37 105 2 205 4 36 13 281 54 104 105 2 205 4 21 830 205 38 312 404 105 2 10 18 2843 30 58 54 185 105 2 205 4 33 27 28 14 15 17 19 32 305 7 20 2 256 4 107 3 375 2 3704 4 107 3 117 2 1266 45 4 8 182 7 20 2 108 4 107 3 375 2 2907 4 107 3 117 2 2319 45 4 8 34 22 16 57 30 21 23 195 49 13 30 21 23 115 9 10 27 28 14 15 17 19 32 182 7 70 2 316 4 25 2 96 48 103 4 186 2 96 48 108 4 186 3 1457 2 177 4 8 34 22 16 37 41 186 3 1457 232 36 13 30 115 185 129 186 177 829 12 25 2982 9 10 27 28 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 177 4 29 3 101 2 86 4 8 35 1226 7 24 2 114 45 4 26 3 20 2 35 1875 4 8 34 22 16 37 1340 1341 36 380 416 132 131 299 130 131 411 130 131 692 130 172 132 113 695 112 113 627 112 113 153 112 172 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 859 36 13 41 2264 164 1188 12 352 413 3008 3668 1960 52 2977 2 10 18 2812 134 155 154 3 295 352 3 605 6 199 6 146 3 3640 71 161 641 159 133 226 504 3 826 97 64 120 184 65 87 97 64 120 148 65 87 14 15 17 16 13 30 29 21 404 9 10 13 789 30 29 21 901 9 238 10 27 28 14 15 17 19 68 69 6 3139 22 16 57 30 21 23 195 49 13 30 21 23 115 9 10 27 28 14 15 17 16 13 473 362 124 1498 2753 3 2950 2034 53 2749 31 11 12 828 248 128 191 1527 376 100 38 86 53 2097 31 2 10 2402 2949 30 248 128 191 1527 376 100 38 86 2385 27 28 14 15 17 32 340 7 105 2 205 4 89 2 156 3 149 4 25 3 123 2 96 242 103 4 8 340 491 7 523 2 267 4 24 2 565 4 26 3 20 2 103 4 20 2 35 484 4 29 3 101 2 122 4 25 3 192 2 528 4 44 2 196 56 4 5 90 1134 12 924 90 5 105 2 245 4 420 3 467 2 106 4 109 2 1251 4 86 2 1551 45 4 8 340 2 151 491 7 523 2 524 4 8 34 689 603 3 101 2 712 37 626 873 36 13 623 12 549 204 12 29 264 2 10 18 1163 204 444 161 1818 873 29 159 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 2558 2553 49 13 368 1019 135 125 21 3657 2996 3707 12 1969 11 278 12 1435 54 2 10 13 263 1598 2914 327 182 1583 38 1038 12 2605 2947 102 9 10 33 27 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 305 11 545 11 182 7 29 3 101 2 122 4 20 2 108 4 8 34 22 16 57 255 291 126 49 37 2634 195 126 36 13 30 21 23 115 9 10 27 28 14 15 17 19 32 1850 7 105 2 205 4 24 2 409 4 55 2 188 4 25 2 329 48 35 424 4 8 2959 7 105 2 245 4 109 2 850 4 100 2 56 4 24 2 188 4 55 2 111 4 25 2 329 48 35 424 4 8 34 22 16 37 105 2 245 4 36 13 281 54 104 105 2 245 4 21 830 205 38 12 3326 830 2717 53 1960 52 830 205 38 12 1078 11 662 296 31 2 10 18 2844 58 54 185 105 2 205 4 18 2794 30 58 54 185 105 2 245 4 33 33 27 28 14 15 17 19 32 459 3632 292 7 25 2 196 48 136 4 8 34 22 16 37 148 459 2738 6 292 537 36 13 1607 547 104 12 922 212 1388 12 928 6 1880 6 1175 23 136 25 9 10 116 3562 6 3630 1880 6 2221 6 3096 116 3559 6 3629 6 3728 6 3101 116 3561 6 3631 6 781 6 3109 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 1342 538 964 427 410 226 579 664 3 2161 271 412 64 120 426 65 87 271 642 64 504 3 605 6 146 3 1502 6 120 427 106 161 641 159 65 226 504 3 826 14 15 17 19 32 213 7 70 2 56 4 44 2 56 4 8 564 7 105 2 205 4 24 2 114 45 4 8 1093 7 105 2 245 4 100 2 364 4 24 2 170 4 26 3 20 2 35 1760 4 8 34 22 16 37 626 959 36 18 93 18 1161 13 189 145 2 183 574 1742 521 12 105 127 11 1151 1430 12 126 1634 1397 126 473 1994 11 152 220 2063 2146 1205 50 497 333 9 10 33 33 27 28 14 15 17 16 57 41 135 907 703 49 13 41 907 212 315 125 12 775 21 1743 38 1865 313 450 550 522 50 129 135 266 9 10 173 227 121 3045 976 1878 2 119 88 3655 6 3168 6 3308 6 3288 88 231 6 257 163 13 368 517 907 1878 11 3119 483 12 2456 150 2622 3217 2217 3519 9 10 27 28 14 15 17 19 32 35 2077 7 25 3 192 2 342 4 26 2 35 424 4 44 2 144 4 24 2 188 4 55 2 309 4 8 35 2078 7 25 3 192 2 342 4 25 2 179 48 35 424 4 44 2 144 4 24 2 188 4 55 2 309 4 8 35 2079 7 25 3 192 2 342 4 26 2 1517 31 4 26 3 105 2 86 109 4 26 3 216 2 216 4 44 2 144 4 24 2 188 4 55 2 309 4 8 34 22 16 57 41 25 3 192 232 49 13 870 1393 239 129 54 104 23 552 26 20 2 10 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1606 36 13 41 23 54 104 1371 6 47 146 3 1400 6 21 243 38 1386 12 805 102 9 10 18 1793 805 3 921 64 276 6 35 6 1371 6 146 3 1400 6 369 3 1971 560 1235 4 65 201 977 126 200 30 805 102 1831 1019 23 2158 150 2058 1350 9 33 14 15 17 16 37 1131 383 104 1675 1667 36 955 3653 97 381 87 97 384 87 97 572 87 616 27 28 14 15 17 19 32 1088 7 24 2 170 4 55 2 111 4 25 2 96 48 256 4 102 3 262 2 25 3 102 4 8 1089 7 24 2 170 4 55 2 111 4 44 2 218 4 25 2 96 48 108 4 102 3 262 2 25 3 102 4 8 34 22 16 18 1372 2450 1856 294 12 1208 117 3337 126 33 138 18 1373 2548 126 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 1327 71 410 226 311 3 1022 97 64 276 6 35 6 923 6 146 3 839 6 146 3 3417 6 146 3 1165 874 65 87 97 64 276 6 35 6 923 6 146 3 839 6 146 3 3414 6 146 3 1165 1117 65 87 97 64 276 6 35 6 923 6 146 3 839 6 146 3 3415 6 146 3 1165 622 65 87 97 64 276 6 35 6 923 6 146 3 839 6 146 3 3416 6 146 3 1165 626 65 87 14 15 17 16 37 1326 266 36 13 41 201 135 1508 6 200 464 23 2046 266 2 10 173 227 121 1889 1730 2 119 138 88 187 6 1951 6 3319 121 1888 1326 2 119 138 88 1508 6 1950 6 3317 88 231 6 257 163 13 41 1368 50 23 2046 266 294 3258 53 835 348 2730 150 2788 31 9 10 27 28 14 15 17 16 37 2650 620 36 13 41 201 135 1509 6 200 21 243 239 135 509 125 446 649 23 3619 1456 2 10 173 227 121 1887 795 23 2049 1456 2 119 138 138 88 1509 6 1949 6 2007 6 2052 3 1271 3 1276 6 2047 3 1572 3 1571 3 2380 8 6 1475 1109 2522 2 2314 3 1271 3 1276 1105 138 138 88 231 6 257 163 27 28 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 177 4 8 34 22 16 37 2464 36 13 2463 44 315 12 518 478 12 1367 174 47 312 542 9 10 380 416 132 131 299 130 131 411 130 131 692 130 172 132 113 695 112 113 627 112 113 153 112 172 132 113 860 112 113 971 112 14 15 17 16 13 320 1007 20 21 1593 256 1578 1597 108 1582 9 10 27 28 14 15 17 19 32 562 7 89 2 156 3 149 4 44 2 177 342 4 107 3 117 2 1099 4 585 2 666 4 29 3 101 2 122 4 29 3 221 2 118 4 186 2 118 4 20 2 35 484 4 26 3 20 2 35 244 4 25 2 118 4 25 3 192 2 177 4 102 3 269 2 56 2382 35 2379 4 8 562 2 151 7 26 3 20 2 35 1268 8 562 2 460 7 26 3 20 2 35 1268 4 102 3 269 2 56 196 35 1567 4 253 2 3647 31 4 8 34 22 16 37 960 531 3 6 2604 1640 6 36 134 882 472 1127 133 27 28 14 15 17 19 32 564 7 105 2 205 4 8 527 7 105 2 245 4 109 2 153 45 4 24 2 114 45 4 29 3 101 2 122 4 107 3 117 2 687 4 8 215 7 24 2 114 45 4 55 2 171 4 268 2 683 4 8 34 22 16 37 285 290 36 13 961 29 50 95 2 10 18 93 116 836 6 576 502 6 842 6 438 18 503 856 33 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1616 1668 531 36 134 199 6 155 154 3 667 154 3 1359 272 106 133 134 199 6 155 154 3 295 154 3 1359 272 142 133 37 864 1616 1668 531 36 134 199 6 155 154 3 667 154 3 903 154 3 1359 272 106 133 14 15 17 19 32 527 7 248 3 55 2 188 4 55 2 188 4 25 2 329 48 260 4 29 3 101 2 122 4 8 527 182 7 248 3 55 2 2303 4 89 2 156 3 149 4 488 3 101 2 594 4 8 34 22 16 37 1300 36 13 319 217 181 11 454 278 12 248 3 55 127 104 23 522 125 21 1868 38 12 55 127 38 122 12 58 54 2 10 18 503 13 382 461 777 47 485 880 9 10 33 27 28 14 15 17 19 32 2278 7 107 3 375 2 6 1343 698 1330 6 11 1343 11 833 4 8 2279 7 107 3 375 2 495 11 1657 11 1058 3 833 4 8 2280 7 107 3 375 2 6 1126 1630 6 11 6 2482 698 6 11 3280 4 8 34 22 16 57 148 107 3 375 49 67 2835 30 21 23 115 11 835 50 12 1343 698 1330 107 9 10 67 2836 30 21 23 115 11 835 50 12 495 107 9 10 67 2837 30 21 23 115 11 835 50 12 1126 1630 107 9 10 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 3 20 2 108 4 105 2 205 4 310 3 209 2 181 4 310 3 893 2 942 4 310 3 1963 3 584 2 167 4 8 790 181 7 56 45 7 26 3 20 2 108 4 441 4 451 4 8 422 45 7 26 3 20 2 136 4 592 4 451 4 8 153 45 7 26 3 20 2 256 4 592 4 606 4 8 788 45 7 26 3 20 2 260 4 441 4 606 4 8 114 45 7 26 3 20 2 108 4 441 4 451 4 8 8 34 22 16 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 147 33 27 28 14 15 17 16 207 158 3 20 2 1929 11 114 45 11 1274 1929 11 114 45 11 153 45 31 49 207 158 3 20 2 1931 11 114 45 11 1274 1931 11 114 45 11 153 45 31 49 207 158 3 20 2 1930 11 153 45 11 2357 1930 11 153 45 11 2356 45 31 49 207 158 3 20 2 1933 11 1569 45 11 2371 1933 11 1569 45 11 2370 45 31 49 207 158 3 20 2 1934 11 114 45 11 1274 1934 11 114 45 11 153 45 31 49 207 158 3 20 2 1932 11 1563 45 11 2361 1932 11 1563 45 11 2360 45 31 49 13 319 184 11 308 220 1061 715 521 1653 556 9 10 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 98 3 326 2 326 4 98 3 326 2 326 4 206 3 101 3 174 2 122 4 101 3 174 2 122 4 24 2 170 4 55 2 170 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 74 75 1317 73 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 2761 5 72 5 76 22 689 93 13 475 75 588 2 10 270 505 513 3 1823 238 270 505 513 3 3464 238 270 505 513 3 3678 238 270 505 513 3 1406 238 270 505 513 3 3625 3 3665 238 953 13 1338 75 588 53 117 47 20 31 2 10 270 505 513 3 479 6 415 3 1483 238 270 505 513 3 479 6 415 3 1484 238 270 505 513 3 479 6 415 3 1485 2 831 238 270 505 513 3 479 6 415 3 1486 2 1439 238 27 28 14 15 17 19 32 452 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 24 2 188 4 26 3 20 2 35 731 4 8 236 23 7 89 2 149 4 20 2 35 1261 4 44 2 193 178 4 29 3 221 2 118 4 8 236 539 7 26 3 20 2 35 244 4 20 2 140 4 8 236 23 2 151 2 487 31 7 26 3 20 2 35 944 4 20 2 140 4 8 34 22 16 37 1143 1681 1114 36 13 319 217 181 11 454 481 129 6 460 6 164 104 23 260 26 20 47 23 140 29 9 41 164 21 575 38 12 6 426 6 223 9 10 569 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 859 36 13 41 2263 164 21 243 38 3522 746 306 12 352 413 104 23 2170 819 248 2 10 18 642 134 155 154 3 295 352 3 605 6 199 6 146 3 1236 161 641 159 133 226 504 3 826 97 64 120 184 65 87 97 64 120 148 65 87 14 15 17 16 13 30 21 51 404 29 9 10 13 1109 30 21 51 768 29 9 1105 10 27 28 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 8 35 1447 7 253 2 3497 31 4 8 34 22 16 57 41 1479 53 31 535 49 13 41 1479 53 31 414 1057 129 54 541 312 1147 3 807 349 23 1011 1398 9 10 147 30 23 404 58 54 9 33 18 821 30 58 54 21 1056 941 810 9 33 13 189 145 2 183 274 273 279 53 47 265 338 31 197 99 169 12 1479 53 31 414 9 10 27 28 14 15 17 19 32 452 7 157 3 59 3 95 2 3671 363 31 4 8 34 22 16 37 148 1671 36 13 41 157 3 59 3 95 127 315 129 95 348 12 157 110 3256 2 10 569 97 381 87 97 384 87 97 570 571 87 343 27 28 14 15 17 16 37 1131 383 104 1683 36 955 3651 97 381 87 97 384 87 97 572 87 616 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 861 282 2 1053 636 36 13 41 208 264 480 1069 1053 636 9 41 902 551 21 1168 2 10 317 18 2842 1599 88 679 6 2006 6 2783 1130 106 119 33 14 15 17 19 32 90 7 102 3 262 2 25 3 102 4 8 213 7 107 3 375 2 495 4 44 2 141 4 26 2 35 731 4 8 612 7 44 2 316 4 29 3 101 2 122 4 26 2 140 4 8 612 305 7 107 3 117 2 218 4 8 682 7 176 2 267 4 26 3 20 2 35 566 4 8 682 23 7 194 2 86 4 89 2 149 4 20 2 35 894 4 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 255 291 126 49 13 252 12 124 225 38 165 12 175 9 10 13 41 648 128 577 554 162 109 52 812 911 325 12 261 21 593 450 567 525 9 10 18 372 18 228 3 447 6 158 3 20 2 661 258 3 447 33 18 228 3 919 6 158 3 20 2 1025 258 3 919 33 14 15 17 19 32 2277 7 107 3 117 2 2312 45 4 20 2 108 4 8 34 22 16 57 320 161 1809 2551 159 367 49 13 30 21 51 161 1809 822 159 29 9 10 27 28 14 15 17 19 32 452 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 176 2 267 4 26 3 20 2 35 566 4 8 236 7 194 2 86 4 8 236 23 7 89 2 156 3 149 4 20 2 140 4 29 3 101 2 122 4 44 2 492 178 4 29 3 221 2 118 4 8 236 23 2 151 7 26 3 20 2 35 1096 4 8 845 7 26 3 20 2 108 4 8 34 22 16 569 14 15 17 16 690 742 6 781 6 739 6 771 48 35 809 476 124 197 99 169 12 184 711 838 318 298 709 46 724 6 31 4 298 718 46 710 6 31 4 784 1121 818 298 1177 46 2918 31 4 1908 6 31 4 1909 6 31 4 784 1311 104 818 1394 46 1177 4 1835 31 4 40 27 28 14 15 17 19 74 536 803 73 318 275 1448 53 31 7 1403 46 6 255 474 126 6 4 8 40 22 16 57 320 1347 536 49 67 1017 143 289 10 134 199 6 2030 300 152 133 27 28 14 15 17 19 32 305 7 29 3 269 2 56 56 329 35 1309 11 56 56 196 35 2295 4 8 34 22 16 57 290 3 269 175 126 49 27 28 14 15 17 19 32 1182 7 26 2 3672 31 237 3 216 122 296 4 26 3 117 2 1004 4 8 213 7 20 2 140 4 8 34 22 16 57 1651 536 2440 285 49 13 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 10 27 28 14 15 17 19 68 69 6 187 5 72 6 1181 32 305 7 20 2 2032 4 8 34 22 16 57 30 21 23 195 49 13 41 59 52 217 891 21 23 2884 52 129 1410 3603 11 47 1432 59 10 27 28 14 15 17 16 57 1637 23 2673 798 1633 49 13 41 201 135 1512 6 200 982 12 775 38 517 23 2213 47 1528 9 10 13 473 12 124 1498 152 11 23 720 1468 2054 555 325 1866 12 135 266 9 10 173 227 121 3053 976 23 2213 2 119 88 1512 6 3191 6 3321 88 231 6 257 163 13 201 145 2 200 1512 6 21 99 337 50 1123 11 501 150 274 273 1095 53 150 265 31 9 10 27 28 14 15 17 19 32 35 655 7 55 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 1176 123 100 11 108 11 136 31 4 8 34 22 16 57 1321 796 3 2492 49 13 30 336 818 2144 108 349 109 86 11 2179 38 136 53 349 123 100 31 2 10 18 820 33 27 28 14 15 17 19 32 305 7 107 3 117 2 2338 45 4 8 545 7 107 3 117 2 1562 45 4 8 182 7 107 3 117 2 114 45 4 8 34 22 16 57 30 21 195 106 49 37 30 21 195 142 36 13 30 21 23 115 9 10 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 2 108 4 254 2 24 2351 4 254 3 1167 2 1263 4 8 58 2 151 7 24 2 170 4 8 34 22 16 57 41 254 3 1167 232 49 13 534 204 12 58 54 264 11 38 165 12 254 175 2 10 147 33 13 189 145 2 183 41 254 175 185 23 106 918 1167 985 2143 9 10 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 27 28 14 15 17 16 18 1429 33 318 784 2467 124 169 297 53 2188 31 126 46 46 6 1513 6 31 7 784 2645 3249 6 11 6 627 6 31 4 784 2616 892 46 3248 6 31 4 8 814 7 892 46 6 628 11 362 124 197 99 169 1347 2644 561 6 4 8 40 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 3 20 2 108 4 105 2 205 4 310 3 209 2 181 4 310 3 893 2 942 4 310 3 1963 3 584 2 1431 4 8 790 181 7 56 45 7 26 3 20 2 108 4 441 4 451 4 8 422 45 7 26 3 20 2 136 4 592 4 451 4 8 153 45 7 26 3 20 2 256 4 592 4 606 4 8 788 45 7 26 3 20 2 260 4 441 4 606 4 8 114 45 7 26 3 20 2 108 4 441 4 451 4 8 8 34 22 16 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 147 33 27 28 14 15 17 19 32 305 7 107 3 117 2 471 4 8 545 7 107 3 117 2 316 4 8 182 7 107 3 117 2 492 4 8 34 22 16 57 30 21 195 106 49 37 30 21 195 142 36 13 30 21 23 115 9 10 13 30 21 806 115 9 10 27 28 14 15 17 19 32 23 2 223 7 20 2 108 4 8 23 2 557 7 20 2 260 4 8 23 2 151 7 20 2 1423 4 8 23 2 460 7 20 2 256 4 8 34 22 16 37 148 866 36 13 189 64 898 6 469 30 21 23 223 65 183 10 13 189 145 2 183 23 2 151 696 716 429 23 2 223 47 23 2 557 50 12 148 721 50 595 38 191 728 9 10 13 189 145 2 183 23 2 460 696 716 429 23 2 151 50 12 148 721 50 595 38 191 728 9 10 27 28 14 15 17 16 13 1323 204 12 1526 38 638 12 585 9 10 161 405 2 2741 171 159 138 161 405 2 2911 2910 159 138 161 405 2 463 295 159 138 161 405 2 1171 3 763 1171 3 277 159 138 161 405 2 3113 1916 159 138 161 405 2 3282 1998 159 138 161 405 2 2001 3 763 2001 3 277 159 138 161 405 2 2012 3 763 2012 3 277 159 138 161 405 2 2021 3 763 2021 3 277 159 138 161 405 2 3422 666 159 138 161 405 2 3435 600 159 138 161 405 2 2098 3 763 2098 3 277 159 138 161 405 2 2103 3 763 2103 3 277 159 138 161 405 2 2159 3 763 2159 3 277 159 138 161 405 2 1232 29 159 138 161 405 2 2210 3 763 2210 3 277 159 138 161 405 2 3715 3714 159 138 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 86 2 773 433 35 508 4 8 34 22 16 13 30 21 51 29 50 23 115 9 10 27 28 14 15 17 19 32 35 3402 7 20 2 256 4 8 34 22 16 13 30 21 23 115 9 10 13 30 21 23 115 9 10 67 3184 382 461 544 9 10 27 28 14 15 17 74 536 803 73 16 57 30 21 23 195 49 13 30 21 23 115 9 10 27 28 14 15 17 16 13 30 29 21 404 9 10 13 201 30 29 21 822 126 200 10 27 28 14 15 17 16 64 1923 6 603 3 221 2 3333 184 498 65 27 28 14 15 17 16 57 41 135 1893 212 49 13 41 1893 212 315 23 209 150 23 3218 125 899 2215 38 89 12 3472 125 21 3451 429 2157 12 208 9 10 173 227 121 397 251 209 2 119 88 187 6 398 6 908 121 465 331 209 2 119 88 187 6 466 6 1035 88 231 6 257 88 231 6 3059 6 926 38 23 827 225 5 3614 163 27 28 14 15 17 19 32 213 7 3254 4 8 452 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 176 2 267 4 26 3 20 2 35 566 4 105 2 296 4 109 2 56 4 24 2 114 45 4 8 236 7 194 2 86 4 8 236 23 7 89 2 149 4 20 2 140 4 29 3 101 2 122 4 44 2 492 178 4 29 3 221 2 118 4 8 236 23 2 151 2 487 31 7 26 3 20 2 35 1096 4 8 845 7 26 3 20 2 35 244 4 8 14 15 17 19 32 211 7 89 2 156 3 149 4 8 211 23 7 20 2 103 4 194 2 86 4 44 2 193 178 4 29 3 221 2 118 4 8 211 539 7 26 3 20 2 35 244 4 20 2 140 4 25 3 192 2 196 4 8 211 23 2 151 2 487 31 7 26 3 20 2 35 334 4 25 3 192 2 196 4 8 34 22 16 37 870 1111 47 534 531 36 18 646 64 120 560 824 4 65 64 120 106 65 64 276 6 35 6 412 142 65 64 120 167 65 14 15 17 16 57 367 106 49 37 367 142 36 425 367 167 410 1288 367 423 615 1289 367 330 1284 1595 367 614 1580 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 858 863 1625 36 13 858 647 220 191 243 38 20 12 486 9 10 161 644 486 3 463 1122 863 159 161 644 486 3 314 868 863 159 161 644 486 3 921 977 863 159 161 644 486 3 900 1661 863 159 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 1327 71 410 64 276 6 35 6 146 3 839 6 3628 969 6 146 3 1390 174 306 12 3426 2655 3425 65 33 318 611 53 2973 53 31 7 14 15 17 19 32 58 7 25 2 179 48 4 44 2 144 4 24 2 170 4 277 2 543 4 176 2 171 4 8 34 22 16 57 41 277 232 49 147 13 1320 12 775 277 543 12 55 47 12 24 52 217 58 54 9 10 13 368 277 2 472 47 1404 12 123 100 583 52 217 58 54 9 10 33 27 28 14 15 17 19 32 213 7 26 3 95 2 3669 6 31 4 26 3 216 2 216 3 559 4 8 34 22 16 57 255 291 126 49 13 694 11 23 26 95 21 2083 323 485 126 10 27 28 14 15 17 19 32 58 7 283 3 24 2 409 4 401 3 24 2 111 4 26 3 20 2 599 4 8 34 22 16 37 699 12 283 3 24 47 401 3 24 52 129 54 36 13 252 12 124 225 38 165 12 175 9 10 18 280 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 2168 27 28 14 15 17 19 32 215 7 206 3 102 3 1054 2 264 144 4 8 34 22 16 57 148 285 1136 49 13 872 12 1203 264 12 95 11 104 23 456 598 1457 2 10 116 1218 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 1143 1133 410 18 372 18 228 3 1984 13 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 632 9 10 33 18 228 3 1984 14 15 17 19 32 1093 7 105 2 245 4 100 2 364 4 24 2 170 4 25 2 329 48 35 424 4 44 2 141 4 8 34 22 16 37 626 959 36 13 281 181 52 658 38 100 101 303 104 12 105 127 2 10 18 1161 13 319 514 1529 47 313 1522 1082 514 1174 1417 444 51 1352 125 382 1083 706 1504 204 50 514 1446 1407 1210 9 10 33 27 28 14 15 17 19 74 320 251 184 73 39 1157 22 16 13 41 184 1013 54 480 1989 146 9 10 13 2572 146 21 146 1349 12 184 891 9 10 27 28 14 15 17 19 32 548 46 29 292 7 24 2 114 45 4 44 2 341 144 4 70 2 193 56 4 102 3 262 2 25 3 102 4 25 2 329 48 35 989 4 206 3 254 2 1549 4 254 2 1549 4 186 2 118 4 8 548 46 1501 7 25 2 329 48 35 944 4 8 34 22 16 13 319 217 181 11 454 278 12 2 1009 672 38 332 23 103 25 20 38 12 29 266 325 152 817 1881 53 1384 162 31 2 10 13 145 125 454 335 575 12 148 254 127 38 2720 12 25 20 53 1230 684 3512 38 638 12 20 162 1009 31 9 10 317 121 397 251 346 119 88 187 6 398 6 1034 6 1519 121 465 331 346 119 88 187 6 466 6 910 6 1243 163 27 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2461 71 36 18 3178 6 1798 1488 6 146 3 3487 493 2552 489 955 1798 3 3206 271 146 3 2165 6 146 3 1488 3 3633 6 412 87 271 146 3 2165 6 146 3 1488 3 3634 87 14 15 17 19 32 137 7 25 3 202 2 202 4 24 2 114 45 4 8 210 11 230 7 29 3 101 2 86 4 44 2 193 4 8 677 2 755 3 1158 31 7 26 3 20 2 35 894 4 8 34 22 16 37 1337 428 36 13 345 2232 3 1063 2160 11 278 12 755 3 640 53 31 672 47 332 23 26 3 20 38 430 815 53 150 3339 31 137 917 2 10 365 132 131 251 346 130 131 331 346 130 131 973 130 172 132 113 625 112 113 532 112 113 611 114 112 172 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 98 3 650 2 233 3 913 4 98 3 650 2 233 3 913 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 16 37 143 2491 383 36 2406 1594 381 1579 1592 3 103 1422 726 1577 1594 572 1579 1592 3 140 2867 726 1577 2389 27 28 14 15 17 19 32 23 2 223 11 23 2 557 7 26 3 20 2 35 3012 4 20 2 140 4 44 2 492 342 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 8 23 2 151 11 23 2 460 7 26 3 20 2 108 4 8 34 22 16 37 865 272 36 13 143 223 1225 348 23 301 2 10 64 898 6 469 30 21 23 223 65 27 28 14 15 17 19 32 562 7 26 3 20 2 35 244 4 5 90 797 90 5 25 2 118 4 20 2 140 4 44 2 177 787 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 107 3 117 2 178 4 70 2 259 179 4 585 2 666 4 8 934 7 24 2 328 4 8 935 7 24 2 153 45 4 8 1252 7 24 2 114 45 4 8 34 22 16 37 272 1348 36 13 263 12 24 127 38 638 12 24 52 12 301 2 10 13 201 978 2 200 263 598 297 308 927 38 324 23 296 24 47 278 3411 239 468 636 53 2981 153 45 52 312 912 54 31 9 252 12 124 225 38 165 12 175 9 10 134 462 1363 328 133 138 134 462 1364 153 45 133 138 134 462 1365 114 45 133 27 28 14 15 17 16 13 41 1587 2175 1654 1689 1733 1573 1523 1894 50 1560 9 10 13 2568 555 2689 220 3070 3676 1021 38 333 11 3648 3613 47 1059 3 2994 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 1128 1626 1670 49 13 345 907 1029 52 582 11 278 12 1051 54 2 10 1290 290 50 23 1051 54 21 1169 50 23 296 3 24 107 11 47 152 2060 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 861 282 2 156 1788 36 13 41 208 264 480 1069 156 1789 2 10 317 121 2806 3 1022 88 2184 6 3683 106 119 14 15 17 19 32 305 7 1028 3 1215 2 329 4 8 545 7 1028 3 1215 2 2238 4 8 34 22 16 57 30 21 195 106 49 37 30 21 195 142 36 27 28 14 15 17 16 57 41 135 401 47 283 703 49 13 41 401 47 283 703 1061 12 3274 47 3265 556 239 129 135 54 9 10 173 227 121 3041 795 23 720 985 2325 3 939 3 939 2 119 88 1072 6 3163 6 3304 6 3261 3 848 3 2343 121 3042 795 23 720 429 2329 3 939 3 939 2 119 88 1072 6 3164 6 3305 6 3273 3 939 3 2299 121 1415 1328 53 478 106 47 330 31 2 119 88 1074 6 1428 6 1452 6 1993 6 3263 88 231 6 257 163 27 28 14 15 17 19 32 58 7 26 2 3482 11 1098 11 948 31 4 44 2 141 4 8 2965 7 26 2 1477 11 1098 11 948 11 2292 31 4 8 2968 7 26 2 1477 11 1098 11 948 11 683 31 4 8 2970 7 26 2 1477 11 1098 11 948 11 1260 31 4 8 34 22 16 57 2657 855 49 13 538 268 2 10 18 3589 13 408 45 268 10 33 18 3590 13 613 45 268 10 33 18 3593 13 945 45 268 10 33 147 13 268 106 10 33 13 538 1697 20 556 2 10 18 2816 13 408 45 268 10 33 18 1381 13 613 45 268 10 33 18 2850 13 945 45 268 10 33 147 13 295 10 33 14 15 17 19 32 3545 7 89 2 156 4 5 90 12 295 239 602 90 5 24 2 111 4 55 2 111 4 44 2 196 4 25 2 96 48 256 4 26 3 20 2 136 4 8 3546 7 89 2 156 3 149 4 24 2 111 4 55 2 111 4 44 2 196 4 25 2 96 48 256 4 26 3 20 2 136 4 8 3547 7 89 2 149 4 24 2 111 4 55 2 111 4 44 2 196 4 25 2 96 48 256 4 26 3 20 2 136 4 8 34 22 16 57 41 89 232 49 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 800 1684 36 13 41 378 288 220 477 191 109 11 594 150 123 3 631 104 12 6 378 3 109 6 11 6 378 3 594 6 150 6 378 3 123 6 164 2 10 138 18 884 18 322 3 86 378 3 3644 116 1217 6 322 3 288 6 3601 33 18 322 3 708 853 322 3 657 800 874 615 13 190 222 180 224 219 11 373 293 234 11 250 214 435 307 439 166 440 229 168 249 632 9 10 13 190 222 180 224 219 11 373 293 234 11 250 214 435 307 439 166 440 229 168 249 632 9 10 13 190 222 180 224 219 11 373 293 234 11 250 214 435 307 439 166 440 229 168 249 632 9 10 33 33 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 832 32 215 7 283 3 24 2 114 45 4 55 2 171 4 8 34 22 16 116 2134 6 2225 6 1915 13 252 12 124 225 38 165 658 12 95 128 767 325 12 24 21 593 450 2355 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1143 53 1761 31 208 36 173 227 18 246 3 304 121 737 794 2 119 88 678 6 246 3 282 6 741 6 1050 586 6 1033 33 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 32 90 7 102 3 262 2 25 3 102 4 8 563 7 194 2 86 4 24 2 422 45 4 44 2 144 4 8 937 2 429 7 174 2 6 6 4 89 2 137 4 580 2 543 4 8 366 261 47 53 283 3 24 2 949 31 7 563 7 24 2 153 45 4 8 8 366 261 47 53 283 3 24 2 457 31 7 563 7 14 15 17 32 340 7 105 2 205 4 89 2 156 3 149 4 25 3 123 2 96 242 103 4 8 340 491 7 523 2 267 4 24 2 565 4 26 3 20 2 103 4 20 2 35 484 4 29 3 101 2 122 4 25 3 192 2 528 4 44 2 196 56 4 105 2 245 4 420 3 467 2 106 4 123 2 941 45 4 86 2 153 45 4 70 3 86 2 1085 4 8 340 2286 7 174 2 6 6 4 105 2 245 4 109 2 114 45 4 86 2 153 45 4 70 3 86 2 1251 4 25 3 24 2 196 4 25 3 59 2 48 4 25 3 20 2 103 418 418 418 4 8 340 2 151 491 7 14 15 17 19 32 35 1771 7 25 2 141 48 418 4 44 2 177 4 25 3 95 2 608 31 613 1222 4 8 34 22 16 57 41 25 3 95 232 49 13 694 11 12 594 2105 52 12 95 294 3582 38 481 12 25 2 10 67 1937 25 3 95 2 608 31 613 1222 4 10 13 694 21 12 757 95 2 10 116 2130 13 201 145 2 200 274 273 408 11 47 265 338 11 214 99 169 12 25 3 95 127 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 960 869 1114 36 13 41 845 164 2721 12 600 431 2 10 18 886 18 885 3 431 600 3 431 3 1063 460 6 915 6 369 3 1520 6 369 3 1076 6 369 3 1075 6 1065 1269 45 33 14 15 17 19 32 339 7 105 2 205 4 89 2 156 3 149 4 8 339 3 174 7 89 2 118 4 105 2 245 4 26 3 20 2 35 1173 4 401 3 24 2 1262 4 102 3 269 2 364 193 178 364 1476 31 4 44 2 341 178 4 420 3 467 2 106 4 8 339 2 151 339 3 174 7 89 2 149 4 8 34 22 16 37 1314 964 36 13 623 12 549 204 12 29 264 38 1038 12 352 174 9 10 18 642 1291 1323 204 444 159 18 504 3 1389 13 255 291 126 10 33 33 14 15 17 16 57 41 208 1455 212 49 13 41 1455 212 315 125 12 208 146 446 99 191 3680 325 1497 9 10 173 804 6 3336 121 737 795 362 586 2 119 88 678 6 741 6 1450 6 1475 88 231 6 257 163 13 201 145 2 200 41 1455 212 52 12 208 417 21 99 337 50 501 408 53 150 265 31 9 10 27 28 14 15 17 16 37 498 162 1113 2627 36 116 3556 5 547 5 3713 6 2715 6 3597 27 28 14 15 17 19 32 211 7 89 2 156 3 149 4 8 211 23 7 20 2 103 4 194 2 86 4 44 2 193 178 4 29 3 221 2 118 4 254 2 26 3 20 933 4 8 211 539 7 26 3 20 2 35 244 4 20 2 140 4 8 211 23 2 151 2 487 31 7 26 3 20 2 35 334 4 8 34 22 16 37 1724 1640 162 534 36 13 623 12 549 204 12 2018 9 10 18 646 64 120 560 824 4 65 64 120 106 65 64 276 6 35 6 412 142 65 64 120 167 65 64 120 423 65 14 15 17 19 32 1463 7 44 3 109 2 142 581 4 8 1464 7 44 3 109 2 153 45 4 8 34 22 16 57 41 44 3 109 232 49 13 30 21 23 29 104 237 109 44 9 30 21 23 29 104 237 109 44 9 30 21 23 29 104 237 109 44 9 10 67 1378 30 29 185 23 109 44 52 142 581 9 30 29 185 23 109 44 52 142 581 9 30 29 185 23 109 44 52 142 581 9 10 67 1379 30 29 185 23 109 44 52 153 45 9 30 29 185 23 109 44 52 153 45 9 30 29 185 23 109 44 52 153 45 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1666 272 968 36 13 368 602 12 1867 24 52 12 261 11 278 12 846 3 203 3 1967 164 2 10 18 155 3 203 154 3 203 3 1434 64 276 6 35 6 155 154 3 314 854 65 64 276 6 35 6 155 154 3 314 975 65 64 276 6 35 6 155 154 3 314 1139 65 14 15 17 19 32 2039 7 248 3 55 2 2293 4 8 3386 7 248 3 55 2 2304 4 8 34 22 16 13 30 21 23 115 104 23 3569 248 3 1014 41 295 248 55 50 906 333 21 1349 2308 45 38 2313 10 67 1812 30 21 23 115 104 23 768 248 3 1014 30 21 23 115 104 23 768 248 3 1014 10 67 2798 30 21 23 115 104 23 1155 248 3 1014 30 21 23 115 104 23 1155 248 3 1014 10 27 28 14 15 17 19 32 182 7 140 3 518 2 1036 4 8 34 22 16 37 2675 1713 36 13 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 10 13 300 38 762 12 140 3 518 127 38 165 12 1845 9 10 27 28 14 15 17 19 32 2 3494 7 2235 2 35 2327 4 2236 2 35 1008 4 8 213 7 26 3 20 2 1077 31 4 8 545 7 25 3 123 2 179 48 1077 31 4 8 564 7 20 2 1077 31 4 26 3 20 2 2208 31 4 44 2 177 4 8 301 7 26 3 20 2 2208 31 4 20 2 1077 31 4 25 2 96 48 1077 31 4 44 2 196 4 8 34 22 16 57 630 12 298 53 31 2527 49 18 93 14 15 17 16 690 742 6 781 6 739 6 771 48 35 809 476 124 197 99 169 12 184 711 838 318 298 709 46 724 6 31 4 298 718 46 710 6 31 4 2923 31 4 2922 31 4 1837 53 31 4 40 27 28 14 15 17 19 32 35 752 7 105 2 205 4 8 35 752 236 7 70 2 56 4 44 2 56 4 157 3 59 2 118 4 105 2 245 4 109 2 56 4 8 35 752 236 11 35 752 23 7 55 2 1101 4 89 2 149 4 8 35 1421 7 86 2 364 4 24 2 1272 4 26 2 2194 363 31 56 56 4 8 35 2061 7 86 2 1566 4 24 2 1270 4 26 2 2194 363 31 1531 56 4 8 35 828 7 86 2 1553 4 14 15 17 19 32 1462 7 107 3 59 2 404 4 8 3392 7 107 3 59 2 901 4 8 3396 7 107 3 59 2 2023 4 8 34 22 16 67 1377 30 21 23 115 50 404 59 9 10 67 2821 30 21 23 115 50 901 59 9 10 67 2833 30 21 23 115 50 2023 59 9 10 27 28 14 15 17 19 32 305 7 29 3 269 2 56 56 329 35 1309 4 8 34 22 16 57 290 3 269 175 126 49 27 28 14 15 17 19 32 35 1006 7 26 2 3673 31 86 109 237 3 216 11 609 31 100 123 237 3 216 11 1517 31 86 109 216 4 44 2 177 4 26 3 117 2 218 11 1555 11 171 4 8 34 22 16 18 1018 57 190 799 793 49 13 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 10 13 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 10 33 27 28 14 15 17 16 37 1698 531 36 13 41 201 135 679 6 200 464 23 1053 301 2 10 173 227 88 679 6 1946 6 909 6 2203 121 1885 1677 119 138 88 679 6 1944 6 909 6 2202 121 1884 1645 119 138 88 679 6 1948 6 909 6 2204 121 1886 1690 119 138 138 88 231 6 257 163 27 28 14 15 17 19 32 35 752 7 105 2 205 4 8 35 752 236 7 70 2 56 4 44 2 56 4 157 3 59 2 118 4 105 2 245 4 109 2 56 4 8 35 752 236 11 35 752 23 7 55 2 1101 4 89 2 149 4 8 35 1421 7 86 2 364 4 24 2 1272 4 26 2 2193 363 31 56 56 4 8 35 2061 7 86 2 1566 4 24 2 1270 4 26 2 2193 363 31 1531 56 4 8 35 828 7 86 2 1553 4 14 15 17 32 340 7 105 2 205 4 89 2 156 3 149 4 25 3 123 2 96 242 103 4 8 340 491 7 523 2 267 4 24 2 565 4 26 3 20 2 103 4 20 2 35 484 4 29 3 101 2 122 4 25 3 192 2 528 4 44 2 196 56 4 5 90 1134 12 924 90 5 105 2 245 4 420 3 467 2 106 4 109 2 1251 4 100 2 1551 45 4 8 340 2 151 491 7 523 2 524 4 8 34 689 603 3 101 2 712 37 622 873 36 13 623 12 549 204 12 29 264 2 10 18 1163 204 444 161 1818 873 29 159 14 15 17 19 32 3197 7 105 2 245 4 123 2 364 4 8 3198 7 105 2 205 4 123 2 2237 4 8 34 22 16 116 2813 6 920 6 1248 6 1179 57 30 21 23 195 49 116 2814 6 920 6 1248 6 1179 27 28 14 15 17 16 37 41 1459 965 36 13 41 1459 54 1204 12 764 52 23 2773 9 10 173 804 6 3373 46 3408 56 88 2185 6 3151 6 3294 6 2198 114 327 88 1074 6 3154 6 3297 6 2198 46 2416 3322 6 3036 2746 2397 953 88 840 163 13 201 145 2 200 41 1459 54 21 99 337 50 2503 1471 1521 1097 9 10 27 28 14 15 17 19 32 58 7 25 2 179 48 4 44 2 144 4 24 2 170 4 277 2 819 4 176 2 171 4 8 34 22 16 57 41 277 232 49 147 13 1320 12 775 277 323 12 24 52 217 58 54 9 10 13 368 277 2 472 47 1404 12 123 100 583 52 217 58 54 9 10 33 27 28 14 15 17 16 13 1307 162 124 169 2 138 143 720 1468 220 3424 3 555 325 308 1865 12 135 266 9 10 173 227 1115 53 720 47 774 31 2 88 1073 6 3299 88 840 163 13 189 145 2 183 1073 6 21 99 337 50 1624 11 1123 11 150 274 273 9 10 27 28 14 15 17 16 37 1635 620 36 13 41 201 135 1072 6 200 21 243 239 135 509 125 446 649 23 720 9 10 173 227 121 3039 1115 2 119 88 1072 6 3156 6 3300 88 231 6 257 163 13 201 145 2 200 1072 6 21 99 337 50 501 150 274 273 1095 53 150 265 31 9 10 27 28 14 15 17 16 957 841 6 897 2403 2930 6 2931 6 3443 6 3585 6 3584 3 3732 6 3025 6 785 628 11 362 124 197 99 169 156 974 9 950 27 28 14 15 17 19 32 1088 7 24 2 170 4 55 2 111 4 25 2 96 48 256 4 8 1089 7 24 2 170 4 55 2 111 4 44 2 218 4 25 2 96 48 108 4 8 34 22 16 18 1372 30 58 21 768 53 24 21 170 47 55 21 111 31 9 33 138 18 1373 30 58 21 1155 53 24 21 477 170 47 55 21 111 31 9 33 27 28 14 15 17 19 32 1043 7 25 2 96 48 136 4 186 3 59 2 48 4 186 3 20 2 1433 4 8 34 22 16 37 630 186 3 20 2 1433 36 67 995 143 48 1433 186 9 10 27 28 14 15 17 19 32 305 7 29 3 269 2 329 179 108 4 8 34 22 16 57 290 3 269 175 49 13 189 145 2 183 274 273 279 47 265 214 99 169 12 29 3 269 127 9 10 27 28 14 15 17 19 32 182 7 29 3 101 2 122 4 20 2 108 4 8 34 22 16 13 1644 115 128 191 1148 241 12 59 9 10 67 1427 1127 1070 126 10 13 1294 444 126 10 27 28 14 15 17 19 74 536 803 73 68 69 6 1181 22 16 57 30 21 23 367 49 13 30 21 23 115 9 10 27 28 14 15 17 19 32 548 46 29 292 7 24 2 114 45 4 44 2 341 144 4 70 2 193 56 4 102 3 262 2 25 3 102 4 25 2 118 4 26 3 20 2 35 2349 4 20 2 140 4 8 34 22 16 13 1303 29 509 2 10 317 121 397 251 346 119 88 187 6 398 6 1034 6 1519 121 465 331 346 119 88 187 6 466 6 910 6 1243 163 27 28 14 15 17 16 57 1292 875 49 67 922 46 1292 2670 385 220 99 3365 2076 541 129 212 522 297 12 522 480 1491 9 10 2417 473 308 1998 12 549 204 12 115 1738 11 362 124 128 323 89 12 287 928 376 12 922 9 183 10 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 3 20 2 108 4 105 2 205 4 310 2 1999 1564 336 786 1431 2716 4 8 790 1999 7 56 45 7 26 3 20 2 108 4 441 4 451 4 8 422 45 7 26 3 20 2 136 4 592 4 451 4 8 153 45 7 26 3 20 2 256 4 592 4 606 4 8 788 45 7 26 3 20 2 260 4 441 4 606 4 8 114 45 7 26 3 20 2 108 4 441 4 451 4 8 8 34 22 16 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 147 33 27 28 14 15 17 19 32 58 182 7 26 3 20 2 136 4 8 34 22 16 37 1636 537 36 13 41 2943 672 3259 430 303 125 294 2944 52 23 552 54 9 10 147 13 289 106 50 12 58 9 10 13 289 142 50 12 58 9 10 1602 13 289 167 50 12 58 9 10 1586 33 13 289 423 9 1129 50 23 58 9 10 13 289 330 9 1129 50 23 58 9 10 27 28 14 15 17 19 32 452 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 176 2 267 4 26 3 20 2 35 566 4 8 236 7 194 2 86 4 8 236 23 7 89 2 149 4 20 2 140 4 29 3 101 2 122 4 44 2 492 178 4 29 3 221 2 118 4 8 23 2 151 2 487 31 7 26 3 20 2 35 1096 4 8 845 7 26 3 2871 4 8 34 22 16 569 14 15 17 19 32 1952 7 55 2 171 4 8 1953 7 55 2 188 4 24 2 188 4 8 2971 7 55 2 170 4 24 2 170 4 26 3 20 2 599 4 8 34 22 16 37 699 12 55 47 24 52 303 36 13 1325 95 2 10 116 1810 6 1219 6 782 6 1419 13 1712 95 53 2330 598 31 2 10 116 1821 6 1219 6 782 6 1419 13 41 55 47 24 52 217 58 54 21 170 2 10 18 1817 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 864 458 49 13 41 511 181 128 764 50 23 1265 45 553 162 359 374 11 23 943 45 553 162 663 374 11 47 23 2345 45 553 162 660 374 9 802 816 359 374 11 152 128 577 554 53 114 45 31 9 10 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 1212 351 3 825 351 3 1438 6 158 3 20 2 843 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 632 9 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2580 272 968 36 13 2579 301 3083 38 481 1858 483 1988 2 10 18 155 3 304 134 199 6 155 154 3 314 854 133 134 199 6 155 154 3 314 975 133 18 155 3 304 14 15 17 19 32 35 597 11 2267 7 107 3 117 2 178 4 44 2 141 4 29 3 101 2 122 4 26 3 20 2 35 244 4 20 2 140 4 25 2 48 96 35 2683 4 70 2 171 4 8 35 597 7 89 2 118 4 8 34 22 16 67 1805 6 2030 472 38 1209 597 10 18 3186 13 30 597 480 23 58 54 11 780 21 267 241 295 53 89 2 118 31 9 10 13 621 21 1225 104 148 47 454 278 474 38 1209 152 53 89 2 149 31 9 10 13 2549 152 929 2 624 125 12 182 54 104 1805 6 185 129 3366 212 2732 38 152 9 574 12 775 2862 162 12 182 54 11 23 275 1780 1448 53 31 21 3007 11 780 1787 12 59 52 12 58 104 3185 6 376 89 2 118 53 267 31 38 89 2 149 53 524 31 9 10 13 385 128 3233 313 1349 474 50 3380 474 1141 9 10 33 318 275 1448 53 31 7 2975 46 6 149 6 4 8 14 15 17 16 13 472 12 301 38 1175 362 1392 9 10 134 2029 300 621 133 67 1017 10 318 298 559 46 1857 6 31 4 275 1898 53 31 7 297 53 2011 31 7 3324 11 3528 31 4 8 814 7 1249 46 6 1313 21 99 337 241 217 124 9 6 4 8 8 275 2112 31 7 1249 46 6 2560 2 6 327 2056 327 6 1589 280 1674 2 6 327 2057 4 8 275 3529 31 7 3612 31 7 1784 1869 9 2591 2 1249 46 6 2664 2942 12 3468 239 1313 9 6 578 4 1784 1869 9 2594 2 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 34 22 16 37 2476 2449 36 13 473 308 927 12 542 38 202 823 550 25 11 332 12 148 25 3 202 127 9 10 380 416 132 131 299 130 131 411 130 131 692 130 172 132 113 695 112 113 627 112 113 153 112 172 132 113 860 112 113 971 112 113 1281 112 172 14 15 17 19 32 35 655 7 55 2 188 4 26 3 95 2 336 3 1176 100 11 3485 31 11 3486 31 31 4 8 34 22 16 57 1321 796 3 1345 49 13 368 332 925 11 454 278 12 2092 53 31 275 38 1842 12 20 3579 9 41 902 3405 50 12 2092 53 31 275 220 191 23 522 376 56 38 106 11 47 152 464 12 925 52 12 20 2 56 899 1010 925 11 106 899 1010 20 53 237 925 31 9 10 18 820 33 27 28 14 15 17 16 37 41 1435 965 36 13 41 1435 54 21 243 38 1842 1969 135 2 10 13 2624 12 891 241 3432 1598 2483 327 2621 1583 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2545 29 36 13 263 12 2269 3 149 164 38 332 23 149 3235 1916 29 50 3058 2 10 317 18 246 3 304 121 1888 1326 2 119 88 1508 6 246 3 282 6 1950 6 1050 3410 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2448 428 36 13 41 847 3 1360 164 701 542 38 23 137 2 10 380 887 137 3 2763 691 132 131 299 130 14 15 17 19 32 58 7 25 2 96 48 103 4 70 2 342 218 529 4 26 3 20 2 442 4 8 34 22 16 37 41 70 834 127 3 167 556 36 147 30 58 54 185 23 109 70 52 342 11 23 100 47 86 70 52 218 11 47 23 123 70 52 529 9 33 617 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 2547 290 49 13 263 12 1980 54 38 2414 3117 2395 29 9 10 33 27 28 14 15 17 19 32 182 2 287 3 640 377 7 20 2 256 4 8 34 22 16 13 382 461 23 789 1223 238 1196 9 382 461 23 789 1223 238 1196 9 10 13 382 461 23 789 1223 238 1196 9 382 461 23 789 1223 238 1196 9 10 27 28 14 15 17 16 37 41 209 618 36 173 227 121 397 251 209 2 119 138 88 187 6 398 6 3691 88 231 6 257 163 13 473 308 1003 12 6 2646 6 301 11 12 208 3 146 128 191 2108 38 23 284 1780 6 2291 6 9 10 13 624 125 12 522 52 12 6 251 209 6 266 128 99 191 1497 11 1357 12 135 54 197 99 335 23 209 212 9 10 27 28 14 15 17 16 13 472 12 301 38 1175 362 1392 9 10 134 2029 300 621 133 67 1017 10 318 298 559 46 1857 6 31 4 275 1898 53 31 7 297 53 2011 31 7 3325 31 4 8 814 7 1249 46 6 1313 21 99 337 241 217 124 9 6 4 8 8 275 2112 31 7 3739 2 6 327 2056 327 6 1589 280 1674 2 6 327 2057 4 8 40 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 98 3 326 2 326 4 98 3 326 2 326 4 24 2 170 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 1093 7 194 2 100 4 24 2 170 4 25 2 329 48 35 424 4 44 2 141 4 8 34 22 16 37 626 959 36 13 281 181 52 658 38 100 101 303 104 12 194 127 2 10 18 1161 13 319 514 1529 47 313 1522 1082 514 1174 1417 444 51 1352 125 382 1083 706 1504 204 50 514 1446 1407 1210 9 10 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 18 2838 3 656 57 71 536 969 49 33 13 30 21 51 29 9 10 13 30 21 806 29 9 10 33 14 15 17 16 18 3596 2 3457 18 3592 2 2691 3 2870 33 18 3591 2 2690 3 2872 33 18 3588 3 3645 3 3444 48 35 2502 3 3534 57 148 46 1339 47 1119 49 18 3587 3 2127 3 2116 2 3458 2565 290 33 18 3586 3 2127 3 2116 2 3459 11 161 158 3 2874 1297 159 33 33 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 970 208 2 282 2145 36 173 246 3 1022 18 246 3 304 121 3046 1648 119 88 246 3 282 6 1945 6 2187 33 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 1107 506 665 3 1961 18 350 3 354 18 506 3 656 64 506 3 1156 6 120 1145 65 33 226 579 665 3 1193 271 412 64 120 426 65 87 14 15 17 19 32 215 7 268 2 684 4 8 34 22 16 57 285 1345 49 13 41 268 127 315 12 925 52 129 54 9 41 1031 12 522 11 12 313 418 2 10 13 285 104 153 45 268 2 10 116 1492 6 1353 6 1080 6 897 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 856 1342 410 13 368 122 5 1023 12 1229 47 1469 11 278 12 1257 3 1967 164 9 145 125 162 3508 125 294 768 450 567 11 12 157 591 294 2142 53 174 128 3461 880 31 9 10 226 579 664 3 1229 664 3 1434 271 412 64 120 426 65 87 97 64 120 427 106 65 87 97 64 120 427 142 65 87 14 15 17 19 32 459 2793 6 292 7 26 2 136 4 8 34 22 16 37 148 459 2734 6 292 537 36 18 1804 41 287 58 54 9 33 18 1381 41 918 58 54 9 33 18 1807 3 2167 41 2171 58 54 9 33 67 1808 30 21 51 29 50 23 115 9 10 27 28 14 15 17 19 32 213 7 26 3 95 2 3670 6 31 4 8 34 22 16 57 255 291 126 49 13 30 284 185 129 95 348 12 26 126 10 27 28 14 15 17 19 32 213 7 70 2 56 4 8 452 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 24 2 422 45 4 26 3 20 2 35 731 4 105 2 296 4 55 2 114 45 4 176 2 171 4 8 236 23 7 89 2 149 4 20 2 35 1261 4 44 2 193 178 4 29 3 221 2 118 4 8 236 539 7 26 3 20 2 35 244 4 20 2 140 4 8 236 23 2 151 2 487 31 7 26 3 20 2 35 944 4 20 2 140 4 8 34 14 15 17 16 37 285 348 23 865 36 13 41 95 264 21 23 223 9 300 38 1003 162 152 9 10 64 1922 116 920 6 1748 2183 6 2154 65 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 98 3 650 2 233 4 98 3 650 2 233 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 962 1138 36 13 41 208 264 2113 135 303 104 544 3735 521 544 258 3 3743 90 647 2 10 317 18 246 3 203 3499 18 228 3 3745 121 3043 351 3 3744 119 14 15 17 19 32 215 7 25 3 192 2 153 45 4 8 34 22 16 37 870 498 36 13 263 12 25 3 192 127 38 481 2787 547 2 10 116 674 6 633 6 782 6 438 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 123 2 773 242 35 508 4 8 34 22 16 13 30 21 51 29 50 23 115 9 10 27 28 14 15 92 94 19 74 148 2651 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 32 90 7 102 3 262 2 25 3 102 4 8 213 7 107 3 375 2 495 11 1657 11 1058 3 833 4 8 546 7 26 3 20 2 35 1567 4 44 2 316 4 29 3 101 2 122 4 107 3 117 2 688 4 20 2 140 4 8 671 7 89 2 206 3 98 4 89 2 98 4 8 664 7 206 3 98 2 106 4 526 3 98 2 106 4 14 15 17 19 32 305 7 107 3 117 2 2328 4 5 90 2353 90 5 8 545 7 107 3 117 2 2305 4 5 90 2342 90 5 8 182 7 107 3 117 2 2294 4 5 90 2317 90 5 8 34 22 16 57 30 21 195 106 49 37 30 21 195 142 36 13 30 21 23 115 9 10 67 280 2638 12 107 3 117 50 2986 982 430 1443 333 38 277 12 29 9 2662 11 2169 21 1221 23 2062 104 3364 338 52 497 9 574 3471 12 29 11 152 1358 1024 5 768 450 152 3527 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1333 1628 36 64 3128 6 155 154 3 1020 6 146 3 3637 1333 1387 65 18 1939 6 2809 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 632 9 347 353 321 355 360 11 357 356 1172 1241 1184 2016 166 387 396 393 389 286 9 33 33 14 15 17 19 32 215 7 206 3 1413 2 1907 45 31 4 5 90 1624 11 501 11 1688 90 5 1413 2 1907 45 31 4 8 34 22 16 13 2479 12 95 38 3080 2 10 116 2141 6 1751 6 782 6 438 13 201 145 2 200 41 1413 127 21 99 337 50 274 273 9 10 27 28 14 15 17 16 37 2603 3 2107 1130 36 13 385 220 3430 129 551 104 12 2107 212 2 10 173 227 121 1883 1623 23 1781 2 119 1108 1938 6 2003 344 2206 1732 530 344 2205 1704 530 344 3698 6 3518 1646 530 344 2201 1612 530 1285 88 840 163 27 28 14 15 17 19 32 527 7 29 3 101 2 122 4 25 2 329 48 260 4 8 34 22 16 37 961 290 36 18 503 13 30 29 21 880 9 10 33 27 28 14 15 17 19 32 215 7 25 3 192 2 193 4 8 34 22 16 37 870 498 36 13 263 12 25 3 192 127 38 481 916 547 2 10 116 674 6 633 6 782 6 438 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 832 32 2289 7 176 2 171 4 8 35 905 7 70 3 86 2 259 4 8 35 1975 7 194 2 118 4 24 2 171 4 8 35 3268 7 70 2 56 4 44 2 56 4 8 2275 7 26 2 35 2455 4 25 2 96 48 35 2934 4 25 3 192 2 259 4 157 3 59 3 198 2 118 4 70 2 259 4 44 2 179 4 8 366 261 47 53 401 3 24 2 1273 31 7 35 1975 7 24 2 188 4 194 2 86 4 8 35 905 7 70 3 86 2 2333 4 8 8 34 22 16 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 970 383 410 226 311 3 1022 97 64 120 426 65 87 97 64 120 427 106 65 87 97 64 120 427 142 65 87 97 64 120 427 167 65 87 14 15 17 19 32 137 11 230 11 210 7 25 2 96 48 103 4 8 137 7 25 3 202 2 202 4 24 2 114 45 4 8 230 7 55 2 218 4 488 3 101 2 123 4 8 34 22 16 37 41 488 3 101 232 36 13 30 127 1482 12 488 877 53 662 109 11 123 11 150 594 31 52 12 174 50 210 150 230 9 10 365 132 131 299 130 131 411 130 131 871 130 172 132 113 625 112 113 532 112 113 611 114 112 172 14 15 17 16 690 742 6 781 6 739 6 771 48 35 809 476 124 197 99 169 12 184 711 838 318 298 709 46 724 6 31 4 298 718 46 710 6 31 4 1836 46 6 316 495 6 4 2924 1737 31 4 40 27 28 14 15 17 16 37 2585 620 36 13 41 201 135 1074 6 200 464 23 2019 135 266 9 10 13 385 220 278 12 401 47 283 703 38 332 2019 3475 50 12 135 266 2 10 173 227 121 1415 1328 53 478 106 47 330 31 2 119 88 1074 6 1428 6 1452 6 1993 6 3262 88 231 6 257 163 27 28 14 15 17 19 32 564 7 105 2 205 4 8 527 7 105 2 245 4 109 2 153 45 4 24 2 114 45 4 29 3 101 2 122 4 107 3 117 2 687 4 8 215 7 24 2 114 45 4 55 2 171 4 268 2 683 4 8 34 22 16 37 285 290 36 13 961 29 50 95 2 10 18 93 116 836 6 576 502 6 842 6 438 18 503 856 33 33 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 529 4 55 2 529 4 70 2 141 4 8 240 3 110 2 287 3 640 7 70 3 100 2 171 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 137 7 25 3 202 2 202 4 24 2 114 45 4 8 210 11 230 7 29 3 101 2 86 4 44 2 193 4 8 677 2 755 3 1158 31 7 26 3 20 2 35 894 4 8 34 22 16 37 1329 428 36 67 280 143 468 137 128 89 23 819 358 431 297 12 261 21 1070 359 38 89 12 1010 174 9 252 12 124 225 38 165 12 2983 13 368 481 23 468 137 11 332 23 247 54 53 662 58 31 104 201 176 3 559 2 171 200 541 12 137 54 2 10 18 3594 3 559 2 2742 365 132 131 251 346 130 131 331 346 130 131 973 130 131 973 130 131 973 130 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 70 2 141 4 8 1091 7 206 3 98 2 142 4 98 2 142 4 8 1255 7 206 3 98 2 106 4 98 2 106 4 8 1540 7 206 3 98 2 106 4 98 2 106 4 8 34 22 16 18 160 3 302 14 15 17 19 32 452 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 176 2 267 4 26 3 20 2 35 566 4 8 236 7 194 2 86 4 8 236 23 11 1254 7 89 2 156 3 149 4 20 2 140 4 29 3 101 2 122 4 44 2 492 178 4 29 3 221 2 118 4 8 236 23 2 151 11 339 2 151 1254 7 26 3 20 2 108 4 8 3238 7 89 2 156 3 149 4 8 339 3 174 7 89 2 118 4 105 2 245 4 26 3 20 2 35 1173 4 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 44 2 177 4 26 3 20 2 136 4 102 3 269 2 141 141 896 4 8 34 22 16 147 30 21 23 58 54 104 23 102 3 269 33 27 28 14 15 17 19 32 2038 7 25 3 59 2 48 4 25 3 24 2 196 4 8 2043 7 25 3 59 2 48 4 25 3 24 2 663 4 8 2042 7 25 3 59 2 242 4 25 3 24 2 179 4 8 2037 7 25 3 59 2 242 4 25 3 24 2 773 4 8 3390 7 25 3 59 2 433 4 25 3 24 2 177 4 8 3400 7 25 3 59 2 433 4 25 3 24 2 773 4 8 34 22 16 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 858 1613 36 13 263 12 1391 26 647 38 2069 6 1444 2172 715 6 2 10 67 1160 3 314 30 29 21 822 9 10 67 1160 3 921 30 29 899 772 9 10 67 1160 3 900 30 29 1204 51 1021 9 10 67 1160 3 3717 30 29 1204 23 3716 9 10 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 272 533 36 13 41 846 3 203 164 1834 23 301 203 2 10 18 155 3 304 134 199 6 155 154 3 314 854 133 134 199 6 155 154 3 314 975 133 134 199 6 155 154 3 314 1139 133 14 15 17 19 32 564 7 105 2 205 4 8 1545 7 105 2 245 4 109 2 193 4 86 2 178 4 107 3 117 2 687 4 8 215 7 24 2 114 45 4 55 2 171 4 268 2 683 4 8 34 22 16 37 285 290 36 13 494 51 29 38 129 95 50 12 109 86 583 2 10 18 93 116 836 6 576 502 6 842 6 438 18 1820 874 622 33 33 27 28 14 15 17 19 32 305 7 26 3 20 2 260 4 8 58 7 26 3 20 2 442 4 8 182 7 26 3 20 2 136 4 8 34 22 16 57 148 26 3 20 181 126 49 147 30 21 23 29 306 23 58 54 9 13 30 115 185 312 2035 26 20 9 10 1144 294 1221 50 12 58 54 9 33 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 8 1046 7 25 3 100 3 59 2 118 4 8 1041 7 25 3 100 3 59 2 242 4 8 1040 7 25 3 100 3 59 2 482 4 8 1049 7 25 3 100 3 59 2 48 4 8 1042 7 25 3 100 3 59 2 433 4 8 1044 7 25 3 100 3 59 2 587 4 8 1048 7 25 3 100 3 59 2 516 4 8 1045 7 25 3 100 3 59 2 590 4 8 1047 7 25 3 100 3 59 2 515 4 8 34 22 16 67 998 801 100 25 9 10 67 993 143 242 100 25 9 10 67 992 143 482 100 25 9 10 67 1001 143 48 100 25 9 10 67 994 143 433 100 25 9 10 67 996 143 587 100 25 9 10 67 1000 143 516 100 25 9 10 67 997 281 590 100 25 9 10 67 999 281 515 100 25 9 10 27 28 14 15 17 16 37 1728 383 104 2640 1618 36 226 2150 3 59 3 198 2 3551 97 381 87 97 384 87 97 572 87 343 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 32 213 7 105 2 205 4 8 3661 3 1469 7 109 2 144 4 105 2 296 4 8 1848 3 2124 58 7 55 2 328 4 14 15 17 19 32 215 7 24 2 114 45 4 8 34 22 16 37 1348 5 1656 1611 150 1718 1110 36 13 41 287 95 2197 12 24 212 53 324 38 1552 598 31 11 987 12 59 50 12 1013 671 3382 152 11 47 1482 12 24 38 114 45 9 10 116 2132 6 1354 1316 6 3727 6 3097 13 41 918 95 2197 12 59 212 38 324 12 24 38 1552 598 11 217 128 99 191 3381 241 12 59 50 12 1013 671 2 10 116 2132 6 1354 1316 6 2152 27 28 14 15 17 19 32 1458 7 26 2 35 3020 4 44 2 144 4 8 452 7 26 2 35 2347 4 44 2 144 4 8 1458 236 7 26 2 35 3021 4 44 2 196 4 70 3 86 2 688 4 8 452 236 7 26 2 35 2778 4 70 2 196 4 8 34 22 16 57 1340 1671 538 1119 2 49 956 97 381 87 97 384 87 97 570 571 87 616 14 15 17 16 690 742 6 781 6 739 6 771 48 35 2771 476 124 197 99 169 12 184 711 417 9 2386 318 298 709 46 724 6 31 4 298 718 46 710 6 31 4 1394 46 6 35 1309 6 4 2920 31 4 40 27 28 14 15 17 19 32 215 7 105 2 245 4 86 2 364 4 109 2 364 4 420 3 467 2 1084 4 8 34 22 16 57 30 21 23 195 49 116 1062 6 841 6 1178 13 2441 12 95 185 23 420 3 467 52 1084 11 152 128 191 1198 2751 12 29 9 10 27 28 14 15 17 19 32 215 7 25 2 96 48 35 334 4 25 3 192 2 259 4 44 2 196 4 24 2 309 4 8 34 22 16 37 1722 498 36 13 263 12 25 127 38 481 2173 547 2 10 116 674 6 633 6 2153 27 28 14 15 17 19 32 58 7 26 3 20 2 35 813 4 24 2 188 4 55 2 218 4 25 2 96 242 103 4 176 2 267 4 8 34 22 16 37 148 1132 36 13 538 12 267 522 11 12 176 21 1385 11 47 12 2087 52 12 174 21 267 2 10 13 300 38 762 12 176 127 38 2192 658 152 929 9 10 147 385 220 278 12 176 127 325 308 927 38 335 1154 282 52 12 1026 9 41 176 127 315 558 738 297 174 1039 129 54 421 102 9 33 27 28 14 15 17 16 37 1698 531 36 317 88 679 6 1946 6 909 6 2203 121 1885 1677 119 138 88 679 6 1944 6 909 6 2202 121 1884 1645 119 138 88 679 6 1948 6 909 6 2204 121 1886 1690 119 163 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 1335 458 49 13 41 511 181 128 764 50 23 2346 45 553 162 359 11 663 47 660 374 9 802 816 359 374 11 152 128 554 53 114 45 24 31 9 10 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 447 6 158 3 20 2 843 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 878 14 15 17 19 32 23 2 223 7 20 2 260 4 26 3 20 2 418 4 29 3 221 2 118 4 8 23 2 557 7 20 2 1197 4 26 3 20 2 418 4 29 3 221 2 118 4 8 23 2 151 7 20 2 108 4 26 3 20 2 418 4 29 3 221 2 1242 4 8 23 2 460 7 20 2 136 4 26 3 20 2 418 4 29 3 221 2 1242 4 8 34 22 16 37 865 1119 36 13 385 220 638 12 295 715 52 746 10 64 1923 6 469 184 498 65 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1614 162 531 36 134 199 6 155 154 3 314 868 161 881 946 159 133 134 199 6 155 154 3 921 977 161 881 167 159 133 134 199 6 155 154 3 2935 2487 161 881 330 159 133 33 14 15 17 19 32 1536 7 26 3 20 2 2177 4 20 2 140 4 25 2 179 48 103 4 70 2 144 4 44 2 144 4 8 34 22 16 18 991 37 499 36 13 499 21 12 637 52 966 9 10 33 18 991 37 867 36 13 867 21 12 637 52 1650 9 10 33 18 991 37 979 36 13 979 21 12 637 52 1664 9 10 33 27 28 14 15 17 19 32 1463 7 44 3 86 2 142 581 4 8 1464 7 44 3 86 2 153 45 4 8 34 22 16 57 41 44 3 86 232 49 13 30 21 23 29 104 237 86 44 9 10 67 1378 30 29 185 23 86 44 52 142 581 9 10 67 1379 30 29 185 23 86 44 52 153 45 9 10 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 32 90 7 102 3 262 2 25 3 102 4 8 937 7 89 2 98 4 98 3 326 2 326 4 8 563 7 98 2 422 45 4 44 2 144 4 8 366 261 47 53 283 3 24 2 949 31 7 563 7 98 2 153 45 4 8 8 366 261 47 53 283 3 24 2 457 31 7 937 7 98 3 650 2 233 4 8 8 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 972 800 1685 36 13 800 2022 220 477 191 2014 53 23 378 288 306 23 378 288 31 2 10 138 18 884 18 322 3 1027 116 1217 6 322 3 288 6 1224 33 18 322 3 708 853 322 3 657 1125 1638 1109 789 1694 162 1310 1559 11 1264 238 1105 615 13 190 222 180 224 219 11 373 293 234 11 250 214 435 307 439 166 440 229 168 249 632 9 10 493 972 378 288 489 18 884 18 322 3 1027 116 2133 6 322 3 288 6 1224 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 798 1138 36 13 41 208 264 2113 135 303 104 544 3112 521 1539 3 903 47 1539 3 673 2 10 317 18 246 3 304 121 3049 1122 135 119 88 246 3 282 6 3175 6 2187 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1322 71 36 493 2658 12 3276 104 23 301 489 134 199 6 155 154 3 1020 154 3 903 6 146 3 3641 6 146 3 3618 2589 1322 133 493 1322 489 18 2830 1411 6 3182 6 3490 14 15 17 16 37 184 866 36 13 184 746 294 1005 104 12 23 417 2 10 64 1180 30 21 23 223 65 27 28 14 15 17 19 32 3200 7 488 3 101 2 109 4 8 3199 7 488 3 101 2 594 4 8 3196 7 488 3 101 2 123 4 8 34 22 16 13 281 116 1220 6 1150 6 1247 6 1015 95 104 23 295 877 9 10 138 13 281 116 1002 6 1220 6 1150 6 1247 6 1015 95 104 23 109 877 9 10 138 13 281 116 2828 6 1220 6 1150 6 1247 6 1015 95 104 23 594 877 9 10 138 13 281 116 2800 6 1220 6 1150 6 1247 6 1015 95 104 23 123 877 9 10 27 28 14 15 17 19 32 90 7 29 3 101 2 122 4 20 2 256 4 8 34 22 16 57 255 930 126 49 13 1644 54 162 12 284 128 191 1148 241 12 59 9 10 67 1427 1127 1070 126 10 13 1294 444 126 10 27 28 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 196 4 8 34 22 16 380 416 132 131 299 130 131 411 130 131 692 130 172 132 113 695 112 113 627 112 113 153 112 172 132 113 860 112 113 971 112 113 1281 112 172 132 113 1125 112 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2452 36 13 41 2244 164 899 12 1395 284 421 3250 1081 23 3323 3116 2 10 226 1796 97 64 120 426 65 87 97 64 120 2606 65 87 97 64 120 1692 65 87 271 412 2665 87 343 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 1023 3 174 2 518 3 541 4 1023 3 174 2 518 3 541 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1639 1133 36 13 368 748 12 1229 2176 11 332 12 146 3 1237 6 212 38 812 223 9 1720 332 23 1094 3 2044 164 104 23 1514 1315 239 1408 1227 47 326 1234 306 23 58 54 104 164 1094 3 174 9 10 226 579 664 3 2050 271 412 64 146 3 1237 6 1425 426 65 87 97 64 146 3 1237 6 1921 427 106 65 87 97 64 146 3 1237 6 3129 427 142 65 87 14 15 17 16 954 2174 23 656 41 922 618 36 67 2174 23 3643 1323 204 217 115 11 38 89 12 922 212 348 23 924 9 10 27 28 14 15 17 19 32 58 7 25 2 96 48 103 4 70 2 342 4 26 3 20 2 442 4 8 34 22 16 37 41 70 834 127 3 106 522 36 147 30 58 54 185 23 109 11 123 11 86 11 47 100 70 52 342 9 33 617 27 28 14 15 17 16 13 1705 348 20 209 6 1723 6 2 10 207 158 3 20 2 914 11 1103 11 2369 914 11 1103 11 1278 31 49 207 158 3 2881 35 3018 49 207 158 3 20 2 1935 11 114 45 11 2365 1935 11 114 45 11 1275 45 31 49 13 1705 348 20 209 6 1723 6 11 987 153 45 418 2 10 207 158 3 20 2 765 11 1103 11 1278 11 1548 765 11 1103 11 1278 11 684 31 49 207 158 3 20 2 1936 11 114 45 11 1275 45 11 1548 1936 11 114 45 11 1275 45 11 684 31 49 13 319 2697 38 12 3429 20 1453 11 715 220 191 552 521 1696 11 2537 11 1653 11 150 815 418 715 521 1697 150 2538 20 556 9 10 27 28 14 15 17 19 32 215 7 194 2 100 4 8 34 22 16 13 319 12 115 264 11 454 335 575 129 95 104 59 189 194 2 100 183 9 41 764 21 125 12 95 128 194 38 12 100 50 12 115 9 10 1600 1062 6 841 6 1178 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 10 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1303 869 1296 36 13 41 1391 647 715 12 600 1356 2 10 18 886 18 885 3 431 600 3 431 3 772 6 915 6 369 3 1520 6 369 3 1076 6 369 3 1075 6 1065 1269 45 1306 53 772 31 33 14 15 17 16 37 285 348 23 865 36 13 41 95 21 23 223 9 385 220 1003 162 152 9 10 64 1922 116 920 6 1748 2183 6 2154 65 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 3 20 2 108 4 310 3 209 2 181 4 310 3 893 2 942 4 8 790 181 7 376 7 26 3 20 2 108 4 8 38 7 26 3 20 2 136 4 8 8 34 22 16 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 147 33 13 189 145 2 183 574 129 310 21 3027 11 152 1787 879 38 312 757 59 9 10 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 101 3 591 2 98 3 1405 4 101 3 591 2 98 3 1405 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 196 4 29 3 101 2 86 4 8 34 22 16 37 428 2460 36 13 368 332 23 988 38 23 137 11 278 12 988 417 9 10 380 416 1590 2576 3506 1575 132 131 1680 130 131 871 130 172 132 113 1663 112 113 611 114 112 172 132 113 1310 112 113 611 153 112 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 2610 47 2609 49 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 447 351 3 673 3 2073 6 158 3 20 2 661 258 3 447 258 3 673 3 2073 33 18 228 3 919 351 3 673 3 2072 6 158 3 20 2 1025 258 3 919 258 3 673 3 2072 33 33 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 458 49 13 30 181 2941 23 943 45 553 162 359 11 663 47 660 374 9 802 816 359 374 11 152 128 554 53 114 45 24 31 9 10 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 1060 6 158 3 20 2 843 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 878 14 15 17 16 207 675 2 2760 3 101 2 712 30 21 23 195 49 67 675 2 831 30 21 23 115 9 10 27 28 14 15 17 19 32 1233 7 24 2 114 45 4 55 2 309 4 44 2 341 144 4 102 3 262 2 25 3 102 4 25 2 179 48 35 989 4 25 3 192 2 259 4 26 3 20 2 35 3013 4 107 3 117 2 178 4 277 2 118 4 8 34 22 16 13 201 978 2 200 263 12 277 127 38 3433 3620 376 1763 3470 53 1846 12 6 3073 6 50 12 123 100 583 31 2 10 317 2425 475 29 561 1286 163 27 28 14 15 17 32 340 7 105 2 205 4 89 2 156 3 149 4 25 3 123 2 96 242 103 4 8 340 491 7 523 2 267 4 24 2 565 4 26 3 20 2 103 4 20 2 35 484 4 29 3 101 2 122 4 25 3 192 2 528 4 44 2 196 56 4 5 90 1134 12 924 90 5 105 2 245 4 420 3 467 2 106 4 109 2 114 45 4 86 2 153 45 4 70 3 86 2 1085 4 8 340 2 151 491 7 523 2 524 4 8 34 689 603 3 101 2 712 37 1117 873 36 13 623 12 549 204 12 29 264 2 10 18 1163 204 444 14 15 17 16 37 41 1396 965 36 13 41 1396 54 315 23 157 52 1051 3 1005 3377 239 129 135 54 9 10 173 227 88 3244 6 3302 1591 3161 344 3690 2513 344 3688 344 3686 344 3694 344 3695 1576 88 840 163 13 189 145 2 183 41 1396 417 21 99 337 50 501 1471 1521 2311 9 10 27 28 14 15 17 19 32 240 3 247 7 89 2 98 4 98 3 326 2 1036 4 26 3 20 2 2498 4 8 240 3 247 1533 7 26 3 20 2 35 731 4 24 2 153 45 4 70 2 141 4 29 3 101 2 122 4 248 3 55 2 529 4 107 3 117 2 316 4 8 34 22 16 57 2520 1297 49 18 160 3 302 18 1795 855 106 3 30 21 51 29 38 748 1499 125 12 174 817 2080 2163 9 30 21 51 29 38 748 1499 125 12 174 817 2080 2163 9 33 18 1795 855 142 3 320 55 128 3033 855 106 9 33 33 13 300 38 277 12 124 225 38 165 12 3030 1026 9 10 13 201 145 2 200 2519 21 99 337 50 274 273 408 150 265 338 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 791 869 1114 36 18 886 18 885 3 431 6 915 6 369 3 2207 6 369 3 1076 6 369 3 1075 6 2155 161 1813 3 3374 1568 45 1306 159 33 33 14 15 17 16 13 30 21 2422 3610 2399 29 9 10 27 28 14 15 17 19 32 58 7 283 3 24 2 1102 4 55 2 111 4 26 3 20 2 599 4 8 34 22 16 37 699 12 283 3 24 52 129 54 36 147 30 58 54 185 23 55 52 111 47 23 283 3 24 52 1102 9 33 13 252 12 124 225 38 165 12 175 9 10 27 28 14 15 17 19 32 58 7 25 2 96 48 103 4 70 2 342 218 4 26 3 20 2 442 4 8 34 22 16 37 41 70 834 127 3 142 556 36 147 30 58 54 185 23 109 47 123 70 52 342 11 47 23 100 47 86 70 52 218 9 33 617 27 28 14 15 17 19 32 58 7 26 3 20 2 400 4 24 2 170 4 25 2 177 48 260 4 44 2 218 4 70 2 144 4 8 34 22 16 37 2490 12 855 2575 36 13 41 148 102 3277 21 2998 23 102 125 3736 541 1408 184 54 9 621 1830 52 2 542 11 44 11 1189 11 47 12 1739 174 9 10 147 30 29 21 12 174 52 12 102 9 1144 335 575 23 218 44 11 144 70 47 23 177 260 25 9 347 353 321 355 360 11 357 356 1172 1241 1184 2016 166 387 396 393 389 286 9 619 2739 3214 180 50 3466 50 3709 680 651 2786 168 652 3060 379 3407 9 2512 3533 3338 2926 3332 3436 11 3609 50 2925 668 3341 2946 3278 2719 377 391 2999 3225 9 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 2427 49 13 41 2687 54 21 243 38 1980 555 129 2688 150 2693 2 10 13 41 1587 2175 1654 1689 1733 1573 1523 1894 50 1560 9 10 33 27 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 383 533 538 2561 2556 36 18 311 3 304 64 276 6 35 6 311 3 203 3 139 251 110 65 64 276 6 35 6 311 3 203 3 139 1137 110 65 64 276 6 35 6 311 3 203 3 139 1140 110 65 33 14 15 17 19 32 2040 7 140 3 518 2 1036 4 24 2 188 4 25 2 96 48 35 686 4 176 2 267 4 29 3 176 2 714 4 8 2041 7 140 3 518 2 1036 4 24 2 188 4 25 2 96 48 35 686 4 176 2 267 4 29 3 176 2 1861 4 8 34 22 16 57 41 29 3 176 232 49 13 41 511 520 1467 480 23 1030 29 125 128 99 510 50 12 102 9 10 37 29 3 176 2 714 2 36 67 1815 30 21 51 1030 29 125 128 99 510 50 12 102 10 37 29 3 176 2 1861 2 36 67 1816 30 21 51 1030 29 125 128 99 510 50 12 102 10 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 98 3 326 2 326 3 913 4 98 3 326 2 326 3 913 4 24 2 170 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 681 7 233 3 24 2 111 4 8 34 22 16 18 713 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 619 705 419 507 743 180 50 740 50 779 680 651 751 286 11 419 589 168 652 736 379 734 349 776 730 229 700 229 744 756 723 668 707 760 747 783 722 704 727 168 604 735 379 733 9 697 745 307 719 769 754 729 551 717 753 659 725 377 391 761 749 758 732 759 702 9 33 27 28 14 15 17 16 957 3098 6 3734 2405 2412 3170 6 3740 45 6 3748 45 6 3741 45 6 3749 1603 3342 45 6 2151 3 20 2 3481 3 2031 6 785 1603 3343 45 6 2151 3 20 2 3480 3 2031 6 785 2393 2388 2407 2929 6 2932 6 3503 6 3505 6 3024 31 6 785 2424 3023 6 107 3 3537 6 107 3 3015 6 2227 6 3751 628 11 362 124 197 99 169 156 974 9 950 27 28 14 15 17 19 32 35 2077 7 25 3 192 2 177 218 316 196 4 26 2 35 424 4 44 2 144 4 24 2 188 4 55 2 309 4 8 35 2078 7 25 3 192 2 177 218 316 4 26 2 35 424 4 44 2 144 4 24 2 188 4 55 2 309 4 8 35 2079 7 25 3 192 2 177 218 4 26 2 35 424 4 44 2 144 4 24 2 188 4 55 2 309 4 8 35 3448 7 25 3 192 2 177 4 26 2 35 424 4 44 2 144 4 24 2 188 4 55 2 309 4 8 34 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 32 889 7 26 3 20 2 136 4 44 2 144 4 8 366 261 47 53 283 3 24 2 457 31 7 889 7 89 2 118 4 8 8 34 22 16 37 2546 303 162 544 261 1487 36 18 1375 71 792 9 33 13 574 12 124 421 24 21 457 525 150 593 11 3115 12 58 54 9 252 12 124 225 38 165 12 175 9 10 27 28 14 15 17 16 207 603 3 101 2 712 856 367 49 67 603 3 101 2 712 856 115 9 10 27 28 14 15 17 16 57 41 602 54 49 13 320 3281 185 161 675 2 2759 3 1245 2 1770 256 159 1874 47 514 1174 185 161 675 2 2936 3 1245 2 1770 1839 260 159 1874 9 10 27 28 14 15 17 19 32 339 7 105 2 205 4 89 2 156 3 149 4 8 339 3 174 7 89 2 118 4 105 2 245 4 26 3 20 2 35 1173 4 401 3 24 2 1262 4 102 3 269 2 364 193 178 364 1476 31 4 420 3 467 2 106 4 8 339 2 151 339 3 174 7 89 2 149 4 8 2261 7 44 2 177 4 29 3 101 2 122 4 8 34 22 16 37 964 285 36 13 623 12 549 204 12 95 264 38 1038 12 352 174 9 10 18 642 116 1216 6 576 502 6 841 6 1015 14 15 17 16 37 2611 620 36 67 280 1307 162 124 169 2 41 135 198 6 3445 6 220 191 1169 348 23 3538 2901 173 804 6 1990 121 3052 2667 53 478 56 47 153 31 2 119 88 2185 6 3190 6 3320 6 1992 6 3264 88 231 6 257 163 27 28 14 15 17 19 32 35 1006 7 26 3 95 2 609 31 11 1517 31 4 26 3 105 2 100 123 11 86 109 4 26 3 216 2 237 3 216 11 216 4 44 2 177 4 8 34 22 16 57 1128 1613 49 13 41 511 58 54 185 520 26 547 2 10 18 1018 57 190 799 793 49 13 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 10 13 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 10 33 27 28 14 15 17 19 32 3389 7 20 2 108 4 8 34 22 16 13 30 21 23 115 9 10 13 30 21 23 115 9 10 67 1802 382 461 544 9 10 13 30 21 23 115 9 10 67 1802 382 461 544 1070 9 10 27 28 14 15 17 19 32 182 7 89 2 156 4 8 34 22 16 13 1721 520 1467 3067 156 1772 11 47 152 1205 50 10 13 237 2955 478 12 520 303 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 1107 506 665 3 3213 665 3 296 3 2768 18 350 3 354 18 506 3 656 64 506 3 1156 6 120 1145 65 33 226 579 665 3 1193 271 412 64 120 426 65 87 14 15 17 16 690 742 6 781 6 739 6 771 48 35 809 476 124 197 99 169 12 184 711 838 318 298 709 46 724 6 31 4 298 718 46 710 6 31 4 784 1121 818 298 1177 46 2917 31 4 1908 6 31 4 1909 6 31 4 784 1311 104 818 1394 46 1177 4 1835 31 4 40 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 500 367 36 18 388 597 3 463 18 388 3 657 500 367 33 18 388 3 708 500 1120 33 33 33 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 285 36 13 41 1090 3 468 164 1188 12 95 767 2015 38 12 912 54 53 277 12 124 225 38 165 12 175 31 2 10 116 883 3 468 6 2134 6 2702 6 2225 6 1915 33 27 14 15 17 19 32 2685 292 7 26 3 20 2 136 4 8 34 22 16 37 148 459 2735 6 292 537 36 13 41 223 104 1231 6 817 23 136 26 2 10 64 1180 2211 65 64 1924 6 469 1847 65 64 1925 6 1066 2226 65 27 28 14 15 17 19 32 681 7 233 3 584 2 167 4 8 34 22 16 18 713 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 619 705 419 507 743 180 50 740 50 779 680 651 751 286 11 419 589 168 652 736 379 734 349 776 730 229 700 229 744 756 723 668 707 760 747 783 722 704 727 168 604 735 379 733 9 697 745 307 719 769 754 729 551 717 753 659 725 377 391 761 749 758 732 759 702 9 33 27 28 14 15 17 19 32 562 7 26 3 20 2 35 244 4 5 90 797 90 5 25 2 118 4 20 2 140 4 44 2 177 787 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 70 2 259 179 4 585 2 666 4 8 934 7 107 3 117 2 141 4 8 935 7 107 3 117 2 341 4 8 1252 7 107 3 117 2 178 4 8 1534 7 107 3 117 2 144 4 8 1535 7 107 3 117 2 1099 4 8 34 22 16 37 272 1334 36 13 857 12 107 117 52 23 301 104 12 107 3 117 127 2 10 134 462 1363 141 133 134 462 1364 341 133 134 462 1365 178 133 134 462 1777 144 133 134 462 1778 1099 133 27 28 14 15 17 16 37 41 1500 618 36 64 1928 6 469 1346 875 126 65 13 473 1231 6 11 12 223 128 1038 50 23 827 124 225 150 1227 9 10 27 28 14 15 17 19 32 1458 7 808 3 2086 2 671 4 157 3 59 3 198 2 118 4 8 3239 7 808 3 3204 2 671 4 174 2 2906 11 6 9 6 31 6 6 4 8 34 22 16 956 97 110 87 271 280 110 956 97 110 87 97 110 87 271 280 110 956 97 110 87 97 110 87 97 110 87 616 87 97 110 87 616 87 97 110 87 97 110 87 616 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 862 208 36 173 246 3 819 6 227 18 246 3 304 121 1800 3 486 351 3 1489 6 737 794 2 119 18 228 3 1211 88 678 6 246 3 282 6 741 6 1050 586 6 1033 14 15 17 19 32 2189 7 157 3 59 3 105 2 829 4 8 2190 7 157 3 59 3 105 2 306 4 8 34 22 16 57 41 157 3 59 3 105 232 49 37 157 3 59 3 105 2 829 53 295 31 2 36 226 1369 97 381 3 143 1773 726 1201 376 2093 1825 1762 11 780 294 12 2106 52 1764 376 12 1627 2053 87 97 384 3 281 1758 1765 1827 1201 241 2059 1422 150 1769 2212 204 1838 1185 52 12 1621 2115 11 129 1871 2114 53 1776 31 2010 38 1609 87 97 570 571 3 143 1782 2125 726 2064 241 41 570 3 571 1305 9 41 726 421 209 2081 38 520 52 312 757 1956 11 780 2214 1970 2020 53 23 1490 52 1779 31 47 1824 1185 87 343 37 157 3 59 3 105 2 306 2 36 226 1794 97 381 3 143 1773 726 1201 376 2093 1825 1762 11 780 294 12 2106 52 1764 376 12 1627 2053 87 97 384 3 281 1758 1765 1827 1201 241 2059 1422 150 1769 2212 204 1838 1185 52 12 1621 2115 11 129 1871 2114 53 1776 31 2010 38 1609 87 97 570 571 3 143 1782 2125 726 2064 241 41 570 3 571 1305 9 41 726 421 209 2081 38 520 52 312 757 1956 11 780 2214 1970 2020 53 23 1490 52 1779 31 47 1824 1185 87 343 14 15 17 19 32 90 7 102 3 262 2 25 3 102 4 8 1090 3 247 7 194 2 86 4 24 2 1267 45 4 44 2 196 4 8 1087 7 174 2 6 6 4 580 2 543 4 89 2 137 4 8 34 22 16 37 498 1710 241 1710 36 13 1647 547 601 241 601 2 10 18 1799 18 883 3 302 116 1216 6 1749 6 416 33 18 883 3 302 116 1492 6 1353 6 416 33 18 883 3 302 116 2135 6 1750 6 416 33 14 15 17 19 32 1239 7 44 2 193 178 4 157 3 59 2 118 4 26 3 20 2 35 813 4 8 1239 236 7 89 2 156 4 8 1239 3237 2 985 7 44 2 193 4 20 2 103 4 174 2 6 2290 6 4 8 1239 236 23 7 20 2 260 4 8 34 22 16 37 2451 573 36 226 1796 97 64 120 426 65 87 97 64 120 1692 65 87 97 64 120 2647 940 65 87 97 2555 87 343 27 28 14 15 17 16 37 2562 1635 620 36 13 41 201 135 1073 3 1440 6 200 315 23 720 47 774 135 266 11 104 237 774 2233 9 10 173 227 121 3040 1115 53 720 47 774 31 2 119 88 1073 3 1440 6 3157 6 3301 88 231 6 257 163 13 201 145 2 200 1073 3 1440 6 21 99 337 50 1123 11 501 150 274 273 848 53 150 265 31 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1301 36 13 41 1090 3 1159 164 3525 12 95 38 23 1159 53 99 1355 50 1659 31 2 10 116 2131 6 883 3 1159 6 576 502 6 2223 6 1913 33 27 14 15 17 19 32 213 7 26 3 20 2 1978 4 8 305 7 20 2 3257 4 70 3 86 2 471 4 8 34 22 16 57 30 21 23 195 49 13 30 21 23 115 9 10 27 28 14 15 17 19 32 490 3 247 7 89 2 235 4 235 3 512 2 141 4 26 3 20 2 35 849 4 44 2 141 4 8 490 3 110 7 26 3 20 2 765 11 470 11 470 11 685 31 4 29 3 101 2 122 4 44 2 144 4 107 3 117 2 316 4 8 1091 7 235 3 233 2 106 5 602 142 4 235 3 1207 2 106 4 8 1255 7 235 3 233 2 167 4 235 3 1207 2 106 5 602 142 4 8 1541 7 235 3 233 2 106 5 602 167 4 235 3 1207 2 167 4 8 34 22 16 14 15 17 19 32 35 1449 7 26 3 20 2 442 4 20 2 103 4 44 2 471 4 29 3 101 2 122 4 8 34 22 16 37 41 377 391 618 36 13 263 148 38 59 129 54 104 12 377 391 6 1449 6 2 10 207 1426 320 969 49 27 28 14 15 17 16 37 290 266 36 13 41 201 135 187 6 200 464 23 550 3 248 29 135 266 2 10 173 227 121 397 251 209 2 119 138 88 187 6 398 6 2004 121 465 331 209 2 119 138 88 187 6 466 6 1035 88 231 6 257 163 13 145 125 12 208 1964 21 99 524 9 10 13 1293 2017 125 12 295 24 52 23 29 266 21 456 1368 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1735 36 18 2857 791 1735 33 33 27 28 14 15 17 19 32 35 1421 7 24 2 1272 4 55 2 1101 4 26 2 2196 31 56 56 4 8 35 828 7 24 2 1270 4 55 2 1101 4 26 2 2196 31 2240 56 4 8 34 22 16 116 3173 6 2137 6 2220 6 1912 116 3183 6 2137 6 2220 6 1912 27 28 14 15 17 19 32 215 7 24 2 188 4 55 2 170 4 288 3 510 2 1004 4 288 3 105 2 940 45 114 45 4 8 34 22 16 37 630 288 3 105 36 116 674 6 633 6 610 6 438 27 28 14 15 17 16 13 1298 1518 3210 2074 1981 541 12 1473 54 9 10 13 876 421 3071 21 38 2 2420 2453 23 1416 2215 2048 3247 50 3090 104 1454 9 1585 10 27 28 14 2540 17 19 32 35 811 7 24 2 1100 4 55 2 947 4 44 2 141 4 25 2 96 48 35 2686 4 8 34 318 275 2700 31 7 1870 53 31 4 8 275 2978 31 7 3001 6 11 3003 31 4 8 275 2979 31 7 1870 53 31 4 298 146 46 3000 6 31 4 3002 31 31 4 8 40 22 16 13 2501 12 875 95 823 12 3453 2 10 18 3165 6 3372 31 6 3371 33 138 14 15 17 19 32 564 7 105 2 205 4 8 2243 7 105 2 245 4 123 2 193 4 100 2 178 4 107 3 117 2 687 4 8 215 7 24 2 114 45 4 55 2 171 4 268 2 683 4 8 34 22 16 37 285 290 36 13 494 51 29 38 129 95 50 12 123 100 583 2 10 18 93 116 836 6 576 502 6 842 6 438 18 2802 1117 626 33 33 27 28 14 15 17 16 37 263 474 38 857 290 36 13 30 181 3738 6 255 474 126 6 823 129 184 54 104 1939 6 2 10 67 1017 10 318 1403 46 6 255 474 126 6 4 40 27 28 14 15 17 19 32 135 7 24 2 114 45 4 8 34 22 16 13 143 1010 3 24 135 266 2 10 317 121 397 251 346 119 88 187 6 398 6 1192 163 27 28 14 15 17 19 32 215 7 24 2 188 4 55 2 170 4 288 3 510 2 1412 4 8 34 22 16 37 630 288 3 510 2 1412 4 36 116 674 6 633 6 610 6 438 27 28 14 15 17 19 32 459 2858 6 292 7 26 2 136 4 8 34 22 16 37 148 459 2736 6 292 537 36 207 1002 3 656 1734 49 67 1002 3 1232 255 930 126 10 67 1819 1608 308 1974 148 1110 10 27 28 14 15 17 19 32 213 7 20 2 256 4 8 305 7 20 2 260 4 8 34 22 16 57 30 21 195 106 49 13 30 21 129 3379 115 9 624 125 217 29 21 256 9 41 295 29 20 239 23 284 21 1005 50 12 213 672 9 10 13 1113 115 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 1679 458 49 13 41 511 181 128 764 50 23 943 45 553 162 663 47 660 374 9 802 359 53 47 816 359 31 374 11 152 128 577 554 53 114 45 31 9 10 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 825 6 158 3 20 2 843 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 878 14 15 17 16 57 41 135 2051 212 49 13 41 2051 212 315 23 3526 3118 125 2945 12 3009 522 52 129 135 266 9 10 173 227 121 1887 795 23 2049 1456 2 119 88 1509 6 1949 6 2007 6 2052 3 1271 3 1276 6 2047 3 1572 3 1571 3 2381 88 231 6 257 163 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 2266 7 206 3 595 2 1084 4 595 2 1084 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 110 3028 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 1327 71 410 64 276 6 35 6 923 6 146 3 839 6 146 3 1390 1389 472 1127 65 138 64 276 6 35 6 923 6 146 3 839 6 146 3 3649 6 146 3 1390 1389 534 204 444 65 33 318 14 15 17 19 32 527 7 29 3 101 2 122 4 8 211 7 89 2 156 3 149 4 8 211 23 7 20 2 103 4 194 2 86 4 44 2 193 178 4 29 3 221 2 118 4 254 2 26 3 20 933 4 25 2 96 48 35 334 4 70 2 56 259 4 8 211 539 7 26 3 20 2 35 244 4 20 2 140 4 25 2 96 48 35 244 4 8 211 23 2 151 2 487 31 7 26 3 20 2 35 334 4 8 34 22 16 37 856 573 36 18 503 14 15 17 19 32 681 7 233 3 584 2 167 4 233 3 512 2 471 4 233 3 670 3 59 2 48 4 8 34 22 16 18 713 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 619 705 419 507 743 180 50 740 50 779 680 651 751 286 11 419 589 168 652 736 379 734 349 776 730 229 700 229 744 756 723 668 707 760 747 783 722 704 727 168 604 735 379 733 9 697 745 307 719 769 754 729 551 717 753 659 725 377 391 761 749 758 732 759 702 9 33 27 28 14 15 17 19 32 35 655 7 55 2 111 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 3075 11 108 11 136 31 4 8 35 1418 7 55 2 111 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 1905 11 108 11 136 31 4 8 35 1903 7 55 2 111 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 3076 11 108 11 136 31 4 8 35 1904 7 55 2 111 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 3074 11 108 11 136 31 4 8 34 22 16 14 15 17 19 32 137 11 230 11 210 7 25 2 96 48 103 4 8 137 7 25 3 202 2 202 4 24 2 114 45 4 8 210 7 29 3 101 2 86 4 8 34 22 16 37 41 29 3 101 232 36 13 30 127 1482 12 819 877 53 662 86 11 100 11 150 122 31 52 12 174 50 210 150 230 9 10 365 132 131 299 130 131 411 130 131 871 130 172 132 113 625 112 113 532 112 113 611 114 112 172 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 255 291 126 49 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 2231 351 3 1986 6 158 3 20 2 831 258 3 2231 258 3 1986 33 18 228 3 2228 351 3 1985 6 158 3 20 2 661 258 3 2228 258 3 1985 33 33 14 15 17 19 32 182 2 287 3 640 7 20 2 256 4 8 34 22 16 13 30 21 51 29 9 10 13 30 21 51 29 9 10 27 28 14 15 17 16 493 2497 99 89 217 349 12 3279 116 2762 6 2140 6 2713 489 27 28 14 15 17 19 32 1041 7 25 3 59 2 242 4 8 1040 7 25 3 59 2 482 4 8 1049 7 25 3 59 2 48 4 8 1042 7 25 3 59 2 433 4 8 1044 7 25 3 59 2 587 4 8 1048 7 25 3 59 2 516 4 8 1045 7 25 3 59 2 590 4 8 1047 7 25 3 59 2 515 4 8 1046 7 25 3 59 2 118 4 8 3391 7 25 3 59 2 267 4 8 3395 7 25 3 59 2 242 482 48 433 4 8 34 22 16 37 41 25 3 59 232 36 13 30 127 315 558 3219 52 25 38 89 2 10 67 993 143 242 25 9 10 67 992 143 482 25 9 10 67 1001 143 48 25 9 10 67 994 143 433 25 9 10 67 996 143 587 25 9 10 67 1000 143 516 25 9 10 67 997 281 590 25 9 10 67 999 281 515 25 9 10 67 998 801 25 9 10 67 1806 143 267 25 9 10 67 2829 143 3275 25 9 10 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 1133 538 964 427 410 226 579 664 3 1469 664 3 3568 271 412 64 120 426 65 87 271 642 64 504 3 605 6 146 3 1502 6 120 427 106 161 641 159 65 226 504 3 826 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 100 3 24 2 177 4 8 34 22 16 13 189 145 2 183 41 6 25 3 100 3 24 6 127 197 99 361 297 152 21 243 983 9 263 12 6 25 3 59 6 127 38 324 12 542 287 9 10 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 8 1046 7 25 3 86 3 59 2 118 4 8 1041 7 25 3 86 3 59 2 242 4 8 1040 7 25 3 86 3 59 2 482 4 8 1049 7 25 3 86 3 59 2 48 4 8 1042 7 25 3 86 3 59 2 433 4 8 1044 7 25 3 86 3 59 2 587 4 8 1048 7 25 3 86 3 59 2 516 4 8 1045 7 25 3 86 3 59 2 590 4 8 1047 7 25 3 86 3 59 2 515 4 8 34 22 16 67 998 801 86 25 9 10 67 993 143 242 86 25 9 10 67 992 143 482 86 25 9 10 67 1001 143 48 86 25 9 10 67 994 143 433 86 25 9 10 67 996 143 587 86 25 9 10 67 1000 143 516 86 25 9 10 67 997 281 590 86 25 9 10 67 999 281 515 86 25 9 10 27 28 14 15 17 16 37 630 41 377 391 618 50 474 36 13 474 220 2692 129 54 104 23 552 377 391 241 521 12 3069 53 31 414 2 10 207 1426 255 291 126 49 134 3369 857 29 133 318 275 2954 53 31 7 2974 46 6 2543 23 3331 2938 126 6 4 8 40 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 2 108 4 254 2 24 786 336 1263 4 8 58 2 151 7 24 2 170 4 8 34 22 16 57 630 41 254 2630 232 49 13 534 204 12 58 54 264 11 38 165 12 254 175 2 10 147 33 13 189 145 2 183 41 254 175 185 23 106 918 1167 985 2143 9 10 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 27 28 14 15 17 19 32 681 7 233 3 584 2 167 4 233 3 512 2 471 4 8 34 22 16 18 713 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 619 705 419 507 743 180 50 740 50 779 680 651 751 286 11 419 589 168 652 736 379 734 349 776 730 229 700 229 744 756 723 668 707 760 747 783 722 704 727 168 604 735 379 733 9 697 745 307 719 769 754 729 551 717 753 659 725 377 391 761 749 758 732 759 702 9 33 27 28 14 15 17 19 32 1254 7 26 3 20 2 35 244 4 20 2 140 4 44 2 178 4 107 3 117 2 178 4 25 2 118 4 585 2 666 4 8 339 7 105 2 205 4 89 2 156 3 149 4 8 339 3 174 7 89 2 118 4 105 2 245 4 100 2 56 4 26 3 20 2 35 1173 4 401 3 24 2 1262 4 102 3 269 2 364 193 178 364 1476 31 4 420 3 467 2 106 4 8 339 3 174 23 7 20 2 103 4 44 2 341 178 4 29 3 221 2 118 4 89 2 149 4 8 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 32 5 90 1718 12 135 266 90 5 35 3292 7 44 2 144 4 70 3 109 2 2239 4 25 2 56 4 25 3 192 2 56 4 26 2 35 731 4 8 34 22 16 14 15 17 19 32 58 7 70 2 309 4 24 2 188 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 526 3 253 2 2100 31 4 5 90 497 279 90 5 253 2 2100 31 4 5 90 629 676 90 5 8 34 22 16 57 41 767 53 31 535 49 13 41 767 53 31 414 1954 150 1841 12 117 52 129 54 9 10 147 30 58 54 21 520 1235 52 312 757 24 11 47 1069 1235 52 312 757 55 9 33 27 28 14 15 17 19 32 215 7 105 2 245 4 100 2 218 4 8 34 22 16 57 30 21 23 195 49 116 920 6 1248 6 1179 27 28 14 15 17 19 32 58 7 283 3 55 2 457 4 401 3 55 2 409 4 26 3 20 2 599 4 8 34 22 16 37 699 12 283 3 55 47 401 3 55 52 129 54 36 13 252 12 124 225 38 165 12 175 9 10 18 280 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 2168 27 28 14 15 17 19 32 562 7 26 3 20 2 35 244 4 5 90 797 90 5 25 2 118 4 20 2 140 4 44 2 144 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 107 3 117 2 178 4 70 2 259 179 4 585 2 666 4 8 934 7 25 3 192 2 179 4 8 935 7 25 3 192 2 259 4 8 1252 7 25 3 192 2 193 4 8 1534 7 25 3 192 2 341 4 8 1535 7 25 3 192 2 153 45 4 8 34 22 16 37 870 531 36 13 494 916 1393 38 23 301 104 12 25 3 192 127 2 10 134 462 1363 179 133 134 462 1364 259 133 134 462 1365 193 133 134 462 1777 341 133 134 462 1778 153 45 133 27 14 15 17 16 37 1131 383 104 1667 36 955 3652 97 381 87 97 384 87 97 572 87 616 27 28 14 15 17 16 57 30 21 195 106 49 13 30 21 51 29 9 10 617 37 30 21 195 142 36 13 30 21 51 911 29 9 10 617 37 30 21 195 142 36 13 30 21 51 911 29 9 10 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 32 366 261 47 53 283 3 24 2 1570 31 47 53 401 3 24 2 457 31 7 889 7 107 3 117 2 218 4 44 2 218 4 25 2 193 48 103 4 26 2 136 4 8 8 34 22 16 37 857 12 1756 52 792 162 544 261 1487 36 18 1375 71 792 9 33 67 280 574 12 124 421 24 21 478 2363 47 1570 11 638 12 1756 52 792 9 201 252 12 124 225 38 165 12 175 200 9 10 27 28 14 15 17 16 37 285 1711 36 13 694 454 1061 12 24 47 55 52 129 95 104 12 24 47 55 703 2 10 116 1493 6 1747 50 23 1966 6 1524 6 1420 27 28 14 15 17 16 64 1424 46 3146 30 21 23 223 65 27 28 14 15 17 19 32 58 7 26 3 20 2 35 813 4 24 2 188 4 55 2 111 4 25 2 96 242 103 4 176 2 358 4 8 34 22 16 37 148 1132 36 13 2628 12 176 522 38 358 11 12 176 21 1385 47 23 2101 21 575 38 358 306 12 102 9 145 125 217 128 332 23 2101 543 485 47 777 53 815 297 308 214 99 3329 152 31 2 10 147 385 220 278 12 176 127 325 308 927 38 335 1154 282 52 12 1026 9 41 176 127 315 558 738 297 174 1039 129 54 421 102 9 33 27 28 14 15 17 19 32 215 7 24 2 188 4 55 2 170 4 288 3 510 2 649 4 8 34 22 16 37 630 288 3 510 2 649 4 36 116 674 6 633 6 610 6 438 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 1107 506 665 3 1961 18 350 3 354 18 506 3 656 64 506 3 1156 6 120 1145 65 33 226 579 665 3 1193 271 412 64 120 426 65 87 14 15 17 19 32 213 7 70 2 56 4 8 90 7 102 3 262 2 25 3 102 4 8 135 11 1233 7 24 2 114 45 4 8 34 22 16 173 227 251 2002 88 187 6 3309 6 3692 331 2002 88 187 6 3313 6 3693 2477 1604 2005 6 3501 6 1826 1286 953 88 231 6 257 163 13 201 978 2 200 300 38 762 12 102 3 262 127 376 12 59 54 47 1441 558 738 9 624 125 12 24 52 135 11 1233 11 47 2156 301 128 1901 829 52 12 3507 14 15 17 19 32 305 7 29 3 269 2 179 179 4 8 34 22 16 57 290 3 269 175 126 49 27 28 14 15 17 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 32 5 90 145 2 300 38 762 12 511 1029 38 165 12 175 52 148 1200 90 5 1086 7 109 2 56 4 24 2 114 45 4 420 3 467 2 1282 126 822 4 8 1086 327 564 3 3032 7 44 3 109 2 947 4 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 44 2 177 4 26 3 20 2 136 4 102 3 269 2 141 141 196 896 4 8 34 22 16 147 30 21 23 58 54 104 23 102 3 269 33 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 832 32 778 7 283 3 24 2 114 45 4 55 2 171 4 8 34 22 16 958 610 6 1166 568 1494 6 607 5 1032 568 1495 6 607 5 1037 476 124 197 99 169 2539 778 9 952 13 252 12 124 225 38 165 658 12 117 52 12 778 3420 128 767 325 12 24 21 593 450 409 9 10 27 28 14 15 17 19 32 1851 7 140 3 518 2 1036 4 24 2 188 4 176 2 267 4 25 2 96 48 35 686 4 8 1851 2 151 7 176 2 524 4 8 34 22 16 13 534 204 12 520 1856 264 11 38 165 12 1867 29 9 10 18 1814 6 603 3 176 2 2985 30 21 51 1030 29 125 128 99 510 50 12 102 33 138 18 1814 6 603 3 176 2 2863 30 21 51 1030 29 125 128 99 510 50 12 102 33 27 28 14 15 17 19 32 35 3404 7 29 3 101 2 122 4 20 2 108 4 8 34 22 16 67 1427 255 291 126 10 13 30 115 21 99 1148 241 12 59 9 10 27 28 14 15 17 16 57 41 135 1890 212 49 13 41 1890 212 315 658 12 208 146 446 191 2992 325 1497 9 10 173 2694 6 3271 121 397 251 209 2 119 88 187 6 398 6 908 88 231 6 257 88 231 6 3055 5 208 3 146 6 926 348 2577 5 208 3 2937 163 27 28 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 8 35 1447 7 253 2 3496 31 4 8 34 22 16 57 41 1478 53 31 535 49 13 41 1478 53 31 414 1057 129 54 541 312 1146 3 807 349 23 1011 1398 9 10 147 30 23 404 58 54 9 33 18 821 30 58 54 21 1056 941 810 9 33 13 189 145 2 183 274 273 279 53 47 265 338 31 197 99 169 12 1478 53 31 414 9 10 27 28 14 15 17 19 32 3660 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 8 34 22 16 13 1122 157 2 10 569 97 381 87 97 384 87 97 570 571 87 343 13 1701 2770 11 70 47 44 2 10 226 2810 97 381 87 97 384 87 97 570 571 87 343 27 28 14 15 17 32 340 7 105 2 205 4 89 2 156 3 149 4 25 3 123 2 96 242 103 4 8 340 491 7 523 2 267 4 24 2 565 4 26 3 20 2 103 4 20 2 35 484 4 29 3 101 2 122 4 25 3 192 2 528 4 44 2 196 56 4 105 2 245 4 420 3 467 2 106 4 123 2 114 45 4 86 2 153 45 4 70 3 86 2 1085 4 5 90 2514 50 924 3 1230 106 918 38 1901 376 56 45 38 114 45 3375 2 90 5 268 2 56 4 254 2 268 1263 4 8 340 2 151 491 7 523 2 524 4 268 2 106 4 8 34 689 603 3 101 2 712 14 15 17 19 32 137 11 230 11 210 7 25 2 96 48 103 4 8 988 7 988 3 601 2 123 4 8 34 22 16 365 1590 428 2301 2485 1575 132 131 1305 130 131 1631 130 131 2481 130 172 132 113 2432 2528 112 113 2567 2434 112 113 2532 112 172 2426 2796 113 2443 3541 112 113 2469 2442 112 113 2648 112 172 132 113 2465 2887 2574 112 113 2524 2466 112 113 2573 112 14 15 17 19 32 602 7 89 2 149 4 8 34 22 16 1291 143 89 127 104 23 522 52 6 149 6 1205 50 159 1291 23 248 578 478 12 520 303 9 159 27 28 14 15 17 19 32 3658 236 7 89 2 156 4 8 34 22 16 37 862 383 36 226 3176 97 184 87 97 148 87 97 474 87 97 2592 87 343 27 28 14 15 17 19 32 35 655 7 55 2 309 4 24 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1055 3 1052 3 1012 11 136 408 45 11 260 940 45 31 4 8 34 22 16 57 2614 1135 796 49 18 820 33 27 28 14 15 17 19 32 1088 7 194 2 86 4 24 2 111 4 55 2 218 4 70 2 141 4 25 2 329 48 35 424 4 8 1089 7 25 2 96 48 108 4 8 1537 7 194 2 86 4 24 2 111 4 55 2 218 4 70 2 141 4 25 2 329 48 35 424 4 8 2262 7 25 2 96 48 108 4 580 2 86 4 8 34 22 16 37 1736 580 36 18 1372 811 33 18 1373 890 3 624 125 12 890 54 21 429 811 11 50 12 184 582 9 1658 11 1210 811 21 1414 38 12 86 11 217 738 2 12 29 50 890 21 1414 541 811 11 47 890 3611 12 3722 3622 9 33 14 15 17 19 32 3401 7 29 3 253 2 3667 4 8 3394 7 29 3 253 2 3251 4 8 3387 7 29 3 253 2 2774 4 8 34 22 16 67 2854 30 21 51 29 9 10 67 2827 30 21 51 29 9 10 67 2803 30 21 51 29 9 10 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 101 3 591 2 1222 4 101 3 591 2 1222 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 35 1771 7 25 2 141 48 418 4 44 2 177 4 25 3 95 2 608 31 613 766 4 8 34 22 16 57 41 25 3 95 232 49 13 694 11 12 594 2105 52 12 95 294 2083 38 481 12 25 2 10 67 1937 25 3 95 2 608 31 613 766 4 10 13 694 21 12 757 95 2 10 116 2130 13 201 145 2 200 274 273 408 11 47 265 338 11 214 99 169 12 25 3 95 127 9 10 27 28 14 15 17 19 32 35 655 7 55 2 309 4 24 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1052 3 1012 11 136 11 260 31 4 8 35 1418 7 55 2 309 4 24 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1052 3 3079 11 108 11 136 11 260 31 4 8 34 22 16 57 1135 796 3 2629 49 37 2505 53 217 21 295 31 2 36 18 820 33 37 201 1301 2 200 36 18 3171 33 27 28 14 15 17 16 37 2652 36 13 41 1233 54 464 23 3287 3 248 135 266 9 10 173 227 1604 2005 6 3500 6 1826 41 2777 1523 3421 50 12 3065 9 1286 953 88 840 163 27 28 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 8 1170 7 526 3 253 2 2120 31 4 5 90 497 279 90 5 253 2 2120 31 4 5 90 629 676 90 5 8 34 22 16 57 41 2119 53 31 535 49 13 41 2119 53 31 414 2122 129 54 1149 12 1147 3 807 241 12 1011 1754 9 10 147 30 23 404 58 54 9 33 18 821 30 58 54 21 2121 456 810 1149 12 1147 3 807 9 33 27 28 14 15 17 19 32 137 7 2219 45 4 8 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 196 4 29 3 101 2 86 4 8 1228 677 2 755 3 1158 31 7 26 3 20 2 35 813 4 8 1228 677 2 755 3 1790 31 7 26 3 2882 4 8 1228 210 7 26 3 20 2 103 4 20 2 140 8 34 22 16 365 132 131 299 130 131 411 130 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 858 1119 36 13 263 12 1391 647 38 2069 6 1444 2172 715 6 2 10 67 1162 3 3290 30 29 21 3289 9 10 67 1162 3 314 30 29 21 822 9 10 67 1162 3 921 30 29 899 772 9 10 67 1162 3 900 30 29 1204 51 1021 9 10 14 15 17 16 37 184 2550 36 13 281 3194 21 243 38 89 23 1079 284 1081 23 1079 284 2 10 1596 3554 1581 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2517 428 36 13 1725 2126 50 12 135 266 38 1059 12 137 239 287 1453 11 902 1453 150 2987 2 10 88 246 3 282 6 1947 6 187 6 1199 844 932 138 380 887 137 3 1360 137 3 2147 691 14 15 17 19 32 305 7 29 3 269 2 179 179 196 108 4 8 34 22 16 57 290 3 269 175 126 49 27 28 14 15 17 19 32 2963 7 24 2 170 4 26 3 20 2 136 4 8 2964 7 24 2 170 4 44 2 342 4 26 3 20 2 442 4 8 34 22 16 37 2597 47 54 24 36 18 995 30 58 21 170 525 9 33 138 18 1374 41 24 52 217 58 21 1100 11 815 3623 152 21 1005 348 170 50 12 148 9 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 255 291 126 49 13 252 12 124 225 38 165 12 175 9 10 13 41 648 128 577 554 162 109 52 812 911 325 12 261 21 593 450 567 525 9 10 18 372 18 228 3 447 6 158 3 20 2 661 258 3 447 33 18 228 3 447 6 158 3 20 2 1025 258 3 447 33 14 15 17 19 32 2684 292 7 26 3 20 2 136 4 8 34 22 16 37 148 459 212 292 537 36 13 41 746 104 23 1500 212 817 23 136 26 2 10 64 1180 2211 65 64 1924 6 469 1847 65 64 1925 6 1066 2226 65 27 28 14 15 17 19 32 564 7 105 2 205 4 8 2242 7 105 2 245 4 123 2 193 4 86 2 178 4 107 3 117 2 687 4 8 215 7 24 2 114 45 4 55 2 171 4 268 2 683 4 8 34 22 16 37 285 290 36 13 494 51 29 38 129 95 50 12 123 86 583 2 10 18 93 116 836 6 576 502 6 842 6 438 18 2801 1117 622 33 33 27 28 14 15 17 19 32 548 46 29 292 7 24 2 1555 4 102 3 262 2 25 3 102 4 25 2 179 48 35 989 4 25 3 192 2 259 4 107 3 117 2 178 4 26 3 20 2 140 4 26 3 95 2 2195 363 31 4 26 3 105 2 141 141 4 26 3 216 2 237 3 216 4 44 2 341 144 341 471 4 254 2 24 1547 434 3 50 3 596 4 8 548 46 1501 7 24 2 114 45 4 8 34 22 16 13 960 1059 135 2 10 317 88 187 6 2008 6 1199 844 932 163 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 791 383 533 36 226 311 3 304 271 311 3 203 3 139 251 110 87 271 311 3 203 3 139 1137 110 87 271 311 3 203 3 139 1140 110 87 343 14 15 17 16 690 742 6 781 6 739 6 771 48 35 809 476 124 197 99 169 12 184 711 838 318 298 709 46 724 6 31 4 298 718 46 710 6 31 4 1836 46 6 316 495 6 4 2921 1737 31 4 40 27 28 14 15 17 19 32 137 7 25 3 202 2 202 4 24 2 114 45 4 8 210 11 230 7 29 3 101 2 86 4 44 2 193 4 8 677 2 755 3 2784 3 20 2 35 894 8 210 7 26 3 20 2 35 244 4 20 2 140 4 8 34 22 16 37 1303 428 969 36 365 132 131 299 130 131 411 130 131 871 130 172 132 113 625 112 113 532 112 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 255 291 126 49 13 252 12 124 225 38 165 12 175 9 10 13 41 648 128 577 554 162 109 52 812 911 325 12 261 21 593 450 567 525 9 10 18 372 18 228 3 447 6 158 3 20 2 661 258 3 447 33 18 228 3 919 6 158 3 20 2 1025 258 3 919 33 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 960 1606 36 13 41 2265 47 2272 647 701 23 3014 175 325 2866 12 805 3269 9 10 18 1793 805 3 772 805 3 2953 1411 3202 64 276 6 35 6 1371 6 146 3 1400 6 369 3 1971 560 1235 4 65 201 977 126 200 30 805 102 1831 1019 23 2158 150 2058 1350 9 33 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 529 4 55 2 529 4 70 2 171 4 8 34 22 16 18 160 3 302 18 160 3 139 2599 2779 126 33 33 27 28 14 15 17 19 32 23 2 223 11 23 2 557 7 26 3 20 2 140 4 20 2 103 4 25 2 179 48 260 4 44 2 141 144 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 8 23 2 151 11 23 2 460 7 26 3 20 2 260 4 20 2 140 4 8 34 22 16 64 898 6 469 30 21 23 223 65 27 28 14 15 17 16 958 610 6 1166 568 1494 6 607 5 1032 568 1495 6 607 5 1037 476 124 197 99 169 184 778 9 952 13 1731 1833 52 64 1926 6 469 1615 1617 1619 65 9 10 27 28 14 15 17 19 32 215 7 206 3 102 3 1054 2 264 364 336 3 1176 123 11 3483 31 11 3484 31 31 4 8 34 22 16 57 148 285 1136 49 13 872 12 1203 104 818 53 38 748 23 1411 3 596 175 31 2 10 116 1218 27 28 14 15 17 32 90 7 102 3 262 2 25 3 102 4 8 213 7 70 2 56 4 107 3 375 2 495 4 8 612 7 29 3 101 2 122 4 44 2 787 4 8 937 7 89 2 98 4 98 3 326 2 326 4 44 2 56 259 4 8 563 7 98 2 422 45 4 283 3 24 2 422 45 4 44 2 56 259 4 8 563 215 7 70 3 109 2 193 4 488 3 101 2 594 4 8 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 832 32 90 7 102 3 262 2 25 3 102 4 8 1544 7 174 2 6 6 4 580 2 543 4 89 2 137 4 8 459 1792 6 292 7 194 2 86 4 44 2 177 4 8 2247 7 24 2 2374 45 4 8 2251 7 24 2 2318 45 4 8 2252 7 24 2 422 45 4 8 2253 7 24 2 1267 45 4 8 2254 7 24 2 2354 45 4 8 2255 7 24 2 153 45 4 8 2256 7 24 2 2362 45 4 8 2257 7 24 2 2366 45 4 8 2258 7 24 2 788 45 4 8 2248 7 24 2 2375 45 4 8 2249 7 24 2 2377 45 4 8 2250 7 24 2 114 45 4 8 1182 7 107 3 375 2 6 1126 1706 6 11 1058 3 833 4 14 15 17 32 340 7 105 2 205 4 89 2 156 3 149 4 25 3 123 2 96 242 103 4 8 340 491 7 523 2 267 4 24 2 565 4 26 3 20 2 103 4 20 2 35 484 4 29 3 101 2 122 4 25 3 192 2 528 4 44 2 196 56 4 5 90 1134 12 924 90 5 105 2 245 4 420 3 467 2 106 4 123 2 114 45 4 86 2 153 45 4 70 3 86 2 1085 4 8 340 2 151 491 7 523 2 524 4 8 34 689 603 3 101 2 712 37 874 873 36 13 623 12 549 204 12 29 264 2 10 18 1163 204 444 14 15 17 16 37 1728 383 1525 1618 36 226 2150 3 59 3 198 2 3334 97 381 87 97 384 87 97 572 87 343 27 28 14 15 17 19 32 182 7 25 2 179 48 599 4 44 2 316 4 8 34 22 16 57 30 21 23 195 49 13 30 21 23 115 9 10 13 30 21 23 115 9 10 13 30 21 23 115 9 10 27 28 14 15 17 16 37 41 582 965 36 13 2607 582 181 2 10 852 559 46 330 4 931 46 614 4 420 46 559 327 931 4 851 27 28 14 15 17 19 32 681 7 233 3 584 2 167 4 233 3 512 2 471 4 233 3 670 2 96 48 442 4 8 34 22 16 18 713 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 619 705 419 507 743 180 50 740 50 779 680 651 751 286 11 419 589 168 652 736 379 734 349 776 730 229 700 229 744 756 723 668 707 760 747 783 722 704 727 168 604 735 379 733 9 697 745 307 719 769 754 729 551 717 753 659 725 377 391 761 749 758 732 759 702 9 33 27 28 14 15 17 16 57 2533 2109 3666 49 18 1429 33 318 3193 31 126 46 46 6 1513 6 31 7 298 1490 46 827 2509 6 31 4 3544 46 3062 31 7 892 327 46 3005 327 6 138 6 4 8 4 8 814 7 892 46 6 628 11 362 124 197 99 169 2109 3 2108 3006 561 6 4 8 40 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 1679 458 49 13 41 511 181 128 764 50 23 1265 45 553 162 359 374 47 23 943 45 553 162 663 53 47 660 31 374 9 802 816 359 374 11 152 128 577 554 53 114 45 31 9 10 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 1212 351 3 825 6 158 3 20 2 843 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 878 14 15 17 16 13 30 21 2421 3607 2398 29 9 10 27 28 14 15 17 19 32 490 3 247 7 89 2 235 4 235 3 1067 3 648 2 171 171 171 4 26 3 20 2 35 849 4 44 2 141 4 8 490 3 110 7 26 3 20 2 765 11 470 11 470 11 685 31 4 25 2 96 48 669 11 56 11 56 11 685 31 4 44 2 144 4 107 3 117 2 316 4 29 3 101 2 122 4 8 34 22 16 57 458 1641 49 13 143 458 1319 1191 335 23 912 54 104 12 1106 89 1104 127 324 38 1106 235 1104 150 1106 156 3 235 1104 9 10 13 2495 640 2984 31 52 12 235 247 577 1358 235 591 9 10 18 371 3 302 18 371 3 139 106 33 18 371 3 139 142 33 18 371 3 139 167 33 18 371 3 139 423 33 18 371 3 139 330 33 14 15 17 19 32 58 7 24 2 2344 4 44 2 141 4 25 2 196 48 1906 4 70 2 56 4 8 34 22 16 37 2457 12 2178 24 2 36 116 3563 6 3731 6 3105 6 2705 147 41 3412 1738 21 1100 525 9 41 2178 24 52 217 54 21 477 1100 9 33 27 28 14 15 17 16 37 1332 620 36 13 41 201 135 2186 6 200 21 243 239 1059 509 53 2750 662 23 3455 29 266 31 2 10 173 227 121 3047 1332 967 2 119 88 2186 6 3172 6 3310 88 231 6 257 163 27 28 14 15 17 19 32 35 655 7 55 2 309 4 24 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1052 3 1012 330 45 11 136 940 45 11 260 945 45 31 4 8 34 22 16 57 1135 796 3 2494 1714 1302 1717 49 18 820 33 27 28 14 15 17 16 957 782 6 3104 2418 3423 2352 2324 2306 2320 6 1496 2 3243 2 3438 3 3725 3 670 2 3004 4 6 785 628 11 362 124 197 99 169 156 974 9 950 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2534 2511 36 13 1642 1183 2 161 505 513 3 1406 159 10 67 280 1642 1183 348 23 223 2 64 120 161 505 513 3 1406 159 65 10 13 1332 1183 2 161 505 513 3 3511 159 10 14 15 17 19 32 215 7 24 2 188 4 55 2 170 4 288 3 510 2 1004 4 8 34 22 16 37 630 288 3 510 2 1004 4 36 116 674 6 633 6 610 6 438 27 28 14 15 17 19 32 213 7 107 3 117 2 2340 4 8 452 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 176 2 267 4 26 3 20 2 35 566 4 105 2 206 3 837 4 5 90 501 90 5 105 2 837 4 109 2 56 4 8 236 7 194 2 86 4 8 236 23 7 89 2 149 4 20 2 140 4 29 3 101 2 122 4 44 2 492 178 4 29 3 221 2 118 4 8 236 23 2 151 7 26 3 20 2 35 1096 4 8 845 7 14 15 17 19 32 211 7 89 2 156 3 149 4 8 211 23 7 20 2 103 4 194 2 86 4 44 2 193 178 4 29 3 221 2 118 4 254 2 26 3 20 933 4 25 2 96 48 35 334 4 107 3 117 2 2334 4 8 211 539 7 26 3 20 2 35 244 4 20 2 140 4 25 2 96 48 35 244 4 8 211 23 2 151 2 487 31 7 26 3 20 2 35 334 4 8 34 22 16 37 573 1711 36 13 857 12 107 3 117 127 38 748 12 1466 768 150 1155 9 10 18 646 64 120 560 824 4 65 64 120 106 65 14 15 17 19 318 275 2861 53 31 7 297 53 2188 31 126 46 46 6 1513 6 31 7 297 53 1187 31 7 1187 46 2586 4 8 814 7 1187 46 106 4 8 892 46 6 385 335 1384 12 301 6 327 1187 327 6 3626 31 9 6 4 8 814 7 892 46 6 628 11 362 124 197 99 169 1079 3580 561 6 4 8 8 40 22 16 13 134 3368 53 31 6 3654 472 444 126 133 10 18 1429 33 13 472 12 301 38 165 12 808 3203 9 10 13 2475 12 124 1227 53 150 225 31 11 47 1238 2699 11 47 12 808 128 2900 38 584 53 21 99 2086 31 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1639 1342 36 13 368 748 12 1229 2176 11 332 12 146 3 1503 6 212 38 812 223 9 1720 332 23 1094 3 2044 164 104 23 1514 1315 239 1408 1227 47 326 1234 306 23 58 54 104 164 1094 3 174 9 10 226 579 664 3 2161 271 412 64 146 3 1503 6 1425 426 65 87 97 64 146 3 1503 6 1921 427 106 65 87 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1329 2506 36 13 1121 23 468 778 47 767 152 2015 38 12 912 54 104 129 2321 2729 3447 10 18 1801 3 468 1862 3 3474 1596 1801 3 468 3 110 6 3557 5 1862 5 3621 1581 33 33 14 15 17 19 32 2038 7 25 3 59 2 48 4 25 3 20 2 35 938 4 8 2043 7 25 3 59 2 48 4 25 3 20 2 35 508 35 938 4 8 2042 7 25 3 59 2 48 4 25 3 20 2 35 508 35 1550 35 938 4 8 2037 7 25 3 59 2 48 4 25 3 20 2 35 508 35 1550 35 938 3479 31 4 8 34 22 16 67 2834 1687 3 1164 25 126 10 67 2853 2661 3 1164 25 126 10 67 1817 2653 3 1164 25 126 10 67 2818 2523 3 1164 25 126 10 13 189 145 2 183 41 6 25 3 20 6 127 197 99 361 297 152 21 243 983 9 263 12 6 25 3 59 6 127 38 324 12 542 287 9 10 27 28 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 526 3 253 2 2182 31 4 5 90 497 279 90 5 253 2 2182 31 4 5 90 629 676 90 5 8 34 22 16 57 41 2180 53 31 535 49 13 41 2180 53 31 414 3284 129 54 376 312 1395 105 2 10 147 30 58 54 21 3283 153 598 38 12 100 11 47 114 598 483 376 312 1395 105 9 33 27 28 14 15 17 19 74 536 803 73 32 213 7 26 3 20 2 599 4 8 305 7 20 2 108 4 8 182 7 20 2 256 4 8 34 22 16 57 30 21 23 367 49 13 30 21 23 115 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 869 1114 538 863 36 18 886 18 885 3 431 6 915 6 369 3 2207 6 369 3 1076 6 369 3 1075 6 2155 1568 45 33 33 14 15 17 19 32 35 655 7 55 2 309 4 24 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1052 3 1012 11 136 11 260 31 4 8 34 22 16 57 1135 796 3 2508 1714 1302 1717 49 18 820 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 272 968 3 699 1334 36 13 494 164 846 3 3082 90 38 117 430 636 50 23 301 203 9 10 425 864 531 2 410 18 155 3 203 154 3 203 3 1186 134 199 6 155 154 3 314 854 133 134 199 6 155 154 3 314 975 133 14 15 17 16 493 30 21 23 2888 489 13 30 21 23 115 9 10 493 1629 294 99 1169 50 12 124 489 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 8 1046 7 25 3 109 3 59 2 118 4 8 1041 7 25 3 109 3 59 2 242 4 8 1040 7 25 3 109 3 59 2 482 4 8 1049 7 25 3 109 3 59 2 48 4 8 1042 7 25 3 109 3 59 2 433 4 8 1044 7 25 3 109 3 59 2 587 4 8 1048 7 25 3 109 3 59 2 516 4 8 1045 7 25 3 109 3 59 2 590 4 8 1047 7 25 3 109 3 59 2 515 4 8 34 22 16 67 998 801 109 25 9 10 67 993 143 242 109 25 9 10 67 992 143 482 109 25 9 10 67 1001 143 48 109 25 9 10 67 994 143 433 109 25 9 10 67 996 143 587 109 25 9 10 67 1000 143 516 109 25 9 10 67 997 281 590 109 25 9 10 67 999 281 515 109 25 9 10 27 28 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 8 1170 7 526 3 253 2 2095 31 4 5 90 497 279 90 5 253 2 2095 31 4 5 90 629 676 90 5 8 34 22 16 57 41 1206 53 31 535 49 13 41 1206 53 31 414 1057 129 54 888 150 808 3 888 9 10 147 30 23 404 58 54 9 33 18 821 30 58 54 21 1056 808 3 888 104 456 810 9 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 2446 49 13 368 1209 12 2075 162 12 100 278 12 164 2241 3 913 2 10 1588 2799 3 3476 13 345 153 1082 11 876 185 706 2068 12 1416 52 1454 9 41 930 421 1437 1829 2033 11 876 929 50 114 1832 47 21 337 241 2302 750 1987 50 12 980 1336 47 1386 38 330 750 1899 9 10 2409 2526 876 421 3719 2391 1574 14 15 17 19 32 2189 7 157 3 59 3 198 2 1159 4 8 2190 7 157 3 59 3 198 2 2952 4 8 3659 7 157 3 59 3 198 2 3550 4 8 3345 7 157 3 59 3 198 2 2726 4 8 3346 7 157 3 59 3 198 2 2791 3 3192 4 8 3347 7 157 3 59 3 198 2 1840 4 8 3348 7 157 3 59 3 198 2 1840 3 1437 3 3752 4 8 3349 7 157 3 59 3 198 2 3068 4 8 3350 7 157 3 59 3 198 2 3095 4 8 3351 7 157 3 59 3 198 2 1917 4 8 3352 7 157 3 59 3 198 2 1917 3 1962 4 8 3353 7 157 3 59 3 198 2 1968 4 8 3354 7 157 3 59 3 198 2 1968 3 1962 4 8 3355 7 157 3 59 3 198 2 1031 3 1745 4 8 3356 7 157 3 59 3 198 2 1031 3 3081 4 8 3357 7 157 3 59 3 198 2 1031 3 1973 4 8 3358 7 157 3 59 3 198 2 1031 3 2094 4 8 3359 7 157 3 59 3 198 2 1515 3 1745 4 8 3360 7 157 3 59 3 198 2 1515 3 1973 4 8 3361 7 157 3 59 3 198 2 1515 3 2094 4 8 3362 7 157 3 59 3 198 2 118 4 8 3363 7 157 3 59 3 198 2 3208 4 8 34 22 16 226 1369 97 1301 198 87 97 384 87 97 570 571 87 14 15 17 19 32 90 7 102 3 262 2 25 3 102 4 8 612 11 2268 7 26 3 20 2 896 4 20 2 140 4 44 2 177 4 8 563 7 194 2 86 4 44 2 177 4 8 1087 7 174 2 6 6 4 580 2 543 4 89 2 137 4 8 1256 7 24 2 422 45 4 8 2259 7 24 2 788 45 4 8 1256 452 7 157 3 59 3 198 2 118 4 70 2 56 4 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 791 428 36 13 41 847 164 701 1761 3605 53 3240 44 47 323 819 2972 31 38 23 137 2 10 380 1382 691 132 131 299 130 14 15 17 19 32 527 7 29 3 101 2 122 4 20 2 108 4 8 34 22 16 207 503 1699 47 122 3 631 195 49 67 503 1699 47 122 3 631 115 9 10 27 28 14 15 17 19 32 182 7 20 2 108 4 29 3 101 2 122 4 8 34 22 16 13 255 291 126 10 13 1721 1467 294 1225 104 148 9 10 27 28 14 15 17 19 32 35 1006 7 25 2 141 48 103 4 44 2 688 4 26 2 609 31 4 26 3 216 2 237 3 216 4 8 35 1409 7 25 2 141 48 103 4 44 2 688 4 26 2 609 31 4 26 3 216 2 237 3 216 4 26 3 1195 2 25 3 102 4 8 35 1873 7 25 2 141 48 103 4 44 2 688 4 26 2 609 31 4 26 3 216 2 237 3 216 4 26 3 1195 2 174 3 102 4 8 34 22 16 57 41 26 3 1195 232 49 13 801 26 3 1195 53 44 3 102 21 295 31 2 10 18 1018 37 190 799 793 36 13 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 10 14 15 17 19 32 35 1006 7 25 2 141 242 103 4 44 2 688 4 26 2 136 4 8 35 1409 7 25 2 141 242 103 4 44 2 688 4 26 2 136 4 26 3 714 2 44 3 102 4 8 35 1873 7 25 2 141 242 103 4 44 2 688 4 26 2 136 4 26 3 714 2 174 3 102 4 8 34 22 16 57 41 26 3 714 232 49 13 801 26 3 714 53 25 3 102 21 295 31 2 10 18 1018 37 190 799 793 36 13 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 10 33 13 26 3 714 2 44 3 102 2 10 14 15 17 19 32 1257 7 26 3 20 2 136 4 157 3 59 3 198 2 118 4 29 3 101 2 122 4 70 2 56 4 44 2 56 4 8 1257 236 7 89 2 156 3 149 4 107 3 117 2 144 4 44 2 144 4 8 34 22 16 57 862 1681 866 49 13 1118 295 11 157 591 294 1169 777 9 319 217 181 454 278 89 2 156 3 149 38 89 1234 485 53 601 241 601 31 9 10 13 145 2 473 308 277 12 124 225 11 12 746 128 577 578 325 152 1358 1070 2913 9 10 226 2831 97 64 1425 426 65 87 97 64 3124 1292 1729 65 87 97 64 3125 2590 2474 65 87 97 64 3127 1631 1729 65 87 343 27 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 970 208 36 13 1676 12 1078 1024 450 567 525 38 165 125 430 52 12 208 303 294 156 11 86 631 11 47 12 1436 294 1744 9 10 173 246 3 156 6 227 18 246 3 304 121 737 794 2 119 88 678 6 246 3 282 6 741 6 1050 586 6 1033 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1614 36 64 120 2581 161 881 330 159 65 138 64 120 1629 161 881 408 159 65 138 64 120 2663 161 881 142 159 65 33 14 15 17 19 74 1312 1295 1317 73 39 63 6 60 46 61 3 24 11 62 3 66 42 3555 5 2682 6 2912 40 2383 362 2035 582 349 3034 22 16 13 475 1312 1295 588 2 10 270 643 654 3 1823 238 270 643 654 3 3094 238 270 643 654 3 2775 238 270 643 654 3 3022 238 270 643 654 3 2748 238 13 1338 1312 1295 588 53 117 47 20 31 2 10 270 643 654 3 479 6 415 3 1483 238 270 643 654 3 479 6 415 3 1484 238 270 643 654 3 479 6 415 3 1485 2 831 238 270 643 654 3 479 6 415 3 1486 2 1439 238 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 255 291 126 49 18 372 18 228 3 3746 351 3 1212 6 158 3 20 2 661 962 106 1283 1361 252 12 124 225 38 165 12 175 9 1293 1238 38 762 12 58 1822 248 47 165 558 738 9 33 14 15 92 94 19 74 148 2672 1319 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 32 90 7 102 3 262 2 25 3 102 4 8 213 7 70 2 56 4 8 612 7 26 3 20 2 35 731 4 44 2 144 4 29 3 101 2 122 4 8 682 7 176 2 267 4 26 3 20 2 35 566 4 8 682 23 7 194 2 86 4 89 2 149 4 20 2 35 894 4 29 3 101 2 122 4 44 2 492 178 4 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1337 1331 36 13 41 847 3 1063 164 701 2232 3 2148 38 23 137 2 10 380 887 137 3 2147 691 132 131 299 130 14 15 17 19 32 548 46 29 292 7 24 2 114 45 4 44 2 341 144 4 70 2 193 56 4 102 3 262 2 25 3 102 4 25 2 96 48 35 944 4 186 2 118 4 8 548 46 1501 7 26 3 20 2 442 4 8 34 22 16 13 319 217 181 11 454 278 12 2 1009 672 38 332 23 26 20 38 12 29 266 325 152 817 1881 53 1384 162 31 2 10 317 121 397 251 346 119 88 187 6 398 6 1034 6 1519 121 465 331 346 119 88 187 6 466 6 910 6 1243 163 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2429 71 36 13 201 145 2 200 41 201 146 3 912 200 212 1188 1499 125 430 1387 303 2191 12 552 912 128 191 2864 325 550 52 12 1387 110 21 835 9 10 18 388 3 203 6 3152 18 388 597 3 463 18 388 3 657 853 388 3 3627 64 146 3 3636 6 146 3 3406 6 3126 1628 533 106 65 615 14 15 17 19 32 182 7 25 2 179 48 599 4 8 34 22 16 57 30 21 23 195 49 13 30 21 23 115 9 10 13 30 21 23 115 9 10 13 30 21 23 115 9 10 27 28 14 15 17 16 13 30 29 21 404 9 10 13 189 30 29 21 986 9 183 10 27 28 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 196 4 8 34 22 16 365 132 113 13 30 21 23 115 10 13 30 21 806 115 10 112 2423 280 30 1367 480 23 137 2 365 132 113 143 112 113 2439 112 172 132 113 2454 112 113 2486 112 172 951 112 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 791 500 36 18 388 597 3 463 18 388 3 708 143 791 500 33 33 33 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 44 2 196 4 8 137 7 25 3 1215 2 177 4 8 34 22 16 37 1116 2637 36 13 1116 1215 315 12 518 478 12 1786 9 10 380 416 132 131 299 130 131 411 130 131 692 130 172 132 113 695 112 113 627 112 113 153 112 172 132 113 860 112 113 971 112 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 123 3 24 2 177 4 8 34 22 16 13 189 145 2 183 41 6 25 3 123 3 24 6 127 197 99 361 297 152 21 243 983 9 263 12 6 25 3 59 6 127 38 324 12 542 287 9 10 27 28 14 15 17 16 207 415 3 3536 30 21 23 195 49 67 415 3 3535 30 21 23 115 9 10 27 28 14 15 17 16 207 158 3 20 2 1308 255 291 49 67 158 3 20 2 1344 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 10 27 28 14 15 17 19 32 213 7 26 3 20 2 599 4 8 305 7 20 2 256 4 8 182 7 20 2 108 4 8 34 22 16 57 30 21 23 195 49 13 30 21 23 115 9 10 27 28 14 15 17 19 32 58 7 194 2 100 4 24 2 565 4 70 2 56 56 177 144 4 44 2 177 4 25 2 96 48 103 4 29 3 101 2 122 4 8 34 22 16 147 116 1062 6 841 6 3099 280 148 21 3061 126 33 13 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 858 1625 36 13 858 647 220 191 243 38 20 137 917 150 137 1786 9 41 647 125 220 191 243 294 2 845 11 2284 11 2273 11 2288 11 47 2260 9 10 380 1382 691 132 131 299 130 14 15 17 19 32 3384 7 107 2 144 495 11 1058 3 833 4 8 3385 7 107 2 901 986 2315 1652 11 833 4 8 34 22 16 57 41 107 232 49 67 1369 30 21 23 115 9 41 107 117 21 324 38 456 598 11 47 12 107 375 21 495 9 10 67 1794 30 21 23 115 9 41 107 21 324 38 901 47 986 11 12 107 117 21 324 38 848 598 11 12 248 55 21 324 38 613 598 11 47 12 107 375 21 1652 9 10 27 28 14 15 17 689 158 3 20 2 3428 57 30 21 23 195 49 13 30 21 23 115 9 10 27 28 14 15 17 19 32 681 7 233 3 584 2 167 4 233 3 512 2 471 4 233 3 670 2 96 48 442 4 8 545 7 233 3 602 2 430 4 8 34 22 16 18 713 37 190 799 793 2633 2433 36 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 619 705 419 507 743 180 50 740 50 779 680 651 751 286 11 419 589 168 652 736 379 734 349 776 730 229 700 229 744 756 723 668 707 760 747 783 722 704 727 168 604 735 379 733 9 697 745 307 719 769 754 729 551 717 753 659 725 377 391 761 749 758 732 759 702 9 33 27 28 14 15 17 16 207 415 3 375 2 3705 30 21 23 195 49 67 415 3 375 2 2908 30 21 23 115 9 10 27 28 14 15 17 19 2401 1928 6 469 22 16 57 41 1153 54 49 13 116 3558 5 3576 6 3729 6 3110 6 2710 3 624 125 454 335 323 552 23 205 981 239 12 95 9 2631 454 335 552 23 1153 1142 50 12 1013 671 11 12 124 128 1441 239 12 95 349 6 3145 6 9 10 13 64 3141 5 3616 184 1153 417 65 3 624 125 12 223 3376 50 23 827 225 11 815 297 152 185 237 1231 6 212 9 30 21 1357 12 1500 212 52 12 1153 54 21 324 38 6 2681 2756 6 9 10 27 28 14 15 17 19 32 2966 7 105 2 296 4 123 2 56 4 100 2 56 4 24 2 170 4 25 2 329 48 35 424 4 8 34 22 16 37 105 2 296 4 36 13 281 54 104 105 2 296 4 21 830 205 38 12 1078 11 780 3267 152 1151 3573 50 12 1208 3413 815 297 12 284 21 3510 2 10 18 2817 30 58 54 185 105 2 296 4 33 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 8 1046 7 25 3 123 3 59 2 118 4 8 1041 7 25 3 123 3 59 2 242 4 8 1040 7 25 3 123 3 59 2 482 4 8 1049 7 25 3 123 3 59 2 48 4 8 1042 7 25 3 123 3 59 2 433 4 8 1044 7 25 3 123 3 59 2 587 4 8 1048 7 25 3 123 3 59 2 516 4 8 1045 7 25 3 123 3 59 2 590 4 8 1047 7 25 3 123 3 59 2 515 4 8 34 22 16 67 998 801 123 25 9 10 67 993 143 242 123 25 9 10 67 992 143 482 123 25 9 10 67 1001 143 48 123 25 9 10 67 994 143 433 123 25 9 10 67 996 143 587 123 25 9 10 67 1000 143 516 123 25 9 10 67 997 281 590 123 25 9 10 67 999 281 515 123 25 9 10 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 109 3 20 2 35 508 4 8 34 22 16 13 30 21 51 29 50 23 115 9 10 27 28 14 15 17 19 32 215 7 206 3 102 3 1054 2 100 4 8 34 22 16 57 148 285 1136 49 13 872 12 1203 38 12 100 52 12 95 2 10 116 1218 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1143 272 533 36 13 263 12 846 3 203 3 488 164 38 481 23 488 301 203 2 10 18 155 3 203 3 3706 134 199 6 155 154 3 314 854 133 134 199 6 155 154 3 314 975 133 134 199 6 155 154 3 314 1139 133 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 1107 506 665 3 463 18 350 3 354 18 506 3 656 64 506 3 1156 6 120 1145 65 33 226 579 665 3 1193 271 412 64 120 426 65 87 14 15 17 19 32 213 7 26 3 95 2 1516 6 31 4 26 3 216 2 237 3 216 4 26 3 105 2 100 109 4 70 3 100 2 188 4 8 34 22 16 57 255 291 126 49 13 875 26 237 3 216 11 324 105 181 9 10 13 2584 12 26 95 21 323 835 2028 11 47 830 1759 376 12 29 9 10 13 319 217 181 454 335 477 575 23 70 162 12 100 601 11 1214 12 26 95 128 3330 2956 12 29 9 10 27 28 14 15 17 19 32 2961 7 24 2 328 4 102 3 269 2 56 259 193 56 669 11 56 11 56 11 1259 31 11 56 528 144 56 669 11 56 11 56 11 1258 31 4 29 3 101 2 122 4 8 2967 7 26 3 20 2 35 244 4 20 2 140 4 44 2 141 4 107 3 117 2 471 4 8 1401 7 44 2 141 4 8 34 22 16 37 1299 36 13 41 102 3 269 127 220 191 243 38 481 2045 3 662 1783 2 10 18 2804 18 2819 57 106 49 33 18 93 13 1663 106 11 1264 10 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1666 272 968 36 18 155 3 203 154 3 203 3 1434 18 155 3 304 134 199 6 155 154 3 314 854 133 33 18 155 3 304 14 15 17 19 32 1473 2 3227 31 7 2076 2 6 1250 6 6 1250 6 4 8 34 22 16 13 475 29 2419 3229 143 2075 50 23 115 1585 475 29 9 10 13 319 217 181 11 2 3226 464 12 2074 1981 239 1473 303 104 3228 6 2 10 27 28 14 15 17 16 37 794 620 36 13 41 201 135 678 6 200 21 243 239 135 509 125 446 649 129 1171 3 1442 981 2 10 173 227 121 737 795 362 586 2 119 88 678 6 741 6 1033 88 231 6 257 163 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 870 2480 36 13 41 1090 3 916 164 701 916 1393 38 129 95 53 99 1355 50 1659 31 2 10 116 2131 6 883 3 916 6 576 502 6 2223 6 1913 33 27 14 15 17 16 13 285 38 278 2 10 116 3187 6 2136 6 1752 1707 6 2222 6 3107 13 2459 38 1412 2 10 690 742 6 3730 6 3108 6 771 48 35 809 476 124 197 99 169 12 184 711 838 13 134 3370 300 152 133 10 318 275 3291 53 31 7 298 709 46 724 6 31 4 298 718 46 710 6 31 4 298 215 46 2976 6 31 4 2919 31 4 8 40 27 28 14 15 17 16 207 675 2 2758 143 2447 367 49 67 675 2 831 143 108 115 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1691 36 13 41 2282 47 2276 647 101 812 223 38 12 3532 52 12 284 2 10 226 1811 271 2840 64 120 1695 65 87 271 2832 64 120 1682 65 87 343 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 8 1170 7 526 3 253 2 2118 31 4 5 90 497 279 90 5 253 2 2118 31 4 5 90 629 676 90 5 8 34 22 16 57 41 2117 53 31 535 49 13 41 2117 53 31 414 2122 129 54 1149 12 1146 3 807 241 12 1011 1754 9 10 147 30 23 404 58 54 9 33 18 821 30 58 54 21 2121 456 810 1149 12 1146 3 807 9 33 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 859 36 13 41 339 3 546 164 21 243 38 332 3092 306 12 352 413 2 10 18 642 134 155 154 3 295 352 3 605 6 199 6 146 3 1236 161 641 159 133 226 504 3 826 271 504 3 656 964 546 106 87 97 64 120 184 65 87 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 1335 458 49 13 41 511 181 128 764 50 23 1265 45 553 162 359 11 663 47 660 374 9 802 816 359 374 11 152 128 554 53 114 45 24 31 9 10 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 1212 6 158 3 20 2 843 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 878 14 15 17 19 32 562 7 26 3 20 2 35 244 4 5 90 797 90 5 25 2 118 4 20 2 140 4 44 2 177 787 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 107 3 117 2 178 4 70 2 259 179 4 585 2 666 4 8 1253 7 268 2 1260 4 585 2 99 3 1743 4 8 34 22 16 37 963 531 36 13 263 12 268 127 38 332 51 925 38 12 301 53 748 152 1441 1168 31 2 10 134 882 1324 272 133 134 462 1399 963 272 133 27 28 14 15 17 16 13 30 21 138 23 115 138 104 248 1362 9 10 27 28 14 15 17 16 957 610 6 3103 1601 2227 6 3750 6 3502 6 3504 6 2221 6 3100 6 1496 2 3454 2 2755 3 3726 6 785 628 11 362 124 197 99 169 156 974 9 950 27 28 14 15 17 74 2668 73 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 1927 5 3712 5 3711 16 18 2855 3710 57 875 2489 49 13 252 217 468 284 126 10 33 18 2856 3 3403 18 1383 37 499 36 13 499 21 12 637 990 52 966 9 10 67 280 621 21 12 906 1470 990 50 12 980 1318 11 104 23 1445 634 52 204 1097 750 1958 33 18 1383 37 867 36 13 867 21 12 637 52 1650 9 10 67 280 41 867 634 21 550 52 12 3231 3427 2780 50 2507 11 104 313 450 848 750 1958 33 18 1383 37 979 36 13 979 21 12 637 52 1664 9 10 67 280 621 21 12 122 52 12 2535 979 2436 11 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 500 1649 36 18 388 597 3 463 18 388 3 657 500 367 33 18 388 3 708 500 1120 33 18 388 3 3035 500 1649 33 33 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 859 36 13 41 339 164 21 243 38 1019 23 352 413 9 10 13 263 12 339 3 413 164 38 1740 1775 12 352 413 9 10 18 642 134 155 154 3 295 352 3 605 6 199 6 3177 6 146 3 1236 161 641 159 133 226 504 3 413 6 3491 6 369 3 3224 271 3493 64 3492 6 3615 6 120 184 65 87 14 15 17 16 958 610 6 1166 568 1494 6 607 5 1032 568 1495 6 607 5 1037 476 124 197 99 169 184 778 9 952 13 1731 1833 52 64 1926 6 469 1615 1617 1619 65 9 10 27 28 14 15 17 16 2410 675 2 1344 255 291 410 67 675 2 1308 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 10 67 675 2 2571 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 10 27 28 14 15 17 16 18 158 3 20 2 2754 2 3720 37 499 36 13 499 21 12 637 990 52 966 9 621 21 12 906 1470 990 50 12 980 1318 11 104 23 1445 634 52 204 1097 750 1957 9 10 13 1716 162 12 1702 1719 11 499 185 706 23 1443 2110 239 520 1991 11 312 1919 1902 879 38 312 1895 241 12 1703 11 1246 2009 152 1673 9 10 33 27 28 14 15 17 19 32 1043 7 186 2 482 4 8 1460 7 186 2 242 108 4 8 1461 7 186 2 196 48 136 4 8 2036 7 186 2 773 516 1197 4 8 34 22 16 37 41 186 232 36 67 995 143 482 186 9 10 67 1374 143 242 108 186 9 10 67 1803 143 196 48 136 186 9 10 67 2815 143 773 516 1197 186 9 10 27 28 14 15 74 536 803 73 57 30 21 23 195 49 13 30 21 23 115 9 10 14 15 17 19 32 305 7 70 2 56 56 218 56 4 8 545 7 70 2 144 56 56 56 4 8 34 22 16 13 319 217 181 12 305 54 185 23 123 70 52 218 47 12 545 54 185 23 109 70 52 144 9 2636 11 12 488 70 478 305 47 545 446 335 706 947 53 218 327 144 31 9 1658 11 2980 38 70 202 11 12 1739 70 2993 555 1763 218 9 10 57 367 106 49 37 367 142 36 27 28 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 196 4 8 210 7 29 3 101 2 86 4 8 34 22 16 37 622 3 101 2544 36 13 368 86 3 101 12 137 3093 11 278 12 148 29 3 101 127 9 10 380 416 132 131 299 130 131 411 130 131 692 130 172 132 113 695 112 113 627 112 113 153 112 172 14 15 17 16 37 1348 47 1656 1611 36 13 41 24 47 55 703 52 12 215 417 11 464 12 24 47 55 52 12 95 2 10 116 1493 6 1524 6 1420 27 28 14 15 17 19 32 215 7 25 2 96 48 35 334 4 25 3 192 2 259 4 44 2 196 4 24 2 309 4 8 215 2 151 7 102 3 269 2 56 56 179 96 669 11 2316 11 2322 11 684 31 4 8 34 22 16 37 1722 285 348 865 36 13 263 12 25 127 38 481 2173 547 9 2677 129 2718 541 12 95 38 278 152 348 23 223 9 10 13 534 204 12 95 47 1003 162 152 38 165 12 175 9 10 64 1231 6 3138 116 674 6 633 6 2153 65 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 428 36 13 41 847 3 468 164 1834 23 468 137 780 128 358 485 162 359 374 53 2191 567 31 9 574 3708 162 2723 1024 450 567 525 11 2169 21 237 1845 2 10 18 887 3 3473 380 1382 691 132 131 35 130 131 299 130 14 15 17 19 32 23 2 223 7 29 3 221 2 118 4 8 23 2 557 7 29 3 221 2 118 4 8 23 2 151 7 29 3 221 2 1242 4 8 23 2 460 7 29 3 221 2 1242 4 8 34 22 16 37 148 866 36 13 189 64 898 6 469 30 21 23 223 65 183 10 13 189 145 2 183 23 2 151 696 716 429 23 2 223 47 23 2 557 50 12 148 721 50 595 38 191 728 9 10 13 189 145 2 183 23 2 460 696 716 429 23 2 151 50 12 148 721 50 595 38 191 728 9 10 27 28 14 15 17 16 57 41 135 1474 212 49 13 41 1474 212 315 125 129 135 266 1191 191 3026 596 985 2157 12 208 9 10 173 227 121 1889 1730 2 119 88 187 6 1951 6 3318 6 3469 88 231 6 257 163 13 201 145 2 200 41 1474 212 52 12 135 417 21 99 337 50 501 1471 1521 2307 9 10 27 28 14 15 17 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 32 213 7 105 2 205 4 8 35 3513 7 44 3 1071 2 35 484 4 26 3 20 2 35 2326 4 8 35 3514 7 44 3 1071 2 35 484 4 26 3 20 2 35 2367 4 8 35 3515 7 44 3 1071 2 35 484 4 26 3 20 2 35 3019 4 8 35 3516 7 44 3 1071 2 35 484 4 26 3 20 2 35 2298 4 8 35 3517 7 44 3 1071 2 35 484 4 26 3 20 2 35 2297 4 8 34 14 15 17 19 32 1465 3 1028 7 20 2 35 508 4 107 3 117 2 3747 3 660 4 8 1465 3 248 7 20 2 35 938 4 107 3 1244 2 359 3 1366 4 8 34 22 16 13 385 220 2885 12 2 2 287 3 1028 47 2 2 287 3 248 2071 3 303 38 332 23 2128 175 38 12 287 1028 47 12 287 248 52 23 29 126 10 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 2 108 4 254 2 24 786 4 8 58 2 151 7 24 2 170 4 8 34 22 16 57 41 254 232 49 13 534 204 12 58 54 264 11 38 165 12 254 175 2 10 147 33 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 27 28 14 15 17 19 32 527 7 55 2 188 4 105 2 205 4 25 2 329 48 260 4 8 527 182 7 70 2 56 4 105 2 245 4 109 2 153 45 4 86 2 153 45 4 526 3 253 2 2181 45 11 1532 45 31 4 253 2 2181 45 11 1532 45 31 4 8 34 22 16 37 1300 36 13 319 217 181 11 454 278 1200 47 12 253 127 38 777 47 485 122 12 58 54 2 10 18 503 13 382 461 777 47 485 880 9 10 33 27 28 14 15 17 16 13 2563 50 23 1896 1110 64 1927 5 3143 6 1066 472 3114 126 65 10 27 28 14 15 17 16 13 64 3123 1665 38 496 423 65 10 13 64 3122 1665 38 496 408 65 10 37 496 106 36 13 30 639 653 635 370 370 10 37 496 142 36 13 30 639 653 635 370 370 10 37 496 167 36 13 30 639 653 635 370 370 10 954 3150 496 423 36 13 30 639 653 635 370 370 10 37 496 330 36 13 30 639 653 635 370 370 10 37 496 614 36 13 30 639 653 635 370 370 10 37 496 946 36 13 30 639 653 635 370 370 10 37 496 1279 36 13 30 639 653 635 370 370 10 37 496 279 36 13 30 639 653 635 370 370 10 954 3149 496 408 36 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 285 2530 36 13 41 2285 164 220 191 243 38 89 129 95 3064 9 10 13 41 2245 164 701 3437 44 47 23 1839 896 20 38 29 306 3624 9 10 13 472 162 12 547 38 2995 1234 9 10 18 372 18 228 3 3266 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 8 34 22 16 37 494 23 25 38 23 137 2 36 365 132 131 299 130 131 411 130 172 132 113 625 112 113 532 112 172 132 113 1672 112 113 532 112 172 951 27 28 14 15 17 19 32 2969 7 105 2 206 3 837 4 105 2 837 4 109 2 56 4 44 2 196 4 26 3 20 2 35 2772 4 25 2 179 48 35 244 4 8 34 22 16 13 300 38 189 358 183 306 217 1896 38 2192 658 837 1200 929 9 10 18 2849 382 461 837 126 33 18 3595 3 2769 13 319 217 181 11 12 837 54 3577 38 12 109 52 12 284 53 109 2 56 31 11 325 308 3449 312 358 105 9 10 13 2626 879 555 38 762 12 3578 9 10 13 475 29 38 1863 2102 844 190 222 180 224 219 11 589 1843 237 1202 11 1979 1828 229 507 11 1753 1876 166 1202 9 1610 1785 1900 1965 604 11 377 391 1741 2027 1872 507 9 1605 1972 2085 2013 229 9 1660 1860 1918 321 9 1643 237 1996 2209 9 10 13 475 29 38 1863 2102 844 190 222 180 224 219 11 589 1843 237 1202 11 1979 1828 229 507 11 1753 1876 166 1202 9 1610 1785 1900 1965 604 11 377 391 1741 2027 1872 507 9 1605 1972 2085 2013 229 9 1660 1860 1918 321 9 1643 237 1996 2209 9 10 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 1626 2635 49 13 970 3542 52 582 446 191 2988 50 12 582 54 2 10 13 41 511 184 303 2 852 602 851 11 852 671 851 11 47 852 58 851 464 23 671 50 23 891 9 10 33 27 14 15 17 16 37 281 3378 184 157 36 956 97 381 87 97 384 87 97 572 87 616 27 28 14 15 17 16 13 1298 1518 1955 2757 303 9 10 1588 2789 5 1246 5 3205 345 3327 945 1082 11 876 185 706 2068 12 1416 52 1454 9 41 930 421 1437 1829 2033 11 876 929 50 114 1832 47 21 337 241 313 450 550 750 1987 50 12 980 1336 47 1386 38 3029 750 1899 9 1574 27 28 14 15 17 19 32 1043 7 25 2 179 48 103 4 186 3 59 2 48 4 186 3 20 2 108 4 8 1460 7 25 2 179 48 103 4 186 3 59 2 242 4 186 3 20 2 256 4 8 1461 7 25 2 179 48 103 4 186 3 59 2 515 4 186 3 20 2 896 4 8 34 22 16 37 41 186 3 20 232 36 13 41 186 3 20 127 21 243 38 324 12 20 52 12 186 9 10 67 995 143 48 108 186 9 10 67 1374 143 242 256 186 9 10 67 1803 281 515 896 186 9 10 27 28 14 15 17 19 32 58 280 182 7 26 3 20 2 136 4 8 34 22 16 37 1622 537 36 13 41 640 672 53 280 31 1481 430 303 125 294 12 2785 52 23 552 54 9 10 147 13 289 106 50 12 58 9 10 13 289 142 50 12 58 9 10 1602 13 289 167 50 12 58 9 10 1586 493 99 1622 987 1636 489 13 289 423 50 12 58 9 10 33 13 289 330 9 1129 50 23 58 9 10 13 289 614 9 1129 50 23 58 9 10 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 109 2 773 433 35 508 4 8 34 22 16 13 30 21 51 29 50 23 115 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 383 533 538 2484 1120 36 18 311 3 304 64 276 6 35 6 311 3 203 3 110 1351 853 311 3 203 3 110 3 657 251 383 533 1124 367 615 67 311 3 203 3 110 3 1232 383 533 1124 290 10 65 14 15 17 19 32 58 7 25 2 96 48 103 4 70 3 109 2 111 4 70 3 123 2 111 4 70 3 100 2 309 4 70 3 86 2 850 4 26 3 20 2 442 4 8 34 22 16 37 630 3207 70 2067 36 147 30 58 54 185 23 109 70 52 111 11 23 100 70 52 309 11 23 123 70 52 111 11 47 23 86 70 52 850 9 33 27 28 14 15 17 16 57 320 251 367 49 13 320 287 115 9 10 27 28 14 15 17 19 32 564 7 105 2 205 4 8 2287 7 105 2 245 4 109 2 193 4 100 2 178 4 107 3 117 2 687 4 8 215 7 24 2 114 45 4 55 2 171 4 268 2 683 4 8 34 22 16 37 285 290 36 13 494 51 29 38 129 95 50 12 109 100 583 2 10 18 93 116 836 6 576 502 6 842 6 438 18 2851 874 626 33 33 27 28 14 15 17 16 13 30 21 23 115 9 10 13 30 21 23 115 9 10 13 30 21 23 115 9 10 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 123 3 20 2 35 508 4 8 34 22 16 13 30 21 51 29 50 23 115 9 10 27 28 14 15 17 19 74 967 1317 73 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 3132 5 3148 46 2569 22 16 13 475 967 588 2 10 270 645 3 1016 479 238 270 645 3 1016 1007 238 270 645 3 1016 1152 238 270 645 3 1016 2891 238 270 645 3 1016 3646 238 953 13 1338 967 588 53 117 47 20 31 2 10 270 645 3 588 6 415 3 1483 479 238 270 645 3 588 6 415 3 1484 479 238 270 645 3 588 6 415 3 1485 2 831 479 238 270 645 3 588 6 415 3 1486 2 1439 479 238 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 3 20 2 108 4 105 2 205 4 310 3 209 2 181 4 310 3 893 2 942 4 8 790 181 7 56 45 7 26 3 20 2 108 4 441 4 451 4 8 422 45 7 26 3 20 2 136 4 592 4 451 4 8 153 45 7 26 3 20 2 256 4 592 4 606 4 8 788 45 7 26 3 20 2 260 4 441 4 606 4 8 114 45 7 26 3 20 2 108 4 441 4 451 4 8 8 34 22 16 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 147 33 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 832 32 213 7 70 2 56 4 8 1240 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 24 2 422 45 4 26 3 20 2 35 731 4 105 2 296 4 55 2 114 45 4 176 2 171 4 8 1240 236 23 7 89 2 149 4 20 2 35 1261 4 44 2 193 178 4 29 3 221 2 118 4 8 1240 236 539 7 26 3 20 2 35 244 4 20 2 140 4 8 1240 236 23 2 151 2 487 31 7 26 3 20 2 35 944 4 20 2 140 4 8 14 15 17 19 32 215 7 105 2 245 4 109 2 364 4 8 34 22 16 116 920 6 1248 6 1179 57 30 21 23 195 49 27 28 14 15 17 19 32 58 7 25 2 96 48 103 4 44 2 342 218 529 4 26 3 20 2 442 4 8 34 22 16 37 41 44 834 127 3 167 556 36 147 30 58 54 185 23 109 44 52 342 11 23 100 47 86 44 52 218 11 47 23 123 44 52 529 9 33 27 28 14 15 17 16 37 872 23 1302 2602 36 13 41 201 135 1505 6 200 21 243 239 135 509 125 446 649 23 20 9 10 173 227 121 3044 976 362 1007 20 2 119 88 1505 6 3167 6 3307 6 3684 88 231 6 257 163 13 189 145 2 183 1505 6 21 99 337 50 274 273 1095 150 501 2376 53 150 265 31 9 10 27 28 14 15 17 19 32 1463 7 44 3 100 2 142 581 4 8 1464 7 44 3 100 2 153 45 4 8 34 22 16 57 41 44 3 100 232 49 13 30 21 23 29 104 237 100 44 9 30 21 23 29 104 237 100 44 9 30 21 23 29 104 237 100 44 9 10 67 1378 30 29 185 23 100 44 52 142 581 9 30 29 185 23 100 44 52 142 581 9 30 29 185 23 100 44 52 142 581 9 10 67 1379 30 29 185 23 100 44 52 153 45 9 30 29 185 23 100 44 52 153 45 9 30 29 185 23 100 44 52 153 45 9 10 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2516 2435 36 13 1725 2126 50 12 135 266 38 1059 239 23 2129 29 306 12 58 54 104 3179 6 2 10 88 246 3 282 6 1947 6 187 6 1199 844 932 18 3180 13 382 461 23 115 9 10 147 382 461 23 58 54 306 58 9 33 134 1797 382 461 23 301 133 134 155 154 3 900 1113 301 133 14 15 17 19 32 213 7 3255 4 8 1849 7 24 2 948 45 4 26 3 20 2 140 4 102 3 269 2 56 259 193 56 669 11 56 11 56 11 1259 31 11 56 528 144 56 669 11 56 11 56 11 1258 31 4 70 3 123 2 342 4 8 1401 7 29 3 101 2 122 4 44 2 141 144 4 8 34 22 16 37 1329 1693 498 5 1299 36 18 1380 116 1216 6 2701 502 6 416 18 93 13 2470 502 10 33 33 18 1380 116 3564 6 2707 1669 6 416 18 93 13 2582 1669 10 14 15 17 19 32 2246 7 26 3 20 2 103 4 20 2 140 4 44 2 144 4 8 34 22 16 37 41 164 618 36 13 263 148 38 59 129 54 104 12 164 209 6 2790 6 2 10 18 2808 37 499 36 13 499 21 12 637 52 966 9 621 21 12 906 1470 990 50 12 980 1318 11 104 23 1445 634 52 204 1097 750 1957 9 10 13 1716 162 12 1702 1719 11 499 185 706 23 1443 2110 239 520 1991 11 312 1919 1902 879 38 312 1895 241 12 1703 11 1246 2009 152 1673 9 10 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 864 458 49 13 41 511 181 128 764 50 23 943 45 553 162 660 374 9 802 663 11 359 47 816 359 374 11 152 128 577 554 53 114 45 31 9 10 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 3236 6 158 3 20 2 843 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 878 14 15 17 16 37 290 135 509 36 317 121 397 251 209 2 119 138 88 187 6 398 6 1034 6 2200 121 465 331 209 2 119 138 88 187 6 466 6 910 6 1243 163 13 145 125 12 208 1964 21 99 524 9 10 13 1293 2017 125 12 295 24 52 29 135 509 21 456 1368 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1337 869 1296 36 13 41 1542 3 431 3 1063 164 701 2148 38 12 600 1356 2 10 18 886 18 885 3 431 600 3 431 3 772 600 3 431 3 1063 6 915 6 369 3 1520 6 369 3 1076 6 369 3 1075 6 1065 1269 45 1306 53 772 31 33 14 15 17 19 32 1462 7 25 2 179 48 108 4 8 3397 7 25 2 179 48 108 4 25 3 192 2 196 4 8 3398 7 25 2 179 48 108 4 25 3 192 2 193 4 8 3399 7 25 2 179 48 108 4 25 3 192 2 341 4 8 34 22 16 37 41 25 3 192 232 36 13 30 127 21 243 38 332 916 542 38 129 54 2 10 67 1377 1324 25 10 67 2845 2617 25 10 67 2846 2618 25 10 67 2847 2619 25 10 27 28 14 15 17 16 57 41 135 208 212 49 13 41 208 212 315 12 208 129 135 54 2752 38 9 10 173 804 6 3169 121 397 251 209 2 119 88 187 6 398 6 908 88 231 6 257 163 13 41 6 331 209 6 266 264 21 829 12 208 54 11 987 1221 3409 52 12 208 9 10 121 465 331 209 2 119 88 187 6 466 6 910 6 3054 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 2 108 4 254 2 24 786 4 8 35 811 7 254 3 519 3 275 2 336 4 8 35 890 7 254 3 519 3 275 2 434 4 8 35 1853 7 254 3 519 3 275 2 434 3 50 4 8 35 1854 7 254 3 519 3 275 2 434 3 596 4 8 35 1855 7 254 3 519 3 275 2 434 3 50 3 596 4 8 58 2 151 7 24 2 170 4 8 34 22 16 57 41 254 3 519 3 275 232 49 13 534 204 12 58 303 264 11 38 165 12 544 3549 2927 2 10 18 1940 336 33 138 18 1941 434 33 138 18 1942 434 3 50 33 138 18 1943 434 3 596 33 138 14 15 17 16 37 285 2566 36 13 472 162 12 3608 150 162 550 52 12 3419 38 3718 152 2865 2 10 116 3565 6 2709 6 3677 6 3598 2413 3316 1287 3524 6 2903 6 2712 6 3140 1287 2111 6 2905 6 2706 6 3137 1287 2111 6 2904 6 2714 6 3142 2394 27 28 14 15 17 19 32 1849 7 24 2 328 4 102 3 269 2 56 259 193 56 669 11 56 11 56 11 1259 31 11 56 528 144 56 669 11 56 11 56 11 1258 31 4 29 3 101 2 122 4 8 1401 7 44 2 141 4 8 34 22 16 37 1693 498 5 1299 36 13 41 102 3 269 127 220 191 243 38 481 2045 3 662 1783 2 10 18 1380 116 3567 6 2708 6 416 18 93 13 2542 11 2583 10 33 33 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 86 3 24 2 177 4 8 34 22 16 13 189 145 2 183 41 6 25 3 86 3 24 6 127 197 99 361 297 152 21 243 983 9 263 12 6 25 3 59 6 127 38 324 12 542 287 9 10 27 28 14 15 17 16 57 41 135 55 47 24 703 49 13 41 55 47 24 703 1061 12 55 47 24 52 129 135 1506 6 54 9 10 173 227 121 397 251 209 2 119 88 187 6 398 6 908 121 465 331 209 2 119 88 187 6 466 6 1035 88 1506 6 3560 6 2711 6 3733 6 3111 163 13 189 145 2 183 41 135 1506 6 3521 12 1146 47 1147 1392 52 12 1003 125 2695 12 95 301 9 10 27 28 14 15 17 19 32 681 7 233 3 584 2 167 4 233 3 512 2 471 4 233 3 670 3 59 2 48 4 233 3 670 3 24 2 96 4 233 3 670 3 20 2 442 4 8 34 22 16 18 713 190 222 180 224 219 11 390 293 234 11 250 392 403 402 395 406 166 399 168 249 386 394 407 9 347 455 353 321 355 360 11 357 356 436 449 453 448 443 445 166 387 396 393 389 286 9 619 705 419 507 743 180 50 740 50 779 680 651 751 286 11 419 589 168 652 736 379 734 349 776 730 229 700 229 744 756 723 668 707 760 747 783 722 704 727 168 604 735 379 733 9 697 745 307 719 769 754 729 551 717 753 659 725 377 391 761 749 758 732 759 702 9 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 861 282 2 517 36 13 41 208 264 480 520 352 1988 53 517 3246 31 2 10 317 18 246 3 304 121 3051 976 157 53 517 550 31 2 119 1108 246 3 282 6 3188 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 86 3 20 2 35 508 4 8 34 22 16 13 30 21 51 29 50 23 115 9 10 27 28 14 15 17 19 32 1043 7 25 2 96 48 103 4 186 3 59 2 48 4 186 3 20 2 108 4 186 3 24 2 2170 4 8 1460 7 25 2 96 48 103 4 186 3 59 2 48 4 186 3 20 2 108 4 186 3 24 2 663 4 8 1461 7 25 2 96 48 103 4 186 3 59 2 48 4 186 3 20 2 108 4 186 3 24 2 773 4 8 2036 7 25 2 96 48 103 4 186 3 59 2 48 4 186 3 20 2 108 4 186 3 24 2 259 4 8 34 22 16 37 41 186 3 24 232 36 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 1133 410 226 579 664 3 2050 271 412 64 120 426 65 87 97 64 120 427 106 65 87 97 64 120 427 142 65 87 97 64 120 427 167 65 87 14 15 17 19 74 536 803 73 39 1157 39 63 6 60 46 61 3 24 11 62 3 66 32 90 7 102 3 262 2 25 3 102 4 8 213 7 107 3 375 2 495 4 70 2 56 4 8 612 7 44 2 1565 4 29 3 101 2 122 4 26 2 35 1561 4 20 2 140 4 8 1092 7 89 2 98 4 26 3 20 2 35 566 4 8 1092 23 7 20 2 140 4 44 2 492 144 4 14 15 17 19 32 137 11 230 11 210 7 25 2 96 48 103 4 8 137 7 25 3 202 2 202 4 24 2 114 45 4 8 210 7 55 2 947 4 8 34 22 16 37 41 24 47 55 2608 36 13 699 12 24 52 12 137 11 47 12 55 52 12 137 546 1207 2 10 365 132 131 299 130 131 411 130 131 871 130 172 132 113 625 112 113 532 112 113 611 114 112 172 132 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2639 531 36 18 155 3 304 134 199 6 155 154 3 314 1139 133 134 199 6 155 154 3 667 352 3 605 6 146 3 3638 161 641 159 133 14 15 17 19 32 182 7 29 3 1955 2 218 4 8 34 22 16 13 319 514 1529 47 313 1522 1082 514 1174 1417 444 51 1352 125 382 1083 706 1504 204 50 514 1446 1407 1210 9 363 2674 308 3017 662 2909 2722 11 363 3091 3642 444 11 363 3215 3463 125 430 12 2048 50 217 930 335 3293 1910 12 2698 125 308 1083 1910 9 363 10 27 28 14 15 17 19 32 517 7 24 2 114 45 4 44 2 178 144 4 25 2 118 4 25 3 192 2 259 4 26 3 20 2 35 731 4 8 34 22 16 13 143 1225 517 413 9 10 317 1108 3162 6 3303 344 3696 2438 530 344 3697 2458 530 344 3703 1727 530 1285 163 27 28 14 15 92 94 19 39 91 39 63 6 60 46 61 3 24 11 62 3 66 32 90 7 102 3 262 2 25 3 102 4 8 682 7 176 2 267 4 26 3 20 2 35 566 4 8 682 23 7 194 2 86 4 89 2 149 4 20 2 35 894 4 29 3 101 2 122 4 44 2 492 178 4 29 3 221 2 118 4 8 682 23 2 151 7 26 3 20 2 35 334 4 20 2 103 4 8 366 261 47 53 283 3 24 2 457 31 7 682 23 7 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 305 75 195 53 2348 31 49 37 545 75 195 53 316 31 36 425 3085 75 195 53 1099 31 410 1288 3086 75 195 53 687 31 615 1289 3087 75 195 53 492 31 1284 1595 3088 75 195 53 341 31 1580 14 15 17 19 39 1157 39 3306 6 2897 1347 3650 39 3312 6 2898 11 148 11 2557 39 3296 6 2899 2499 22 16 13 1607 1989 1021 3072 306 12 1013 671 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 272 1336 36 134 199 6 155 154 3 314 868 272 133 134 199 6 155 154 3 667 1351 1111 868 133 134 199 6 155 154 3 667 1399 963 868 133 33 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 534 1331 36 13 41 847 3 151 164 2991 23 151 3570 162 137 917 2 10 380 887 137 3 3121 691 132 131 299 130 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 859 36 13 41 1253 164 21 243 38 1846 129 110 50 12 352 413 2 10 18 642 134 155 154 3 295 352 3 605 6 199 6 146 3 1236 161 641 159 133 226 504 3 826 97 64 120 184 65 87 271 2811 64 120 148 65 87 14 15 17 19 32 137 7 25 3 202 2 202 4 24 2 114 45 4 8 210 11 230 7 44 2 193 4 29 3 101 2 86 4 25 3 123 2 96 48 35 334 4 8 677 2 151 7 26 3 2880 4 8 34 22 16 37 1314 428 36 13 623 12 549 204 12 137 917 38 165 12 175 9 10 365 132 131 251 346 130 131 331 346 130 131 973 130 172 132 113 625 112 113 532 112 113 611 114 112 172 132 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 32 889 7 26 3 20 2 400 4 44 2 144 4 8 366 261 47 53 401 3 24 2 457 31 7 889 7 107 3 117 2 850 4 8 8 366 261 47 53 283 3 24 2 457 31 7 889 7 107 3 117 2 316 4 8 8 34 22 16 37 857 12 107 117 52 129 54 162 544 261 1487 36 18 1375 71 792 9 33 13 574 12 124 421 24 21 457 525 150 593 11 324 12 107 3 117 52 792 38 316 9 574 152 21 2364 150 2218 11 324 12 107 3 117 38 850 9 252 12 124 225 38 165 12 175 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 1376 57 75 1141 49 13 75 21 12 906 2055 184 11 148 11 47 1662 1897 239 1844 468 11 1995 3 287 2065 162 12 1079 9 10 33 18 93 13 30 21 51 29 9 10 14 15 17 16 207 158 3 2868 35 686 49 207 158 3 2869 35 2350 49 207 158 3 2873 35 2373 49 207 158 3 2875 35 2747 49 207 158 3 2879 35 3011 49 207 158 3 2883 35 1008 49 13 1118 521 1868 556 239 108 11 260 11 47 256 11 308 128 1175 544 3523 52 1906 9 10 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 101 3 591 2 98 3 770 4 101 3 591 2 98 3 770 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 846 3 203 562 7 26 3 20 2 35 244 4 5 90 797 90 5 25 2 118 4 20 2 140 4 44 2 177 787 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 107 3 117 2 178 4 585 2 666 4 194 2 86 4 8 846 3 203 562 2 151 7 26 3 20 2 35 1268 4 8 34 22 16 37 272 968 36 13 1701 1189 47 194 12 636 38 481 23 301 203 2 10 18 155 3 304 134 882 272 133 134 882 272 133 134 882 272 133 134 882 272 133 33 67 2149 2 2767 138 2613 38 580 3031 429 11 150 814 128 217 182 54 477 194 828 38 12 636 9 10 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 18 1376 57 75 1141 49 13 75 21 12 906 2055 184 11 148 11 47 1662 1897 239 1844 468 11 1995 3 287 2065 162 12 1079 9 10 33 13 30 21 51 29 9 10 13 30 21 806 29 9 10 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 832 32 936 7 44 2 144 4 20 2 140 4 8 366 323 261 47 53 283 3 24 2 457 31 7 936 7 26 2 108 4 8 8 366 323 261 47 53 401 3 24 2 457 31 7 936 7 26 2 260 4 8 8 366 323 261 47 53 401 3 24 2 567 31 7 936 7 26 2 256 4 8 8 366 323 261 47 53 401 3 24 2 949 31 7 936 7 26 2 2032 4 8 8 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 859 36 13 41 339 164 21 243 38 1019 23 352 413 9 10 13 263 12 339 3 413 164 38 1740 1775 12 352 413 9 10 13 368 1038 12 352 413 11 278 23 301 150 23 223 104 23 164 52 339 3 605 47 146 3 1502 6 9 10 18 642 134 155 154 3 667 352 3 605 6 199 6 146 3 3639 71 161 641 159 133 226 504 3 826 \n",
            "\n",
            "14 15 17 16 57 41 135 0 212 49 13 41 0 212 315 23 3455 0 125 12 135 54 421 522 21 2782 0 9 10 173 227 121 0 2481 582 2 119 88 187 6 0 6 0 6 0 3 0 3 0 8 6 0 1028 0 0 88 231 6 257 163 13 201 145 2 200 41 0 212 52 12 135 417 21 99 337 50 501 408 53 150 265 31 9 10 27 28 14 15 17 19 32 90 7 102 3 262 2 25 3 102 4 8 548 46 29 292 11 517 11 1233 7 24 2 114 45 4 44 2 341 4 25 2 96 48 35 989 4 25 3 192 2 259 4 277 2 488 4 8 486 7 44 2 341 341 341 56 4 89 2 156 3 149 4 8 548 46 2156 292 7 26 3 20 2 35 244 4 20 2 140 4 44 2 341 144 4 25 2 118 4 25 3 192 2 259 4 585 2 666 4 194 2 100 4 8 548 46 0 7 26 3 20 2 35 0 4 8 564 7 14 15 17 19 32 3084 7 89 2 118 4 8 34 22 16 57 30 21 23 524 195 49 207 1806 30 21 23 267 195 49 13 624 125 12 305 54 104 89 2 118 4 197 99 2162 555 1755 518 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 873 71 410 64 276 6 35 6 146 3 0 6 0 534 204 444 65 33 318 611 53 2973 53 31 7 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 1327 71 410 64 276 6 35 6 0 3425 6 146 3 839 6 146 3 0 6 146 3 0 0 50 12 891 38 1386 217 3426 472 444 65 33 318 611 53 2973 53 31 7 14 15 17 19 32 5 90 30 21 23 3287 3 248 2888 90 5 182 7 20 2 108 4 8 34 22 16 13 255 291 126 10 13 30 115 21 1225 104 148 9 10 13 148 0 294 99 835 50 12 1459 9 10 27 28 14 15 17 19 32 182 7 25 2 196 48 108 4 8 34 22 16 37 41 25 232 36 13 30 127 21 23 834 127 239 25 3 24 11 25 3 59 11 47 25 3 20 9 10 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1333 1628 36 13 472 162 12 301 38 605 478 0 47 0 174 9 10 134 199 6 155 154 3 1020 6 146 3 3636 6 146 3 0 1333 1387 133 18 1939 6 2809 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 632 9 347 353 321 355 360 11 357 356 1172 1241 1184 2016 166 387 396 393 389 286 9 33 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 832 32 213 7 70 2 56 4 8 0 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 176 2 267 4 26 3 20 2 35 566 4 8 0 236 7 194 2 86 4 8 0 236 23 7 89 2 149 4 20 2 140 4 29 3 101 2 122 4 44 2 492 178 4 29 3 221 2 118 4 8 0 236 23 2 151 2 487 31 7 26 3 20 2 35 1096 4 8 0 236 539 7 26 3 20 2 35 244 4 8 0 0 7 194 2 100 4 8 366 261 47 53 283 3 24 2 457 31 7 0 0 11 0 236 7 194 2 118 4 8 8 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 320 251 75 536 49 13 30 3409 21 306 23 564 3 3032 164 9 10 13 41 564 3 3032 164 2070 23 1010 24 247 11 0 12 1867 24 52 12 1078 9 10 33 27 14 15 17 19 32 562 7 105 2 205 4 26 3 20 2 35 244 4 25 2 118 4 107 3 117 2 2340 4 20 2 35 0 4 44 2 144 4 24 2 188 4 29 3 101 2 122 4 254 3 893 2 1547 4 29 3 221 2 118 4 176 2 267 4 585 2 666 4 8 562 2 429 7 174 2 6 6 4 26 2 35 731 4 89 2 149 4 105 2 245 4 44 3 109 2 1266 45 4 44 3 86 2 0 45 4 70 3 86 2 0 126 822 4 70 3 109 2 0 45 4 268 2 56 4 254 2 430 0 8 562 2 460 2 429 7 44 2 56 4 70 2 56 4 268 2 106 4 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 873 71 410 13 41 146 3 0 212 315 12 924 105 9 10 226 311 3 1022 97 64 276 6 35 6 146 3 0 6 146 3 3417 6 0 874 65 87 97 64 276 6 35 6 146 3 0 6 146 3 3414 6 0 1117 65 87 97 64 276 6 35 6 146 3 0 6 146 3 3415 6 0 622 65 87 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1335 1322 36 493 2658 12 3276 104 23 301 489 134 199 6 155 154 3 1020 154 3 903 6 146 3 3641 6 146 3 3618 2589 1335 1322 133 493 1322 489 18 2830 1411 6 3182 6 3490 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 98 3 0 2 1207 326 4 98 3 0 2 1207 326 4 107 3 1245 2 986 4 29 3 101 2 122 4 8 240 3 247 280 90 7 44 2 141 4 98 2 106 114 45 4 8 0 7 29 3 101 2 86 4 26 2 432 4 8 612 7 26 2 0 4 8 2268 7 26 2 1977 4 8 0 7 26 2 0 4 8 0 7 26 2 0 4 8 366 430 47 53 401 3 24 2 567 31 7 0 7 98 2 106 171 4 8 0 7 98 2 167 364 4 8 0 7 595 2 106 4 8 0 7 595 2 142 4 8 0 7 595 2 167 4 8 2268 7 595 2 423 4 8 8 14 15 17 19 32 213 7 808 3 2086 2 671 4 8 305 7 808 3 2086 2 0 4 8 0 7 808 3 3204 2 671 4 174 2 6 0 6 0 31 6 9 6 4 8 0 7 808 3 3204 2 0 4 174 2 0 31 6 9 6 0 31 6 6 4 8 34 22 16 57 184 0 2 49 37 184 1141 36 37 148 1141 36 57 0 0 2 49 37 474 36 37 0 36 14 15 17 16 207 675 2 2758 30 21 23 195 49 67 675 2 831 30 21 23 115 9 10 27 28 14 15 17 19 32 0 3 0 7 107 3 375 2 0 4 3552 2 0 31 4 8 90 7 107 3 375 2 0 4 8 34 22 16 57 41 0 3 0 0 49 147 538 148 11 0 220 278 0 911 450 12 1051 3 2107 6 1079 3 0 6 0 9 33 13 189 145 2 183 274 273 1279 47 265 11 214 99 169 12 0 3 0 670 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 1107 506 665 3 1961 18 350 3 354 18 506 3 656 134 199 6 506 3 605 6 146 3 3636 6 146 3 0 161 0 3 0 159 161 0 3 0 159 161 0 3 0 159 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 1565 4 401 3 55 2 111 4 70 2 141 4 8 1091 7 206 3 101 3 0 2 98 3 770 4 101 3 0 2 98 3 770 4 8 1255 7 206 3 101 3 0 2 98 3 1405 4 101 3 0 2 98 3 1405 4 8 1540 7 206 3 101 3 0 2 122 4 101 3 0 2 122 4 8 2274 7 206 3 101 3 0 2 0 4 101 3 0 2 0 4 14 15 17 19 318 275 2861 53 31 7 297 53 2188 31 126 46 46 6 1513 6 31 7 297 53 0 31 7 0 46 0 4 8 814 7 0 46 106 4 8 892 46 6 385 335 1384 12 301 6 327 0 327 6 3626 31 50 217 0 9 6 4 8 814 7 892 46 6 628 11 362 124 197 99 169 1079 3580 561 6 4 8 8 40 22 16 13 134 3368 53 31 6 3654 472 444 126 133 10 18 1429 33 13 472 12 301 38 165 12 808 3203 9 10 13 2475 12 124 1227 53 150 225 31 11 47 1238 2699 11 47 12 808 21 2086 9 10 27 28 14 15 17 19 32 35 2077 7 25 3 192 2 218 5 177 4 26 2 35 424 4 44 2 144 4 24 2 188 4 55 2 309 4 8 35 2078 7 25 3 192 2 177 5 218 4 26 2 35 424 4 44 2 144 4 24 2 188 4 55 2 309 4 8 35 2079 7 25 3 192 2 153 45 4 26 2 35 424 4 44 2 144 4 24 2 188 4 55 2 309 4 8 34 22 16 57 41 25 3 192 232 49 13 0 25 3 25 3 192 2 218 5 177 2 10 67 0 10 14 15 17 16 57 30 21 195 106 49 37 30 21 195 142 36 425 30 21 195 167 410 1288 30 21 195 423 615 1289 30 21 195 330 1284 1595 30 21 195 614 1580 27 28 14 15 17 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 32 213 7 105 2 205 4 8 1086 7 0 4 24 2 114 45 4 420 3 467 2 1282 126 822 4 8 1092 7 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 2446 49 13 41 2757 54 21 243 38 0 174 376 806 1490 2 10 0 13 345 153 1082 11 876 185 706 2068 12 1416 52 1454 9 41 930 421 1437 1829 2033 11 876 929 50 114 1832 47 21 337 241 2302 750 1987 50 12 980 1336 47 1386 38 330 750 1899 9 10 2409 2526 876 421 3719 2391 1574 14 15 17 19 32 215 2 151 7 268 2 684 4 8 34 22 16 57 285 1345 49 13 41 268 127 21 3344 243 3635 104 12 2 151 672 38 638 12 268 162 549 3 204 2 10 116 1492 6 1353 6 1080 6 897 116 2135 6 1750 6 1080 6 897 116 1216 6 1749 6 1080 6 897 27 28 14 15 17 16 37 41 298 965 36 13 41 634 52 23 0 21 2 0 559 0 0 0 559 0 0 0 11 2215 0 0 0 21 12 1153 11 47 0 0 0 21 12 488 55 9 10 27 28 14 15 17 19 32 215 7 283 3 24 2 114 45 4 55 2 171 4 8 34 22 16 37 1329 498 36 13 1329 547 128 577 0 38 510 12 117 52 12 261 9 10 13 252 12 124 225 38 165 12 175 2 10 116 836 6 576 502 6 842 6 438 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1628 383 533 36 13 472 162 12 1387 597 38 1038 47 1386 152 9 10 18 388 3 304 18 388 597 3 463 18 388 3 657 853 388 3 3627 64 146 3 3636 6 3126 1628 157 203 65 615 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 320 251 75 536 49 13 30 3409 21 306 23 564 164 9 10 13 41 564 164 2070 23 468 296 24 247 9 10 33 27 14 15 17 16 13 473 23 124 220 99 0 129 95 11 152 128 89 12 2716 29 2 10 116 0 6 1354 1316 6 2152 27 28 14 15 17 19 32 1254 7 26 3 20 2 35 244 4 20 2 140 4 44 2 178 4 107 3 117 2 178 4 25 2 118 4 585 2 666 4 8 339 7 105 2 205 4 89 2 156 3 149 4 8 339 3 174 7 89 2 118 4 105 2 245 4 26 3 20 2 35 1173 4 401 3 24 2 1262 4 102 3 269 2 364 193 178 364 1476 31 4 420 3 467 2 106 4 8 339 3 174 23 7 20 2 103 4 44 2 341 178 4 29 3 221 2 118 4 89 2 149 4 8 339 3 174 23 2 151 7 26 3 20 2 35 731 8 14 15 17 16 37 184 531 36 13 184 636 294 1005 104 12 301 417 2 10 0 472 444 133 27 28 14 15 17 16 37 184 0 36 173 227 121 397 251 209 2 119 138 88 187 6 398 6 1034 6 2200 121 465 331 209 2 119 138 88 187 6 466 6 910 6 3687 88 231 6 257 163 13 473 308 1003 12 6 2646 6 301 11 12 208 3 146 128 191 2108 38 23 284 1780 6 2291 6 9 10 27 28 14 15 17 16 57 184 866 49 13 64 0 1346 0 126 65 10 27 28 14 15 17 19 32 0 7 174 2 0 31 4 8 34 22 16 57 30 21 23 195 49 13 41 2 2 985 2071 3 54 0 174 985 12 174 52 129 54 9 10 57 30 21 23 195 49 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 98 3 326 2 1036 4 98 3 326 2 1036 4 24 2 170 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 213 7 26 3 20 2 442 4 8 34 22 16 57 255 291 126 49 13 30 284 185 23 3240 256 26 20 126 10 27 28 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 196 4 29 3 101 2 86 4 8 34 22 16 37 862 2544 2 36 380 416 132 131 346 130 131 2650 130 131 2650 130 172 132 113 0 0 112 113 944 0 0 112 113 944 0 0 112 172 951 37 1143 2544 2 36 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1628 500 36 13 472 162 12 1387 597 38 1038 47 1386 152 9 10 18 388 3 304 18 388 597 3 463 18 388 3 657 853 388 3 3627 64 146 3 3636 6 3126 1628 597 65 615 14 15 17 19 32 564 7 105 2 205 4 8 2243 7 105 2 245 4 123 2 193 4 100 2 178 4 107 3 117 2 687 4 8 215 7 24 2 114 45 4 55 2 171 4 268 2 683 4 8 34 22 16 37 285 290 36 13 494 51 29 38 129 95 50 12 123 100 583 2 10 18 93 116 836 6 576 502 6 842 6 438 18 2802 1117 626 33 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 1107 506 665 3 1961 18 350 3 354 18 506 3 656 64 506 3 1156 6 120 1145 65 33 226 579 665 3 1193 271 412 64 120 426 65 87 14 15 17 19 32 305 7 20 2 140 4 29 3 269 2 96 96 179 103 11 56 56 342 256 11 56 56 196 0 4 8 34 22 16 57 290 3 269 175 126 49 27 28 14 15 17 19 32 2963 7 70 2 144 4 25 2 96 48 103 4 186 2 259 48 108 4 186 3 1457 2 177 4 8 2964 7 70 2 141 4 25 2 96 48 103 4 186 2 196 482 256 4 186 3 1457 2 196 4 8 34 22 16 57 41 186 3 1457 232 49 18 995 30 58 185 23 423 598 48 108 186 940 598 829 12 25 2982 9 33 138 18 1374 30 58 185 23 330 598 482 256 186 330 598 829 12 25 2982 9 33 27 28 14 15 17 19 32 0 2 223 7 0 4 8 0 2 557 7 0 4 8 0 2 151 7 0 4 8 0 2 223 7 0 4 8 0 2 557 7 0 4 8 0 2 151 7 107 3 0 45 4 8 0 2 223 7 0 4 8 0 2 557 7 0 4 8 0 2 151 7 0 4 8 0 2 223 7 0 4 8 0 2 557 7 0 4 8 0 2 151 7 107 3 375 2 3280 4 8 0 2 223 7 0 3 221 2 118 4 8 0 2 557 7 0 3 221 2 118 4 8 0 2 151 7 29 3 221 2 1242 4 8 34 22 16 13 1323 204 12 746 47 3718 1234 638 1026 2 10 13 189 64 1810 6 898 6 469 30 223 1787 20 65 183 10 13 189 64 1821 6 898 6 469 30 223 1787 107 3 117 65 183 10 13 189 64 0 6 898 6 469 30 223 1787 26 3 20 65 183 10 13 189 64 0 6 898 6 469 30 223 1787 107 3 375 65 183 10 13 189 64 0 6 898 6 469 30 223 1787 29 3 221 65 183 10 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 101 3 591 2 122 4 101 3 591 2 122 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 452 7 157 3 59 2 3550 306 0 6 31 4 8 34 22 16 37 148 1671 36 13 41 157 3 59 127 21 23 834 127 11 780 21 243 38 324 430 12 157 2067 50 550 1397 9 10 569 97 381 87 97 384 87 97 570 571 87 343 27 28 14 15 17 19 32 35 655 7 55 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 1012 11 136 31 4 8 34 22 16 57 1321 796 3 874 38 1117 49 13 30 336 818 2144 108 349 12 109 11 2179 38 136 349 12 123 2 10 18 820 33 27 28 14 15 17 16 57 41 135 0 212 49 13 41 0 212 315 125 12 135 266 446 577 1175 1009 325 12 284 0 9 10 173 227 121 397 251 209 2 119 138 88 187 6 398 6 1034 6 0 121 465 331 209 2 119 138 88 187 6 466 6 1035 88 231 6 257 163 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 3 20 2 108 4 105 2 205 4 310 3 209 2 181 4 310 3 893 2 942 4 310 3 1963 3 584 2 142 4 310 3 650 2 2716 4 8 790 181 7 56 45 7 26 3 20 2 108 4 441 4 451 4 8 422 45 7 26 3 20 2 136 4 592 4 451 4 8 153 45 7 26 3 20 2 256 4 592 4 606 4 8 788 45 7 26 3 20 2 260 4 441 4 606 4 8 114 45 7 26 3 20 2 108 4 441 4 451 4 8 8 34 22 16 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 147 33 27 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 458 49 13 30 181 2941 23 943 45 553 162 359 11 663 47 660 374 9 802 816 359 374 11 152 128 554 53 114 45 24 31 9 10 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 1060 6 158 3 20 2 843 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 878 14 15 17 19 32 562 7 26 3 20 2 35 244 4 5 90 797 90 5 25 2 118 4 20 2 140 4 44 2 177 787 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 107 3 117 2 178 4 70 2 259 179 4 585 2 666 4 8 934 7 26 3 20 2 140 4 20 2 103 4 25 2 179 48 35 244 4 8 935 7 26 3 20 2 140 4 20 2 103 4 25 2 179 48 35 2296 4 8 1252 7 26 3 20 2 140 4 20 2 103 4 25 2 179 48 35 3012 4 8 1534 7 14 15 17 19 32 58 7 26 3 20 2 35 244 4 44 2 141 4 8 2965 7 268 2 2292 4 8 2968 7 268 2 683 4 8 2970 7 268 2 1260 4 8 34 22 16 57 2657 855 49 13 574 521 12 268 127 38 332 925 38 12 26 52 129 54 11 430 52 312 640 303 0 418 348 0 9 30 220 748 12 29 306 23 0 418 54 0 38 0 2 10 18 2816 13 268 2292 10 33 18 1381 13 268 683 10 33 18 2850 13 268 1260 10 33 147 13 268 106 53 295 31 10 33 27 28 14 15 17 19 32 1463 7 44 3 0 581 4 8 1464 7 44 3 0 45 4 8 34 22 16 57 41 44 3 123 232 49 13 30 21 23 29 104 237 123 44 9 30 21 23 29 104 237 123 44 9 30 21 23 29 104 237 123 44 9 10 67 1378 30 29 185 23 123 44 52 142 581 9 30 29 185 23 123 44 52 142 581 9 30 29 185 23 123 44 52 142 581 9 10 67 1379 30 29 185 23 123 44 52 153 45 9 30 29 185 23 123 44 52 153 45 9 30 29 185 23 123 44 52 153 45 9 10 27 28 14 15 17 19 32 562 7 26 3 20 2 35 244 4 5 90 797 90 5 25 2 118 4 20 2 140 4 44 2 177 787 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 107 3 117 2 178 4 70 2 259 179 4 585 2 666 4 206 3 254 3 893 2 1547 4 5 90 501 90 5 254 3 893 2 1547 4 8 934 7 102 3 269 2 56 193 178 56 1476 31 11 56 528 144 56 0 31 4 8 935 2 151 7 102 3 269 2 56 341 178 56 0 0 218 56 0 31 4 8 34 22 16 37 0 531 36 13 263 12 102 3 269 127 38 332 0 38 12 301 2 10 134 462 1363 0 272 133 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 255 291 126 49 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 1212 6 158 3 20 2 661 258 3 1212 33 18 228 3 1060 6 158 3 20 2 1025 258 3 1060 33 18 228 3 1212 6 158 3 20 2 661 258 3 1212 33 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 1023 3 174 2 98 3 1405 4 1023 3 174 2 98 3 1405 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2461 71 36 18 3178 6 1798 1488 6 146 3 3487 493 2552 489 955 1798 3 3206 271 146 3 2165 6 146 3 1488 3 3633 6 412 87 271 146 3 2165 6 146 3 1488 3 3634 87 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 383 533 538 1614 36 226 311 3 304 271 311 3 203 3 139 698 161 881 848 159 87 271 311 3 203 3 139 0 161 881 330 159 87 271 311 3 203 3 139 0 161 881 167 159 87 343 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1722 36 13 41 1090 3 2173 164 1834 23 2173 52 12 95 2 10 116 2131 6 883 3 2173 6 576 502 6 2223 6 1913 33 27 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 26 3 20 2 136 4 25 2 96 48 103 4 8 1170 7 526 3 253 2 0 31 4 5 90 497 279 90 5 253 2 0 31 4 5 90 629 676 90 5 8 34 22 16 57 41 0 53 31 535 49 13 41 0 53 31 414 2122 129 54 823 23 1011 1754 9 10 147 30 23 404 58 54 9 33 18 821 30 58 54 21 2121 456 810 1149 12 1146 3 807 11 47 408 810 1149 12 1147 3 807 9 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 861 282 2 1233 36 13 41 208 264 480 23 1233 239 0 2 10 317 18 246 3 304 121 0 0 2 119 1604 246 3 282 6 3501 6 0 1286 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 859 36 13 494 12 339 3 413 3 100 164 38 339 3 413 38 100 3 101 12 352 413 2 10 18 642 134 155 154 3 295 352 3 605 6 199 6 146 3 3639 71 161 641 159 133 226 504 3 413 352 3 413 3 3488 97 64 120 184 65 87 97 64 120 148 65 87 14 15 17 19 32 564 7 105 2 205 4 8 2287 7 105 2 245 4 109 2 193 4 100 2 178 4 107 3 117 2 687 4 8 215 7 24 2 114 45 4 55 2 171 4 268 2 683 4 8 34 22 16 37 285 290 36 13 494 51 29 38 129 95 50 12 109 100 583 2 10 18 93 116 836 6 576 502 6 842 6 438 18 2851 874 626 33 33 27 28 14 15 17 16 37 41 0 965 36 13 41 0 54 21 243 38 1842 0 1459 376 23 2891 0 9 10 13 0 376 514 2891 2 10 13 0 0 99 0 9 138 0 0 38 2900 0 10 27 28 14 15 17 16 13 30 115 480 23 0 52 1029 50 12 1490 582 11 987 12 124 0 152 9 10 13 30 115 480 23 0 52 1491 50 12 1490 582 11 987 12 124 0 152 9 10 13 41 1456 52 1029 50 23 115 0 162 12 117 52 12 124 225 9 473 308 277 12 124 225 11 12 1456 52 1029 50 217 115 128 638 9 10 27 28 14 15 17 19 32 58 7 25 2 96 48 103 4 44 2 342 218 529 111 4 26 3 20 2 442 4 8 34 22 16 37 41 44 834 127 3 423 556 36 147 30 58 54 185 23 109 44 52 342 11 23 100 44 52 218 11 23 123 44 52 529 11 47 23 86 44 52 111 9 33 27 28 14 15 17 19 32 305 7 29 3 269 2 179 179 108 4 8 34 22 16 57 290 3 269 175 126 49 27 28 14 15 17 19 32 215 7 24 2 188 4 55 2 170 4 288 3 510 2 1004 4 288 3 105 2 948 45 114 45 4 8 34 22 16 37 630 288 3 105 36 116 674 6 633 6 610 6 438 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 98 3 0 2 1207 326 4 98 3 0 2 1207 326 4 107 3 1245 2 986 4 29 3 101 2 122 4 8 240 3 247 280 90 7 44 2 141 4 98 2 106 114 45 4 8 0 7 29 3 101 2 86 4 26 2 432 4 8 612 7 26 2 0 4 8 2268 7 26 2 1977 4 8 0 7 26 2 0 4 8 366 430 47 53 401 3 24 2 567 31 7 0 7 98 2 106 171 4 8 0 7 98 2 167 364 4 8 0 7 595 2 106 4 8 0 7 595 2 142 4 8 2268 7 595 2 423 4 8 8 34 22 14 15 17 19 32 35 0 7 107 3 375 2 495 11 1657 11 1058 3 833 4 25 3 202 2 202 4 24 2 114 45 4 8 35 0 230 11 35 0 210 7 25 2 96 48 35 334 4 44 2 193 4 8 35 0 677 2 755 3 2784 3 20 2 35 894 4 8 35 0 677 2 151 7 26 3 20 2 35 334 4 8 35 0 210 7 44 3 109 2 341 4 44 3 123 2 341 4 29 3 101 2 86 4 26 3 20 2 35 244 4 20 2 140 4 8 34 22 16 380 0 132 131 1305 130 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 101 3 591 2 0 4 101 3 591 2 0 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 0 7 24 2 0 4 25 2 96 48 35 686 4 928 3 326 2 578 3 928 4 8 34 22 16 57 41 928 3 326 232 49 67 0 30 115 480 23 0 1030 928 2 0 9 41 1030 928 128 578 47 326 38 12 828 248 9 10 27 28 14 15 17 19 32 58 7 24 2 170 4 55 2 111 4 44 2 177 4 26 3 20 2 136 4 102 3 269 2 141 141 4 8 34 22 16 57 41 102 3 269 232 49 147 30 21 23 58 54 104 23 102 3 269 33 27 28 14 15 17 19 32 305 7 928 3 1215 2 141 4 8 545 7 928 3 1215 2 1251 4 8 34 22 16 57 30 21 195 106 49 37 30 21 195 142 36 27 28 14 15 17 16 0 1166 568 0 6 0 5 1037 568 0 6 0 5 0 476 124 197 99 169 12 0 54 9 0 27 28 14 15 17 16 13 0 2018 2 2416 1429 2397 10 134 0 0 0 133 134 0 0 0 133 13 201 145 2 200 274 273 279 47 265 338 214 99 169 1347 0 9 10 318 298 2210 4 275 0 53 31 7 0 31 126 46 46 6 1513 6 31 7 0 31 46 46 6 1513 6 31 7 2210 46 827 0 6 31 4 8 0 46 3062 31 7 892 46 3005 4 8 4 8 814 7 892 46 6 628 11 362 124 197 99 169 1347 0 561 6 4 8 8 275 0 53 31 7 0 53 31 4 2210 46 1513 4 8 14 15 17 19 32 527 7 44 2 947 56 4 25 2 329 48 260 4 8 34 22 16 37 961 0 36 13 319 217 181 11 454 278 12 44 127 38 122 12 58 54 777 2 10 18 503 13 382 461 777 880 9 10 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 1143 1133 410 13 263 12 1257 3 2142 164 38 777 554 1469 2 10 226 579 664 3 1469 664 3 3568 271 412 64 120 426 65 87 97 64 120 427 106 65 87 97 64 120 427 142 65 87 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 3 20 2 108 4 105 2 205 4 310 3 209 2 181 4 310 3 893 2 942 4 310 3 1167 2 786 4 8 790 181 7 56 45 7 26 3 20 2 108 4 441 4 451 4 8 422 45 7 26 3 20 2 136 4 592 4 451 4 8 153 45 7 26 3 20 2 256 4 592 4 606 4 8 788 45 7 26 3 20 2 260 4 441 4 606 4 8 114 45 7 26 3 20 2 108 4 441 4 451 4 8 8 34 22 16 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 147 33 27 28 14 15 17 19 32 1462 7 107 3 1245 2 404 4 8 0 7 107 3 1245 2 0 4 8 0 7 107 3 1245 2 986 4 8 0 7 107 3 1245 2 0 4 8 34 22 16 67 1377 30 21 23 115 9 10 67 0 30 21 23 115 9 10 67 0 30 21 23 115 9 10 67 0 30 21 23 115 9 10 27 28 14 15 17 19 32 1465 3 1028 7 20 2 35 508 4 107 3 117 2 3747 3 660 4 8 34 22 16 13 385 220 278 12 2 2 287 3 1028 2071 3 54 38 332 23 2128 175 38 12 287 2781 52 23 29 126 10 27 28 14 15 17 19 32 23 7 29 3 221 2 118 4 8 34 22 16 13 143 223 104 237 1242 2 64 1180 0 65 10 27 28 14 15 17 19 32 213 7 107 3 117 2 114 45 4 8 305 7 107 3 117 2 2328 4 8 545 7 107 3 117 2 2305 4 8 182 7 107 3 117 2 2294 4 8 34 22 16 57 30 21 195 106 49 37 30 21 195 142 36 13 30 21 23 115 9 10 13 2638 12 107 3 117 50 3411 47 2986 0 12 1208 117 50 430 1443 333 11 47 982 430 333 38 277 12 29 126 10 27 28 14 15 17 19 32 564 7 105 2 205 4 8 2242 7 105 2 245 4 123 2 193 4 86 2 178 4 107 3 117 2 687 4 8 215 7 24 2 114 45 4 55 2 171 4 268 2 683 4 8 34 22 16 37 285 290 36 13 494 51 29 38 129 95 50 12 123 86 583 2 10 18 93 116 836 6 576 502 6 842 6 438 18 2801 1117 622 33 33 27 28 14 15 17 19 32 35 655 7 55 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 1012 11 136 11 260 31 4 8 35 1418 7 55 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 1012 11 2032 11 136 11 260 11 256 11 0 11 0 31 4 8 35 1903 7 55 2 188 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 1012 408 45 11 260 0 45 11 256 1280 45 31 4 8 34 22 16 57 1321 0 3 1128 1302 1717 49 13 201 145 2 200 1302 3579 294 0 0 325 237 0 294 552 9 10 37 167 1302 1717 53 0 0 31 2 36 14 15 17 19 32 35 655 7 55 2 0 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 336 3 1176 100 11 108 11 2032 11 136 11 260 11 256 11 0 11 0 31 4 8 34 22 16 18 3170 6 603 3 101 2 0 2 0 3 0 3 1245 2 1770 0 2440 33 27 28 14 15 17 19 32 602 7 194 2 86 4 24 2 0 4 107 3 117 2 0 45 4 107 3 375 2 0 11 2907 4 248 3 55 2 948 45 4 8 34 22 16 13 1291 0 159 1918 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 30 21 51 29 9 10 13 319 12 115 1738 11 12 287 1028 52 12 29 21 2988 50 23 602 54 9 41 602 54 185 23 24 125 21 2293 1235 12 117 52 12 1395 107 9 41 107 3 117 52 12 602 54 21 0 45 53 0 660 31 47 12 248 3 55 21 948 45 9 41 107 52 12 1028 50 12 602 128 191 50 6 0 6 9 10 14 15 17 19 32 182 377 2 287 3 640 7 20 2 256 4 8 34 22 16 13 382 461 23 789 1223 238 1196 9 382 461 23 789 1223 238 1196 9 10 13 382 461 23 789 1223 238 1196 9 382 461 23 789 1223 238 1196 9 10 27 28 14 15 17 19 32 182 7 25 3 59 2 48 4 25 3 100 2 773 433 35 508 4 8 34 22 16 13 30 21 51 29 50 23 115 9 10 27 28 14 15 17 19 32 35 655 7 55 2 309 4 24 2 309 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1052 3 0 3 601 349 945 45 0 45 11 108 11 136 11 103 31 4 8 35 1418 7 55 2 309 4 24 2 309 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1052 3 0 3 601 349 945 45 0 45 11 108 11 136 11 103 31 4 8 35 1903 7 55 2 309 4 24 2 309 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1052 3 0 3 583 349 945 45 0 45 11 108 11 136 11 103 31 4 8 35 1904 7 55 2 309 4 24 2 309 4 26 3 20 2 108 4 5 90 345 333 125 214 99 169 437 90 5 26 3 95 2 1052 3 0 3 583 349 945 45 0 45 11 108 11 136 11 103 31 4 8 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 689 0 1107 506 665 3 3213 665 3 296 3 3644 18 350 3 354 18 506 3 656 64 506 3 1156 6 120 1145 65 33 226 579 665 3 1193 271 412 64 120 426 65 87 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 573 3 1111 2642 36 13 494 164 845 38 0 12 775 0 780 284 3091 5 0 21 162 2 10 226 646 97 64 120 106 65 87 271 412 64 120 142 65 87 97 64 120 167 65 87 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 383 533 538 858 1625 36 226 311 3 304 271 311 3 203 3 110 157 3 203 3 110 3 921 251 110 87 271 311 3 203 3 110 157 3 203 3 110 3 900 1137 110 87 271 311 3 203 3 110 157 3 203 3 110 3 3717 1140 110 87 271 311 3 203 3 110 157 3 203 3 110 3 2935 0 110 87 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 861 282 2 135 36 13 41 208 264 480 520 135 303 4 550 52 198 29 47 550 52 198 2046 2 10 317 18 246 3 304 121 0 346 2 119 88 187 6 246 3 282 6 0 14 15 17 19 32 0 7 174 2 0 31 4 8 34 22 16 57 30 21 23 195 49 13 41 2 2 429 2071 3 54 0 174 429 12 174 52 129 54 9 10 57 30 21 23 195 49 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 864 1322 36 493 2658 12 3276 104 23 301 489 134 199 6 155 154 3 1020 154 3 903 6 146 3 3641 6 146 3 3618 2589 864 1322 133 493 1322 489 18 2830 1411 6 3182 6 3490 14 15 17 16 37 281 1728 184 383 36 569 97 381 87 97 384 87 97 572 87 343 37 281 1131 184 383 36 956 97 381 87 97 384 87 97 572 87 616 27 28 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1333 1628 36 13 472 162 12 301 38 605 478 0 47 0 174 9 10 134 199 6 155 154 3 1020 6 146 3 3636 6 146 3 0 1333 1387 133 18 1939 6 0 3202 190 222 180 224 219 11 373 540 234 11 250 214 435 307 439 166 440 229 168 249 632 9 347 353 321 355 360 11 357 356 1172 1241 1184 2016 166 387 396 393 389 286 9 33 14 15 17 19 32 2038 7 25 3 59 2 242 48 482 433 4 8 2043 7 25 3 59 2 242 48 482 4 8 2042 7 25 3 59 2 242 48 4 8 2037 7 25 3 59 2 242 4 8 34 22 16 67 2834 30 21 51 29 50 23 115 9 10 67 2853 30 21 51 29 50 23 115 9 10 67 1817 30 21 51 29 50 23 115 9 10 67 2818 30 21 51 29 50 23 115 9 10 27 28 14 15 17 19 32 846 3 203 562 7 26 3 20 2 35 244 4 5 90 797 90 5 25 2 96 48 260 4 20 2 140 4 44 2 177 787 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 107 3 117 2 178 4 585 2 666 4 194 2 86 4 8 846 3 203 562 2 0 3 640 31 7 25 3 100 2 118 4 5 90 0 433 542 90 5 8 846 3 203 562 2 151 7 26 3 20 2 35 1268 4 8 34 22 16 37 2448 272 533 36 13 494 542 38 481 23 1360 301 203 2 10 18 155 3 304 134 882 272 133 134 882 272 133 134 882 272 133 14 15 17 19 32 58 7 26 3 20 2 35 813 4 24 2 188 4 55 2 218 4 25 2 96 242 103 4 176 2 171 4 8 34 22 16 37 148 1132 36 13 41 171 522 21 0 38 358 11 323 152 332 3509 325 3328 2 10 147 385 220 278 12 176 127 325 308 927 38 335 1154 282 52 12 1026 9 41 176 127 315 558 738 297 174 1039 129 54 421 102 9 33 27 28 14 15 17 19 32 2 3494 7 2235 2 35 0 4 2236 2 35 0 4 8 213 7 26 3 20 2 1077 31 4 8 545 7 25 3 123 2 179 48 1077 31 4 8 564 7 20 2 1077 31 4 26 3 20 2 2208 31 4 44 2 177 4 8 301 7 26 3 20 2 2208 31 4 20 2 1077 31 4 25 2 96 48 1077 31 4 44 2 196 4 8 34 22 16 57 630 12 298 53 31 2527 49 18 93 14 15 17 19 32 1402 7 70 2 196 4 25 2 96 48 35 989 4 194 2 86 4 24 2 0 4 8 1402 2 151 7 25 2 96 48 35 2372 4 8 1402 215 7 24 2 114 45 4 55 2 171 4 8 2962 7 44 2 177 4 29 3 101 2 122 4 8 34 22 16 18 0 64 1231 6 0 116 1216 6 576 502 6 0 6 0 65 18 0 494 23 0 52 12 95 3114 33 33 18 0 14 15 17 16 57 41 135 0 212 49 13 41 0 212 315 12 1142 52 23 0 125 128 0 12 135 325 12 208 21 1497 9 10 173 227 121 397 251 209 2 119 88 187 6 398 6 908 121 465 331 209 2 119 88 187 6 466 6 1035 88 231 6 257 88 231 6 0 6 926 348 0 163 27 28 14 15 17 19 32 182 7 20 2 108 4 8 34 22 16 13 255 291 126 10 13 30 115 21 1225 104 148 9 10 13 148 0 294 99 835 50 12 1459 9 10 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 3 20 2 108 4 310 3 209 2 181 4 310 3 893 2 942 4 8 790 181 7 56 45 7 26 3 20 2 108 4 8 422 45 7 26 3 20 2 136 4 8 153 45 7 26 3 20 2 256 4 8 114 45 7 26 3 20 2 260 4 8 8 34 22 16 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 147 33 27 28 14 15 17 16 1596 0 6 0 6 3557 5 1862 5 3621 1581 27 28 14 15 17 16 37 1131 383 104 1330 1683 36 955 0 97 381 87 97 384 87 97 572 87 616 27 28 14 15 17 19 32 562 7 89 2 156 3 149 4 25 3 192 2 259 4 26 3 20 2 35 0 4 25 2 118 4 20 2 35 0 4 29 3 101 2 122 4 107 3 117 2 2340 4 44 2 144 4 24 2 188 4 254 2 430 1549 4 585 2 666 4 70 2 196 4 8 562 602 7 585 2 666 4 89 2 156 3 149 4 105 2 205 4 254 2 1549 4 8 562 602 2 429 7 174 2 363 0 363 4 105 2 245 4 268 2 56 4 109 2 56 4 100 2 0 4 254 2 1549 4 8 562 2 151 602 7 14 15 17 19 32 35 0 7 25 3 192 2 196 4 585 2 666 4 254 2 0 4 8 35 0 2 151 7 268 2 2293 4 8 0 7 89 2 118 4 5 90 0 241 295 90 5 105 2 296 4 5 90 0 50 3413 90 5 420 3 467 2 106 4 5 90 2633 162 109 90 5 44 3 109 2 111 4 5 90 0 52 12 102 90 5 86 2 56 4 109 2 56 4 24 2 114 45 4 5 90 1651 24 90 5 55 2 114 45 4 5 90 1651 55 90 5 176 2 171 4 5 90 0 358 297 0 90 5 26 3 20 2 3477 31 4 5 90 0 20 90 5 26 3 20 2 0 31 4 5 90 2445 0 268 90 5 8 0 3 174 7 70 2 171 4 89 2 149 4 24 2 948 45 4 283 3 24 2 2368 4 14 15 17 19 32 562 7 26 3 20 2 35 244 4 5 90 797 90 5 25 2 118 4 20 2 140 4 44 2 177 787 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 107 3 117 2 178 4 70 2 259 179 4 585 2 666 4 8 935 7 26 3 20 2 35 2296 4 8 5 90 2447 90 5 1252 7 26 3 20 2 35 3012 4 8 5 90 1699 90 5 1534 7 26 3 20 2 35 0 4 20 2 103 4 8 5 90 0 90 5 1535 7 26 3 20 2 35 0 4 8 5 90 2445 90 5 34 22 16 37 272 1119 36 13 857 12 26 20 52 23 301 104 12 26 3 20 127 2 10 134 882 797 133 134 462 1364 2447 133 134 462 1365 1699 133 134 462 1777 0 133 14 15 17 16 37 285 1711 36 13 694 454 278 12 59 212 38 1061 12 24 47 55 52 129 95 2 10 116 1493 6 1747 50 23 1966 6 0 27 28 14 15 17 19 32 137 11 230 11 210 7 25 2 96 48 103 4 8 137 7 24 2 114 45 4 25 3 202 2 202 4 8 34 22 16 37 1320 12 542 202 36 365 132 131 299 130 131 411 130 172 132 113 625 112 113 532 112 172 132 113 1672 112 113 532 112 172 951 27 28 14 15 17 19 32 305 7 29 3 221 2 0 4 8 545 7 29 3 221 2 248 3 2172 4 8 3085 7 29 3 221 2 1242 4 8 34 22 16 57 30 21 195 106 49 37 30 21 195 142 36 425 30 21 195 167 410 27 28 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 1023 3 174 2 518 3 478 4 1023 3 174 2 518 3 478 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 213 7 808 3 2086 2 671 4 8 0 7 808 3 3204 2 671 4 174 2 6 0 6 0 31 6 2 6 4 8 34 22 16 57 630 148 0 2 49 37 184 1141 36 37 148 1141 36 37 474 1141 36 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 2517 383 36 13 1725 2126 50 12 135 266 38 1059 12 157 239 2129 591 2 10 88 246 3 282 6 1947 6 187 6 1199 844 932 138 226 311 3 203 6 0 271 311 3 203 3 139 251 110 87 14 15 17 16 37 0 36 13 41 201 135 2184 6 200 464 23 1788 2 10 173 227 88 2184 6 0 6 0 6 0 121 0 382 335 23 0 119 138 88 2184 6 0 6 0 6 0 121 0 382 335 23 1781 119 138 88 2184 6 0 6 0 6 0 121 0 382 335 23 0 119 138 138 88 231 6 257 163 27 28 14 15 17 19 32 58 7 25 2 96 48 103 4 44 2 342 4 26 3 20 2 442 4 8 34 22 16 37 41 44 834 127 3 106 522 36 147 30 58 54 185 23 109 11 123 11 86 11 47 100 44 52 342 9 33 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1606 36 18 1793 805 3 921 201 977 126 200 30 805 102 1831 1019 23 2158 150 2058 1350 9 33 18 1793 805 3 900 201 1661 126 200 30 805 102 1831 1019 23 0 0 638 150 1350 9 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 0 11 0 290 49 13 41 359 54 21 243 38 481 23 0 11 0 29 50 1755 195 2 10 57 305 195 1109 0 29 1105 49 37 545 195 1109 0 29 1105 36 425 3085 195 1109 0 29 1105 410 1288 3086 195 1109 0 29 1105 615 14 15 17 19 32 215 7 24 2 188 4 55 2 170 4 288 3 510 2 118 4 8 34 22 16 37 630 288 3 510 2 118 4 36 116 674 6 633 6 610 6 438 27 28 14 15 17 19 32 548 46 301 292 11 548 46 2156 292 11 548 46 2086 292 7 26 3 20 2 35 244 4 25 2 118 4 20 2 140 4 44 2 178 787 4 29 3 221 2 118 4 70 2 259 179 4 585 2 666 4 8 34 22 16 13 1338 135 636 9 10 88 199 6 0 88 0 6 0 88 231 6 257 27 28 14 15 17 16 37 41 301 965 36 134 199 6 3367 0 472 1127 126 133 27 28 14 15 17 16 57 41 135 0 212 49 13 41 0 212 315 12 0 1456 0 239 129 135 54 9 10 173 227 121 0 973 2 119 88 1074 6 0 6 0 6 0 88 231 6 257 163 27 28 14 15 17 16 13 2497 99 0 38 0 2414 0 2395 0 9 10 27 28 14 15 17 19 32 213 7 650 2 2097 4 8 240 3 247 7 89 2 206 3 98 4 89 2 98 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 196 4 29 3 101 2 86 4 8 34 22 16 37 2463 125 0 520 917 36 13 368 748 23 1367 602 313 450 550 1207 11 278 12 0 212 9 10 380 416 132 131 346 2 130 113 0 0 112 172 132 0 0 2650 2 130 113 0 112 172 132 113 0 112 172 951 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 0 104 858 1625 36 18 388 3 304 18 388 597 3 463 18 388 3 657 500 104 597 3 295 164 33 18 388 3 708 500 1120 33 33 14 15 17 19 32 182 7 186 3 20 2 108 4 8 1041 7 186 3 59 2 242 4 8 1040 7 186 3 59 2 482 4 8 1049 7 186 3 59 2 48 4 8 1042 7 186 3 59 2 433 4 8 1044 7 186 3 59 2 587 4 8 1048 7 186 3 59 2 516 4 8 1045 7 186 3 59 2 590 4 8 1047 7 186 3 59 2 515 4 8 34 22 16 37 41 186 3 59 232 36 67 993 143 242 186 10 67 992 143 482 186 10 67 1001 143 48 186 10 67 994 143 433 186 10 67 996 143 587 186 9 41 175 0 162 12 186 3 20 522 9 10 67 1000 143 516 186 9 41 175 0 162 12 186 3 20 522 9 10 67 997 281 590 186 9 41 175 0 162 12 186 3 20 522 9 10 67 999 281 515 186 9 41 175 0 162 12 186 3 20 522 9 10 27 28 14 15 17 19 32 0 3 0 7 107 3 375 2 0 4 3552 2 0 31 4 8 0 3 0 7 107 3 375 2 0 4 3552 2 0 31 4 107 3 1245 2 986 4 8 90 7 107 3 375 2 0 4 8 34 22 16 57 41 0 3 0 0 49 147 538 148 11 0 220 278 0 280 0 911 450 12 1051 3 2107 6 1079 3 0 6 0 9 33 13 189 145 2 183 274 273 1279 47 265 11 214 99 169 12 0 3 0 670 9 10 27 28 14 15 17 19 32 1536 7 26 3 20 2 2177 4 20 2 140 4 44 2 141 4 8 34 22 16 37 0 1641 0 0 1705 2472 36 13 0 297 12 520 303 214 99 335 12 1208 417 209 11 0 220 543 0 38 12 1208 164 11 47 1175 12 1208 148 3605 2 10 954 991 867 36 67 991 867 21 12 637 52 1650 9 10 27 28 14 15 17 19 32 215 7 24 2 188 4 55 2 170 4 288 3 510 2 767 3 483 4 8 34 22 16 37 630 288 3 510 2 767 3 483 4 36 116 674 6 633 6 610 6 438 27 28 14 15 17 19 32 58 7 25 2 96 48 103 4 26 3 20 2 442 4 44 3 109 2 218 4 44 3 100 2 316 4 44 3 123 2 218 4 44 3 86 2 850 4 8 34 22 16 37 630 3207 44 2067 36 147 30 58 54 185 23 109 44 52 218 11 23 100 44 52 316 11 23 123 44 52 218 11 47 23 86 44 52 850 9 33 27 28 14 15 17 19 32 0 2 223 7 0 4 8 0 2 557 7 0 4 8 0 2 151 7 0 4 8 0 2 223 7 0 4 8 0 2 557 7 0 4 8 0 2 151 7 107 3 0 45 4 8 0 2 223 7 0 4 8 0 2 557 7 0 4 8 0 2 151 7 0 4 8 0 2 223 7 0 4 8 0 2 557 7 0 4 8 0 2 151 7 107 3 375 2 3280 4 8 0 2 223 7 0 3 221 2 118 4 8 0 2 557 7 0 3 221 2 118 4 8 0 2 151 7 29 3 221 2 1242 4 8 34 22 16 13 1323 204 12 746 47 3718 1234 638 1026 2 10 13 189 64 1810 6 898 6 469 30 223 1787 20 65 183 10 13 189 64 1821 6 898 6 469 30 223 1787 107 3 117 65 183 10 13 189 64 0 6 898 6 469 30 223 1787 26 3 20 65 183 10 13 189 64 0 6 898 6 469 30 223 1787 107 3 375 65 183 10 13 189 64 0 6 898 6 469 30 223 1787 29 3 221 65 183 10 14 15 17 19 32 137 11 210 11 230 7 25 2 96 48 103 4 25 3 202 2 202 4 8 210 11 230 7 44 2 196 4 29 3 101 2 86 4 8 34 22 16 37 2463 125 0 520 648 36 13 368 748 23 1367 602 313 450 550 233 11 278 12 0 212 9 10 380 416 132 131 346 130 0 0 2650 130 172 132 113 0 0 112 113 0 112 113 0 112 172 951 27 14 15 17 19 32 137 7 25 3 202 2 202 4 24 2 114 45 4 8 210 11 230 7 44 2 193 4 29 3 101 2 86 4 25 3 123 2 96 48 35 334 4 8 34 22 16 37 2448 428 0 36 13 494 12 25 3 123 127 38 210 47 230 239 819 2972 2 10 365 132 131 299 130 131 411 130 131 871 130 172 132 113 625 112 113 532 112 113 611 114 112 172 132 113 1672 112 113 532 112 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 37 1735 1711 36 18 0 0 3 3539 1335 1735 33 18 2857 1324 1735 33 18 0 0 3 1186 864 1735 33 33 14 15 17 16 37 184 498 36 13 184 547 294 1005 104 12 215 417 2 10 116 0 6 2715 6 0 6 0 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 350 3 354 57 255 291 126 49 13 252 12 124 225 38 165 12 175 9 10 18 372 18 228 3 919 6 158 3 20 2 0 3 919 18 372 18 228 3 1060 6 158 3 20 2 3241 258 3 1060 33 14 15 17 19 32 182 7 25 2 179 48 103 4 186 2 35 244 48 141 4 70 2 171 4 44 2 144 4 29 3 101 2 122 4 8 34 22 16 37 148 0 36 13 30 54 185 23 179 103 25 47 23 260 186 104 23 24 52 141 9 10 27 28 14 15 17 19 32 215 7 105 2 245 4 86 2 218 4 8 34 22 16 57 30 21 23 195 49 116 920 6 1248 6 1179 27 28 14 15 17 16 0 497 0 21 497 330 1283 0 0 497 0 21 497 614 1283 0 0 497 0 21 497 946 1283 0 0 497 0 21 497 1279 1283 0 0 497 0 21 497 279 1283 0 27 28 14 15 17 19 32 0 7 288 3 510 2 1412 4 8 0 7 288 3 510 2 649 4 8 0 7 288 3 510 2 1004 4 8 0 3 483 7 288 3 510 2 767 3 483 4 8 0 7 288 3 510 2 118 4 8 34 22 16 57 41 288 3 510 232 49 37 801 288 3 510 2 36 116 674 6 633 6 0 37 288 3 510 2 1412 53 217 21 295 31 2 36 116 0 6 674 6 633 6 0 37 288 3 510 2 649 2 36 116 0 6 674 6 633 6 0 37 288 3 510 2 1004 2 36 116 0 6 674 6 633 6 0 37 288 3 510 2 767 3 483 2 36 116 0 3 483 6 674 6 633 6 0 37 288 3 510 2 118 2 36 116 0 6 674 6 633 6 0 14 15 17 19 32 305 7 29 3 101 2 122 4 8 545 7 29 3 101 2 86 4 8 3085 7 29 3 101 2 100 4 8 34 22 16 57 367 106 53 122 31 49 37 367 142 53 86 31 36 425 367 167 53 100 31 410 13 41 1069 3093 1738 294 631 122 11 86 47 100 9 10 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 57 2491 1671 49 13 41 0 54 899 23 0 157 2 10 2406 1594 381 1579 1592 3 103 1422 726 1577 1594 572 1579 14 15 17 16 13 382 461 404 10 67 675 2 831 382 461 108 10 67 675 2 2758 382 461 256 10 67 415 3 0 382 461 0 10 27 28 14 15 17 19 32 562 7 26 3 20 2 35 244 4 25 2 118 4 20 2 140 4 44 2 177 787 4 29 3 101 2 122 4 29 3 221 2 118 4 89 2 156 3 149 4 107 3 117 2 178 4 70 2 259 179 4 585 2 666 4 8 34 22 16 37 148 531 36 0 1122 272 133 64 276 6 35 6 882 865 272 65 134 882 272 133 88 199 6 462 6 3689 1620 27 28 14 15 17 19 32 58 7 25 2 96 48 108 4 70 3 86 2 111 4 8 1043 7 70 3 86 2 3208 4 8 34 22 16 37 263 52 12 3208 522 36 13 1320 12 86 70 191 0 376 12 912 54 2 10 147 67 995 30 115 185 129 0 86 70 53 376 12 58 54 31 9 10 33 27 28 14 15 17 19 32 2963 7 24 2 170 4 26 3 20 2 136 4 8 2964 7 24 2 170 4 44 2 342 4 102 3 262 2 25 3 102 4 26 3 20 2 442 4 8 34 22 16 37 2597 47 54 24 3 104 102 3 262 36 18 995 30 58 21 170 525 9 33 138 18 0 24 52 217 58 0 349 170 11 50 0 52 12 218 52 2178 86 47 100 44 11 1357 52 12 102 3 262 2 25 3 102 127 9 33 27 28 14 15 17 19 32 58 7 24 2 111 4 55 2 111 4 26 2 108 4 254 2 24 786 11 55 942 4 8 58 2 151 7 24 2 170 4 55 2 170 4 8 34 22 16 57 41 254 232 49 13 534 204 12 58 54 264 11 38 165 12 254 175 2 10 147 33 13 189 145 2 183 30 181 197 99 361 50 274 273 279 47 265 338 9 10 27 28 14 15 17 16 37 1728 383 104 1301 1618 36 226 2150 3 59 3 198 2 0 97 381 87 97 384 87 97 572 87 343 27 28 14 15 17 19 32 211 7 89 2 156 3 149 4 8 211 23 7 20 2 103 4 194 2 86 4 44 2 193 178 4 29 3 221 2 118 4 254 2 26 3 20 933 4 25 2 96 48 35 334 4 8 211 539 7 26 3 20 2 35 244 4 20 2 140 4 25 2 96 48 35 244 4 8 211 23 2 151 2 487 31 7 26 3 20 2 35 334 4 8 34 22 16 37 573 104 2449 36 18 646 64 120 560 824 4 65 64 120 106 65 64 276 6 35 6 412 142 65 64 120 167 65 14 15 17 19 32 452 7 157 3 59 3 198 2 118 4 70 2 56 4 44 2 56 4 176 2 267 4 26 3 20 2 35 0 4 8 236 7 194 2 86 4 8 236 23 7 89 2 149 4 20 2 140 4 29 3 101 2 122 4 44 2 178 4 29 3 221 2 118 4 8 236 23 2 151 7 26 3 20 2 35 0 4 8 34 22 16 37 1681 427 36 13 319 217 181 11 454 278 148 38 59 12 157 485 11 38 481 23 0 413 2 10 569 97 64 1425 426 65 87 14 15 17 16 13 472 12 301 38 1175 362 1392 9 10 134 2029 300 621 133 67 1017 10 318 298 559 46 1857 6 31 4 275 1898 53 31 7 297 53 2011 31 7 3324 31 4 8 814 7 1249 46 6 1313 21 99 337 241 217 124 9 6 4 8 8 275 2112 31 7 1249 46 6 2560 2 6 327 2056 327 6 1589 280 1674 2 6 327 2057 4 8 40 27 28 14 15 92 94 19 74 75 71 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 68 69 6 77 5 43 5 72 5 76 42 84 5 78 5 83 5 81 5 80 40 42 85 5 43 5 82 5 79 40 22 16 18 93 425 1342 410 226 579 664 3 2161 271 412 64 120 426 65 87 97 64 120 427 106 65 87 97 64 120 427 142 65 87 97 64 120 427 167 65 87 14 15 17 19 39 63 6 60 46 61 3 24 11 62 3 832 32 213 7 26 3 20 2 1977 4 8 366 323 261 47 53 0 2 0 31 7 213 7 26 3 20 2 442 4 8 8 34 22 16 13 252 12 124 225 9 574 12 24 52 217 891 21 1024 450 12 55 11 12 26 20 21 6 442 6 11 0 152 21 6 1977 6 9 10 27 28 14 15 17 16 37 1728 383 104 0 1618 36 226 2150 3 59 3 198 2 0 97 381 87 97 384 87 97 572 87 343 27 28 14 15 17 16 37 1635 620 0 36 13 263 12 401 47 283 703 38 332 3475 38 0 2 10 173 227 121 3042 795 23 720 429 2329 3 939 3 939 2 119 88 1072 6 3164 6 3305 6 3273 3 939 3 2299 121 3041 795 23 720 985 2325 3 939 3 939 2 119 88 1072 6 3163 6 3304 6 3261 3 848 3 2343 88 231 6 257 163 13 201 145 2 200 1072 6 21 99 337 50 501 150 274 273 1095 53 150 265 31 9 10 27 28 14 15 17 16 37 143 972 383 36 13 1671 220 191 2014 53 157 306 157 31 2 10 569 97 381 87 271 280 384 569 97 2445 2166 87 97 797 2166 87 343 87 97 572 87 343 27 28 14 15 17 16 0 1166 568 0 6 0 5 1037 568 0 6 0 5 0 476 124 197 99 169 12 0 54 9 0 27 28 14 15 17 16 37 0 498 36 13 201 1647 12 95 38 12 100 2 200 10 13 116 920 6 0 0 6 0 2 0 143 115 104 23 0 95 9 143 115 104 23 0 95 9 143 115 104 23 0 95 9 10 13 201 1647 12 95 38 12 86 2 200 10 13 116 920 6 0 0 6 0 2 0 143 115 104 23 0 95 9 143 115 104 23 0 95 9 143 115 104 23 0 95 9 10 27 28 14 15 17 19 32 3388 7 29 3 101 2 122 4 20 2 108 4 8 34 22 16 207 503 30 195 128 99 191 1148 49 67 503 30 115 128 191 108 47 122 3 631 9 10 27 28 14 15 92 94 19 74 148 2651 73 39 91 39 63 6 60 46 61 3 24 11 62 3 66 32 90 7 102 3 262 2 25 3 102 4 8 213 7 107 3 375 2 495 11 1657 11 1058 3 833 4 8 546 7 26 3 20 2 35 1567 4 44 2 316 4 29 3 101 2 122 4 107 3 117 2 688 4 20 2 140 4 8 664 7 194 2 86 4 24 2 613 45 4 55 2 170 4 5 90 323 239 0 11 446 191 0 90 5 26 2 35 989 4 44 2 144 4 8 14 15 17 19 32 240 3 247 7 89 2 206 3 98 4 89 2 98 4 206 3 98 3 650 2 1207 3 913 4 98 3 650 2 1207 3 913 4 24 2 409 4 55 2 328 4 26 3 20 2 400 4 8 240 3 110 7 26 3 20 2 432 4 24 2 111 4 55 2 111 4 70 2 141 4 8 34 22 16 18 160 3 302 18 160 3 139 98 110 106 33 18 160 3 139 98 110 142 33 18 160 3 139 98 110 167 33 33 27 28 14 15 17 19 32 213 7 70 3 86 2 188 4 26 2 35 0 1516 6 31 237 3 216 109 86 4 8 0 7 25 2 96 48 1906 4 70 3 86 2 171 4 70 3 100 2 171 4 24 2 1280 45 4 26 3 20 2 35 0 4 29 3 101 2 86 4 44 2 193 4 8 34 22 16 18 0 57 255 291 126 49 13 30 181 480 51 0 148 3272 308 0 99 335 0 0 9 0 11 454 128 0 0 3272 50 23 0 639 50 12 2183 9 10 33 27 28 14 15 17 19 74 143 0 536 803 73 22 16 13 41 174 52 12 213 54 21 1169 50 12 124 225 9 10 13 41 174 52 12 922 54 21 1169 50 12 124 1227 11 50 0 47 50 1059 3 0 1205 9 10 27 28 \n",
            "\n",
            "tensor([ 14,  15,  17,  ..., 504,   3, 826])\n",
            "tensor([14, 15, 17,  ..., 10, 27, 28])\n",
            "tensor([[  14,  459,  286,  ...,   19,    3,  526],\n",
            "        [  15, 2737,   11,  ...,   32, 1195,    3],\n",
            "        [  17,    6,  419,  ..., 1088,    2,  253],\n",
            "        ...,\n",
            "        [  16,  680,   46,  ...,  216,  153,  504],\n",
            "        [  37,  651,   46,  ...,    4,   45,    3],\n",
            "        [ 148,  751,    6,  ...,   26,    4,  826]], device='cuda:0')\n",
            "tensor([[ 14,  30],\n",
            "        [ 15,  21],\n",
            "        [ 17, 195],\n",
            "        ...,\n",
            "        [ 22,   9],\n",
            "        [ 16,  10],\n",
            "        [ 57,  27]], device='cuda:0')\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "n3_KB1JdJPk8"
      },
      "source": [
        "bptt = 35\n",
        "def get_batch(source, i):\n",
        "    seq_len = min(bptt, len(source) - 1 - i)\n",
        "    data = source[i:i+seq_len]\n",
        "    target = source[i+1:i+1+seq_len].reshape(-1)\n",
        "    return data, target"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "R-szqpaMIi1W"
      },
      "source": [
        "ntokens = len(vocab.stoi) # the size of vocabulary\n",
        "emsize = 200 # embedding dimension\n",
        "nhid = 200 # the dimension of the feedforward network model in nn.TransformerEncoder\n",
        "nlayers = 2 # the number of nn.TransformerEncoderLayer in nn.TransformerEncoder\n",
        "nhead = 2 # the number of heads in the multiheadattention models\n",
        "dropout = 0.2 # the dropout value\n",
        "model = TransformerModel(ntokens, emsize, nhead, nhid, nlayers, dropout).to(device)"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "Hs1guJwhJkjX"
      },
      "source": [
        "criterion = nn.CrossEntropyLoss()\n",
        "lr = 5.0 # learning rate\n",
        "optimizer = torch.optim.SGD(model.parameters(), lr=lr)\n",
        "scheduler = torch.optim.lr_scheduler.StepLR(optimizer, 1.0, gamma=0.95)\n",
        "softmax = nn.Softmax(dim=1)\n",
        "\n",
        "import time\n",
        "def train():\n",
        "    model.train() # Turn on the train mode\n",
        "    total_loss = 0.\n",
        "    start_time = time.time()\n",
        "    src_mask = model.generate_square_subsequent_mask(bptt).to(device)\n",
        "    for batch, i in enumerate(range(0, train_data.size(0) - 1, bptt)):\n",
        "        data, targets = get_batch(train_data, i)\n",
        "        optimizer.zero_grad()\n",
        "        if data.size(0) != bptt:\n",
        "            src_mask = model.generate_square_subsequent_mask(data.size(0)).to(device)\n",
        "        output = model(data, src_mask)\n",
        "        loss = criterion(output.view(-1, ntokens), targets)\n",
        "        loss.backward()\n",
        "        torch.nn.utils.clip_grad_norm_(model.parameters(), 0.5)\n",
        "        optimizer.step()\n",
        "\n",
        "        total_loss += loss.item()\n",
        "        log_interval = 200\n",
        "        if batch % log_interval == 0 and batch > 0:\n",
        "            cur_loss = total_loss / log_interval\n",
        "            elapsed = time.time() - start_time\n",
        "            print('| epoch {:3d} | {:5d}/{:5d} batches | '\n",
        "                  'lr {:02.2f} | ms/batch {:5.2f} | '\n",
        "                  'loss {:5.2f} | ppl {:8.2f}'.format(\n",
        "                    epoch, batch, len(train_data) // bptt, scheduler.get_lr()[0],\n",
        "                    elapsed * 1000 / log_interval,\n",
        "                    cur_loss, math.exp(cur_loss)))\n",
        "            total_loss = 0\n",
        "            start_time = time.time()\n",
        "\n",
        "def evaluate(eval_model, data_source):\n",
        "    eval_model.eval() # Turn on the evaluation mode\n",
        "    total_loss = 0.\n",
        "    src_mask = model.generate_square_subsequent_mask(bptt).to(device)\n",
        "    with torch.no_grad():\n",
        "        for i in range(0, data_source.size(0) - 1, bptt):\n",
        "            data, targets = get_batch(data_source, i)\n",
        "            if data.size(0) != bptt:\n",
        "                src_mask = model.generate_square_subsequent_mask(data.size(0)).to(device)\n",
        "            output = eval_model(data, src_mask)\n",
        "            output_flat = output.view(-1, ntokens)\n",
        "            total_loss += len(data) * criterion(output_flat, targets).item()\n",
        "    return total_loss / (len(data_source) - 1)"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "JhJXm97eSd57",
        "outputId": "dd4a7c2e-54c1-4782-a2dd-32099b31acd2"
      },
      "source": [
        "best_val_loss = float(\"inf\")\n",
        "epochs = 100 # The number of epochs\n",
        "best_model = None\n",
        "\n",
        "for epoch in range(1, epochs + 1):\n",
        "    epoch_start_time = time.time()\n",
        "    train()\n",
        "    test_loss = evaluate(model, test_data)\n",
        "    print('-' * 89)\n",
        "    print('| end of epoch {:3d} | time: {:5.2f}s | test loss {:5.2f} | '\n",
        "          'test ppl {:8.2f}'.format(epoch, (time.time() - epoch_start_time),\n",
        "                                     test_loss, math.exp(test_loss)))\n",
        "    print('-' * 89)\n",
        "\n",
        "    if test_loss < best_val_loss:\n",
        "        best_val_loss = test_loss\n",
        "        best_model = model\n",
        "\n",
        "    scheduler.step()"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch   1 | time:  1.37s | test loss  3.20 | test ppl    24.53\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch   2 | time:  1.15s | test loss  2.88 | test ppl    17.85\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch   3 | time:  1.14s | test loss  2.70 | test ppl    14.89\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch   4 | time:  1.15s | test loss  2.71 | test ppl    15.07\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch   5 | time:  1.15s | test loss  2.56 | test ppl    12.97\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch   6 | time:  1.14s | test loss  2.56 | test ppl    12.98\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch   7 | time:  1.16s | test loss  2.57 | test ppl    13.03\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch   8 | time:  1.14s | test loss  2.60 | test ppl    13.41\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch   9 | time:  1.14s | test loss  2.57 | test ppl    13.07\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  10 | time:  1.14s | test loss  2.57 | test ppl    13.09\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  11 | time:  1.14s | test loss  2.56 | test ppl    13.00\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  12 | time:  1.14s | test loss  2.62 | test ppl    13.70\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  13 | time:  1.16s | test loss  2.61 | test ppl    13.56\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  14 | time:  1.15s | test loss  2.57 | test ppl    13.05\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  15 | time:  1.14s | test loss  2.64 | test ppl    14.07\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  16 | time:  1.14s | test loss  2.65 | test ppl    14.11\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  17 | time:  1.16s | test loss  2.66 | test ppl    14.28\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  18 | time:  1.15s | test loss  2.69 | test ppl    14.66\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  19 | time:  1.14s | test loss  2.69 | test ppl    14.76\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  20 | time:  1.14s | test loss  2.71 | test ppl    14.98\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  21 | time:  1.14s | test loss  2.73 | test ppl    15.28\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  22 | time:  1.16s | test loss  2.75 | test ppl    15.71\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  23 | time:  1.15s | test loss  2.76 | test ppl    15.76\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  24 | time:  1.13s | test loss  2.78 | test ppl    16.07\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  25 | time:  1.11s | test loss  2.83 | test ppl    16.87\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  26 | time:  1.14s | test loss  2.83 | test ppl    16.90\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  27 | time:  1.15s | test loss  2.85 | test ppl    17.27\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  28 | time:  1.13s | test loss  2.88 | test ppl    17.90\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  29 | time:  1.14s | test loss  2.86 | test ppl    17.53\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  30 | time:  1.14s | test loss  2.89 | test ppl    18.03\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  31 | time:  1.15s | test loss  2.90 | test ppl    18.11\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  32 | time:  1.12s | test loss  2.91 | test ppl    18.41\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  33 | time:  1.19s | test loss  2.90 | test ppl    18.26\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  34 | time:  1.16s | test loss  2.94 | test ppl    18.93\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  35 | time:  1.11s | test loss  2.93 | test ppl    18.80\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  36 | time:  1.12s | test loss  2.95 | test ppl    19.02\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  37 | time:  1.13s | test loss  2.97 | test ppl    19.52\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  38 | time:  1.13s | test loss  2.97 | test ppl    19.48\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  39 | time:  1.15s | test loss  2.95 | test ppl    19.05\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  40 | time:  1.15s | test loss  2.99 | test ppl    19.89\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  41 | time:  1.12s | test loss  2.99 | test ppl    19.92\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  42 | time:  1.12s | test loss  3.02 | test ppl    20.49\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  43 | time:  1.12s | test loss  3.02 | test ppl    20.48\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  44 | time:  1.22s | test loss  3.01 | test ppl    20.37\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  45 | time:  1.11s | test loss  3.03 | test ppl    20.75\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  46 | time:  1.15s | test loss  3.04 | test ppl    20.92\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  47 | time:  1.16s | test loss  3.05 | test ppl    21.04\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  48 | time:  1.14s | test loss  3.06 | test ppl    21.33\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  49 | time:  1.16s | test loss  3.06 | test ppl    21.27\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  50 | time:  1.13s | test loss  3.05 | test ppl    21.14\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  51 | time:  1.16s | test loss  3.06 | test ppl    21.34\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  52 | time:  1.13s | test loss  3.07 | test ppl    21.58\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  53 | time:  1.12s | test loss  3.07 | test ppl    21.44\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  54 | time:  1.16s | test loss  3.06 | test ppl    21.36\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  55 | time:  1.14s | test loss  3.07 | test ppl    21.54\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  56 | time:  1.13s | test loss  3.07 | test ppl    21.48\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  57 | time:  1.12s | test loss  3.07 | test ppl    21.63\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  58 | time:  1.14s | test loss  3.08 | test ppl    21.67\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  59 | time:  1.15s | test loss  3.08 | test ppl    21.84\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  60 | time:  1.14s | test loss  3.10 | test ppl    22.16\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  61 | time:  1.17s | test loss  3.09 | test ppl    22.01\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  62 | time:  1.14s | test loss  3.10 | test ppl    22.18\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  63 | time:  1.13s | test loss  3.11 | test ppl    22.32\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  64 | time:  1.17s | test loss  3.10 | test ppl    22.14\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  65 | time:  1.14s | test loss  3.11 | test ppl    22.44\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  66 | time:  1.15s | test loss  3.10 | test ppl    22.28\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  67 | time:  1.14s | test loss  3.11 | test ppl    22.32\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  68 | time:  1.14s | test loss  3.11 | test ppl    22.37\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  69 | time:  1.13s | test loss  3.12 | test ppl    22.57\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  70 | time:  1.12s | test loss  3.12 | test ppl    22.63\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  71 | time:  1.13s | test loss  3.14 | test ppl    23.01\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  72 | time:  1.14s | test loss  3.13 | test ppl    22.89\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  73 | time:  1.13s | test loss  3.13 | test ppl    22.86\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  74 | time:  1.15s | test loss  3.13 | test ppl    22.99\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  75 | time:  1.15s | test loss  3.14 | test ppl    23.07\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  76 | time:  1.15s | test loss  3.13 | test ppl    22.91\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  77 | time:  1.16s | test loss  3.13 | test ppl    22.92\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  78 | time:  1.16s | test loss  3.13 | test ppl    22.97\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  79 | time:  1.14s | test loss  3.14 | test ppl    23.12\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  80 | time:  1.14s | test loss  3.14 | test ppl    23.07\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  81 | time:  1.13s | test loss  3.14 | test ppl    23.12\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  82 | time:  1.11s | test loss  3.14 | test ppl    23.18\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  83 | time:  1.13s | test loss  3.14 | test ppl    23.21\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  84 | time:  1.13s | test loss  3.14 | test ppl    23.18\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  85 | time:  1.13s | test loss  3.15 | test ppl    23.24\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  86 | time:  1.22s | test loss  3.15 | test ppl    23.30\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  87 | time:  1.15s | test loss  3.15 | test ppl    23.36\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  88 | time:  1.13s | test loss  3.15 | test ppl    23.31\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  89 | time:  1.15s | test loss  3.15 | test ppl    23.29\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  90 | time:  1.15s | test loss  3.15 | test ppl    23.29\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  91 | time:  1.19s | test loss  3.15 | test ppl    23.30\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  92 | time:  1.15s | test loss  3.15 | test ppl    23.35\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  93 | time:  1.14s | test loss  3.15 | test ppl    23.32\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  94 | time:  1.13s | test loss  3.15 | test ppl    23.33\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  95 | time:  1.16s | test loss  3.15 | test ppl    23.30\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  96 | time:  1.14s | test loss  3.15 | test ppl    23.33\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  97 | time:  1.12s | test loss  3.15 | test ppl    23.34\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  98 | time:  1.12s | test loss  3.15 | test ppl    23.33\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch  99 | time:  1.15s | test loss  3.15 | test ppl    23.40\n",
            "-----------------------------------------------------------------------------------------\n",
            "-----------------------------------------------------------------------------------------\n",
            "| end of epoch 100 | time:  1.14s | test loss  3.15 | test ppl    23.38\n",
            "-----------------------------------------------------------------------------------------\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "kml20bMma0xV"
      },
      "source": [
        "print(best_model)"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "cgvsnMNGKHvj",
        "outputId": "8aea03d7-ccbd-46b0-8e23-9293080d2a57"
      },
      "source": [
        "test_loss = evaluate(best_model, test_data)\n",
        "print('=' * 89)\n",
        "print('| End of training | test loss {:5.2f} | test ppl {:8.2f}'.format(\n",
        "    test_loss, math.exp(test_loss)))\n",
        "print('=' * 89)"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "=========================================================================================\n",
            "| End of training | test loss  3.15 | test ppl    23.38\n",
            "=========================================================================================\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "Y2pOud6eBctl",
        "outputId": "2be58d3d-53a3-4205-bc14-1bdd1a4b07ff"
      },
      "source": [
        "print(evaluate(best_model,test_data))"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "3.1519810035824776\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "8crFEA7RPZFx",
        "outputId": "20fdd50b-eca7-4f21-d712-cb944a5adfe1"
      },
      "source": [
        "# def evaluate_ans(sentence, max_length=40):\n",
        "  # inp sentence is portuguese, hence adding the start and end token\n",
        "html=\"<html>\"\n",
        "\n",
        "html_san=sanitize_text(html)\n",
        "doc_san=nlp(sanitize_text(html))\n",
        "tokens=[e.text for e in doc_san if e.text.strip() != '']\n",
        "\n",
        "counter = Counter(tokens)\n",
        "print(counter)\n",
        "vocab1=Vocab(counter)\n",
        "print(vocab1)\n",
        "tok_tensor=torch.tensor([vocab[token] for token in tokens],dtype=torch.long)\n",
        "print(tok_tensor)"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "Counter({'<html>': 1})\n",
            "<torchtext.vocab.Vocab object at 0x7f63be276550>\n",
            "tensor([17])\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "nBXrPUs0li6Q",
        "outputId": "91fd5d28-852a-4796-f3fa-7e5cdd41ebcb"
      },
      "source": [
        "tok_tensor_data = batchify(tok_tensor, 2)\n",
        "print(tok_tensor_data)\n",
        "\n",
        "\n",
        "def evaluate1(eval_model, data_source):\n",
        "    eval_model.eval() # Turn on the evaluation mode\n",
        "    total_loss = 0.\n",
        "    src_mask = model.generate_square_subsequent_mask(bptt).to(device)\n",
        "    with torch.no_grad():\n",
        "        for i in range(0, data_source.size(0) - 1, bptt):\n",
        "            data, targets = get_batch(data_source, i)\n",
        "            if data.size(0) != bptt:\n",
        "                src_mask = model.generate_square_subsequent_mask(data.size(0)).to(device)\n",
        "            output = eval_model(data, src_mask)\n",
        "            output_flat = output.view(-1, ntokens)\n",
        "            total_loss += len(data) * criterion(output_flat, targets).item()\n",
        "            # print(f\"{output_flat} \\t\\t {targets}\\n\\n\")\n",
        "            # print(f\"{softmax(output_flat)} \\t\\t {targets[0]}\\n\\n\")\n",
        "            predicted = torch.argmax(softmax(output_flat), dim=1)\n",
        "            pred = [vocab.itos[w] for w in predicted]\n",
        "            ans = [vocab.itos[w] for w in targets]\n",
        "            print(f\"predicted:\\n{pred} \\n\\n target:\\n{ans} \\n\\n\\n\")\n",
        "            print(\"Predicted:\\n\")\n",
        "            # for item in pred:\n",
        "            #   print(item)\n",
        "            # print(\"\\n\")\n",
        "            # print(\"Target:\\n\")\n",
        "            # for item in ans:\n",
        "            #   print(item)\n",
        "\n",
        "    return total_loss / (len(data_source) - 1)\n",
        "\n",
        "\n",
        "print(evaluate1(best_model,tok_tensor_data))"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "tensor([], device='cuda:0', size=(0, 2), dtype=torch.int64)\n",
            "-0.0\n"
          ],
          "name": "stdout"
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "u-smZRTD9tKP",
        "outputId": "e33fcabe-f429-4d38-d2ca-79d7f2a09783"
      },
      "source": [
        "test_loss = evaluate1(best_model, test_data)\n",
        "print('=' * 89)\n",
        "print('| End of training | test loss {:5.2f} | test ppl {:8.2f}'.format(\n",
        "    test_loss, math.exp(test_loss)))\n",
        "print('=' * 89)"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "stream",
          "text": [
            "predicted:\n",
            "['html>', 'is', '<html>', 'a', '<head>', '1', '<h1>', '</h2>', 'The', '<p>', 'input', 'This', 'min', 'is', '</h1>', 'an', '</h1>', '2', '<h2>', '</h2>', 'The', '<p>', 'link', 'This', 'and', 'is', 'specifies', 'a', 'the', 'paragraph', 'link', '.', 'text', '</p>', 'and', '<p>', 'the', 'This', 'first', 'the', 'field', 'font', '(', 'size', 'name', 'size', 'of', 'in', 'the', 'em', '>', ')', 'is', 'it', '</div>', ')', '</body>', ')', 'action=\"/action_page.php\">', 'paragraph', '<input', 'img', 'for=\"fname\">', 'all', '\"', 'the', '</th>', 'collapsible', '.', 'settlement'] \n",
            "\n",
            " target:\n",
            "['html>', 'is', '<html>', 'heading', '<body>', '1', '<h1>', '</h1>', 'The', '<h2>', 'input', 'This', '<unk>', 'is', 'attribute', 'heading', '</h1>', '2', '<p>', '</h2>', 'The', '<p>', '<unk>', 'This', 'attribute', 'is', 'specifies', 'a', 'a', 'paragraph', 'regular', '.', '<unk>', '</p>', 'that', '<p>', 'the', 'Specifying', 'input', 'the', 'element', 'font', \"'s\", '-', 'value', 'size', 'is', 'in', 'checked', 'percent', '<unk>', 'and', '.', 'em', '</p>', '<unk>', '<form', 'the', 'action=\"/action_page.php\">', 'same', '<label', 'size', '<unk>', 'in', 'Country', 'all', 'code', 'major', ':', 'browsers'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['5px', 'that', '<input', 'do', 'type=\"email', 'do', '\"', 'gradients', 'id=\"fname', 'major', '\"', 'to', 'id=\"fname', 'do', '\"', 'the', 'from', 'user', '\"', '.', 'child', 'Unfortunately', '\"', '<div>', 'header\">', '</html>', '\"', '<!DOCTYPE', '</style>', 'html>', 'from', '<html>', '{', '<head>', '-', '<style>', '{', 'p', '{', '{', 'type=\"number', 'position', '\"', ':', 'value=\"Submit\">', 'relative', '</form>', ';', '</body>', '}', '<strong>', '.topleft', 'Note', '{', ':', 'position', '</strong>', ':', 'The', 'absolute', 'link', ';', '\"', 'bottom', 'of', ':', 'the', 'absolute', 'width', ';'] \n",
            "\n",
            " target:\n",
            "['</label>', ',', '<input', 'and', 'type=\"text', 'allows', '\"', 'all', '<unk>', 'browsers', '\"', 'to', '<unk>', 'resize', '\"', 'the', '<unk>', 'text', '-', '!', '<unk>', '</p>', '-', '</body>', '<unk>', '</html>', '}', '<!DOCTYPE', '\"', 'html>', '<unk>', '<html>', 'letter', '<head>', '<unk>', '<style>', '<unk>', '.container', '<input', '{', 'type=\"submit', 'position', '\"', ':', 'value=\"Submit\">', 'relative', '</form>', ';', '<p>', '}', '<strong>', '.bottomleft', 'Note', '{', ':', 'position', '</strong>', ':', 'The', 'absolute', '<unk>', ';', 'attribute', 'bottom', 'of', ':', 'the', '8px', 'input', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', '}', ':', ':', ':', '63px', 'supported', ';', 'in', 'margin', 'Safari', '-', '10', 'size', '(', ':', 'or', '18px', 'earlier', ';', ')', '}', '.', 'img', '</p>', '{', '</body>', 'width', '</html>', ':', '<!DOCTYPE', '100', 'html>', '%', '<html>', ';', '<head>', 'height', '<style>', ':', 'p.ex1', 'auto', '{', ';', 'box', 'opacity', '-', ':', 'sizing', '0.3', ':', ';', 'border', '}', '-', '</style>', 'box', '</head>', ';', '<body>', '}', '<h2>', '</style>', 'Image', '=', 'Text', 'text', '</h2>', ']', '<p>'] \n",
            "\n",
            " target:\n",
            "['tag', 'left', 'is', ':', 'not', '16px', 'supported', ';', 'in', 'font', 'Safari', '-', '10', 'size', '(', ':', 'or', '18px', 'earlier', ';', ')', '}', '.', 'img', '</p>', '{', '</body>', 'width', '</html>', ':', '<!DOCTYPE', '100', 'html>', '%', '<html>', ';', '<head>', 'height', '<style>', ':', '*', 'auto', '{', ';', 'box', 'opacity', '-', ':', 'sizing', '0.3', ':', ';', 'border', '}', '-', '</style>', 'box', '</head>', ';', '<body>', '}', '<h2>', 'input[type', 'Image', '=', 'Text', 'text', '</h2>', ']', '<p>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['Selector', 'The', 'Selector', 'a', 'an', 'text', 'textarea', 'to', '{', 'an', 'width', 'image', ':', 'in', '100', 'the', '%', 'left', ';', 'left', 'height', 'corner', ':', ':', '12px', '</p>', '20px', '<div', 'margin', 'class=\"container\">', ':', '<img', '8px', 'src=\"img_5terre_wide.jpg', 'solid', '\"', '#', 'alt=\"Cinque', 'ddd', 'Terre', ';', '\"', 'border', 'width=\"1000', '-', '\"', 'radius', 'height=\"300\">', ':', '<div', '4px', 'class=\"bottomleft\">', ';', 'Bottom', 'background', 'Left', ':', '</div>', 'vertical', '</div>', ';', '</div>', '}', '</html>', '</style>', '<!DOCTYPE', '-', 'html>', 'width', '<html>'] \n",
            "\n",
            " target:\n",
            "[',', 'Add', 'select', 'some', ',', 'text', 'textarea', 'to', '{', 'an', 'width', 'image', ':', 'in', '100', 'the', '%', 'bottom', ';', 'left', 'padding', 'corner', ':', ':', '12px', '</p>', ';', '<div', 'border', 'class=\"container\">', ':', '<img', '1px', 'src=\"img_5terre_wide.jpg', 'solid', '\"', '#', 'alt=\"Cinque', 'ccc', 'Terre', ';', '\"', 'border', 'width=\"1000', '-', '\"', 'radius', 'height=\"300\">', ':', '<div', '4px', 'class=\"bottomleft\">', ';', 'Bottom', 'resize', 'Left', ':', '</div>', 'vertical', '</div>', ';', '</body>', '}', '</html>', 'label', '<!DOCTYPE', '{', 'html>', 'padding', '<html>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', '<head>', '5px', '<style>', '20px', 'img', '20px', 'grad1', '20px', '{', ';', 'height', 'margin', ':', ':', '150px', '8px', ';', '-', 'background', 'block', '-', ';', 'color', 'margin', ':', '.tooltip', 'red', '=', ';', 'text', '/', 'button', '*', '{', 'For', 'border', 'browsers', '-', 'that', 'color', 'do', ':', 'not', 'then', 'support', 'ddd', 'gradients', ';', '*', '}', '/', ':', 'background', 'white', '-', ';', 'image', '}', ':', ':', 'linear', '10px', '-', '20px', 'gradient(180deg', ';', ',', 'margin', 'yellow'] \n",
            "\n",
            " target:\n",
            "[':', '<head>', '12px', '<style>', '12px', '#', '12px', 'grad1', '0', '{', ';', 'height', 'display', ':', ':', '200px', 'inline', ';', '-', 'background', 'block', '-', ';', 'color', '}', ':', 'input[type', 'red', '=', ';', 'submit', '/', ']', '*', '{', 'For', 'background', 'browsers', '-', 'that', 'color', 'do', ':', 'not', '#', 'support', '4CAF50', 'gradients', ';', '*', 'color', '/', ':', 'background', 'white', '-', ';', 'image', 'padding', ':', ':', 'linear', '12px', '-', '20px', 'gradient(red', ';', ',', 'border', 'yellow'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', ';', '1px', ';', ';', ')', '}', ';', '-', '}', 'radius', '#', ':', 'grad4', '15px', '{', ';', 'height', '}', ':', ':', '100px', 'pointer', ';', ';', 'background', '}', '-', ':', 'color', 'left', ':', ';', 'red', '}', ';', '</style>', '/', '=', '*', 'text]:focus', 'For', '{', 'browsers', 'width', 'that', ':', 'do', 'width', 'not', ':', 'support', '9999', 'gradients', 'rcorners1', '*', ';', '/', '}', 'background', '</style>', '-', '{', 'image', 'position', ':', 'html>', 'repeating', '<html>', '-'] \n",
            "\n",
            " target:\n",
            "[':', ',', 'none', 'green', ';', ')', 'border', ';', '-', '}', 'radius', '#', ':', 'grad2', '4px', '{', ';', 'height', 'cursor', ':', ':', '200px', 'pointer', ';', ';', 'background', 'float', '-', ':', 'color', 'right', ':', ';', 'red', '}', ';', 'input[type', '/', '=', '*', '<unk>', 'For', '{', 'browsers', 'background', 'that', '-', 'do', 'color', 'not', ':', 'support', '#', 'gradients', '<unk>', '*', ';', '/', '}', 'background', '.container', '-', '{', 'image', '<!DOCTYPE', ':', 'html>', 'linear', '<html>', '-'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<head>', 'color', '<style>', ',', 'img', 'yellow', '{', ',', 'visibility', 'yellow', ':', ',', 'hidden', 'green', ';', ')', '}', 'green', '</style>', ';', '</head>', 'green', '<body>', ')', '<h1>', 'you', 'This', ')', 'is', ';', 'a', '}', 'visible', '</style>', 'heading', 'next', '</h1>', '{', '<h1', 'height', 'class=\"hidden\">', ':', 'This', '200px', 'is', ';', 'a', '}', 'hidden', '-', 'heading', 'color', '</h1>', ':', '<p>', 'red', 'Notice', ';', 'that', '}', 'the', '*', 'hidden', 'For', '{', 'browsers', 'is', 'that', 'a', 'do'] \n",
            "\n",
            " target:\n",
            "['<head>', 'gradient(red', '<style>', ',', 'h1.hidden', 'orange', '{', ',', 'display', 'yellow', ':', ',', 'none', 'green', ';', ',', '}', 'blue', '</style>', ',', '</head>', '<unk>', '<body>', ',', '<h1>', '<unk>', 'This', ')', 'is', ';', 'a', '}', 'visible', '#', 'heading', 'grad3', '</h1>', '{', '<h1', 'height', 'class=\"hidden\">', ':', 'This', '200px', 'is', ';', 'a', 'background', 'hidden', '-', 'heading', 'color', '</h1>', ':', '<p>', 'red', 'Notice', ';', 'that', '/', 'the', '*', 'h1', 'For', 'element', 'browsers', 'with', 'that', 'display', 'do'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', 'not', 'inline', 'see', ';', 'the', 'position', '*', 'not', '/', 'support', 'background', 'up', '-', 'the', 'image', 'scrollbars', ':', 'between', 'linear', '</p>', '-', '<p>', 'gradient(to', '</html>', ',', '<!DOCTYPE', '%', 'html>', ',', '<html>', 'yellow', 'lang=\"en\">', ')', '<head>', ')', '<title>', ')', 'Bootstrap', '100', 'Example', ';', '</title>', ',', '<meta', ')', 'charset=\"utf-8\">', ';', '<meta', '}', 'name=\"viewport', '</style>', '\"', '</head>', 'content=\"width', '<body>', '=', '<h2>', 'device', 'The', '-', 'Gradient', 'width', 'This', ',', 'Diagonal', 'initial', '1', '-', 'Diagonal'] \n",
            "\n",
            " target:\n",
            "[':', 'not', 'none', 'support', ';', 'gradients', 'does', '*', 'not', '/', 'take', 'background', 'up', '-', 'any', 'image', 'space', ':', '.', 'linear', '</p>', '-', '</body>', 'gradient(red', '</html>', '10', '<!DOCTYPE', '%', 'html>', ',', '<html', 'green', 'lang=\"en\">', '<unk>', '<head>', '%', '<title>', ',', 'Bootstrap', 'blue', 'Example', '90', '</title>', '%', '<meta', ')', 'charset=\"utf-8\">', ';', '<meta', '}', 'name=\"viewport', '</style>', '\"', '</head>', 'content=\"width', '<body>', '=', '<h1>', 'device', 'Linear', '-', '<unk>', 'width', '-', ',', 'Multiple', 'initial', 'Color', '-', 'Stops'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', '</h1>', '<link', '<div', 'rel=\"stylesheet', 'Resize', '\"', 'Resize', 'href=\"https://maxcdn.bootstrapcdn.com', ':', '/', '</strong>', 'bootstrap/3.4.1', 'The', '/', 'Stops', 'css', '.', '/', 'not', 'bootstrap.min.css\">', ',', '<script', ',', 'src=\"https://ajax.googleapis.com', 'one', '/', 'molestiae', 'ajax', ',', '/', 'the', 'libs', 'parent', '/', '</p>', 'jquery/3.5.1', '</body>', '/', 'The', 'jquery.min.js\">', 'values', '</script>', 'Picker', '<script', '</h1>', 'src=\"https://maxcdn.bootstrapcdn.com', 'bdo', '/', '</body>', 'bootstrap/3.4.1', '</body>', '/', ':', 'js', '0', '/', '<p>', 'bootstrap.min.js\">', 'html>', '</script>', '<html>', '</head>', '<head>', '<body>', '<style>', '<div', 'img', 'class=\"container\">', 'div1'] \n",
            "\n",
            " target:\n",
            "['scale=1\">', '</h1>', '<link', '<p>', 'rel=\"stylesheet', '<strong>', '\"', 'Note', 'href=\"https://maxcdn.bootstrapcdn.com', ':', '/', '</strong>', 'bootstrap/3.4.1', 'Color', '/', 'stops', 'css', 'are', '/', '<unk>', 'bootstrap.min.css\">', '<unk>', '<script', 'when', 'src=\"https://ajax.googleapis.com', 'no', '/', '<unk>', 'ajax', 'are', '/', 'specified', 'libs', '.', '/', '</p>', 'jquery/3.5.1', '<h2>', '/', '3', 'jquery.min.js\">', 'Color', '</script>', 'Stops', '<script', '(', 'src=\"https://maxcdn.bootstrapcdn.com', '<unk>', '/', '<unk>', 'bootstrap/3.4.1', ')', '/', ':', 'js', '</h2>', '/', '<!DOCTYPE', 'bootstrap.min.js\">', 'html>', '</script>', '<html>', '</head>', '<head>', '<body>', '<style>', '<div', '#', 'class=\"container\">', 'grad1'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', 'height', 'Centered', 'height', '</h3>', ':', '<span', '150px', '<p>', ';', 'href=', 'width', '\"', '-', '#', 'color', '\"', ':', 'title=\"Header', 'red', '-', ';', 'toggle=\"popover', '}', '{', '*', 'stroke', 'For', '\"', 'browsers', 'over', 'that', 'the', 'do', '</a>', 'not', '</body>', 'support', '</body>', 'gradients', '<!DOCTYPE', '*', '(', '/', '100', 'background', '(', '-', ')', 'image', '{', ':', '<!DOCTYPE', 'linear', 'html>', '-', '<html>', 'gradient(90deg', 'lang=\"en\">', 'bottom', '<head>', ',', '<title>', 'red', 'Bootstrap', ',', 'Example', 'yellow', '</title>', ')'] \n",
            "\n",
            " target:\n",
            "['<h3>', '{', 'Tooltip', 'height', 'Example', ':', '</h3>', '<unk>', '<a', ';', 'href=', 'background', '\"', '-', '#', 'color', '\"', ':', 'data', 'red', '-', ';', '<unk>', '/', '\"', '*', '<unk>', 'For', 'Hover', 'browsers', 'over', 'that', 'me', 'do', '</a>', 'not', '</div>', 'support', '<script>', 'gradients', '$', '*', '(', '/', 'document).ready(function', 'background', '(', '-', ')', 'image', '{', ':', '<!DOCTYPE', 'linear', 'html>', '-', '<html', 'gradient(to', 'lang=\"en\">', 'right', '<head>', ',', '<title>', 'red', 'Bootstrap', ',', 'Example', 'orange', '</title>', ','] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<meta', 'initial', 'charset=\"utf-8\">', ')', '<meta', 'green', 'name=\"viewport', ')', '\"', ';', 'content=\"width', ')', '=', 'you', 'device', ')', '-', 'it', 'width', 'will', ',', ';', 'initial', '}', '-', '</style>', 'scale=1\">', '</head>', '<link', '<body>', 'rel=\"stylesheet', '<h2>', '\"', 'id=\"grad1\">', 'href=\"https://maxcdn.bootstrapcdn.com', '\"', '/', 'x1=\"0', 'bootstrap/3.4.1', '-', '/', 'align', 'css', ':', '/', 'center;\">', 'bootstrap.min.css\">', ';', '<script', '9999', 'src=\"https://ajax.googleapis.com', ';', '/', 'name', 'ajax', ';', '/', 'child', 'libs', ':', '/', 'Use', 'jquery/3.5.1', 'blue', '/', ';', 'jquery.min.js\">', 'Image', '</script>', '</body>'] \n",
            "\n",
            " target:\n",
            "['<meta', 'yellow', 'charset=\"utf-8\">', ',', '<meta', 'green', 'name=\"viewport', ',', '\"', 'blue', 'content=\"width', ',', '=', '<unk>', 'device', ',', '-', '<unk>', 'width', ')', ',', ';', 'initial', '}', '-', '</style>', 'scale=1\">', '</head>', '<link', '<body>', 'rel=\"stylesheet', '<div', '\"', 'id=\"grad1', 'href=\"https://maxcdn.bootstrapcdn.com', '\"', '/', 'style=\"text', 'bootstrap/3.4.1', '-', '/', 'align', 'css', ':', '/', '<unk>', 'bootstrap.min.css\">', ':', '<script', '<unk>', 'src=\"https://ajax.googleapis.com', '-', '/', '<unk>', 'ajax', '-', '/', 'weight', 'libs', ':', '/', 'bold\">', 'jquery/3.5.1', '<unk>', '/', 'Background', 'jquery.min.js\">', '</div>', '</script>', '</body>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<script', '</html>', 'src=\"https://maxcdn.bootstrapcdn.com', '<!DOCTYPE', '/', 'html>', 'bootstrap/3.4.1', '<html>', '/', '<head>', 'js', '<style>', '/', 'img', 'bootstrap.min.js\">', '{', '</script>', 'width', '</head>', ':', '<body>', '100px', '<div', ';', 'class=\"container\">', 'width', '<h2>', ':', 'Popover', '100px', 'Example', '{', '</h3>', '}', '<ul', '-', 'href=', 'width', '\"', ':', '#', '100', '\"', ';', 'title=\"Header', ';', '\"', '}', '</a>', '-', 'Milk', 'sm-9', '-', ':', 'child', '9999', '\"', ';', 'data', 'the', '-', ';', 'placement=\"right', '}', '\"', '-', '<br', 'size', '-', ':'] \n",
            "\n",
            " target:\n",
            "['<script', '</html>', 'src=\"https://maxcdn.bootstrapcdn.com', '<!DOCTYPE', '/', 'html>', 'bootstrap/3.4.1', '<html>', '/', '<head>', 'js', '<style>', '/', 'span', 'bootstrap.min.js\">', '{', '</script>', 'float', '</head>', ':', '<body>', 'left', '<div', ';', 'class=\"container\">', 'width', '<h3>', ':', 'Popover', '<unk>', 'Example', ';', '</h3>', 'font', '<a', '-', 'href=', 'size', '\"', ':', '#', '<unk>', '\"', '%', '<unk>', ';', 'popover', 'font', '\"', '-', 'data', 'family', '-', ':', 'toggle=\"popover', '<unk>', '\"', ',', 'data', 'courier', '-', ';', '<unk>', 'line', '\"', '-', 'data', 'height', '-', ':'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', '5px', '{', '%', '{', ';', 'the', 'background', 'link', 'div.third', '.', '</head>', 'the', '<body>', 'the', '<!DOCTYPE', 'happens', 'The', 'Toggle', 'a', 'and', 'This', '</a>', '</p>', '</p>', 'ad', '<script>', 'not', '<!DOCTYPE', 'text', '(', '.', '100', '</span>', '(', 'is', ')', 'not', '{', 'text', 'border', '.', 'html>', '</span>', '<html>', 'is', '<head>', 'some', '<style>', 'text', 'img', '.', '*', '</span>', '{', 'is', 'div', 'some', 'a', 'text', ':', '.', '-', '</span>', 'line', 'is', '{', 'some', '{', 'text'] \n",
            "\n",
            " target:\n",
            "['<unk>', '80', '<unk>', '%', 'in', ';', 'the', '}', 'document', '</style>', 'to', '</head>', 'close', '<body>', 'this', '<p>', 'popover\">', '<span>', 'Click', '<unk>', 'me', '</span>', '</a>', 'his', '</div>', 'is', '<script>', 'some', '$', 'text', '(', '.', 'document).ready(function', 'This', '(', 'is', ')', 'some', '{', 'text', '<!DOCTYPE', '.', 'html>', 'This', '<html>', 'is', '<head>', 'some', '<style>', 'text', '/', '.', '*', 'This', 'This', 'is', 'is', 'some', 'a', 'text', 'multi', '.', '-', 'This', 'line', 'is', 'comment', 'some', '*', 'text'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['For', '-', 'filter', '</p>', ':', 'is', 'font', 'some', ':', 'text', 'yellow', '.', ';', 'This', '}', 'is', '</style>', 'some', '</head>', 'text', '<body>', '.', '<h2>', 'This', 'This', 'is', 'World', 'some', '!', 'text', '</p>', '.', '<p>', 'This', 'W3Schools', 'is', 'is', 'some', 'has', 'text', 'a', '.', 'with', 'This', 'CSS', 'is', '.', 'some', '</p>', 'text', '</body>', '.', 'This', 'This', '.', 'is', 'This', 'some', 'repeated', 'text', 'supported', '.', 'in', 'This', 'the', 'is', 'garden', 'some', 'element', 'text'] \n",
            "\n",
            " target:\n",
            "['/', '.', 'p', 'This', '{', 'is', 'color', 'some', ':', 'text', 'red', '.', ';', 'This', '}', 'is', '</style>', 'some', '</head>', 'text', '<body>', '.', '<p>', 'This', 'Hello', 'is', 'World', 'some', '!', 'text', '</p>', '.', '<p>', 'This', 'This', 'is', 'paragraph', 'some', 'is', 'text', 'styled', '.', 'with', 'This', 'CSS', 'is', '.', 'some', '</p>', 'text', '<p>', '.', 'CSS', 'This', '<unk>', 'is', 'are', 'some', 'not', 'text', 'shown', '.', 'in', 'This', 'the', 'is', 'output', 'some', '.', 'text'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</p>', '-', '<p', '</p>', '</html>', 'is', '<!DOCTYPE', 'some', 'html>', 'text', '<html>', '.', '<body>', 'This', '<style>', 'is', 'p', 'some', '{', 'text', 'border', '.', '-', 'This', '2px', 'is', 'solid', 'some', 'yellow', 'text', ';', '.', '}', 'This', '</style>', 'is', '</head>', 'some', '<body>', 'text', '<h2>', '.', 'General', 'This', 'input', 'is', '-', 'some', '</h2>', 'text', '<p>', '.', 'This', 'This', 'is', 'is', 'is', 'some', 'used', 'text', 'paragraph', '.', 'property', 'This', 'for', 'is', 'an', 'some', 'property', 'text'] \n",
            "\n",
            " target:\n",
            "['</p>', '.', '</body>', 'This', '</html>', 'is', '<!DOCTYPE', 'some', 'html>', 'text', '<html>', '.', '<head>', 'This', '<style>', 'is', 'p', 'some', '{', 'text', 'border', '.', ':', 'This', '5px', 'is', 'solid', 'some', 'red', 'text', ';', '.', '}', 'This', '</style>', 'is', '</head>', 'some', '<body>', 'text', '<h2>', '.', 'The', 'This', 'border', 'is', 'Property', 'some', '</h2>', 'text', '<p>', '.', 'This', 'This', 'property', 'is', 'is', 'some', 'a', 'text', 'shorthand', '.', 'property', 'This', 'for', 'is', 'border', 'some', '-', 'text'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', '-', ',', '</p>', 'initial', 'is', ':', 'some', 'scale=1\">', 'text', ':', '.', 'initial', 'This', 'property', 'is', ':', 'some', 'width', 'text', ':', '.', '</p>', 'This', '<p', '<!DOCTYPE', '</html>', 'Try', '<!DOCTYPE', 'HTML', 'html>', 'image', '<html', 'below', '<head>', 'is', '<style>', 'your', 'name=\"viewport', 'total', '\"', '.', 'content=\"width', 'and', '=', 'this', 'device', 'code', '-', '.', 'width', '350px', ',', 'in', 'initial', 'the', '-', 'element', 'scale=1\">', 'element', '<link', 'is', 'rel=\"stylesheet', '</p>', '\"', 'HTML', 'href=\"https://maxcdn.bootstrapcdn.com', 'element', '/', 'is'] \n",
            "\n",
            " target:\n",
            "['width', '.', ',', 'This', 'border', 'is', '-', 'some', 'style', 'text', ',', '.', 'and', 'This', 'border', 'is', '-', 'some', 'color', 'text', '.', '.', '</p>', '</p>', '</body>', '<p>', '</html>', 'In', '<!DOCTYPE', 'the', 'html>', 'paragraph', '<html>', 'above', '<head>', ',', '<meta', 'the', 'name=\"viewport', 'first', '\"', 'letter', 'content=\"width', 'of', '=', 'the', 'device', 'text', '-', 'is', 'width', 'embedded', ',', 'in', 'initial', 'a', '-', 'span', 'scale=1\">', 'element', '<link', '.', 'rel=\"stylesheet', 'The', '\"', 'span', 'href=\"https://maxcdn.bootstrapcdn.com', 'element', '/', 'has'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['jquery/3.5.1', 'a', '/', '1', 'js', 'of', '/', 'the', 'bootstrap.min.css\">', 'equal', '<script', 'of', 'src=\"https://ajax.googleapis.com', 'of', '/', 'browser', 'ajax', 'of', '/', 'its', 'libs', 'user', '/', 'height', 'jquery/3.5.1', '-', '/', '</div>', 'jquery.min.js\">', '<strong>', '</script>', '-', '<script', 'size', 'src=\"https://maxcdn.bootstrapcdn.com', 'of', '/', 'this', 'bootstrap/3.4.1', 'advantages', '/', 'element', 'js', \"'s\", '/', '601px', 'bootstrap.min.js\">', ',', '</script>', 'width', '</head>', 'between', '<body>', ',', '<div', ')', 'class=\"container\">', '.', '<h2>', 'the', 'Input', 'link', 'Collapsible', 'will', '</h2>', 'height', '<a', '.', '<a', 'supported'] \n",
            "\n",
            " target:\n",
            "['bootstrap/3.4.1', 'a', '/', 'width', 'css', 'that', '/', 'is', 'bootstrap.min.css\">', '0.7', '<script', 'times', 'src=\"https://ajax.googleapis.com', 'the', '/', 'size', 'ajax', 'of', '/', 'the', 'libs', 'current', '/', 'font', 'jquery/3.5.1', '.', '/', 'The', 'jquery.min.js\">', 'font', '</script>', '-', '<script', 'size', 'src=\"https://maxcdn.bootstrapcdn.com', 'of', '/', 'the', 'bootstrap/3.4.1', 'span', '/', 'element', 'js', 'is', '/', '<unk>', 'bootstrap.min.js\">', '%', '</script>', '(', '</head>', '<unk>', '<body>', 'large', '<div', ')', 'class=\"container\">', 'and', '<h2>', 'the', 'Simple', 'line', 'Collapsible', '-', '</h2>', 'height', '<p>', 'is', 'Click', '80'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['to', ')', 'the', ';', 'images', 'The', 'to', 'background', 'get', '-', 'and', '0', 'the', 'box', '(', 'and', 'the', 'a', 'from', 'box', 'in', 'element', '</p>', 'automatically', '<p>', 'split', 'class=\"button\">', 'a', '\"', 'from', 'class=\"btn', 'wide', 'btn', 'from', '-', '</p>', 'primary\">', '</body>', 'btn', 'html>', 'role=\"button\">', '<html>', '-', '<head>', 'toggle=\"collapse\">', '<style>', '\"', 'img', 'data', '{', '-', '{', 'toggle=\"dropdown\">Tutorials', 'link', '\"', 'paragraph', 'collapsible', 'child', '</a>', '{', '<input', 'color', 'class=\"progress', ':', '\"', 'blue', 'href=\"#collapse1\">', ';', 'Lorem', '}'] \n",
            "\n",
            " target:\n",
            "['on', '%', 'the', '.', 'button', 'The', 'to', 'font', 'toggle', 'of', 'between', 'the', '<unk>', 'letter', 'and', 'in', '<unk>', 'the', 'content', 'span', '.', 'will', '</p>', 'be', '<button', 'in', 'type=\"button', '\"', '\"', '<unk>', 'class=\"btn', '\"', 'btn', '.', '-', '</p>', 'info', '<!DOCTYPE', '\"', 'html>', 'data', '<html>', '-', '<head>', 'toggle=\"collapse', '<style>', '\"', 'p', 'data', 'i', '-', ':', '<unk>', 'first', 'Simple', '-', 'collapsible', 'child', '</button>', '{', '<div', 'color', 'id=\"demo', ':', '\"', 'blue', 'class=\"collapse\">', ';', 'Lorem', '}'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['Ipsum', '</style>', 'dolor', '</head>', 'sit', '<body>', 'amet', '<p>', ',', 'This', 'consectetur', 'am', 'adipiscing', 'a', 'elit', 'div', ',', 'strong', 'sed', '</i>', 'do', 'person', 'eiusmod', '.', 'tempor', '</p>', 'incididunt', 'am', 'ut', 'a', 'labore', '<i>', 'et', 'strong', 'dolore', '</i>', 'magna', 'person', 'aliqua', '.', '.', 'I', '</p>', '</body>', 'enim', 'I', 'ad', 'am', 'minim', 'a', 'veniam', '<i>', ',', 'strong', 'quis', '</i>', 'nostrud', 'person', 'exercitation', '.', 'ullamco', '</p>', 'laboris', 'am', '...', 'a', 'ut', '<i>', 'aliquip', 'strong'] \n",
            "\n",
            " target:\n",
            "['ipsum', '</style>', 'dolor', '</head>', 'sit', '<body>', 'amet', '<p>', ',', 'I', 'consectetur', 'am', 'adipisicing', 'a', 'elit', '<i>', ',', 'strong', 'sed', '</i>', 'do', 'person', 'eiusmod', '.', 'tempor', 'I', 'incididunt', 'am', 'ut', 'a', 'labore', '<i>', 'et', 'strong', 'dolore', '</i>', 'magna', 'person', 'aliqua', '.', '.', '</p>', 'Ut', '<p>', 'enim', 'I', 'ad', 'am', 'minim', 'a', 'veniam', '<i>', ',', 'strong', 'quis', '</i>', 'nostrud', 'person', 'exercitation', '.', 'ullamco', 'I', 'laboris', 'am', 'nisi', 'a', 'ut', '<i>', 'aliquip', 'strong'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['ex', '</i>', 'ea', 'person', 'commodo', '.', 'consequat', 'I', '.', '<p>', '</p>', '</html>', '</body>', '<!DOCTYPE', 'html>', 'html>', '<html>', '<html>', '<head>', '<body>', '<style>', '<style>', 'name=\"viewport', '@media', '\"', '{', 'content=\"width', 'border', '=', '-', 'device', 'style', '-', ':', 'width', 'solid', ',', ';', 'initial', 'border', '-', '-', 'scale=1\">', 'color', '<style>', '-', 'body', '15px', '{', ';', 'margin', '#', ':', 'ff0000', '0', ';', ';', '}', 'padding', '</style>', '.container', '</head>', '{', '<body>', 'width', '<p>', '-', 'This', 'width', 'is'] \n",
            "\n",
            " target:\n",
            "['ex', '</i>', 'ea', 'person', 'commodo', '.', 'consequat', '</p>', '.', '</body>', '</div>', '</html>', '<!DOCTYPE', '<!DOCTYPE', 'html>', 'html>', '<html>', '<html>', '<head>', '<head>', '<meta', '<style>', 'name=\"viewport', 'p', '\"', '{', 'content=\"width', 'border', '=', '-', 'device', 'style', '-', ':', 'width', 'solid', ',', ';', 'initial', 'border', '-', '-', 'scale=1.0\">', 'right', '<style>', ':', 'body', 'thick', '{', 'double', 'margin', '#', ':', 'ff0000', '0', ';', ';', '}', '}', '</style>', '<unk>', '</head>', '{', '<body>', 'list', '<p>', '-', 'This', 'style', 'is'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', 'some', 'image', 'text', ':', '.', 'lower', 'a', ';', 'paragraph', 'margin', '.', ':', '</p>', '0', '</body>', ';', '</html>', 'padding', '<!DOCTYPE', ':', 'html>', '0', '<html>', ';', '<head>', 'overflow', '<style>', ':', 'p.ex1', 'hidden', 'p01', ';', '{', 'background', 'height', '-', ':', 'color', '150px', ':', ';', '#', 'width', '333', ':', ';', '200px', '}', ';', 'li', 'background', '{', '-', '{', 'color', 'margin', ':', ':', 'red', '0', ';', ';', '}', '}', '*', '</style>', 'For', '{', 'browsers'] \n",
            "\n",
            " target:\n",
            "['-', 'some', 'type', 'text', ':', 'in', 'none', 'a', ';', 'paragraph', 'margin', '.', ':', '</p>', '0', '</body>', ';', '</html>', 'padding', '<!DOCTYPE', ':', 'html>', '0', '<html>', ';', '<head>', 'overflow', '<style>', ':', '#', 'hidden', 'grad1', ';', '{', 'background', 'height', '-', ':', 'color', '150px', ':', ';', '#', 'width', '333', ':', ';', '150px', '}', ';', '<unk>', 'background', 'li', '-', '{', 'color', 'float', ':', ':', 'red', 'left', ';', ';', '/', '}', '*', '<unk>', 'For', 'li', 'browsers'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['{', 'that', '{', 'do', 'display', 'not', ':', 'support', 'block', 'gradients', ';', '*', 'color', '/', ':', 'background', 'white', '-', ';', 'image', 'padding', ':', '-', 'linear', 'align', '-', ':', 'gradient(red', 'center', ';', ';', 'gradient(red', 'padding', ':', ':', 'the', '14px', '%', '16px', ',', ';', ',', 'text', ',', '-', 'the', 'decoration', ',', ':', '0', 'none', ',', ';', 'green', '}', ';', 'a', ';', ';', '}', 'a', '</style>', ':', 'grad2', 'hover', '{', '{', 'height', 'not(.active', ':'] \n",
            "\n",
            " target:\n",
            "['a', 'that', '{', 'do', 'display', 'not', ':', 'support', 'block', 'gradients', ';', '*', 'color', '/', ':', 'background', 'white', '-', ';', 'image', 'text', ':', '-', 'radial', 'align', '-', ':', '<unk>', 'center', '-', ';', 'side', 'padding', 'at', ':', '60', '14px', '%', '16px', '<unk>', ';', '%', 'text', ',', '-', 'red', 'decoration', ',', ':', 'yellow', 'none', ',', ';', 'black', '}', ')', '<unk>', ';', 'li', '}', 'a', '#', ':', 'grad2', 'hover', '{', ':', 'height', 'not(.active', ':'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[')', '5px', '{', ';', 'background', 'background', '-', ':', 'color', 'url(img_flwr.gif', ':', ';', '#', 'background', 'ddd', ':', ';', 'color', '}', ':', '.active', '#', '{', ';', '{', '}', '{', '*', 'background', 'For', '-', 'browsers', 'color', 'that', ':', 'do', '#', 'not', '4CAF50', 'support', ';', 'gradients', 'color', '*', '.active', '/', ';', 'background', '{', '-', 'width', 'image', ':', ':', '0', 'linear', ';', '-', '}', 'gradient(red', '</style>', ',', 'only', 'width', 'and', ':', '(', 'the', 'max', '%'] \n",
            "\n",
            " target:\n",
            "[')', '150px', '{', ';', 'background', 'width', '-', ':', 'color', '150px', ':', ';', '#', 'background', '111', '-', ';', 'color', '}', ':', '<unk>', 'red', 'li', ';', 'a.active', '/', '{', '*', 'background', 'For', '-', 'browsers', 'color', 'that', ':', 'do', '#', 'not', '4CAF50', 'support', ';', 'gradients', '}', '*', '<unk>', '/', '<unk>', 'background', '{', '-', 'float', 'image', ':', ':', 'right', 'radial', ';', '-', '}', '<unk>', '@media', '-', 'screen', 'side', 'and', 'at', '(', '60', 'max', '%'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', ';', 'width', ';', ':', ';', '600px', '64', ')', ',', '{', 'yellow', '.column', ')', '{', 'green', '{', ';', '100', ';', '{', '}', '{', '</style>', 'document.getElementById(\"result\").innerHTML', '000000', ':', '{', '</p>', 'height', ';', ':', '}', '200px', '</style>', ';', '</style>', 'background', 'html>', ':', '<html>', '200px', 'lang=\"en\">', ';', '<head>', 'background', '<title>', '-', 'Bootstrap', 'color', 'Example', ':', '</title>', 'white', '<meta', ';', 'charset=\"utf-8\">', '}', '<meta', '*', 'name=\"viewport', 'For', '\"', 'browsers', 'content=\"width', 'that', '=', 'do', 'device', 'not'] \n",
            "\n",
            " target:\n",
            "['-', '<unk>', 'width', '%', ':', ',', '600px', 'red', ')', ',', '{', 'yellow', '<unk>', ',', '<unk>', 'black', ',', ')', '<unk>', ';', 'li', '}', '{', '#', 'float', 'grad3', ':', '{', 'none', 'height', ';', ':', '}', '150px', '}', ';', '<!DOCTYPE', 'width', 'html>', ':', '<html', '150px', 'lang=\"en\">', ';', '<head>', 'background', '<title>', '-', 'Bootstrap', 'color', 'Example', ':', '</title>', 'red', '<meta', ';', 'charset=\"utf-8\">', '/', '<meta', '*', 'name=\"viewport', 'For', '\"', 'browsers', 'content=\"width', 'that', '=', 'do', 'device', 'not'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', 'work', 'width', ':', ',', '*', 'initial', '/', '-', 'background', 'scale=1\">', '-', '<link', 'image', 'rel=\"stylesheet', ':', '\"', 'linear', 'href=\"https://maxcdn.bootstrapcdn.com', '-', '/', 'gradient(red', 'bootstrap/3.4.1', ';', '/', 'gradient(red', 'css', ':', '/', 'top', 'bootstrap.min.css\">', '%', '<script', ',', 'src=\"https://ajax.googleapis.com', ')', '/', ',', 'ajax', '72', '/', ',', 'libs', '0', '/', '15', 'jquery/3.5.1', 'green', '/', ';', 'jquery.min.js\">', ';', '</script>', '}', '<script', '</style>', 'src=\"https://maxcdn.bootstrapcdn.com', 'grad2', '/', '{', 'bootstrap/3.4.1', 'height', '/', ':', 'js', '200px', '/', ';', 'bootstrap.min.js\">', 'background'] \n",
            "\n",
            " target:\n",
            "['-', 'support', 'width', 'gradients', ',', '*', 'initial', '/', '-', 'background', 'scale=1\">', '-', '<link', 'image', 'rel=\"stylesheet', ':', '\"', 'radial', 'href=\"https://maxcdn.bootstrapcdn.com', '-', '/', '<unk>', 'bootstrap/3.4.1', '-', '/', 'corner', 'css', 'at', '/', '60', 'bootstrap.min.css\">', '%', '<script', '<unk>', 'src=\"https://ajax.googleapis.com', '%', '/', ',', 'ajax', 'red', '/', ',', 'libs', 'yellow', '/', ',', 'jquery/3.5.1', 'black', '/', ')', 'jquery.min.js\">', ';', '</script>', '}', '<script', '#', 'src=\"https://maxcdn.bootstrapcdn.com', 'grad4', '/', '{', 'bootstrap/3.4.1', 'height', '/', ':', 'js', '150px', '/', ';', 'bootstrap.min.js\">', 'width'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</script>', ',', '</head>', '100', '<body>', ';', '<div', 'background', 'class=\"container\">', ':', '-', 'color', 'fluid\">', ':', '<h1>', '#', 'Medium', ';', 'Medium', '}', 'Heading', '*', 'Page', 'For', '</h1>', 'browsers', '<p>', 'that', 'Resize', 'do', 'is', 'not', 'of', 'support', 'some', 'gradients', 'the', '*', 'form', '/', '.', 'background', 'out', '-', '{', 'image', '.', ':', '</p>', 'linear', '<label', '-', 'The', 'gradient(circle', 'form', ',', '.', 'gradient(red', 'position', ':', '{', 'the', 'form', '%', 'for=\"cars\">', ',', 'one', ',', '-', ','] \n",
            "\n",
            " target:\n",
            "['</script>', ':', '</head>', '150px', '<body>', ';', '<div', 'background', 'class=\"container', '-', '-', 'color', 'fluid\">', ':', '<h1>', 'red', 'My', ';', 'First', '/', 'Bootstrap', '*', 'Page', 'For', '</h1>', 'browsers', '<p>', 'that', 'This', 'do', 'part', 'not', 'is', 'support', 'inside', 'gradients', 'a', '*', '.container', '/', '-', 'background', 'fluid', '-', 'class', 'image', '.', ':', '</p>', 'radial', '<p>', '-', 'The', '<unk>', '.container', '-', '-', 'corner', 'fluid', 'at', 'class', '60', 'provides', '%', 'a', '<unk>', 'full', '%', 'width', ','] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[',', 'initial', ':', ',', 'display', 'yellow', '{', ')', 'link', 'green', 'width', ';', 'of', ';', 'the', '}', 'width', '#', ',', 'html>', '</p>', '<html>', '<div', 'lang=\"en\">', '</body>', '<head>', '</html>', '<title>', 'html>', 'Bootstrap', '<html>', 'Example', '<head>', '</title>', '<style>', '<meta', '.flex', 'charset=\"utf-8\">', '{', '<meta', 'background', 'name=\"viewport', ':', '\"', 'relative', 'content=\"width', ';', '=', '}', 'device', '-', '-', 'color', 'width', ':', ',', '#', 'initial', 'navlist', '-', ';', 'scale=1\">', 'color', '<link', ':', 'rel=\"stylesheet', 'none', '\"', ';', 'href=\"https://maxcdn.bootstrapcdn.com'] \n",
            "\n",
            " target:\n",
            "['container', 'red', ',', ',', '<unk>', 'yellow', 'the', ',', 'entire', 'black', 'width', ')', 'of', ';', 'the', '}', 'viewport', '<!DOCTYPE', '.', 'html>', '</p>', '<html', '</div>', 'lang=\"en\">', '</body>', '<head>', '<!DOCTYPE', '<title>', 'html>', 'Bootstrap', '<html>', 'Example', '<head>', '</title>', '<style>', '<meta', '.button', 'charset=\"utf-8\">', '{', '<meta', 'position', 'name=\"viewport', ':', '\"', 'relative', 'content=\"width', ';', '=', 'background', 'device', '-', '-', 'color', 'width', ':', ',', '#', 'initial', '4CAF50', '-', ';', 'scale=1\">', 'border', '<link', ':', 'rel=\"stylesheet', 'none', '\"', ';', 'href=\"https://maxcdn.bootstrapcdn.com'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', '/', '-', 'bootstrap/3.4.1', 'size', '/', ':', 'css', '16px', '/', ';', 'bootstrap.min.css\">', '}', '<script', ':', 'src=\"https://ajax.googleapis.com', '#', '/', 'ffffff', 'ajax', ';', '/', '}', 'libs', ':', '/', '0', 'jquery/3.5.1', ';', '/', '}', 'jquery.min.js\">', ':', '</script>', '100', '<script', ';', 'src=\"https://maxcdn.bootstrapcdn.com', 'height', '/', '-', 'bootstrap/3.4.1', 'align', '/', ':', 'js', 'center', '/', ';', 'bootstrap.min.js\">', '}', '</script>', ':', '</head>', 'duration', '<body>', ':', 'class=\"container\">', '0.4s', '</h2>', ';', 'class=\"navbar', 'cursor', 'navbar', '-', '-', 'decoration', 'header\">', ':', 'navbar'] \n",
            "\n",
            " target:\n",
            "['font', '/', '-', 'bootstrap/3.4.1', 'size', '/', ':', 'css', '28px', '/', ';', 'bootstrap.min.css\">', 'color', '<script', ':', 'src=\"https://ajax.googleapis.com', '#', '/', '<unk>', 'ajax', ';', '/', 'padding', 'libs', ':', '/', '20px', 'jquery/3.5.1', ';', '/', 'width', 'jquery.min.js\">', ':', '</script>', '200px', '<script', ';', 'src=\"https://maxcdn.bootstrapcdn.com', 'text', '/', '-', 'bootstrap/3.4.1', 'align', '/', ':', 'js', 'center', '/', ';', 'bootstrap.min.js\">', 'transition', '</script>', '-', '</head>', 'duration', '<body', ':', '<unk>', '0.4s', '<nav', ';', 'class=\"navbar', 'text', 'navbar', '-', '-', 'decoration', 'inverse', ':', 'navbar'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['5px', '-', ';', '<div', '}', '-', ':', 'bottom\">', 'hidden', '<img', ';', 'class=\"container\">', 'background', '-', ':', 'fluid\">', '120px', '<div', ';', 'class=\"navbar', '}', '-', '.disabled', 'header\">', '{', '<a', 'hover', 'class=\"navbar', '{', '-', 'background', 'brand', ':', '\"', 'hidden', 'href=\"#\">', ';', 'WebSiteName', ';', '</a>', '}', '</div>', '-', '<ul', '#', 'class=\"nav', 'fff', 'navbar', ';', '-', 'position', 'nav\">', ':', '<li', 'block', 'class=\"active\">', ';', '<a', '}', 'href=\"#\">', ':', 'Home', 'absolute', '</a>', ';', '</li>', 'top', '<!DOCTYPE', ':', 'html>'] \n",
            "\n",
            " target:\n",
            "['none', '-', ';', 'fixed', 'overflow', '-', ':', 'top\">', 'hidden', '<div', ';', 'class=\"container', 'cursor', '-', ':', 'fluid\">', 'pointer', '<div', ';', 'class=\"navbar', '}', '-', '.button', 'header\">', ':', '<a', 'after', 'class=\"navbar', '{', '-', 'content', 'brand', ':', '\"', '\"', 'href=\"#\">', '\"', 'WebSiteName', ';', '</a>', 'background', '</div>', ':', '<ul', '#', 'class=\"nav', 'f1f1f1', 'navbar', ';', '-', 'display', 'nav\">', ':', '<li', 'block', 'class=\"active\">', ';', '<a', 'position', 'href=\"#\">', ':', 'Home', 'absolute', '</a>', ';', '</li>', 'padding', '<!DOCTYPE', '-', 'html>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', '<html>', '-', 'lang=\"en\">', '8px', '<head>', '%', '<title>', ';', 'Bootstrap', '}', 'Example', ':', '</title>', 'color', '<meta', ':', 'charset=\"utf-8\">', 'red', '<meta', ';', 'name=\"viewport', ';', '\"', '}', 'content=\"width', ':', '=', 'left', 'device', ':', '-', '0px', 'width', ';', ',', '</p>', 'initial', ';', '-', '}', 'scale=1\">', ':', '<link', 'Notice', 'rel=\"stylesheet', ':', '\"', '0', 'href=\"https://maxcdn.bootstrapcdn.com', ';', '/', ';', 'bootstrap/3.4.1', '}', '/', ':', 'css', '0', '/', ';', 'bootstrap.min.css\">', '}', '<script', ':', 'src=\"https://ajax.googleapis.com', 'width', '/', ';', 'ajax'] \n",
            "\n",
            " target:\n",
            "['top', '<html', ':', 'lang=\"en\">', '300', '<head>', '%', '<title>', ';', 'Bootstrap', 'padding', 'Example', '-', '</title>', 'left', '<meta', ':', 'charset=\"utf-8\">', '<unk>', '<meta', '%', 'name=\"viewport', ';', '\"', 'margin', 'content=\"width', '-', '=', 'left', 'device', ':', '-', '<unk>', 'width', '!', ',', 'important', 'initial', ';', '-', 'margin', 'scale=1\">', '-', '<link', 'top', 'rel=\"stylesheet', ':', '\"', '<unk>', 'href=\"https://maxcdn.bootstrapcdn.com', '%', '/', ';', 'bootstrap/3.4.1', 'opacity', '/', ':', 'css', '0', '/', ';', 'bootstrap.min.css\">', 'transition', '<script', ':', 'src=\"https://ajax.googleapis.com', 'all', '/', '<unk>', 'ajax'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', '/', '</style>', 'libs', '{', '/', 'hover', 'jquery/3.5.1', '{', '/', 'hover', 'jquery.min.js\">', '{', '</script>', 'width', '<script', ':', 'src=\"https://maxcdn.bootstrapcdn.com', 'hover', '/', ';', 'bootstrap/3.4.1', 'background', '/', ':', 'js', '0', '/', ';', 'bootstrap.min.js\">', '}', '</script>', ':', '</head>', '1', '<body>', ';', '<div', '}', 'class=\"container\">', 'html>', '<h2>', '<html>', 'Well', 'lang=\"en\">', '-', '<head>', 'Disabled', '<title>', 'Item', 'Bootstrap', '</h2>', 'Example', '<p>', '</title>', 'Add', '<meta', 'class', 'charset=\"utf-8\">', '.disabled', '<meta', 'class', 'name=\"viewport', 'a', '\"', 'in', 'content=\"width', 'links', '=', 'to'] \n",
            "\n",
            " target:\n",
            "['}', '/', '.button', 'libs', ':', '/', 'active', 'jquery/3.5.1', ':', '/', 'after', 'jquery.min.js\">', '{', '</script>', 'padding', '<script', ':', 'src=\"https://maxcdn.bootstrapcdn.com', '0', '/', ';', 'bootstrap/3.4.1', 'margin', '/', ':', 'js', '0', '/', ';', 'bootstrap.min.js\">', 'opacity', '</script>', ':', '</head>', '1', '<body>', ';', '<div', '<!DOCTYPE', 'class=\"container\">', 'html>', '<h2>', '<html', 'Pagination', 'lang=\"en\">', '-', '<head>', 'Active', '<title>', 'State', 'Bootstrap', '</h2>', 'Example', '<p>', '</title>', 'Add', '<meta', 'class', 'charset=\"utf-8\">', '.active', '<meta', 'to', 'name=\"viewport', '<unk>', '\"', 'the', 'content=\"width', 'user', '=', '<unk>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['device', '<h2>', '-', 'is', 'width', 'is', ',', 'the', 'initial', 'background', '-', ':', 'scale=1\">', 'the', '<link', 'the', 'rel=\"stylesheet', '</p>', '\"', '</body>', 'href=\"https://maxcdn.bootstrapcdn.com', 'id=\"menu\">', '/', '<li>', 'bootstrap/3.4.1', '<a', '/', 'href=\"#\">', 'css', '1', '/', '</a>', 'bootstrap.min.css\">', '</li>', '<script', '<li>', 'src=\"https://ajax.googleapis.com', '>', '/', '2', 'ajax', 'href=\"#\">', '/', 'CSS', 'libs', '</a>', '/', '</li>', 'jquery/3.5.1', '<li>', '/', '<a', 'jquery.min.js\">', 'href=\"#\">', '</script>', '3', '<script', '</a>', 'src=\"https://maxcdn.bootstrapcdn.com', '</li>', '/', '<!DOCTYPE', 'bootstrap/3.4.1', 'html>', '/', '<html>', 'js', 'lang=\"en\">', '/', '<head>'] \n",
            "\n",
            " target:\n",
            "['device', 'which', '-', 'page', 'width', 'he', ',', '/', 'initial', '<unk>', '-', 'is', 'scale=1\">', 'on', '<link', ':', 'rel=\"stylesheet', '</p>', '\"', '<ul', 'href=\"https://maxcdn.bootstrapcdn.com', 'class=\"pagination\">', '/', '<li>', 'bootstrap/3.4.1', '<a', '/', 'href=\"#\">', 'css', '1', '/', '</a>', 'bootstrap.min.css\">', '</li>', '<script', '<li', 'src=\"https://ajax.googleapis.com', 'class=\"active\">', '/', '<a', 'ajax', 'href=\"#\">', '/', '2', 'libs', '</a>', '/', '</li>', 'jquery/3.5.1', '<li>', '/', '<a', 'jquery.min.js\">', 'href=\"#\">', '</script>', '3', '<script', '</a>', 'src=\"https://maxcdn.bootstrapcdn.com', '</li>', '/', '<!DOCTYPE', 'bootstrap/3.4.1', 'html>', '/', '<html', 'js', 'lang=\"en\">', '/', '<head>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['jquery/3.5.1', '<title>', '</script>', 'Bootstrap', '</head>', 'Example', '<body>', '</title>', '<div', '<meta', 'class=\"container\">', 'charset=\"utf-8\">', '<h2>', '<meta', 'Centered', 'name=\"viewport', '</h3>', '\"', '<span', 'content=\"width', '<p>', '=', 'Lorem', 'device', 'text', '-', '-', 'width', 'dismiss=\"alert', ',', 'First', 'initial', 'makes', '-', 'the', 'scale=1\">', 'first', '<link', '.', 'rel=\"stylesheet', 'property', '\"', '</p>', 'href=\"https://maxcdn.bootstrapcdn.com', '</body>', '/', 'id=\"menu\">', 'bootstrap/3.4.1', '-', '/', 'inline\">', 'css', '<li>', '/', '<a', 'bootstrap.min.css\">', 'href=', '<script', '\"', 'src=\"https://ajax.googleapis.com', '#', '/', '\"', 'ajax', 'class=\"active\">', '/', '-', 'libs', 'trigger=\"hover', '/'] \n",
            "\n",
            " target:\n",
            "['bootstrap.min.js\">', '<title>', '</script>', 'Bootstrap', '</head>', 'Example', '<body>', '</title>', '<div', '<meta', 'class=\"container\">', 'charset=\"utf-8\">', '<h3>', '<meta', 'Tooltip', 'name=\"viewport', 'Example', '\"', '</h3>', 'content=\"width', '<p>', '=', 'The', 'device', 'data', '-', '-', 'width', '<unk>', ',', 'attribute', 'initial', 'specifies', '-', 'the', 'scale=1\">', 'tooltip', '<link', 'position', 'rel=\"stylesheet', '.', '\"', '</p>', 'href=\"https://maxcdn.bootstrapcdn.com', '<ul', '/', 'class=\"list', 'bootstrap/3.4.1', '-', '/', 'inline\">', 'css', '<li>', '/', '<a', 'bootstrap.min.css\">', 'href=', '<script', '\"', 'src=\"https://ajax.googleapis.com', '#', '/', '\"', 'ajax', 'data', '/', '-', 'libs', '<unk>', '/'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', 'jquery/3.5.1', '+', '/', '-', 'jquery.min.js\">', 'toggle=\"modal', '</script>', '\"', '<script', 'data', 'src=\"https://maxcdn.bootstrapcdn.com', '\"', '/', '</a>', 'bootstrap/3.4.1', '</li>', '/', '<li>', 'js', '<a', '/', 'href=\"https://www.google.com/\">', 'bootstrap.min.js\">', '\"', '</script>', '#', '</head>', '\"', '<body>', 'title=\"Header', '<div', '-', 'class=\"container\">', 'toggle=\"dropdown', '<h2>', '\"', 'Pagination', 'aria', 'Group', '-', 'With', 'Notice', 'Custom', '\"', 'Backgrounds', 'cols=\"30\">', '</h2>', '</a>', '<p>', '</a>', 'class=\"list', '</li>', '-', '<li>', 'color', '<a', '<!DOCTYPE', 'href=', 'class=\"disabled\">', '\"', '-', '#', 'group\">', '\"', '-', 'data', 'item', '-', '</li>'] \n",
            "\n",
            " target:\n",
            "['\"', 'jquery/3.5.1', 'data', '/', '-', 'jquery.min.js\">', 'placement=\"top', '</script>', '\"', '<script', '<unk>', 'src=\"https://maxcdn.bootstrapcdn.com', 'Top', '/', '</a>', 'bootstrap/3.4.1', '</li>', '/', '<li>', 'js', '<a', '/', 'href=', 'bootstrap.min.js\">', '\"', '</script>', '#', '</head>', '\"', '<body>', 'data', '<div', '-', 'class=\"container\">', '<unk>', '<h2>', '\"', 'List', 'data', 'Group', '-', 'With', 'placement=\"bottom', 'Contextual', '\"', 'Classes', '<unk>', '</h2>', 'Bottom', '<ul', '</a>', 'class=\"list', '</li>', '-', '<li>', 'group\">', '<a', '<li', 'href=', 'class=\"list', '\"', '-', '#', 'group', '\"', '-', 'data', 'item', '-', 'list'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', '-', '{', 'style', 'time(s', '-', '-', 'style', 'toggle=\"modal', '-', '\"', 'heading\">', 'href=\"#menu1\">', 'Success', '\"', 'List', '</a>', '</a>', '</body>', '<li>', '<li>', 'class=\"list', 'html>', '-', '<html>', 'group', 'lang=\"en\">', '-', '<head>', 'item\">', '<title>', '<ol>', 'Bootstrap', '-', 'Example', 'style', '</title>', '-', '<meta', 'item\">', 'charset=\"utf-8\">', '</li>', '<meta', 'item\">', 'name=\"viewport', 'Info', '\"', 'item', 'content=\"width', '</li>', '=', '<li', 'device', 'class=\"list', '-', '-', 'width', 'group', ',', '-', 'initial', 'item\">', '-', '</li>', 'scale=1\">', 'item', '<link', 'group', 'rel=\"stylesheet', '-'] \n",
            "\n",
            " target:\n",
            "['<unk>', '-', '\"', 'group', 'data', '-', '-', 'item', 'placement=\"left', '-', '\"', 'success\">', '<unk>', 'First', 'Left', 'item', '</a>', '</li>', '</li>', '<li', '<!DOCTYPE', 'class=\"list', 'html>', '-', '<html', 'group', 'lang=\"en\">', '-', '<head>', 'item', '<title>', 'list', 'Bootstrap', '-', 'Example', 'group', '</title>', '-', '<meta', 'item', 'charset=\"utf-8\">', '-', '<meta', 'info\">', 'name=\"viewport', 'Second', '\"', 'item', 'content=\"width', '</li>', '=', '<li', 'device', 'class=\"list', '-', '-', 'width', 'group', ',', '-', 'initial', 'item', '-', 'list', 'scale=1\">', '-', '<link', 'group', 'rel=\"stylesheet', '-'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['\"', 'color', 'href=\"https://maxcdn.bootstrapcdn.com', '{', '/', 'color', 'bootstrap/3.4.1', '{', '/', 'item', 'css', '</a>', '/', '<!DOCTYPE', 'bootstrap.min.css\">', 'class=\"active\">', '<script', '-', 'src=\"https://ajax.googleapis.com', 'color', '/', '-', 'ajax', 'item\">', '/', '<ol>', 'libs', 'item', '/', 'style', 'jquery/3.5.1', '-', '/', 'lg\">', 'jquery.min.js\">', '</li>', '</script>', 'item\">', '<script', 'Danger', 'src=\"https://maxcdn.bootstrapcdn.com', ':', '/', '</li>', 'bootstrap/3.4.1', '</ul>', '/', 'html>', 'js', '<html>', '/', 'lang=\"en\">', 'bootstrap.min.js\">', '<head>', '</script>', '<title>', '</head>', 'Bootstrap', '<body>', 'Example', '<div', '</title>', 'class=\"container\">', '<meta', '<h2>', 'charset=\"utf-8\">', 'Bordered', '<meta', 'Grid', 'name=\"viewport'] \n",
            "\n",
            " target:\n",
            "['\"', 'item', 'href=\"https://maxcdn.bootstrapcdn.com', '-', '/', 'warning\">', 'bootstrap/3.4.1', 'Third', '/', 'item', 'css', '</li>', '/', '<li', 'bootstrap.min.css\">', 'class=\"list', '<script', '-', 'src=\"https://ajax.googleapis.com', 'group', '/', '-', 'ajax', 'item', '/', 'list', 'libs', '-', '/', 'group', 'jquery/3.5.1', '-', '/', 'item', 'jquery.min.js\">', '-', '</script>', 'danger\">', '<script', '<unk>', 'src=\"https://maxcdn.bootstrapcdn.com', 'item', '/', '</li>', 'bootstrap/3.4.1', '<!DOCTYPE', '/', 'html>', 'js', '<html', '/', 'lang=\"en\">', 'bootstrap.min.js\">', '<head>', '</script>', '<title>', '</head>', 'Bootstrap', '<body>', 'Example', '<div', '</title>', 'class=\"container\">', '<meta', '<h2>', 'charset=\"utf-8\">', 'Small', '<meta', 'Modal', 'name=\"viewport'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-->', '\"', '<!--', 'content=\"width', 'Trigger', '=', 'the', 'device', 'modal', '-', 'with', 'width', 'a', ',', 'button', 'initial', '-->', '-', '<button', 'scale=1\">', 'type=\"button', '<link', '\"', 'rel=\"stylesheet', 'class=\"btn', '\"', 'btn', 'href=\"https://maxcdn.bootstrapcdn.com', '-', '/', 'info', 'bootstrap/3.4.1', 'btn', '/', '-', 'css', 'lg', '/', '\"', 'bootstrap.min.css\">', 'role=\"button\">', '<script', '-', 'src=\"https://ajax.googleapis.com', 'sm-10\">', '/', '\"', 'ajax', 'data', '/', '-', 'libs', 'target=\"#myModal\">', '/', 'Open', 'jquery/3.5.1', 'Modal', '/', '</button>', 'jquery.min.js\">', '</button>', '</script>', '<input', '<script', 'Multiple', 'src=\"https://maxcdn.bootstrapcdn.com', '-->', '/', '<div', 'bootstrap/3.4.1'] \n",
            "\n",
            " target:\n",
            "['</h2>', '\"', '<!--', 'content=\"width', 'Trigger', '=', 'the', 'device', 'modal', '-', 'with', 'width', 'a', ',', 'button', 'initial', '-->', '-', '<button', 'scale=1\">', 'type=\"button', '<link', '\"', 'rel=\"stylesheet', 'class=\"btn', '\"', 'btn', 'href=\"https://maxcdn.bootstrapcdn.com', '-', '/', 'info', 'bootstrap/3.4.1', 'btn', '/', '-', 'css', 'lg', '/', '\"', 'bootstrap.min.css\">', 'data', '<script', '-', 'src=\"https://ajax.googleapis.com', 'toggle=\"modal', '/', '\"', 'ajax', 'data', '/', '-', 'libs', 'target=\"#myModal\">', '/', 'Open', 'jquery/3.5.1', 'Small', '/', 'Modal', 'jquery.min.js\">', '</button>', '</script>', '<!--', '<script', 'Modal', 'src=\"https://maxcdn.bootstrapcdn.com', '-->', '/', '<div', 'bootstrap/3.4.1'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['class=\"container\">', '/', 'fade', 'js', '\"', '/', 'id=\"myModal', 'bootstrap.min.js\">', '\"', '</script>', 'role=\"dialog\">', '</head>', '<!DOCTYPE', '<body>', 'html>', '<div', '<html>', 'class=\"container\">', '<body>', '<h2>', '<style>', 'Pagination', 'p', 'control', '-', ':', 'item', 'inline', '{', 'form', 'display', '<p>', ':', 'The', '-webkit', 'form', '-', 'below', 'flex', 'contains', ';', 'three', 'display', 'dropdown', ':', ',', 'flex', '.', ';', '</p>', 'grid', ')', '-', 'its', 'flex', ',', '-', '.', 'direction', 'more', '{', 'of', '1', 'the', ':', ',', ':', 'field', '}', '</p>'] \n",
            "\n",
            " target:\n",
            "['class=\"modal', '/', 'fade', 'js', '\"', '/', 'id=\"myModal', 'bootstrap.min.js\">', '\"', '</script>', 'role=\"dialog\">', '</head>', '<!DOCTYPE', '<body>', 'html>', '<div', '<html>', 'class=\"container\">', '<head>', '<h2>', '<style>', 'Form', '.flex', 'control', '-', ':', 'container', 'input', '{', '</h2>', 'display', '<p>', ':', 'The', '-webkit', 'form', '-', 'below', 'flex', 'contains', ';', 'two', 'display', 'input', ':', 'elements', 'flex', ';', ';', 'one', '-webkit', 'of', '-', 'type', 'flex', 'text', '-', 'and', '<unk>', 'one', ':', 'of', 'row', 'type', 'wrap', 'password', ';', ':', 'flex', '</p>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[';', '<p>', 'direction', '<label', '{', 'id=\"country', '1', '-', ':', 'group\">', ';', '<label', '}', 'class=\"col', '-', '\"', 'size', '</label>', ':', '</label>', 'bold\">', '<input', ';', 'type=\"text', '}', '\"', '-', 'id=\"fname', 'align', '-', ':', 'control', 'center', '\"', ';', 'id=\"email', '}', '\"', '</style>', 'html>', '-', '<html>', 'container', '<head>', '{', '<style>', 'div', 'img', '{', '{', 'background', 'width', ':', ':', 'after', '0', ';', '{', '}', ':', '-', '}', '1', '</style>', ';', '</head>', '%', '<body>', ';', '<h2>'] \n",
            "\n",
            " target:\n",
            "['-', '<form>', '<unk>', '<div', ':', 'class=\"form', 'row', '-', 'wrap', 'group\">', ';', '<label', 'font', '<unk>', '-', 'Name', 'weight', ':', ':', '</label>', 'bold', '<input', ';', 'type=\"text', 'text', '\"', '-', 'class=\"form', 'align', '-', ':', 'control', 'center', '\"', ';', '<unk>', '}', '<!DOCTYPE', '.flex', 'html>', '-', '<html>', 'container', '<head>', '>', '<style>', '*', '<unk>', '{', '{', 'padding', 'content', ':', ':', '10px', '<unk>', ';', ')', 'flex', ';', ':', '}', '1', '</style>', '100', '</head>', '%', '<body>', ';', '<h1>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', 'My', '</style>', 'is', '{', 'heading', 'width', 'heading', '-', '</h1>', 'align', '<p>', ':', 'This', 'center', 'style', ';', '</p>', '}', '</p>', '-', 'a', '#', '-', ';', 'elements', 'width', 'to', '</style>', ';', '{', 'in', 'width', 'a', '-', 'original', '50px', 'in', ';', 'the', '}', 'ordinary', '</style>', 'to', '{', '</p>', 'background', '<p>', '-', 'The', '0', 'is', ';', 'set', '}', 'link', '}', '</h1>', '{', '<p>', 'float', '</html>', '-', '<!DOCTYPE', '1', 'html>', ';', '<html>', '}', 'lang=\"en\">'] \n",
            "\n",
            " target:\n",
            "['}', 'This', '<unk>', 'is', '{', 'a', 'text', 'heading', '-', '</h1>', 'align', '<p>', ':', 'The', 'left', ':', ';', ':', 'background', 'after', ':', 'pseudo', 'cornflowerblue', '-', ';', 'element', '}', '<unk>', '.header', 'content', '{', 'after', 'background', 'the', ':', 'content', '<unk>', 'of', ';', 'an', '}', 'element', '.footer', '.', '{', '</p>', 'background', '<h1>', ':', 'This', 'lightgreen', 'is', ';', 'a', '}', 'heading', '<unk>', '</h1>', '{', '</body>', 'background', '</html>', ':', '<!DOCTYPE', '<unk>', 'html>', ';', '<html', '}', 'lang=\"en\">'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</style>', '<head>', '{', '<title>', 'width', 'Bootstrap', '-', 'Example', 'link', '</title>', ';', '<meta', '}', 'charset=\"utf-8\">', '</style>', '<meta', 'only', 'name=\"viewport', ';', '\"', '(', 'content=\"width', '100', '=', '-', 'device', 'width', '-', ':', 'width', '480px', ',', ')', 'initial', '{', '-', 'width', 'scale=1\">', '{', '<link', 'width', 'rel=\"stylesheet', ':', '\"', '9999', 'href=\"https://maxcdn.bootstrapcdn.com', ';', '/', ';', 'bootstrap/3.4.1', '}', '/', '</style>', 'css', '{', '/', 'margin', 'bootstrap.min.css\">', ':', '<script', '1', 'src=\"https://ajax.googleapis.com', ';', '/', ';', 'ajax', '}', '/', '</style>', 'libs'] \n",
            "\n",
            " target:\n",
            "['<unk>', '<head>', '{', '<title>', 'background', 'Bootstrap', ':', 'Example', '<unk>', '</title>', ';', '<meta', '}', 'charset=\"utf-8\">', '@media', '<meta', 'all', 'name=\"viewport', 'and', '\"', '(', 'content=\"width', 'min', '=', '-', 'device', 'width', '-', ':', 'width', '768px', ',', ')', 'initial', '{', '-', '<unk>', 'scale=1\">', '{', '<link', 'flex', 'rel=\"stylesheet', ':', '\"', '1', 'href=\"https://maxcdn.bootstrapcdn.com', 'auto', '/', ';', 'bootstrap/3.4.1', '}', '/', '<unk>', 'css', '{', '/', 'flex', 'bootstrap.min.css\">', ':', '<script', '3', 'src=\"https://ajax.googleapis.com', '0px', '/', ';', 'ajax', '}', '/', '<unk>', 'libs'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', '/', 'width', 'jquery/3.5.1', ':', '/', '-1', 'jquery.min.js\">', ';', '</script>', '}', '<script', '</style>', 'src=\"https://maxcdn.bootstrapcdn.com', '{', '/', 'width', 'bootstrap/3.4.1', ':', '/', '-1', 'js', ';', '/', '}', 'bootstrap.min.js\">', '</style>', '</script>', '{', '</head>', 'width', '<body>', ':', '<div', '0', 'class=\"container\">', ';', '<h2>', '}', 'Dropdowns', '</style>', 'Block', '{', 'Example', 'float', '<!--', ':', 'Trigger', '0', 'the', ';', 'modal', 'color', 'with', 'html', 'a', 'html', 'button', 'html>', '-->', '<html>', '<button', '<head>', 'type=\"button', '<style>', '\"', 'img', 'class=\"btn', '{', 'btn'] \n",
            "\n",
            " target:\n",
            "['{', '/', 'order', 'jquery/3.5.1', ':', '/', '1', 'jquery.min.js\">', ';', '</script>', '}', '<script', '<unk>', 'src=\"https://maxcdn.bootstrapcdn.com', '{', '/', 'order', 'bootstrap/3.4.1', ':', '/', '2', 'js', ';', '/', '}', 'bootstrap.min.js\">', '<unk>', '</script>', '{', '</head>', 'order', '<body>', ':', '<div', '3', 'class=\"container\">', ';', '<h2>', '}', 'Large', '.footer', 'Modal', '{', '</h2>', 'order', '<!--', ':', 'Trigger', '4', 'the', ';', 'modal', '}', 'with', '}', 'a', '<!DOCTYPE', 'button', 'html>', '-->', '<html>', '<button', '<head>', 'type=\"button', '<style>', '\"', 'body', 'class=\"btn', '{', 'btn'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['background', '-', '-', 'primary', 'increment', '\"', ':', '-', 'section', 'lg', ';', '\"', '}', 'value=\"Input', 'div', '-', '{', 'sm-10\">', 'font', '\"', '-', 'data', 'content', '-', ':', 'target=\"#myModal\">', 'section', 'Open', ';', 'Modal', '}', '</button>', '</style>', '</button>', '{', '<input', 'width', 'Trigger', '-', '-->', 'Notice', '<div', ':', 'class=\"modal', 'section', 'fade', ';', '\"', '}', 'id=\"myModal', ':', '\"', 'section', 'role=\"dialog\">', ';', '<!DOCTYPE', ';', 'html>', 'Paris', '<html>', ';', '<body>', ':', '<h2>', '<br', 'HTML', '</p>', 'unordered', '<br', 'List'] \n",
            "\n",
            " target:\n",
            "['counter', '-', '-', 'info', 'reset', 'btn', ':', '-', 'section', 'lg', ';', '\"', '}', 'data', 'h1', '-', '{', 'toggle=\"modal', 'counter', '\"', '-', 'data', 'reset', '-', ':', 'target=\"#myModal\">', '<unk>', 'Open', ';', 'Large', '}', 'Modal', '<unk>', '</button>', '{', '<!--', 'counter', 'Modal', '-', '-->', 'increment', '<div', ':', 'class=\"modal', 'section', 'fade', ';', '\"', 'content', 'id=\"myModal', ':', '\"', '\"', 'role=\"dialog\">', '<unk>', '<!DOCTYPE', '\"', 'html>', '<unk>', '<html>', ')', '<body>', '\"', '<h2>', '.', 'An', '\"', 'Unordered', ';', 'HTML'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', 'allows', '</style>', 'CSS', '{', '<ul>', 'width', '<li>', '-', 'Coffee', 'increment', '</li>', ':', '<li', 'section', 'Tea', '{', '</li>', 'content', '<li', ':', 'Coca', '</p>', '</li>', ';', '</ol>', ':', '</body>', 'from', '</ol>', '</p>', 'aromatic', ';', 'List', ';', '</li>', ':', 'with', 'from', '<ul>', 'from', '<li>', '}', 'Coffee', '</style>', '</li>', '</head>', '</ul>', '<body>', 'Tea', '<h2>', '</li>', 'The', '</ol>', 'links', 'Milk', '</h2>', '</li>', '1', '</ol>', '<h2>', '</body>', 'Paris', '</html>', 'links', '<!DOCTYPE', '</h1>', 'html>', '<p>', '<html>'] \n",
            "\n",
            " target:\n",
            "['}', 'List', '<unk>', '</h2>', '{', '<ul>', 'counter', '<li>', '-', 'Coffee', 'increment', '</li>', ':', '<li>', '<unk>', 'Tea', ';', '</li>', 'content', '<li>', ':', 'Milk', '<unk>', '</li>', ')', '</ul>', '\"', '<h2>', '.', 'An', '\"', 'Ordered', '<unk>', 'HTML', ')', 'List', '\"', '</h2>', '\"', '<ol>', ';', '<li>', '}', 'Coffee', '</style>', '</li>', '</head>', '<li>', '<body>', 'Tea', '<h1>', '</li>', 'HTML', '<li>', '<unk>', 'Milk', ':', '</li>', '</h1>', '</ol>', '<h2>', '</body>', 'HTML', '</html>', 'Tutorial', '<!DOCTYPE', '</h2>', 'html>', '<h2>', '<html>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['Responsive', '<head>', 'Image', '<style>', '</h2>', 'name=\"viewport', '<p>', '\"', 'the', 'content=\"width', '<p>', '=', '<p>', 'device', '</p>', '-', '<p>', 'width', 'The', ',', 'can', 'initial', '<p>', '-', 'The', 'scale=1\">', '</h2>', '<link', '<p>', 'rel=\"stylesheet', 'html>', '\"', '<html>', 'href=\"https://maxcdn.bootstrapcdn.com', '<head>', '/', '<h2>', 'bootstrap/3.4.1', 'class=\"hidden\">', '/', ':', 'css', 'DodgerBlue;\">', '/', 'A', 'bootstrap.min.css\">', 'is', '<script', 'a', 'src=\"https://ajax.googleapis.com', 'paragraph', '/', '</h1>', 'ajax', '<p', '/', '>', 'libs', ':', '/', 'darkolivegreen;font', 'jquery/3.5.1', 'A', '/', 'is', 'jquery.min.js\">', 'a', '</script>', 'paragraph', '<script'] \n",
            "\n",
            " target:\n",
            "['CSS', '<head>', 'Tutorial', '<meta', '</h2>', 'name=\"viewport', '<h1>', '\"', '<unk>', 'content=\"width', '<unk>', '=', ':', 'device', '</h1>', '-', '<h2>', 'width', 'JavaScript', ',', '</h2>', 'initial', '<h2>', '-', '<unk>', 'scale=1\">', '</h2>', '<link', '<!DOCTYPE', 'rel=\"stylesheet', 'html>', '\"', '<html>', 'href=\"https://maxcdn.bootstrapcdn.com', '<body>', '/', '<h1', 'bootstrap/3.4.1', 'style=\"color', '/', ':', 'css', 'blue;\">', '/', 'This', 'bootstrap.min.css\">', 'is', '<script', 'a', 'src=\"https://ajax.googleapis.com', 'heading', '/', '</h1>', 'ajax', '<p', '/', 'style=\"color', 'libs', ':', '/', 'red;\">', 'jquery/3.5.1', 'This', '/', 'is', 'jquery.min.js\">', 'a', '</script>', 'paragraph', '<script'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['.', 'src=\"https://ajax.googleapis.com', '</p>', '/', '<p>', 'bootstrap/3.4.1', '</html>', '/', '<!DOCTYPE', 'js', 'html>', '/', '<html>', 'bootstrap.min.js\">', '<body>', '</script>', '<style>', '</head>', 'p', '<body>', '{', '<div', 'sizing', 'class=\"container\">', '{', '<h2>', 'width', 'Modal', '-', 'Collapsible', 'index', '</h2>', ':', '<a', 'oblique', '<a', ';', 'on', '}', 'top', 'attribute', '.btn', '</p>', 'to', ';', 'see', ':', '\"', '}', 'h1', '</style>', '<span', 'the', 'the', 'width', '</h2>', '-', 'in', 'family', '</p>', ':', '<p>', '\"', 'class=\"button\">', '{', '\"', '}', 'class=\"btn', '</style>', 'btn'] \n",
            "\n",
            " target:\n",
            "['.', 'src=\"https://maxcdn.bootstrapcdn.com', '</p>', '/', '</body>', 'bootstrap/3.4.1', '</html>', '/', '<!DOCTYPE', 'js', 'html>', '/', '<html>', 'bootstrap.min.js\">', '<head>', '</script>', '<style>', '</head>', '<unk>', '<body>', '-', '<div', '<unk>', 'class=\"container\">', '{', '<h2>', 'font', 'Simple', '-', 'Collapsible', 'family', '</h2>', ':', '<p>', '<unk>', 'Click', ';', 'on', 'src', 'the', ':', 'button', '<unk>', 'to', ')', 'toggle', ';', 'between', '}', '<unk>', '*', 'and', '{', '<unk>', 'font', 'content', '-', '.', 'family', '</p>', ':', '<button', '<unk>', 'type=\"button', ';', '\"', '}', 'class=\"btn', '</style>', 'btn'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</head>', '-', '<body>', 'primary', '<h1>', '\"', 'The', 'value=\"Input', 'resize', '-', 'shorthand', 'toggle=\"collapse\">', 'breaks', '\"', 'and', 'data', 'Page', '-', '<h2>', 'toggle=\"dropdown\">', 'This', ';', 'the', 'Collapsible', 'first', '</a>', 'and', '<input', 'and', 'class=\"progress', 'be', '\"', 'the', 'value=\"30\">', 'and', '\"', 'from', '<a', 'the', 'ipsum', 'link', 'dolor', 'element', 'sit', 'width', 'amet', 'attribute', ',', 'alt=\"HTML5', 'consectetur', 'page', 'adipiscing', 'name', 'elit', '</h2>', ',', 'id=\"lname', 'sed', '<h2>', 'diam', '</p>', 'eiusmod', '</body>', 'tempor', 'You', 'incididunt', 'Note', 'ut', ':', 'labore'] \n",
            "\n",
            " target:\n",
            "['</head>', '-', '<body>', 'info', '<h1>', '\"', 'The', 'data', '<unk>', '-', '-', 'toggle=\"collapse', '<unk>', '\"', '<unk>', 'data', '</h1>', '-', '<div>', '<unk>', 'With', 'Simple', 'CSS', 'collapsible', ',', '</button>', '<unk>', '<div', 'can', 'id=\"demo', 'use', '\"', '<unk>', '<unk>', 'other', 'in\">', 'than', 'Lorem', 'the', 'ipsum', 'pre', 'dolor', '-', 'sit', 'selected', 'amet', '\"', ',', 'web', 'consectetur', '-', 'adipisicing', '<unk>', 'elit', '\"', ',', '<unk>', 'sed', '.', 'do', '</div>', 'eiusmod', '<p>', 'tempor', '<b>', 'incididunt', 'Note', 'ut', ':', 'labore'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['5px', '-', 'The', 'dolore', 'Explorer', 'magna', '9', 'aliqua', 'and', '.', 'earlier', '</p>', 'versions', 'enim', 'do', 'ad', 'not', 'minim', 'support', 'veniam', 'the', ',', 'video', 'quis', ',', 'nostrud', 'reset', 'exerci', '{', 'ullamco', '.', 'laboris', '</p>', 'nisi', '</body>', 'ut', '</html>', 'aliquip', '<!DOCTYPE', 'ex', 'html>', 'ea', '<html>', 'commodo', 'lang=\"en\">', 'consequat', '<head>', '.', '<title>', 'Duis', 'Bootstrap', '<!DOCTYPE', 'Example', 'html>', '</title>', '<html>', '<meta', '<head>', 'charset=\"utf-8\">', '<style>', '<meta', 'img', 'name=\"viewport', '{', '\"', 'border', 'content=\"width', '-', '=', 'style'] \n",
            "\n",
            " target:\n",
            "['</b>', 'et', 'Internet', 'dolore', 'Explorer', 'magna', '8', 'aliqua', 'and', '.', 'earlier', 'Ut', ',', 'enim', 'do', 'ad', 'not', 'minim', 'support', 'veniam', 'the', ',', '<unk>', 'quis', '-', 'nostrud', '<unk>', 'exercitation', 'rule', 'ullamco', '.', 'laboris', '</p>', 'nisi', '</body>', 'ut', '</html>', 'aliquip', '<!DOCTYPE', 'ex', 'html>', 'ea', '<html', 'commodo', 'lang=\"en\">', 'consequat', '<head>', '.', '<title>', '</div>', 'Bootstrap', '<!DOCTYPE', 'Example', 'html>', '</title>', '<html>', '<meta', '<head>', 'charset=\"utf-8\">', '<style>', '<meta', 'p.one', 'name=\"viewport', '{', '\"', 'border', 'content=\"width', '-', '=', 'style'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['device', ':', '-', 'solid', 'width', 'dashed', ',', 'double', 'initial', 'solid', '-', ';', 'scale=1\">', '}', '<link', '</style>', 'rel=\"stylesheet', '{', '\"', 'border', 'href=\"https://maxcdn.bootstrapcdn.com', '-', '/', 'style', 'bootstrap/3.4.1', ':', '/', 'solid', 'css', ';', '/', ';', 'bootstrap.min.css\">', ';', '<script', '}', 'src=\"https://ajax.googleapis.com', 'p.solid', '/', '{', 'ajax', 'border', '/', '-', 'libs', 'style', '/', ':', 'jquery/3.5.1', 'dotted', '/', ';', 'jquery.min.js\">', ';', '</script>', '}', '<script', 'p.four', 'src=\"https://maxcdn.bootstrapcdn.com', '{', '/', 'border', 'bootstrap/3.4.1', '-', '/', 'style', 'js', ':', '/', 'solid'] \n",
            "\n",
            " target:\n",
            "['device', ':', '-', 'dotted', 'width', 'solid', ',', 'dashed', 'initial', 'double', '-', ';', 'scale=1\">', '}', '<link', 'p.two', 'rel=\"stylesheet', '{', '\"', 'border', 'href=\"https://maxcdn.bootstrapcdn.com', '-', '/', 'style', 'bootstrap/3.4.1', ':', '/', 'dotted', 'css', 'solid', '/', 'dashed', 'bootstrap.min.css\">', ';', '<script', '}', 'src=\"https://ajax.googleapis.com', 'p.three', '/', '{', 'ajax', 'border', '/', '-', 'libs', 'style', '/', ':', 'jquery/3.5.1', 'dotted', '/', 'solid', 'jquery.min.js\">', ';', '</script>', '}', '<script', 'p.four', 'src=\"https://maxcdn.bootstrapcdn.com', '{', '/', 'border', 'bootstrap/3.4.1', '-', '/', 'style', 'js', ':', '/', 'dotted'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['jquery/3.5.1', 'top', '</script>', 'overflow', '</head>', 'p.dashed', '<body>', '</head>', '<div', '<body>', 'class=\"navbar', '<h2>', 'navbar', '>', '-', 'One', 'bottom\">', 'is', '<div', 'some', 'class=\"container', 'text', '-', '.', 'fluid\">', 'a', '<div', 'paragraph', 'class=\"navbar', '.', '-', '</p>', 'header\">', '<p', '<a', 'class=\"bg', 'type=\"button', 'Two', '\"', 'is', 'class=\"btn', 'a', '-', 'text', 'brand', '.', '\"', 'the', 'data', 'paragraph', '-', '.', 'toggle=\"dropdown\">Tutorials', '</p>', '\"', '</body>', 'data', '>', '-', 'Three', 'parent=\"#accordion', 'is', '\"', 'not', 'class=\"caret\">', 'text', '\"', '.', 'takes', 'Internet'] \n",
            "\n",
            " target:\n",
            "['bootstrap.min.js\">', ';', '</script>', '}', '</head>', '</style>', '<body>', '</head>', '<nav', '<body>', 'class=\"navbar', '<p', 'navbar', 'class=\"one\">', '-', 'This', 'inverse\">', 'is', '<div', 'some', 'class=\"container', 'text', '-', 'in', 'fluid\">', 'a', '<div', 'paragraph', 'class=\"navbar', '.', '-', '</p>', 'header\">', '<p', '<button', 'class=\"two\">', 'type=\"button', 'This', '\"', 'is', 'class=\"navbar', 'some', '-', 'text', 'toggle', 'in', '\"', 'a', 'data', 'paragraph', '-', '.', 'toggle=\"collapse', '</p>', '\"', '<p', 'data', 'class=\"three\">', '-', 'This', '<unk>', 'is', '<span', 'some', '<unk>', 'text', '-', 'in', '<unk>', 'a'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', 'paragraph', '</body>', '.', 'style=\"cursor', '</p>', '</h2>', '</body>', '01', 'id=\"p01\">', '{', 'Four', '<br>', 'is', 'class=\"glyphicon', 'a', '<span', 'text', 'child', '.', ':', 'italic', '<br>', 'paragraph', 'html>', '.', '<html>', '</p>', '<head>', '</body>', '<style>', '</html>', 'img', '<!DOCTYPE', '-', 'html>', 'container', '<html>', '{', '<head>', 'width', '<style>', ':', 'p.ex1', '-webkit', '-', '-', 'group', 'flex', '.button', ';', '{', '}', 'background', ':', '-', '1', 'color', ';', ':', 'width', '#', ':', '4CAF50', '100', ';', ';', '/', 'height', '*'] \n",
            "\n",
            " target:\n",
            "['</span>', 'paragraph', '<span', '.', '<unk>', '</p>', '-', '<p', '<unk>', 'class=\"four\">', '</span>', 'This', '<span', 'is', '<unk>', 'some', '-', 'text', '<unk>', 'in', '</span>', 'a', '<!DOCTYPE', 'paragraph', 'html>', '.', '<html>', '</p>', '<head>', '</body>', '<style>', '</html>', '.flex', '<!DOCTYPE', '-', 'html>', 'container', '<html>', '{', '<head>', 'display', '<style>', ':', '.btn', '-webkit', '-', '-', 'group', 'flex', '.button', ';', '{', 'display', 'background', ':', '-', 'flex', 'color', ';', ':', 'width', '#', ':', '4CAF50', '400px', ';', ';', '/', 'height', '*'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', 'For', '100px', '*', ';', '/', 'background', 'border', '-', ':', 'color', 'none', ':', 'dotted', 'lightgrey', 'white', ';', ';', '}', 'padding', '.flex', ':', '-', 'white', 'item', ';', '{', 'text', 'background', ':', '-', '20px', 'color', '32px', ':', ';', 'cornflowerblue', 'text', ';', '-', 'width', 'align', ':', ':', '100px', 'center', ';', ';', 'text', 'text', '-', '-', 'align', 'decoration', ':', ':', '10px', 'none', ';', ';', 'background', 'display', ':', ':', '10px', 'inline', ';', '-', '}', 'block'] \n",
            "\n",
            " target:\n",
            "[':', 'Green', '250px', '*', ';', '/', 'background', 'border', '-', ':', 'color', '1px', ':', 'solid', 'lightgrey', 'green', ';', ';', '}', 'color', '.flex', ':', '-', 'white', 'item', ';', '{', 'padding', 'background', ':', '-', '15px', 'color', '32px', ':', ';', 'cornflowerblue', 'text', ';', '-', 'width', 'align', ':', ':', '60px', 'center', ';', ';', 'min', 'text', '-', '-', 'height', 'decoration', ':', ':', '100px', 'none', ';', ';', 'margin', 'display', ':', ':', '10px', 'inline', ';', '-', '}', 'block'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</style>', ';', '{', 'color', 'grid', '-', '-', 'size', 'flex', ':', ':', '16px', 'items', ';', '{', 'margin', '1', ':', ':', 'pointer', 'items', ';', ':', '}', '}', ':', ':', 'left', 'items', ';', '{', '}', '1', '.btn', ':', '-', '2', 'group', ':', '.button', '}', ':', '</style>', 'hover', '{', ';', '-webkit', 'name', '-', '{', 'start', 'selects', ':', 'margin', 'items', '-', '{', 'top', '1', ':', ':', 'none', '1', '}', ';', '}', '}', '*', ':', 'Green'] \n",
            "\n",
            " target:\n",
            "['.item1', ';', '{', 'font', '-webkit', '-', '-', 'size', 'align', ':', '-', '16px', '<unk>', ';', ':', 'cursor', 'flex', ':', '-', 'pointer', 'start', ';', ';', 'float', 'align', ':', '-', 'left', '<unk>', ';', ':', '}', 'flex', '.btn', '-', '-', 'start', 'group', ';', '.button', '}', ':', '.item2', '<unk>', '{', '-', '-webkit', 'child', '-', ')', 'align', '{', '-', 'border', '<unk>', '-', ':', 'right', 'flex', ':', '-', 'none', 'end', ';', ';', '/', 'align', '*', '-', '<unk>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', '<h2>', '{', ';', '1', 'to', ';', 'to', 'wrap', 'border', ';', '</style>', '}', '-', '</style>', 'group', '{', '-', '-webkit', ':', '-', '</p>', 'flex', '{', '-', 'background', 'items', '-', '{', 'color', '1', ':', ';', '#', '}', 'menulist', ':', ';', 'items', 'box', '{', '</style>', '9999', '</head>', ';', '<body>', '}', '<h2>', '</style>', 'Paris', '{', 'Table', 'width', 'Groups', '-', '</h2>', 'area', '<div', '-', 'Use', 'items', 'class', '{', 'to', '1', 'the', ';', 'a', '}', 'button'] \n",
            "\n",
            " target:\n",
            "['<unk>', 'double', ':', 'borders', 'flex', '*', '-', '/', 'end', '}', ';', '.btn', '}', '-', '.item3', 'group', '{', '.button', '-webkit', ':', '-', 'hover', 'align', '{', '-', 'background', '<unk>', '-', ':', 'color', 'center', ':', ';', '#', 'align', '3e8e41', '-', ';', '<unk>', '}', ':', '</style>', 'center', '</head>', ';', '<body>', '}', '<h2>', '.item4', 'Bordered', '{', 'Button', '-webkit', 'Group', '-', '</h2>', 'align', '<p>', '-', 'Add', '<unk>', 'borders', ':', 'to', '<unk>', 'create', ';', 'a', 'align', 'bordered'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', 'text', 'items', ':', '{', '-', 'link', '</p>', ';', '<a', '}', 'class=\"btn', 'html>', '-', '<html>', 'group\">', '<head>', '<button', '<style>', 'type=\"button', 'function', 'Button', ':', '</button>', '(', '<button', ')', 'class=\"button', '{', 'Button', 'if', '</button>', '(', '<button', 'navigator.geolocation', 'class=\"button\">', ')', 'Button', '{', '</button>', '=', '<button', '=', 'html>', '=', '<html>', ')', '<head>', '\"', '<style>', ')', '.container', '{', '{', 'if', 'width', '(', '-', 'navigator.geolocation', 'color', '{', ':', '{', '#', 'width', '4CAF50', '{', ';', 'About', 'width'] \n",
            "\n",
            " target:\n",
            "['-', 'button', '<unk>', 'group', ':', ':', '<unk>', '</p>', ';', '<div', '<!DOCTYPE', 'class=\"btn', 'html>', '-', '<html>', 'group\">', '<head>', '<button', '<script>', 'class=\"button\">', 'function', 'Button', 'clickCounter', '</button>', '(', '<button', ')', 'class=\"button\">', '{', 'Button', 'if', '</button>', '(', '<button', 'typeof(Storage', 'class=\"button\">', ')', 'Button', '!', '</button>', '=', '<!DOCTYPE', '=', 'html>', '\"', '<html>', 'undefined', '<head>', '\"', '<style>', ')', 'div', '{', '{', 'if', 'background', '(', '-', '<unk>', 'color', ')', ':', '{', '#', '<unk>', 'eee', '=', ';', '<unk>', 'width'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', ',', '}', '100', '</style>', ';', '{', 'height', 'width', ':', '{', '300px', 'About', ';', ';', 'border', '}', ':', '</style>', '1px', '=', 'solid', '\"', 'black', 'Sorry', ';', 'can', 'overflow', 'also', ':', 'the', 'visible', 'button', ';', '\"', '}', ')', '</style>', 'position.coords.latitude', '</head>', ':', '<body>', 'Transform', '<h2>', 'time(s', 'CSS', ')', 'Overflow', '.', '</h2>', 'the', '<p>', 'browser', 'By', '.', 'overflow', '</p>', '</strong>', '<br', ',', '}', 'hidden', '</style>', '\"', '{', 'the', 'margin', '</b>', '=', 'the'] \n",
            "\n",
            " target:\n",
            "[';', ':', '}', '200px', 'else', ';', '{', 'height', '<unk>', ':', '=', '50px', '1', ';', ';', 'border', '}', ':', 'document.getElementById(\"result\").innerHTML', '1px', '=', 'dotted', '\"', 'black', 'You', ';', 'have', 'overflow', 'clicked', ':', 'the', 'auto', 'button', ';', '\"', '}', '+', '</style>', '<unk>', '</head>', '+', '<body>', '\"', '<h2>', 'time(s', 'CSS', ')', 'Overflow', 'in', '</h2>', 'this', '<p>', '<unk>', 'The', '.', 'auto', '\"', 'value', ';', 'is', '}', '<unk>', 'else', 'to', '{', 'scroll', 'document.getElementById(\"result\").innerHTML', ',', '=', 'only'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['device', 'screen', 'undefined', 'as', ',', 'rounded', 'your', 'as', 'browser', 'browser', 'does', '.', 'not', '</p>', 'support', '</body>', 'server', 'This', 'storage', 'can', '...', 'be', '\"', 'the', ';', 'text', '}', 'property', '</script>', 'when', '</script>', 'you', '</head>', 'resize', '<body>', 'to', '<p>', 'have', '<button', 'better', 'onclick=\"clickCounter', 'control', '(', 'of', ')', 'the', '\"', 'layout', ')', '.', 'Click', 'The', 'the', 'background', '!', 'property', '</button>', 'specifies', '</p>', 'what', '<div', 'happens', 'id=\"result\">', 'if', '</div>', 'content', '<p>', 'overflows', '<button', 'an'] \n",
            "\n",
            " target:\n",
            "['\"', 'it', 'Sorry', 'add', ',', 'scrollbars', 'your', 'when', 'browser', 'necessary', 'does', ':', 'not', '</p>', 'support', '<div>', 'web', 'You', 'storage', 'can', '...', 'use', '\"', 'the', ';', 'overflow', '}', 'property', '}', 'when', '</script>', 'you', '</head>', 'want', '<body>', 'to', '<p>', 'have', '<button', 'better', 'onclick=\"clickCounter', 'control', '(', 'of', ')', 'the', '\"', 'layout', 'type=\"button\">', '.', 'Click', 'The', 'me', 'overflow', '!', 'property', '</button>', 'specifies', '</p>', 'what', '<div', 'happens', 'id=\"result\">', 'if', '</div>', 'content', '<p>', 'overflows', 'Click', 'an'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['to', 'element', 'button', ':', 'to', 'name', 'get', '.', 'the', '</div>', 'effect', '<div', 'increase', '</html>', '.', '<!DOCTYPE', '</p>', 'html>', '<p>', '<html>', 'Close', '<head>', 'the', '<style>', 'browser', 'body', 'tab', 'rgb(76', '(', '{', 'or', '--blue', 'window', ':', ')', '#', ',', '1e90ff', 'and', ';', 'try', '}', 'to', ':', ')', '0', 'and', 'section41', 'try', ';', 'browser', '}', 'will', '</style>', 'only', '{', ')', 'width', '</p>', ':', '<p>', 'color', '</html>', ':', '<!DOCTYPE', 'lightgreen', 'html>', ')', '<html', ';'] \n",
            "\n",
            " target:\n",
            "['the', 'element', 'button', \"'s\", 'to', 'box', 'see', '.', 'the', '</div>', 'counter', '</body>', 'increase', '</html>', '.', '<!DOCTYPE', '</p>', 'html>', '<p>', '<html>', 'Close', '<head>', 'the', '<style>', 'browser', ':', 'tab', 'root', '(', '{', 'or', '--blue', 'window', ':', ')', '#', ',', '<unk>', 'and', ';', 'try', '--white', 'again', ':', ',', '#', 'and', '<unk>', 'the', ';', 'counter', '}', 'is', 'body', 'reset', '{', '.', 'background', '</p>', '-', '</body>', 'color', '</html>', ':', '<!DOCTYPE', 'var(--blue', 'html>', ')', '<html>', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<head>', '}', '<style>', '</style>', 'img', '{', 'grad1', 'font', '{', '-', 'border', 'top', '-', ':', 'radius', '20px', ':', 'solid', '15px', 'red', '30px', ')', 'border', ';', '32px', '}', 'background', '.container', ':', '{', '#', 'position', '73AD21', ':', ';', 'var(--blue', 'padding', ')', ':', ';', '20px', '}', ';', '-', 'width', 'color', ':', ':', '200px', 'var(--blue', ';', ')', 'height', ';', ':', 'padding', '150px', ':', ';', '1px', '}', ';', '#', '}', 'rcorners3', '</style>', '{', '{', 'border', 'color'] \n",
            "\n",
            " target:\n",
            "['<head>', '}', '<style>', 'h2', '#', '{', 'rcorners1', 'border', '{', '-', 'border', 'bottom', '-', ':', 'radius', '2px', ':', 'solid', '50px', 'var(--blue', '/', ')', '15px', ';', ';', '}', 'background', '.container', ':', '{', '#', 'color', '73AD21', ':', ';', 'var(--blue', 'padding', ')', ':', ';', '20px', 'background', ';', '-', 'width', 'color', ':', ':', '200px', 'var(--white', ';', ')', 'height', ';', ':', 'padding', '150px', ':', ';', '15px', '}', ';', '#', '}', 'rcorners2', 'button', '{', '{', 'border', 'background'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', '-', 'box', 'color', ':', ':', '5px', '#', '50px', ')', 'background', ';', ';', 'color', 'background', ':', ':', 'var(--blue', '#', ')', '73AD21', ';', ';', 'padding', 'padding', ':', ':', '1px', '20px', 'solid', ';', 'var(--blue', 'width', ')', ':', ';', '200px', 'padding', ';', ':', 'height', '5px', ':', ';', '150px', 'border', ';', '</style>', '}', '</head>', '#', '<body>', 'rcorners4', '<h1>', '{', 'Using', 'border', 'the', '-', 'color', 'radius', 'ctx', ':', ')', '25px', 'Method', '%', '</h1>', ';', '<div'] \n",
            "\n",
            " target:\n",
            "['-', '-', 'radius', 'color', ':', ':', '15px', 'var(--white', '/', ')', '50px', ';', ';', 'color', 'background', ':', ':', 'var(--blue', '#', ')', '73AD21', ';', ';', 'border', 'padding', ':', ':', '1px', '20px', 'solid', ';', 'var(--blue', 'width', ')', ':', ';', '200px', 'padding', ';', ':', 'height', '5px', ':', ';', '150px', '}', ';', '</style>', '}', '</head>', '#', '<body>', 'rcorners3', '<h1>', '{', 'Using', 'border', 'the', '-', 'var', 'radius', '(', ':', ')', '50', 'Function', '%', '</h1>', ';', '<div'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', 'class=\"container\">', '-', '<h2>', 'url(img_flwr.gif', 'html>', '73AD21', '<html>', ';', '<head>', 'padding', '<style>', ':', '.newspaper', '20px', '{', ';', 'border', 'width', ':', ':', '0', '200px', ';', ';', '}', 'height', ':', ':', '1px', '150px', 'solid', ';', 'black', '}', '4CAF50', '#', ';', '<!DOCTYPE', 'border', '<body>', ':', '<h2>', '-webkit', 'The', ';', 'width', 'border', '-', ':', 'radius', '4px', 'Property', ';', '</h1>', '}', '<p>', '</style>', 'Rounded', ':', ';', 'link', ':', '{', 'width', 'margin', ':', ':', 'width', 'not(.active'] \n",
            "\n",
            " target:\n",
            "['background', 'class=\"container\">', ':', '<!DOCTYPE', '#', 'html>', '73AD21', '<html>', ';', '<head>', 'padding', '<style>', ':', 'div.gallery', '20px', '{', ';', 'margin', 'width', ':', ':', '5px', '200px', ';', ';', 'border', 'height', ':', ':', '1px', '150px', 'solid', ';', '#', '}', 'ccc', '</style>', ';', '</head>', 'float', '<body>', ':', '<h1>', 'left', 'The', ';', 'border', 'width', '-', ':', 'radius', '<unk>', 'Property', ';', '</h1>', '}', '<p>', 'div.gallery', '<unk>', ':', 'border', 'hover', '-', '{', 'border', 'border', '-', ':', 'radius', '1px'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', 'solid', '5px', '#', ';', '000000', 'background', ';', '32px', '}', '#', 'div.gallery', '<p>', 'img', 'class=\"ex4\">', '{', ';', 'width', '<p', ':', 'html>', '100', '<html>', '%', '<head>', ';', '<h2>', 'height', 'The', ':', 'is', 'auto', 'one', ';', '1', '}', '</h1>', 'div.desc', '<h2>', '{', 'This', 'padding', 'is', ':', 'a', '15px', '2', ';', '</h2>', 'text', '<p>', '-', 'h3', 'align', 'is', ':', 'some', 'center', '2', ';', '</h3>', '}', '<p', '*', 'Heading', '</head>', 'is', '<body>', 'a', '<p>'] \n",
            "\n",
            " target:\n",
            "[':', 'solid', '50px', '#', '/', '777', '15px', ';', ':', '}', '</p>', 'div.gallery', '<p', 'img', '<unk>', '{', '</p>', 'width', '<!DOCTYPE', ':', 'html>', '100', '<html>', '%', '<body>', ';', '<h1>', 'height', 'This', ':', 'is', 'auto', 'heading', ';', '1', '}', '</h1>', 'div.desc', '<h2>', '{', 'This', 'padding', 'is', ':', 'heading', '15px', '2', ';', '</h2>', 'text', '<h3>', '-', 'This', 'align', 'is', ':', 'heading', 'center', '3', ';', '</h3>', '}', '<h4>', '</style>', 'This', '</head>', 'is', '<body>', 'heading', '<div'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['2', 'class=\"container\">', '</h2>', '<h2>', '<p', 'href=\"http://www.disney.com', '5', '\"', 'is', 'link', 'Lorem', '\"', '5', 'About', '</h5>', '\"', '<h6>', 'alt=\"5', 'h6', 'Terre', 'is', '\"', 'a', 'width=\"100', '6', '\"', '</h6>', 'style=\"width:145px;height:126px;\">', '</body>', '\"', '</html>', '</body>', '<!DOCTYPE', 'id=\"grad1\">', 'html>', '<h2>', '<html>', 'the', '<head>', 'link', '<meta', '<h2>', 'Page', 'the', 'Example', 'link', '</title>', ':', '<meta', '!', 'charset=\"UTF-8\">', '</body>', '<meta', '</body>', 'name=\"viewport', 'id=\"myDIV\">', '\"', '\"', 'content=\"width', 'html>', '=', '<html>', 'device', '<head>', '-', '<h2>', 'width', 'This', ',', 'first'] \n",
            "\n",
            " target:\n",
            "['4', '<unk>', '</h4>', '<a', '<h5>', 'target=\"_blank', 'This', '\"', 'is', '<unk>', 'heading', '<img', '5', 'src=\"img_5terre.jpg', '</h5>', '\"', '<h6>', 'alt=\"Cinque', 'This', 'Terre', 'is', '\"', 'heading', '<unk>', '6', '\"', '</h6>', '<unk>', '</body>', '</a>', '</html>', '<div', '<!DOCTYPE', '<unk>', 'html>', 'Add', '<html>', 'a', '<head>', '<unk>', '<title>', 'of', 'Bootstrap', 'the', 'Example', 'image', '</title>', 'here', '<meta', '</div>', 'charset=\"utf-8\">', '</div>', '<meta', '<div', 'name=\"viewport', '<unk>', '\"', '<!DOCTYPE', 'content=\"width', 'html>', '=', '<html>', 'device', '<body>', '-', '<h1>', 'width', 'The', ',', 'input'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['initial', ':', '-', ':', 'scale=1\">', ':', '<link', '<h2>', 'rel=\"stylesheet', 'The', '\"', 'link', 'href=\"https://maxcdn.bootstrapcdn.com', 'is', '/', 'specifies', 'bootstrap/3.4.1', 'the', '/', 'link', 'css', 'in', '/', 'the', 'bootstrap.min.css\">', 'multi', '<script', 'and', 'src=\"https://ajax.googleapis.com', 'should', '/', 'be', 'ajax', 'wide', '/', 'original', 'libs', 'field', '/', 'the', 'jquery/3.5.1', 'width', '/', 'attribute', 'jquery.min.js\">', 'supported', '</script>', '.', '<script', '</p>', 'src=\"https://maxcdn.bootstrapcdn.com', '<form', '/', 'action=\"/action_page.php', 'bootstrap/3.4.1', '<label', '/', 'for=\"lname\">', 'js', 'First', '/', 'name', 'bootstrap.min.js\">', ':', '</script>', '</label>', '</head>', '<input', '/', 'type=\"text'] \n",
            "\n",
            " target:\n",
            "['initial', '<unk>', '-', 'attribute', 'scale=1\">', '</h1>', '<link', '<p>', 'rel=\"stylesheet', 'The', '\"', '<unk>', 'href=\"https://maxcdn.bootstrapcdn.com', 'attribute', '/', 'specifies', 'bootstrap/3.4.1', 'the', '/', 'URL', 'css', 'of', '/', 'a', 'bootstrap.min.css\">', '<unk>', '<script', 'that', 'src=\"https://ajax.googleapis.com', 'will', '/', '<unk>', 'ajax', 'the', '/', 'input', 'libs', 'when', '/', 'the', 'jquery/3.5.1', 'form', '/', 'is', 'jquery.min.js\">', 'submitted', '</script>', '.', '<script', '</p>', 'src=\"https://maxcdn.bootstrapcdn.com', '<form', '/', 'action=\"/action_page.php\">', 'bootstrap/3.4.1', '<label', '/', 'for=\"fname\">', 'js', 'First', '/', 'name', 'bootstrap.min.js\">', ':', '</script>', '</label>', '<style>', '<input', 'body', 'type=\"text'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['{', '\"', 'background', 'id=\"fname', ':', '\"', '0', 'value=\"John\"><br><br>', ';', '<label', '}', 'for=\"lname\">', 'ul.nav', 'Last', '{', 'name', 'top', ':', '{', '</label>', 'z', '<input', ':', 'type=\"text', '0', '\"', '%', 'id=\"lname', ';', '\"', 'z', 'name=\"lname', '-', '<input', 'index', 'type=\"submit', ':', '\"', '9999', 'value=\"Submit\">', '!', '<input', 'important', 'type=\"submit', ';', '\"', '}', 'formenctype=\"multipart', 'div.col', '\"', 'important', 'value=\"Submit', 'top', 'as', 'html>', 'Multipart', '<html>', '\"', 'lang=\"en\">', '</body>', '<head>', '</html>', '<title>', '<!DOCTYPE', 'Bootstrap', 'html>', 'Example', '<html>', '</title>', '<head>'] \n",
            "\n",
            " target:\n",
            "['{', '\"', 'position', 'id=\"fname', ':', '\"', 'relative', 'name=\"fname\"><br><br>', ';', '<label', '}', 'for=\"lname\">', '.affix', 'Last', '{', 'name', '<unk>', ':', ';', '</label>', 'width', '<input', ':', 'type=\"text', '100', '\"', '%', 'id=\"lname', ';', '\"', 'z', 'name=\"lname\"><br><br>', '-', '<input', 'index', 'type=\"submit', ':', '\"', '9999', 'value=\"Submit\">', '!', '<input', 'important', 'type=\"submit', ';', '\"', '}', '<unk>', '.navbar', '\"', '{', 'value=\"Submit', '<!DOCTYPE', 'as', 'html>', '<unk>', '<html', '</form>', 'lang=\"en\">', '</body>', '<head>', '</html>', '<title>', '<!DOCTYPE', 'Bootstrap', 'html>', 'Example', '<html>', '</title>', '<head>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<meta', '<title>', 'charset=\"utf-8\">', 'input[type', '<meta', '{', 'name=\"viewport', 'border', '\"', ':', 'content=\"width', 'yellow', '=', ';', 'device', '}', '-', '</style>', 'width', '</head>', ',', '<body>', 'initial', '<p>', '-', 'This', 'scale=1\">', 'World', '<link', '!', 'rel=\"stylesheet', '</p>', '\"', '<p>', 'href=\"https://maxcdn.bootstrapcdn.com', 'This', '/', 'is', 'bootstrap/3.4.1', 'has', '/', 'a', 'css', 'with', '/', 'CSS', 'bootstrap.min.css\">', '.', '<script', '</p>', 'src=\"https://ajax.googleapis.com', '</body>', '/', 'This', 'ajax', '.', '/', 'This', 'libs', 'repeated', '/', 'supported', 'jquery/3.5.1', 'in', '/', 'the', 'jquery.min.js\">', 'garden', '</script>', 'element'] \n",
            "\n",
            " target:\n",
            "['<meta', '<style>', 'charset=\"utf-8\">', 'p', '<meta', '{', 'name=\"viewport', 'color', '\"', ':', 'content=\"width', 'red', '=', ';', 'device', '}', '-', '</style>', 'width', '</head>', ',', '<body>', 'initial', '<p>', '-', 'Hello', 'scale=1\">', 'World', '<link', '!', 'rel=\"stylesheet', '</p>', '\"', '<p>', 'href=\"https://maxcdn.bootstrapcdn.com', 'This', '/', 'paragraph', 'bootstrap/3.4.1', 'is', '/', 'styled', 'css', 'with', '/', 'CSS', 'bootstrap.min.css\">', '.', '<script', '</p>', 'src=\"https://ajax.googleapis.com', '<p>', '/', 'CSS', 'ajax', '<unk>', '/', 'are', 'libs', 'not', '/', 'shown', 'jquery/3.5.1', 'in', '/', 'the', 'jquery.min.js\">', 'output', '</script>', '.'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<script', '</p>', 'src=\"https://maxcdn.bootstrapcdn.com', '<p', '/', '</html>', 'bootstrap/3.4.1', '<!DOCTYPE', '/', 'html>', 'js', '<html>', '/', '<body>', 'bootstrap.min.js\">', '<style>', '</script>', 'p', '</head>', '{', '<body>', 'width', '<div', ':', 'class=\"container\">', '100px', '<h2>', ';', 'Multiple', 'height', '</h1>', ':', '<p>', '100px', 'To', ';', '.table', 'background', 'elements', '-', '.', 'color', 'specified', ':', 'to', 'red', 'see', ';', 'from', '/', 'gets', '-', 'the', 'name', 'paragraph', ':', 'of', 'example', '</p>', ';', '<blockquote', 'animation', 'bullets', '-', 'Use', 'duration', 'browsers', ':', '%', '4s'] \n",
            "\n",
            " target:\n",
            "['<script', '</p>', 'src=\"https://maxcdn.bootstrapcdn.com', '</body>', '/', '</html>', 'bootstrap/3.4.1', '<!DOCTYPE', '/', 'html>', 'js', '<html>', '/', '<head>', 'bootstrap.min.js\">', '<style>', '</script>', 'div', '</head>', '{', '<body>', 'width', '<div', ':', 'class=\"container\">', '100px', '<h1>', ';', 'Blockquotes', 'height', '</h1>', ':', '<p>', '100px', 'The', ';', 'blockquote', 'background', 'element', '-', 'is', 'color', 'used', ':', 'to', 'red', '<unk>', ';', 'content', 'animation', 'from', '-', 'another', 'name', 'source', ':', ':', 'example', '</p>', ';', '<unk>', 'animation', '<p>', '-', 'For', 'duration', '50', ':', 'years', '4s'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['WWF', ';', 'WWF', '}', ')', '@keyframes', 'been', 'example', '70px', '{', 'the', 'from', 'future', '%', 'of', '{', 'nature', 'background', '.', '-', 'The', 'color', 'world', ':', \"'s\", 'red', 'leading', ';', 'conservation', 'left:0px', 'organization', '@keyframes', ',', '%', 'WWF', '{', 'works', 'background', 'in', '-', '100', 'color', 'countries', ':', 'and', 'yellow', 'is', ';', 'supported', 'left:200px', 'by', '@keyframes', '1.2', '%', 'million', '{', 'members', 'background', 'in', '-', 'the', 'color', 'United', ':', 'States', 'red', 'and', ';', 'close', 'left:200px'] \n",
            "\n",
            " target:\n",
            "[',', ';', 'WWF', '}', 'has', '@keyframes', 'been', 'example', 'protecting', '{', 'the', '0', 'future', '%', 'of', '{', 'nature', 'background', '.', '-', 'The', 'color', 'world', ':', \"'s\", 'red', 'leading', ';', 'conservation', '}', 'organization', '25', ',', '%', 'WWF', '{', 'works', 'background', 'in', '-', '100', 'color', 'countries', ':', 'and', 'yellow', 'is', ';', 'supported', '}', 'by', '50', '1.2', '%', 'million', '{', 'members', 'background', 'in', '-', 'the', 'color', 'United', ':', 'States', 'blue', 'and', ';', 'close', '}'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['than', '</style>', '5', '%', '.', '{', 'globally', 'background', '.', '-', '</blockquote>', 'color', '</body>', ':', 'From', 'red', 'WWF', ';', \"'s\", 'left:0px', 'website', 'li', '</footer>', 'li', '</blockquote>', '</head>', '<!DOCTYPE', '<body>', 'html>', '<h2>', '<html>', 'This', '<head>', 'Note', '<style>', ':', 'ul.a', '</b>', '{', 'This', '200px', 'example', '{', 'does', '<!DOCTYPE', 'not', ':', 'work', '1.0', 'in', ';', 'Internet', '}', 'Explorer', '</style>', '9', '</head>', 'and', '<body>', 'earlier', '<h1>', 'versions', 'The', '.', 'as', '</p>', '</h1>', '<div>', '<p>', '</div>'] \n",
            "\n",
            " target:\n",
            "['to', '100', '5', '%', 'million', '{', 'globally', 'background', '.', '-', '</p>', 'color', '<footer>', ':', 'From', 'green', 'WWF', ';', \"'s\", '}', 'website', '}', '</footer>', '</style>', '</blockquote>', '</head>', '<!DOCTYPE', '<body>', 'html>', '<p>', '<html>', '<b>', '<head>', 'Note', '<style>', ':', 'img', '</b>', ':', 'This', 'hover', 'example', '{', 'does', 'opacity', 'not', ':', 'work', '0.5', 'in', ';', 'Internet', '}', 'Explorer', '</style>', '9', '</head>', 'and', '<body>', 'earlier', '<h1>', 'versions', 'Image', '.', 'Transparency', '</p>', '</h1>', '<div>', '<p>', '</div>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['The', '</body>', 'skewY', '</html>', 'property', '<!DOCTYPE', 'specifies', 'html>', 'often', '<html>', 'used', '<head>', 'together', '<p>', 'with', 'style=\"background', 'icon', '{', 'ocean', ']', '</p>', '<h2>', '.tooltiptext', ']', 'to', '/', 'change', 'embed', 'the', '/', 'opacity', 'tgbNymZ7vqY\">', 'on', '</iframe>', 'mouse', '</div>', '-', '</html>', 'over', '<!DOCTYPE', 'the', 'html>', '</p>', '<html>', '<img', '<head>', 'src=\"img_forest.jpg', '<h2>', '\"', 'Radio', 'alt=\"Forest', 'List', '\"', 'with', 'width=\"170', 'Letters', '\"', 'Numbers', 'height=\"100\">', '</h2>', '<img', '<ol', 'src=\"img_5terre.jpg', 'type=\"1\">', '\"', '</h2>', 'alt=\"Mountains', 'Coffee', '\"', '</li>'] \n",
            "\n",
            " target:\n",
            "['The', '</body>', 'opacity', '</html>', 'property', '<!DOCTYPE', 'is', 'html>', 'often', '<html>', 'used', '<body>', 'together', '<iframe', 'with', '<unk>', 'the', '\"', ':', '<unk>', 'hover', '\"', 'selector', 'src=\"https://www.youtube.com', 'to', '/', 'change', 'embed', 'the', '/', 'opacity', 'tgbNymZ7vqY\">', 'on', '</iframe>', 'mouse', '</body>', '-', '</html>', 'over', '<!DOCTYPE', ':', 'html>', '</p>', '<html>', '<img', '<body>', 'src=\"img_forest.jpg', '<h2>', '\"', 'Ordered', 'alt=\"Forest', 'List', '\"', 'with', 'width=\"170', 'Roman', '\"', 'Numbers', 'height=\"100\">', '</h2>', '<img', '<ol', 'src=\"img_mountains.jpg', '<unk>', '\"', '<li>', 'alt=\"Mountains', 'Coffee', '\"', '</li>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['content=\"width', '<li', '\"', '<a', 'height=\"100\">', '</li>', '</body>', '<li>', 'src=\"img_5terre.jpg', 'Milk', '\"', '</li>', 'alt=\"Italy', '</ol>', '\"', '</body>', 'style=\"width:100%\">', '</html>', '\"', '<!DOCTYPE', 'height=\"100\">', 'html>', '</div>', '<html>', '</html>', '<body>', '<!DOCTYPE', '<style>', 'html>', 'p.test1', '<html>', '{', '<head>', 'background', '<h2>', ':', 'Text', 'block', 'target', '-', 'grd', 'block', '</h2>', ';', '<p>', '}', 'The', '-', 'datalist', 'radius', 'is', ':', 'Boxes', '5px', 'target', '2px', '\"', '}', 'one', '-', '9999', 'color', '\"', ':', ':', '#', '\"', '3e8e41', '\"', ';'] \n",
            "\n",
            " target:\n",
            "['width=\"170', '<li>', '\"', 'Tea', 'height=\"100\">', '</li>', '<img', '<li>', 'src=\"img_5terre.jpg', 'Milk', '\"', '</li>', 'alt=\"Italy', '</ol>', '\"', '</body>', 'width=\"170', '</html>', '\"', '<!DOCTYPE', 'height=\"100\">', 'html>', '</body>', '<html>', '</html>', '<head>', '<!DOCTYPE', '<style>', 'html>', '.button', '<html>', '{', '<body>', 'display', '<h2>', ':', 'The', 'inline', 'var', '-', 'Element', 'block', '</h2>', ';', '<p>', 'border', 'The', '-', 'area', 'radius', 'of', ':', 'a', '4px', '<unk>', ';', 'is', 'background', ':', '-', '<unk>', 'color', 'x', ':', '<unk>', '#', '<unk>', '<unk>', '<unk>', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', '}', '+', '-', '</body>', '1px', '</body>', ';', '</body>', '}', 'and', ':', 'people', 'white', ',', '4CAF50', ',', ';', 'from', '}', 'one', '-', 'link', 'child', 'element', ':', 'due', 'center', 'the', ';', ',', '}', 'from', '-', 'from', 'size', 'supported', ':', 'first', '14px', 'margin', ';', 'is', '}', '</p>', ':', '</body>', '20px', '</html>', ';', '<!DOCTYPE', '}', 'html>', ':', '<html>', '200px', '<head>', ';', '<style>', 'height', 'html', ':', '{', 'width', 'width', ';', '-', ';', 'width', 'outline'] \n",
            "\n",
            " target:\n",
            "['x', 'border', '<unk>', ':', '<unk>', 'none', '<unk>', ';', ',', 'color', 'where', ':', '<unk>', '#', '<unk>', '<unk>', '<unk>', ';', 'is', 'text', 'the', '-', 'base', 'align', ',', ':', 'and', 'center', '<unk>', ';', '<unk>', 'font', '<unk>', '-', 'is', 'size', 'the', ':', 'vertical', '28px', 'height', ';', '.', 'padding', '</p>', ':', '</body>', '20px', '</html>', ';', '<!DOCTYPE', 'width', 'html>', ':', '<html>', '200px', '<head>', ';', '<style>', 'transition', 'img', ':', '{', 'all', 'max', '0.5s', '-', ';', 'width', 'cursor'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[',', ':', '100', 'pointer', '%', ';', ';', '}', '}', ':', ':', '250px', 'auto', ';', ';', '}', '}', '.button1', '</style>', ':', '</head>', ':', '<body>', 'background', '<p>', ':', 'The', 'pointer', 'Table', ';', '</h2>', 'float', '<p>', ':', 'Use', 'left', 'Embed', '-', 'with', 'block', 'display', ';', 'break', '}', 'of', ':', 'disable', 'left', 'in', ';', 'link', '}', 'of', ':', 'each', '33.33', 'paragraph', ';', 'and', 'outline', '</p>', 'p.ex2', '<div', ':', '<strong>', ':', 'the', 'none', 'browser', 'a'] \n",
            "\n",
            " target:\n",
            "[':', ':', '100', 'pointer', '%', ';', ';', 'margin', 'height', ':', ':', '5px', 'auto', ';', ';', '}', '}', '.button', '</style>', 'span', '</head>', '{', '<body>', 'cursor', '<h2>', ':', 'Responsive', 'pointer', 'Images', ';', '</h2>', 'display', '<p>', ':', 'Responsive', 'inline', 'images', '-', 'will', 'block', 'automatically', ';', '<unk>', 'position', 'to', ':', 'fit', 'relative', 'the', ';', 'size', 'transition', 'of', ':', 'the', '0.5s', 'screen', ';', '.', '}', '</p>', '.button', '<p>', 'span', 'Resize', ':', 'the', 'after', 'browser', '{'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['will', 'background', 'to', ':', 'see', 'hidden', 'the', 'just', 'effect', ';', '.', 'menu', '</p>', '}', '<div', ':', 'src=\"img_forest.jpg', '100', '\"', ';', 'alt=\"Cinque', 'top', 'Terre', ':', '\"', '1', 'width=\"1000', ';', '\"', '}', 'height=\"300\">', ':', '<div', '100', '</html>', ';', '<!DOCTYPE', 'width', 'html>', ':', '<html>', '200px', '<body>', ';', '<style>', '}', 'name=\"viewport', ':', '\"', '9999', 'content=\"width', ';', '=', '}', 'device', '</style>', '-', ':', 'width', '0.5s', ',', '{', 'initial', ':', '-', 'background', 'scale=1\">', 'html>', '<link', '<html>'] \n",
            "\n",
            " target:\n",
            "['window', 'content', 'to', ':', 'see', \"'\", 'the', '<unk>', 'effect', \"'\", ':', ';', '</p>', 'position', '<img', ':', 'src=\"img_5terre_wide.jpg', 'absolute', '\"', ';', 'alt=\"Cinque', 'opacity', 'Terre', ':', '\"', '0', 'width=\"1000', ';', '\"', 'top', 'height=\"300\">', ':', '</body>', '0', '</html>', ';', '<!DOCTYPE', 'right', 'html>', ':', '<html>', '<unk>', '<head>', ';', '<meta', 'transition', 'name=\"viewport', ':', '\"', '0.5s', 'content=\"width', ';', '=', '}', 'device', '.button', '-', ':', 'width', 'hover', ',', 'span', 'initial', '{', '-', '<!DOCTYPE', 'scale=1\">', 'html>', '<link', '<html>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['rel=\"stylesheet', '<head>', '\"', '<style>', 'href=\"https://maxcdn.bootstrapcdn.com', 'img', '/', 'grad1', 'bootstrap/3.4.1', '{', '/', 'margin', 'css', ':', '/', 'style', 'bootstrap.min.css\">', ':', '<script', '5px', 'src=\"https://ajax.googleapis.com', ';', '/', '}', 'ajax', ':', '/', 'pointer', 'libs', ';', '/', '}', 'jquery/3.5.1', ':', '/', 'width', 'jquery.min.js\">', ';', '</script>', 'width', '<script', '</style>', 'src=\"https://maxcdn.bootstrapcdn.com', 'borderimg', '/', '{', 'bootstrap/3.4.1', '9999', '/', '{', 'js', 'width', '/', ':', 'bootstrap.min.js\">', '9999', '</script>', ';', '</head>', '}', '<body>', 'p.big', '<div', '{', 'class=\"container\">', 'width', '<h2>', ':', 'Basic', '1'] \n",
            "\n",
            " target:\n",
            "['rel=\"stylesheet', '<head>', '\"', '<style>', 'href=\"https://maxcdn.bootstrapcdn.com', '#', '/', '<unk>', 'bootstrap/3.4.1', '{', '/', 'border', 'css', '-', '/', 'radius', 'bootstrap.min.css\">', ':', '<script', '5px', 'src=\"https://ajax.googleapis.com', ';', '/', 'cursor', 'ajax', ':', '/', 'pointer', 'libs', ';', '/', 'transition', 'jquery/3.5.1', ':', '/', '<unk>', 'jquery.min.js\">', ';', '</script>', '}', '<script', '#', 'src=\"https://maxcdn.bootstrapcdn.com', '<unk>', '/', ':', 'bootstrap/3.4.1', 'hover', '/', '{', 'js', 'opacity', '/', ':', 'bootstrap.min.js\">', '0.7', '</script>', ';', '</head>', '}', '<body>', '<unk>', '<div', '{', 'class=\"container\">', 'display', '<h2>', ':', 'Collapsible', 'none'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['Group', ';', 'Group', '}', '1', '*', '<a', 'input[type', '<a', ':', 'on', 'this', '1', '(', 'button', 'the', '</a>', '}', ',', ':', 'see', 'relative', 'the', ';', 'see', '</h2>', 'the', '.affix', 'works', 'the', '</p>', ';', '<a', 'the', 'class=\"panel', 'even', '-', 'the', 'default\">', '}', '<div', '-', 'class=\"panel', 'index', '-', ':', '-', '9999', 'default\">', ';', '<div', '}', 'class=\"panel', '}', '-', 'the', 'heading\">', 'Amet', 'Panel', 'the', 'class=\"panel', ':', '-', 'IE', 'heading\">', 'images', '<a', ':', 'data', 'fluid'] \n",
            "\n",
            " target:\n",
            "['List', ';', 'Group', '/', '</h2>', '*', '<p>', '<unk>', 'Click', 'by', 'on', 'default', 'the', '*', 'collapsible', '/', 'panel', 'position', 'to', ':', 'open', 'fixed', 'and', ';', 'close', '/', 'it', '*', '.', '<unk>', '</p>', 'in', '<div', 'place', 'class=\"panel', '*', '-', '/', 'group\">', 'z', '<div', '-', 'class=\"panel', 'index', 'panel', ':', '-', '1', 'default\">', ';', '<div', '/', 'class=\"panel', '*', '-', 'Sit', 'heading\">', 'on', '<h4', 'top', 'class=\"panel', '*', '-', '/', 'title\">', 'padding', '<a', '-', 'data', 'top'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', ':', 'toggle=\"pill', '8px', '\"', ';', 'data', 'margin', 'Collapsible', '*', '/', 'For', '-', '{', '-', 'the', '</h4>', 'link', '<!DOCTYPE', '.', 'html>', '/', '<html>', '}', 'lang=\"en\">', ':', '<head>', '0', '<title>', ';', 'Bootstrap', '}', 'Example', ':', '</title>', '200px', '<meta', ';', 'charset=\"utf-8\">', 'width', '<meta', ':', 'name=\"viewport', '25', '\"', '%', 'content=\"width', ';', '=', 'margin', 'device', '*', '-', 'IE', 'width', ';', ',', 'bordered', 'initial', 'bordered', '-', 'width', 'scale=1\">', 'bordered', '<link', 'width', 'rel=\"stylesheet', '%', '\"', ';'] \n",
            "\n",
            " target:\n",
            "['-', ':', 'toggle=\"collapse', '100px', '\"', ';', 'href=\"#collapse1\">', '/', 'Collapsible', '*', 'list', '<unk>', 'group', 'of', '</a>', 'the', '</h4>', 'box', '<!DOCTYPE', '*', 'html>', '/', '<html', 'left', 'lang=\"en\">', ':', '<head>', '0', '<title>', ';', 'Bootstrap', 'top', 'Example', ':', '</title>', '0', '<meta', ';', 'charset=\"utf-8\">', 'width', '<meta', ':', 'name=\"viewport', '100', '\"', '%', 'content=\"width', ';', '=', '/', 'device', '*', '-', 'Full', 'width', 'width', ',', '*', 'initial', '/', '-', 'height', 'scale=1\">', ':', '<link', '100', 'rel=\"stylesheet', '%', '\"', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['content=\"width', '}', '/', '*', 'bootstrap/3.4.1', 'Position', '/', ':', 'css', 'bordered', '/', 'bordered', 'bootstrap.min.css\">', 'width', '<script', ':', 'src=\"https://ajax.googleapis.com', 'clip', '/', ';', 'ajax', '}', '/', 'background', 'libs', 'For', '/', ';', 'jquery/3.5.1', ';', '/', 'the', 'jquery.min.js\">', '{', '</script>', 'IE', '<script', 'width', 'src=\"https://maxcdn.bootstrapcdn.com', ':', '/', 'Notice', 'bootstrap/3.4.1', ':', '/', 'Fixed', 'js', ')', '/', '\"', 'bootstrap.min.js\">', '}', '</script>', '\"', '</head>', 'IE', '<body>', ';', '<div', ':', 'class=\"container\">', 'the', '<h2>', 'icon?family', 'Keyboard', ':', 'Web', 'Notice', 'Bootstrap', ':'] \n",
            "\n",
            " target:\n",
            "['href=\"https://maxcdn.bootstrapcdn.com', '/', '/', '*', 'bootstrap/3.4.1', 'Full', '/', 'height', 'css', '*', '/', '/', 'bootstrap.min.css\">', 'overflow', '<script', ':', 'src=\"https://ajax.googleapis.com', 'auto', '/', ';', 'ajax', '/', '/', '*', 'libs', '<unk>', '/', 'scroll', 'jquery/3.5.1', 'if', '/', '<unk>', 'jquery.min.js\">', '*', '</script>', '/', '<script', 'background', 'src=\"https://maxcdn.bootstrapcdn.com', '-', '/', 'color', 'bootstrap/3.4.1', ':', '/', 'rgb(0,0,0', 'js', ')', '/', ';', 'bootstrap.min.js\">', '/', '</script>', '*', '</head>', '<unk>', '<body>', 'color', '<div', '*', 'class=\"container\">', '/', '<h1>', 'background', 'My', '-', 'First', 'color', 'Bootstrap', ':'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['Example', '5px', 'Header', ';', '<p>', ';', 'Resize', '}', 'is', '*', 'of', 'IE', 'the', 'tea', 'the', '{', 'button', ':', '.', 'IE', '.', '}', '</p>', '</style>', '<label', '{', 'Resize', 'header\">', 'form', '{', '</p>', 'width', 'is', ':', 'pagination', '0', 'header\">', ';', 'page', '}', '.', ':', 'of', '0', ':', ';', '</p>', '}', '<ul', ':', '<!DOCTYPE', '0', '</html>', '%', 'html>', ';', '<html>', '}', '<head>', '-', '<h2>', 'width', 'This', ':', 'the', '100', 'time', ')', 'supports', '.responsive'] \n",
            "\n",
            " target:\n",
            "['Page', '<unk>', '</h1>', ')', '<p>', ';', 'This', '/', 'part', '*', 'is', 'Black', 'inside', '<unk>', 'a', 'opacity', '.container', '*', 'class', '/', '.', '}', '</p>', '<unk>', '<p>', '-', 'The', 'content', '.container', '{', 'class', 'margin', 'provides', ':', 'a', 'auto', 'responsive', ';', 'fixed', 'display', 'width', ':', 'container', 'block', '.', ';', '</p>', 'width', '</div>', ':', '</body>', '80', '<!DOCTYPE', '%', 'html>', ';', '<html>', 'max', '<body>', '-', '<p>', 'width', 'If', ':', 'a', '700px', 'browser', ';', 'can', '<!DOCTYPE'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['quickly', 'html>', 'quickly', '<html>', 'and', '<head>', 'input', '<style>', 'with', '.flex', 'and', '{', 'as', 'background', 'be', '-', 'the', 'color', 'link', ':', 'and', '#', 'in', '4CAF50', '</p>', ';', '</body>', '/', 'id=\"next', '*', '\"', 'Green', 'from', '*', 'Icon', '/', '\"', 'border', 'style=\"width:128px;height:128px;\">', ':', '</body>', 'none', '</html>', ';', '<!DOCTYPE', 'color', 'html>', ':', '<html>', 'white', '<head>', ';', '<style>', 'padding', 'html', ':', '{', '15px', 'display', '32px', '-', ';', 'color', 'text', ':', '-', '#', 'align', '0000ff', ':'] \n",
            "\n",
            " target:\n",
            "['not', 'html>', '<unk>', '<html>', 'an', '<head>', 'image', '<style>', ',', '.button', 'it', '{', 'will', 'background', 'display', '-', 'the', 'color', 'alternate', ':', 'text', '#', ':', '4CAF50', '</p>', ';', '<img', '/', '<unk>', '*', '\"', 'Green', 'alt=\"HTML5', '*', 'Icon', '/', '\"', 'border', 'style=\"width:128px;height:128px;\">', ':', '</body>', 'none', '</html>', ';', '<!DOCTYPE', 'color', 'html>', ':', '<html>', 'white', '<head>', ';', '<style>', 'padding', '.dropbtn', ':', '{', '15px', 'background', '32px', '-', ';', 'color', 'text', ':', '-', '#', 'align', '4CAF50', ':'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[';', '5px', 'color', ';', ':', 'font', 'white', '-', ';', 'decoration', '}', ':', ':', 'none', '14px', ';', ';', 'display', 'text', ':', '-', 'inline', 'size', '-', ':', 'block', '18px', ';', ';', 'font', 'text', '-', ':', 'size', 'none', ':', ';', '16px', 'margin', ';', ':', 'cursor', 'pointer', ':', ';', '4px', '}', '2px', '.button1', ';', '{', 'cursor', 'position', ':', ':', 'pointer', 'hover', ';', ';', '}', '}', '.btn', ':', '{', 'inline', 'width', '-', '-', 'block', 'size'] \n",
            "\n",
            " target:\n",
            "[';', 'center', 'color', ';', ':', 'text', 'white', '-', ';', 'decoration', 'padding', ':', ':', 'none', '16px', ';', ';', 'display', 'font', ':', '-', 'inline', 'size', '-', ':', 'block', '16px', ';', ';', 'font', 'border', '-', ':', 'size', 'none', ':', ';', '16px', 'cursor', ';', ':', 'margin', 'pointer', ':', ';', '4px', '}', '2px', '.dropdown', ';', '{', 'cursor', 'position', ':', ':', 'pointer', 'relative', ';', ';', '}', 'display', '.button2', ':', '{', 'inline', 'background', '-', '-', 'block', 'color'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[';', ':', 'color', '#', '.pagination', '4CAF50', '-', ';', 'content', '}', '{', '.button2', 'display', '*', ':', 'Note', 'none', 'Heading', ';', 'Note', 'position', '}', ':', '{', 'absolute', 'font', ';', '-', 'right', 'radius', '-', ':', 'color', 'hover', ':', '4CAF50', '#', ';', 'f9f9f9', '}', ';', '</style>', 'min', '*', '-', 'Note', 'width', 'and', ':', 'Note', '160px', '}', ';', '{', 'box', 'font', '-', '-', 'shadow', 'radius', ':', ':', '0px', '12px', '8px', '4CAF50', '16px', ';', '0px', '}'] \n",
            "\n",
            " target:\n",
            "[';', ':', '}', '#', '.dropdown', '008CBA', '-', ';', 'content', '}', '{', '/', 'display', '*', ':', 'Blue', 'none', '*', ';', '/', 'position', '.button3', ':', '{', 'absolute', 'background', ';', '-', 'background', 'color', '-', ':', 'color', '#', ':', 'f44336', '#', ';', 'f9f9f9', '}', ';', '/', 'min', '*', '-', 'Red', 'width', '*', ':', '/', '160px', '.button4', ';', '{', 'box', 'background', '-', '-', 'shadow', 'color', ':', ':', '0px', '#', '8px', '<unk>', '16px', ';', '0px', 'color'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[';', ':', ')', '#', ';', ';', 'z', 'float', '-', 'div.transbox', 'index', '*', ':', '{', '1', '{', ';', 'the', '}', '}', '.dropdown', '{', ':', 'width', 'content', '-', '{', 'color', '{', ':', 'color', 'blue', ':', '0000ff', 'black', ';', ';', '}', 'padding', '</style>', ':', 'Height', '12px', 'IE', '16px', ';', ';', 'Green', 'margin', 'css', '-', '</head>', 'decoration', '<body>', ':', '<h2>', 'none', 'Paris', ';', 'Sizes', '}', '</h2>', ':', '<p>', 'inline', 'You', ';', 'the', '}', 'default'] \n",
            "\n",
            " target:\n",
            "['rgba(0,0,0,0.2', ':', ')', 'black', ';', ';', 'z', '}', '-', '/', 'index', '*', ':', '<unk>', '1', '*', ';', '/', '}', '.button5', '.dropdown', '{', '-', 'background', 'content', '-', 'a', 'color', '{', ':', 'color', '#', ':', '<unk>', 'black', ';', ';', '}', 'padding', '/', ':', '*', '12px', 'Black', '16px', '*', ';', '/', 'text', '</style>', '-', '</head>', 'decoration', '<body>', ':', '<h2>', 'none', 'Button', ';', 'Colors', 'display', '</h2>', ':', '<p>', 'block', 'Change', ';', 'the', '}', 'background'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</style>', '-', '{', ':', 'content', ':', '{', 'green', '{', 'with', 'hover', 'the', '.dropbtn', 'class', 'display', '-', '-', 'color', 'color', 'property', ':', ':', 'hotpink', '</p>', '111', '<a', ';', 'class=\"btn', '</style>', 'Button', 'html>', '</button>', '<html>', '<button', '<body>', 'class=\"button\">', '<p>', 'button1\">', 'Hoverable', '12px', 'Images', 'Heading', '</h2>', '</body>', '<p>', 'class=\"button', 'The', 'button2\">', 'Images', '16px', '.', 'and', 'defined', '</body>', 'in', 'class=\"button', 'the', 'button3\">', 'CSS', '20px', 'group', '</button>', '.', '</body>', '</p>', 'html>', '<p>', '<html>', ';', '<body>'] \n",
            "\n",
            " target:\n",
            "['.dropdown', 'color', '-', 'of', 'content', 'a', 'a', 'button', ':', 'with', 'hover', 'the', '{', 'background', 'background', '-', '-', 'color', 'color', 'property', ':', ':', '#', '</p>', 'f1f1f1', '<button', '}', 'class=\"button\">', '<!DOCTYPE', 'Green', 'html>', '</button>', '<html>', '<button', '<body>', 'class=\"button', '<h2>', 'button2\">', 'HTML', 'Blue', 'Buttons', '</button>', '</h2>', '<button', '<p>', 'class=\"button', 'HTML', 'button3\">', 'buttons', 'Red', 'are', '</button>', 'defined', '<button', 'with', 'class=\"button', 'the', 'button4\">', 'button', '<unk>', 'tag', '</button>', ':', '<!DOCTYPE', '</p>', 'html>', '<unk>', '<html>', 'Click', '<body>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['to', '<div', 'to', 'Center', '</body>', 'Text', '</html>', '</h2>', '<!DOCTYPE', '<p>', 'html>', 'Here', '<html>', 'we', '<head>', 'use', '<h2>', 'the', 'Unordered', 'width', 'Tables', 'of', '</h2>', 'of', '<p>', 'Change', 'action=\"/action_page.php', 'the', '<label', 'width', 'for=\"fname\">', 'and', 'First', 'height', 'name', 'and', ':', 'the', '</label>', 'image', '<input', '.', '<input', '</p>', 'type=\"text', '<img', '\"', 'src=\"img_girl.jpg', 'id=\"fname', '\"', '\"', 'width=\"500', 'name=\"fname\"><br><br>', 'in', '\"', 'a', 'value=\"John\">', 'jacket', '<label', '\"', 'for=\"lname\">', 'width=\"500', 'Last', '\"', 'name', '</html>', ':', '<!DOCTYPE', '</label>', 'html>'] \n",
            "\n",
            " target:\n",
            "['me', '<h2>', '</button>', 'Image', '</body>', 'Size', '</html>', '</h2>', '<!DOCTYPE', '<p>', 'html>', 'Here', '<html>', 'we', '<body>', 'use', '<h2>', 'the', 'HTML', 'style', '<unk>', 'attribute', '</h2>', 'to', '<form', 'specify', 'action=\"/action_page.php\">', 'the', '<label', 'width', 'for=\"fname\">', 'and', 'First', 'height', 'name', 'of', ':', 'an', '</label>', 'image', '<br>', ':', '<input', '</p>', 'type=\"text', '<img', '\"', 'src=\"img_girl.jpg', 'id=\"fname', '\"', '\"', 'alt=\"Girl', 'name=\"fname', 'in', '\"', 'a', 'value=\"John\"><br>', 'jacket', '<label', '\"', 'for=\"lname\">', '<unk>', 'Last', '</body>', 'name', '</html>', ':', '<!DOCTYPE', '</label>', 'html>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<select', '<html>', '<input', '<head>', 'class=\"form', '<style>', '\"', 'img', 'name=\"search', ',', '\"', 'th', 'name=\"lname\"><br><br>', '{', '\"', 'th', 'value=\"Doe\">', '{', '<input', 'border', 'type=\"submit', ':', '\"', '1px', 'value=\"Submit\">', 'solid', '</fieldset>', 'black', '</body>', ';', '<strong>', 'border', 'you', '</style>', \"'ve\", '{', 'that', 'border', 'form', ':', 'Submit', '100', '\"', '%', 'button', ';', ',', '}', 'the', '-', 'form', 'collapse', '-', ':', 'data', 'collapse', 'will', ';', 'be', '}', 'sent', 'th', 'to', '</head>', 'a', '<body>', 'page', '<h2>', 'called', 'Cellpadding'] \n",
            "\n",
            " target:\n",
            "['<br>', '<html>', '<input', '<head>', 'type=\"text', '<style>', '\"', 'table', 'id=\"lname', ',', '\"', 'td', 'name=\"lname', ',', '\"', 'th', 'value=\"Doe\"><br><br>', '{', '<input', 'border', 'type=\"submit', ':', '\"', '1px', 'value=\"Submit\">', 'solid', '</form>', 'black', '<p>', ';', 'If', '}', 'you', 'table', 'click', '{', 'the', 'width', '\"', ':', 'Submit', '100', '\"', '%', 'button', ';', ',', 'border', 'the', '-', 'form', 'collapse', '-', ':', 'data', 'collapse', 'will', ';', 'be', '}', 'sent', '</style>', 'to', '</head>', 'a', '<body>', 'page', '<h2>', 'called', 'Let'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['\"', 'the', 'height=\"140\">', 'user', '\"', '.', '.', '.', '</p>', '<p>', '</body>', '<tr>', '</html>', '.', '<!DOCTYPE', 'Firstname', 'html>', '</th>', '<html>', '</tr>', '<head>', 'Lastname', '<h1>', '</th>', 'This', '</tr>', 'address', '<tr>', '</h1>', '<td>', '<p>', '100', '<b>', '</td>', 'href=\"default.asp', '<td>', '<p>', 'Griffin', 'W3Schools', '</td>', ',', '<td>', '</a>', '<tr>', '</body>', '<td>', '</body>', '$', '</html>', '</td>', '<!DOCTYPE', '</tr>', 'html>', 'Griffin', '<html>', '</td>', '<head>', '</tr>', '<style>', '</table>', '.newspaper', '</body>', '{', '</html>', 'width', '<!DOCTYPE', ':', 'html>', '</p>', '<html>'] \n",
            "\n",
            " target:\n",
            "['\"', 'the', '/action_page.php', 'borders', '\"', 'collapse', '.', '</h2>', '</p>', '<table>', '</body>', '<tr>', '</html>', '<th>', '<!DOCTYPE', 'Firstname', 'html>', '</th>', '<html>', '<th>', '<body>', 'Lastname', '<h1>', '</th>', 'HTML', '</tr>', 'Links', '<tr>', '</h1>', '<td>', '<p>', 'Peter', '<a', '</td>', '<unk>', '<td>', 'Visit', 'Griffin', '<unk>', '</td>', '!', '</tr>', '</a>', '<tr>', '</p>', '<td>', '</body>', 'Lois', '</html>', '</td>', '<!DOCTYPE', '<td>', 'html>', 'Griffin', '<html>', '</td>', '<head>', '</tr>', '<style>', '</table>', '<unk>', '</body>', '{', '</html>', 'content', '<!DOCTYPE', ':', 'html>', '<unk>', '<html>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', '<head>', '{', '<style>', '}', 'img', '</style>', '{', '</head>', 'color', '<body>', '-', '<h2>', 'shadow', 'The', ':', 'is', 'none', 'the', ';', 'heading', '}', '</h1>', '</style>', '<h2>', '{', 'The', 'margin', 'style', '-', '</p>', 'align', '</p>', ':', 'starting', 'none', '-', '-', 'element', 'height', 'to', ';', 'to', '}', 'a', '</style>', 'starting', 'Bootstrap', 'link', 'text', 'in', 'is', 'the', 'success\">', 'element', ':', 'to', '</p>', '</p>', ';', '<p>', '}', 'The', '</style>', 'is', '</head>', 'a', '<body>', 'paragraph', '<h1>'] \n",
            "\n",
            " target:\n",
            "[')', '<head>', ';', '<style>', '}', 'h1', '</style>', '{', '</head>', 'text', '<body>', '-', '<h1>', 'decoration', 'This', ':', 'is', '<unk>', 'a', ';', 'heading', '}', '</h1>', 'h2', '<p>', '{', 'The', 'text', ':', '-', ':', 'decoration', 'before', ':', 'pseudo', 'line', '-', '-', 'element', 'through', '<unk>', ';', 'content', '}', 'before', 'h3', 'the', '{', 'content', 'text', 'of', '-', 'an', 'decoration', 'element', ':', '.', 'underline', '</p>', ';', '<h1>', '}', 'This', '</style>', 'is', '</head>', 'a', '<body>', 'heading', '<h1>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['2', 'My', '<p>', 'is', '</html>', 'heading', '<!DOCTYPE', '1', 'html>', '</h1>', '<html>', '<p>', '<head>', 'This', '<style>', 'is', 'div', 'an', '-', '2', 'container', '</h2>', '{', '<p>', 'display', 'This', ':', 'is', '-webkit', 'some', '-', '</h3>', 'flex', '</h3>', ';', '<h4>', 'display', '</html>', ':', '<!DOCTYPE', 'flex', 'html>', ';', '<html>', '-webkit', '<head>', '-', '<style>', 'flex', 'h1', '-', '-', 'direction', 'container', ':', '{', 'wrap', 'display', ';', ':', 'background', '-webkit', ':', '-', 'width', 'flex', ':', ';', '250px', 'display'] \n",
            "\n",
            " target:\n",
            "['</h1>', 'This', '</body>', 'is', '</html>', 'heading', '<!DOCTYPE', '1', 'html>', '</h1>', '<html>', '<h2>', '<head>', 'This', '<style>', 'is', '.flex', 'heading', '-', '2', 'container', '</h2>', '{', '<h3>', 'display', 'This', ':', 'is', '-webkit', 'heading', '-', '3', 'flex', '</h3>', ';', '</body>', 'display', '</html>', ':', '<!DOCTYPE', 'flex', 'html>', ';', '<html>', '-webkit', '<head>', '-', '<style>', 'flex', '.flex', '-', '-', 'wrap', 'container', ':', '{', 'nowrap', 'display', ';', ':', 'flex', '-webkit', '-', '-', 'wrap', 'flex', ':', ';', 'nowrap', 'display'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', ':', 'width', 'inline', ':', ';', '200px', '-webkit', ';', '-', 'background', 'flex', ':', '-', '200px', 'content', ';', ':', 'background', 'center', '-', '-', 'color', 'around', ':', 'the', 'lightgrey', '}', ';', '-', '}', 'content', '.flex', ':', '-', 'center', 'item', '-', '{', 'around', 'background', 'the', '-', 'content', 'color', 'and', ':', 'around', 'cornflowerblue', ';', ';', '}', 'width', 'and', ':', '250px', '100px', ';', ';', '}', 'height', '-', ':', 'color', '100px', ':', ';', 'lightgrey', 'margin', ';'] \n",
            "\n",
            " target:\n",
            "[';', ':', 'width', 'flex', ':', ';', '300px', '-webkit', ';', '-', 'height', 'justify', ':', '-', '250px', 'content', ';', ':', 'background', 'space', '-', '-', 'color', 'between', ':', ';', 'lightgrey', 'justify', ';', '-', '}', 'content', '.flex', ':', '-', 'space', 'item', '-', '{', 'between', 'background', ';', '-', 'width', 'color', ':', ':', '400px', 'cornflowerblue', ';', ';', 'height', 'width', ':', ':', '250px', '100px', ';', ';', 'background', 'height', '-', ':', 'color', '100px', ':', ';', 'lightgrey', 'margin', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['and', '}', '0', '</style>', ';', '-', '}', 'item', '</style>', '{', '</head>', 'background', '<body>', '-', '<div', 'color', 'class=\"flex', ':', '-', 'cornflowerblue', 'container\">', ';', '<div', 'width', 'class=\"flex', ':', '-', '100px', 'item\">', ';', 'flex', 'height', 'item', ':', '1', '100px', '</div>', ';', '<div', 'margin', 'class=\"flex', ':', '-', '10px', 'item\">', ';', 'flex', '}', 'item', '</style>', '2', '</head>', '</div>', '<body>', '<div', '<div', 'class=\"flex', 'class=\"flex', '-', '-', 'item\">', 'container\">', 'flex', '<div', 'item', 'class=\"flex', '3', '-', '</div>', 'item\">'] \n",
            "\n",
            " target:\n",
            "[':', '}', '10px', '.flex', ';', '-', '}', 'item', '</style>', '{', '</head>', 'background', '<body>', '-', '<div', 'color', 'class=\"flex', ':', '-', 'cornflowerblue', 'container\">', ';', '<div', 'width', 'class=\"flex', ':', '-', '100px', 'item\">', ';', 'flex', 'height', 'item', ':', '1', '100px', '</div>', ';', '<div', 'margin', 'class=\"flex', ':', '-', '10px', 'item\">', ';', 'flex', '}', 'item', '</style>', '2', '</head>', '</div>', '<body>', '<div', '<div', 'class=\"flex', 'class=\"flex', '-', '-', 'item\">', 'container\">', 'flex', '<div', 'item', 'class=\"flex', '3', '-', '</div>', 'item\">'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</body>', '5', '</body>', 'item', '</html>', '2', '<!DOCTYPE', '</div>', 'html>', '<div', '<html>', 'class=\"flex', '<head>', '-', '<style>', 'item\">', '[', 'flex', '{', 'item', 'margin', '2', '-', '</div>', 'color', '<div', ':', 'class=\"flex', '#', '-', ';', 'item\">', '}', 'flex', '</style>', 'item', '</head>', '3', '<body>', '</div>', '<h2>', '</body>', 'The', '</body>', 'World', '</html>', '!', '<!DOCTYPE', '</h1>', 'html>', '<p>', '<html>', 'This', '<head>', 'is', '<style>', 'has', '.newspaper', 'an', '{', 'top', 'background', 'padding', '-', ';', 'clockwise', ':', ':', ':', 'section'] \n",
            "\n",
            " target:\n",
            "['</div>', 'flex', '</body>', 'item', '</html>', '1', '<!DOCTYPE', '</div>', 'html>', '<div', '<html>', 'class=\"flex', '<head>', '-', '<style>', 'item\">', 'body', 'flex', '{', 'item', 'background', '2', '-', '</div>', 'color', '<div', ':', 'class=\"flex', 'lightblue', '-', ';', 'item\">', '}', 'flex', '</style>', 'item', '</head>', '3', '<body>', '</div>', '<h1>', '</div>', 'Hello', '</body>', 'World', '</html>', '!', '<!DOCTYPE', '</h1>', 'html>', '<p>', '<html>', 'This', '<head>', 'page', '<style>', 'has', 'body', 'a', '{', 'light', 'counter', 'blue', '-', 'background', 'reset', 'color', ':', '!', 'section'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</p>', ';', '</body>', 'display', '</html>', 'div', '<!DOCTYPE', '{', 'html>', 'margin', '<html>', '-', '<head>', 'increment', '<style>', ':', 'div', 'content', ',', ';', 'th', 'content', ',', ':', 'td', 'counters(section', '{', ';', 'border', ';', ':', 'from', '1px', ';', 'solid', ';', 'black', 'from', ';', 'first', 'border', ']', '-', '}', 'collapse', '</style>', ':', '</head>', 'collapse', '<body>', ';', '<h2>', '}', 'The', 'th', 'the', ',', 'Links', 'td', '</h2>', '{', '1', 'padding', '<h2>', ':', 'Paris', '5px', 'links', ';', '</h1>'] \n",
            "\n",
            " target:\n",
            "['</p>', ';', '</body>', '}', '</html>', '<unk>', '<!DOCTYPE', '{', 'html>', 'counter', '<html>', '-', '<head>', 'increment', '<style>', ':', 'table', 'section', ',', ';', 'th', 'content', ',', ':', 'td', '\"', '{', '<unk>', 'border', '\"', ':', '<unk>', '1px', ')', 'solid', '\"', 'black', ':', ';', '\"', 'border', ';', '-', '}', 'collapse', '</style>', ':', '</head>', 'collapse', '<body>', ';', '<h1>', '}', 'Using', 'th', 'CSS', ',', '<unk>', 'td', ':', '{', '</h1>', 'padding', '<h2>', ':', 'HTML', '5px', 'Tutorial', ';', '</h2>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', '<p>', '-', 'HTML', 'decoration', 'Image', ':', '</h2>', 'center', '<p>', ';', 'Set', 'padding', 'can', 'table.names', '</h2>', '</head>', '<p>', '<body>', '</html>', '<p>', '<!DOCTYPE', 'Left', 'html>', 'List', '<html>', '</h2>', 'lang=\"en\">', '</h2>', '<head>', '<p>', '<title>', 'style=\"width:100%\">', 'Bootstrap', '<tr>', 'Example', '<th>', '</title>', 'Firstname', '<meta', '</th>', 'charset=\"utf-8\">', '<th>', '<meta', 'Lastname', 'name=\"viewport', '</th>', '\"', '<th>', 'content=\"width', 'Savings', '=', 'Field', 'device', '<th>', '-', '<tr>', 'width', '<th>', ',', '94', 'initial', '</th>', '-', '</th>', 'scale=1\">', '<td>', '<link', '100', 'rel=\"stylesheet'] \n",
            "\n",
            " target:\n",
            "['text', '<h2>', '-', 'CSS', 'align', 'Tutorial', ':', '</h2>', 'left', '<h2>', ';', 'JavaScript', '}', 'Tutorial', '</style>', '</h2>', '</head>', '</body>', '<body>', '</html>', '<h2>', '<!DOCTYPE', 'Horizontal', 'html>', 'Headings', '<html', ':', 'lang=\"en\">', '</h2>', '<head>', '<table', '<title>', 'style=\"width:100%\">', 'Bootstrap', '<tr>', 'Example', '<th>', '</title>', 'Name', '<meta', '</th>', 'charset=\"utf-8\">', '<th>', '<meta', 'Telephone', 'name=\"viewport', '</th>', '\"', '<th>', 'content=\"width', 'Telephone', '=', '</th>', 'device', '</tr>', '-', '<tr>', 'width', '<td>', ',', '<unk>', 'initial', '<unk>', '-', '</td>', 'scale=1\">', '<td>', '<link', '555', 'rel=\"stylesheet'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[';', '\"', ';', 'href=\"https://maxcdn.bootstrapcdn.com', '<h2>', '/', '<td>', 'bootstrap/3.4.1', 'January', '/', '<td>', 'css', '</td>', '/', '</td>', 'bootstrap.min.css\">', '<td>', '<script', '<tr>', 'src=\"https://ajax.googleapis.com', '</body>', '/', 'Paris', 'ajax', '(', '/', '</h2>', 'libs', '</p>', '/', '<p>', 'jquery/3.5.1', 'html>', '/', '<html>', 'jquery.min.js\">', '<head>', '</script>', '<style>', '<script', 'name=\"viewport', 'src=\"https://maxcdn.bootstrapcdn.com', '\"', '/', 'content=\"width', 'bootstrap/3.4.1', '=', '/', 'device', 'js', '-', '/', 'width', 'bootstrap.min.js\">', ',', '</script>', 'initial', '</head>', '-', '<body>', 'scale=1\">', '<div', '<link', 'class=\"container\">', 'rel=\"stylesheet', '<h2>', '\"', 'Bordered', 'href=\"https://maxcdn.bootstrapcdn.com', 'Table'] \n",
            "\n",
            " target:\n",
            "['<unk>', '\"', '<unk>', 'href=\"https://maxcdn.bootstrapcdn.com', '</td>', '/', '<td>', 'bootstrap/3.4.1', '555', '/', '<unk>', 'css', '<unk>', '/', '</td>', 'bootstrap.min.css\">', '</tr>', '<script', '</table>', 'src=\"https://ajax.googleapis.com', '<h2>', '/', 'Vertical', 'ajax', 'Headings', '/', ':', 'libs', '</h2>', '/', '<!DOCTYPE', 'jquery/3.5.1', 'html>', '/', '<html>', 'jquery.min.js\">', '<head>', '</script>', '<meta', '<script', 'name=\"viewport', 'src=\"https://maxcdn.bootstrapcdn.com', '\"', '/', 'content=\"width', 'bootstrap/3.4.1', '=', '/', 'device', 'js', '-', '/', 'width', 'bootstrap.min.js\">', ',', '</script>', 'initial', '</head>', '-', '<body>', 'scale=1\">', '<div', '<link', 'class=\"container\">', 'rel=\"stylesheet', '<h2>', '\"', 'Filterable', 'href=\"https://maxcdn.bootstrapcdn.com', 'List'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['/', '</h2>', 'bootstrap/3.4.1', '<ul>', '/', 'With', 'css', 'something', '/', 'in', 'bootstrap.min.css\">', 'the', '<script', 'input', 'src=\"https://ajax.googleapis.com', 'field', '/', 'to', 'ajax', 'search', '/', 'the', 'libs', 'table', '/', 'names', 'jquery/3.5.1', 'search', '/', 'text', 'jquery.min.js\">', 'names', '</script>', '</p>', '<script', '<ul', 'src=\"https://maxcdn.bootstrapcdn.com', 'type=\"submit', '/', '-', 'bootstrap/3.4.1', 'horizontal', '/', '\"', 'js', 'id=\"myInput', '/', '\"', 'bootstrap.min.js\">', 'type=\"text', '</script>', '\"', '</head>', 'type=\"text', '<body>', '..', '<div', '\">', 'class=\"container\">', '<br>', '<h2>', '<table', 'Filterable', 'class=\"nav', '</h2>', '-', 'Group', 'style', '<a', '-'] \n",
            "\n",
            " target:\n",
            "['/', '</h2>', 'bootstrap/3.4.1', '<p>', '/', 'Type', 'css', 'something', '/', 'in', 'bootstrap.min.css\">', 'the', '<script', 'input', 'src=\"https://ajax.googleapis.com', 'field', '/', 'to', 'ajax', 'search', '/', 'the', 'libs', 'list', '/', 'for', 'jquery/3.5.1', 'specific', '/', 'items', 'jquery.min.js\">', ':', '</script>', '</p>', '<script', '<input', 'src=\"https://maxcdn.bootstrapcdn.com', 'class=\"form', '/', '-', 'bootstrap/3.4.1', 'control', '/', '\"', 'js', 'id=\"myInput', '/', '\"', 'bootstrap.min.js\">', 'type=\"text', '</script>', '\"', '</head>', 'placeholder=\"Search', '<body>', '..', '<div', '\">', 'class=\"container\">', '<br>', '<h2>', '<ul', 'Collapsible', 'class=\"list', 'Panel', '-', '</h2>', 'group', '<p>', '\"'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['The', 'content=\"width', 'on', '+', 'the', '>', 'images', '-', 'images', 'header\">', '.', '-', 'see', 'item', 'the', '1', 'see', 'item', 'the', '<ol>', 'works', '<li', '</p>', 'html>', '<div', '<html>', 'class=\"panel', '<head>', '-', '<h2>', 'default\">', 'Paris', '<div', '{', 'class=\"panel', '<p>', '-', '<strong>', '-', 'first', 'default\">', 'input', '<div', 'type=\"number', 'class=\"panel', '\"', '-', '</strong>', 'heading\">', 'specifies', 'Panel', 'a', 'class=\"panel', 'successful', '-', '</h2>', 'heading\">', '</p>', '<a', '<form', 'data', 'action=\"/action_page.php\">', '-', '<label', 'parent=\"#accordion', 'type=\"checkbox', '\"', '\"', 'data', 'value=\"\">'] \n",
            "\n",
            " target:\n",
            "['Click', '<unk>', 'on', '<li', 'the', 'class=\"list', 'collapsible', '-', 'panel', 'group', 'to', '-', 'open', 'item\">', 'and', 'First', 'close', 'item', 'it', '</li>', '.', '<!DOCTYPE', '</p>', 'html>', '<div', '<html>', 'class=\"panel', '<body>', '-', '<h2>', 'group\">', '<unk>', '<div', '</h2>', 'class=\"panel', '<p>', 'panel', 'The', '-', '<strong>', 'default\">', 'input', '<div', 'type=\"checkbox', 'class=\"panel', '\"', '-', '</strong>', 'heading\">', 'defines', '<h4', 'a', 'class=\"panel', 'checkbox', '-', ':', 'title\">', '</p>', '<a', '<form', 'data', 'action=\"/action_page.php\">', '-', '<input', 'toggle=\"collapse', 'type=\"checkbox', '\"', '\"', 'href=\"#collapse1\">', '<unk>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</h4>', '<h2>', 'Group', '+', ':', '+', '</h4>', 'time(s', '<!DOCTYPE', '\"', 'html>', 'for=\"lname\">', '<html>', ';', '<head>', '<input', '<style>', 'also', 'p', 'link', '{', '</body>', 'position', '<input', ':', '<input', 'relative', 'type=\"text', ';', '\"', '}', 'name=\"week\">', '</style>', '\"', '{', 'name=\"phone', 'position', '\"', ':', 'from', 'absolute', '\"', ';', 'for=\"lname\">', 'top', '\"', ':', 'am', '8px', 'also', ';', 'link', 'left', ':', ':', '<input', '16px', '<input', ';', 'type=\"number', 'font', '\"', '-', 'for=\"email\">', 'size', '\"', ':', 'for=\"email\">', '18px', '\"'] \n",
            "\n",
            " target:\n",
            "['Collapsible', '\"', 'panel', '<unk>', '</a>', '\"', '</h4>', '<unk>', '<!DOCTYPE', '<label', 'html>', '<unk>', '<html>', 'I', '<head>', 'have', '<style>', 'a', '.container', '<unk>', '{', '</label>', 'position', '<br>', ':', '<input', 'relative', 'type=\"checkbox', ';', '\"', '}', '<unk>', '.bottomright', '\"', '{', '<unk>', 'position', '\"', ':', '<unk>', 'absolute', '<label', ';', '<unk>', 'bottom', 'I', ':', 'have', '8px', 'a', ';', 'car', 'right', '</label>', ':', '<br>', '16px', '<input', ';', 'type=\"checkbox', 'font', '\"', '-', '<unk>', 'size', '\"', ':', '<unk>', '18px', '\"'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['img', 'content=\"width', 'width', '+', 'img', 'for=\"lname\">', '{', ':', 'width', \"'ve\", ':', 'also', '100', 'one', '%', '.', ';', '<input', 'height', '<input', ':', '<input', 'auto', 'type=\"text', ';', '\"', 'opacity', 'value=\"Submit\">', ':', '</form>', '0.3', '</body>', ';', '</html>', '}', '<!DOCTYPE', '</style>', 'html>', '</head>', '<html>', '<body>', '<head>', '<h2>', '<style>', 'Image', 'img', 'Text', '{', '</h2>', 'width', '<p>', ':', 'Add', '</label>', 'some', 'solid', 'text', 'black', 'to', ';', 'an', '}', 'image', ':', 'in', '12px', 'the', ';', 'bottom', 'background'] \n",
            "\n",
            " target:\n",
            "[';', '<unk>', '}', '<label', 'img', '<unk>', '{', 'I', 'width', 'have', ':', 'a', '100', '<unk>', '%', '</label>', ';', '<br>', 'height', '<br>', ':', '<input', 'auto', 'type=\"submit', ';', '\"', 'opacity', 'value=\"Submit\">', ':', '</form>', '0.3', '</body>', ';', '</html>', '}', '<!DOCTYPE', '</style>', 'html>', '</head>', '<html>', '<body>', '<head>', '<h2>', '<style>', 'Image', 'div', 'Text', '{', '</h2>', 'border', '<p>', ':', 'Add', '1px', 'some', 'solid', 'text', 'black', 'to', ';', 'an', 'padding', 'image', ':', 'in', '25px', 'the', ';', 'bottom', 'background'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['padding', '-', 'padding', 'color', '.', ':', '</p>', '#', '<p>', ';', 'class=\"container\">', 'color', '<p>', '</style>', 'src=\"img_5terre_wide.jpg', '</head>', '\"', '<body>', 'alt=\"Cinque', '<h2>', 'Terre', 'Using', '\"', 'padding', 'width=\"1000', 'shorthand', '\"', 'property', 'height=\"300\">', '-', '<div', '2', 'class=\"bottomright\">', 'value', 'Bottom', '</h2>', 'Right', '<div>', '</div>', 'This', '</div>', 'div', '</div>', 'element', '</html>', 'has', '<!DOCTYPE', 'a', 'html>', 'top', '<html>', ',', 'lang=\"en\">', 'bottom', '<head>', ',', '<title>', 'left', 'Bootstrap', ',', 'Example', 'and', '</title>', 'right', '<meta', 'margin', 'charset=\"utf-8\">', 'of', '<meta', '25px'] \n",
            "\n",
            " target:\n",
            "['right', '-', 'corner', 'color', ':', ':', '</p>', 'lightblue', '<div', ';', 'class=\"container\">', '}', '<img', '</style>', 'src=\"img_5terre_wide.jpg', '</head>', '\"', '<body>', 'alt=\"Cinque', '<h2>', 'Terre', 'The', '\"', 'padding', 'width=\"1000', 'shorthand', '\"', 'property', 'height=\"300\">', '-', '<div', '1', 'class=\"bottomright\">', 'value', 'Bottom', '</h2>', 'Right', '<div>', '</div>', 'This', '</div>', 'div', '</body>', 'element', '</html>', 'has', '<!DOCTYPE', 'a', 'html>', 'top', '<html', ',', 'lang=\"en\">', 'bottom', '<head>', ',', '<title>', 'left', 'Bootstrap', ',', 'Example', 'and', '</title>', 'right', '<meta', 'padding', 'charset=\"utf-8\">', 'of', '<meta', '25px'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['charset=\"utf-8\">', '50px', '\"', 'The', 'content=\"width', '<!DOCTYPE', '=', '</html>', 'device', '<!DOCTYPE', '-', 'html>', 'width', '<html>', ',', 'lang=\"en\">', 'initial', '<head>', '-', '<title>', 'scale=1\">', 'Bootstrap', '<link', 'Example', 'rel=\"stylesheet', '</title>', '\"', '<meta', 'href=\"https://maxcdn.bootstrapcdn.com', 'charset=\"utf-8\">', '/', '<meta', 'bootstrap/3.4.1', 'name=\"viewport', '/', '\"', 'css', 'content=\"width', '/', '=', 'bootstrap.min.css\">', 'device', '<script', '-', 'src=\"https://ajax.googleapis.com', 'width', '/', ',', 'ajax', 'initial', '/', '-', 'libs', 'scale=1\">', '/', '<link', 'jquery/3.5.1', 'rel=\"stylesheet', '/', '\"', 'jquery.min.js\">', 'href=\"https://maxcdn.bootstrapcdn.com', '</script>', '/', '<script', 'bootstrap/3.4.1', 'src=\"https://maxcdn.bootstrapcdn.com', '/', '/', 'css'] \n",
            "\n",
            " target:\n",
            "['name=\"viewport', '.', '\"', '</div>', 'content=\"width', '</body>', '=', '</html>', 'device', '<!DOCTYPE', '-', 'html>', 'width', '<html', ',', 'lang=\"en\">', 'initial', '<head>', '-', '<title>', 'scale=1\">', 'Bootstrap', '<link', 'Example', 'rel=\"stylesheet', '</title>', '\"', '<meta', 'href=\"https://maxcdn.bootstrapcdn.com', 'charset=\"utf-8\">', '/', '<meta', 'bootstrap/3.4.1', 'name=\"viewport', '/', '\"', 'css', 'content=\"width', '/', '=', 'bootstrap.min.css\">', 'device', '<script', '-', 'src=\"https://ajax.googleapis.com', 'width', '/', ',', 'ajax', 'initial', '/', '-', 'libs', 'scale=1\">', '/', '<link', 'jquery/3.5.1', 'rel=\"stylesheet', '/', '\"', 'jquery.min.js\">', 'href=\"https://maxcdn.bootstrapcdn.com', '</script>', '/', '<script', 'bootstrap/3.4.1', 'src=\"https://maxcdn.bootstrapcdn.com', '/', '/', 'css'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['jquery/3.5.1', '/', '/', 'bootstrap.min.css\">', 'js', '<script', '/', 'src=\"https://ajax.googleapis.com', 'bootstrap.min.js\">', '/', '</script>', 'ajax', '</head>', '/', '<body>', 'libs', '<div', '/', 'class=\"navbar', 'jquery/3.5.1', 'navbar', '/', '-', 'jquery.min.js\">', 'inverse\">', '</script>', '<div', '<script', 'class=\"container', 'src=\"https://maxcdn.bootstrapcdn.com', '-', '/', 'fluid\">', 'bootstrap/3.4.1', '<div', '/', 'class=\"navbar', 'js', '-', '/', 'header\">', 'bootstrap.min.js\">', '<a', '</script>', 'class=\"navbar', '</head>', '-', '<body>', 'brand', '<div', '\"', 'class=\"container\">', 'href=\"#\">', '<h2>', 'WebSiteName', 'Panel', '</a>', '</h2>', '</div>', '<p>', '<ul', 'class=\"jumbotron\">', 'class=\"nav', 'alert', 'navbar', '-', '-', 'success\">', 'nav\">', '<a'] \n",
            "\n",
            " target:\n",
            "['bootstrap/3.4.1', '/', '/', 'bootstrap.min.css\">', 'js', '<script', '/', 'src=\"https://ajax.googleapis.com', 'bootstrap.min.js\">', '/', '</script>', 'ajax', '</head>', '/', '<body>', 'libs', '<nav', '/', 'class=\"navbar', 'jquery/3.5.1', 'navbar', '/', '-', 'jquery.min.js\">', 'inverse\">', '</script>', '<div', '<script', 'class=\"container', 'src=\"https://maxcdn.bootstrapcdn.com', '-', '/', 'fluid\">', 'bootstrap/3.4.1', '<div', '/', 'class=\"navbar', 'js', '-', '/', 'header\">', 'bootstrap.min.js\">', '<a', '</script>', 'class=\"navbar', '</head>', '-', '<body>', 'brand', '<div', '\"', 'class=\"container\">', 'href=\"#\">', '<h2>', 'WebSiteName', 'Alerts', '</a>', '</h2>', '</div>', '<div', '<ul', 'class=\"alert', 'class=\"nav', 'alert', 'navbar', '-', '-', 'success\">', 'nav\">', '<strong>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['*', 'Note', '*', '</strong>', '<a', '</strong>', 'href=\"#\">', 'This', 'Home', 'alert', '</a>', 'box', '</li>', 'could', '<!DOCTYPE', 'indicate', 'html>', 'a', '<html>', 'successful', '<head>', 'or', '<style>', 'positive', 'body', 'action', '{', '.', 'text', '</div>', ':', '<!DOCTYPE', 'blue', 'class=\"dropdown\">', ';', 'alert', 'text', '-', '-', 'success\">', 'shadow', 'This', ':', 'Success', '2px', 'Label', 'solid', '</strong>', 'solid', 'This', '2px', 'text', ';', 'box', 'green', 'could', 'rgba(0', 'indicate', 'rgba(0', 'a', ',', 'successful', ';', 'a', 'you', 'a', ',', 'the', ',', 'be'] \n",
            "\n",
            " target:\n",
            "['<li', 'Success', 'class=\"active\">', '!', '<a', '</strong>', 'href=\"#\">', 'This', 'Home', 'alert', '</a>', 'box', '</li>', 'could', '<!DOCTYPE', 'indicate', 'html>', 'a', '<html>', 'successful', '<head>', 'or', '<style>', 'positive', 'h1', 'action', '{', '.', 'color', '</div>', ':', '<div', 'white', 'class=\"alert', ';', 'alert', 'text', '-', '-', 'info\">', 'shadow', '<strong>', ':', 'Info', '1px', '!', '1px', '</strong>', '2px', 'This', 'black', 'alert', ',', 'box', '0', 'could', '0', 'indicate', '25px', 'a', 'blue', '<unk>', ',', '<unk>', '0', 'change', '0', 'or', '5px', 'action'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[';', '.', ';', '</p>', '}', 'html>', '</style>', '<html>', '</head>', 'lang=\"en\">', '<body>', '<head>', '<h2>', '<title>', 'The', 'Bootstrap', '-', 'Example', 'shadow', '</title>', 'effect', '<meta', '!', 'charset=\"utf-8\">', '</h1>', '<meta', '</body>', 'name=\"viewport', '</html>', '\"', '<!DOCTYPE', 'content=\"width', 'html>', '=', '<html>', 'device', '<head>', '-', '<style>', 'width', 'html', ',', '{', 'initial', 'width', '-', ':', 'scale=1\">', '25px', '<link', ';', 'rel=\"stylesheet', '}', '\"', ':', 'href=\"https://maxcdn.bootstrapcdn.com', '25px', '/', 'solid', 'bootstrap/3.4.1', '#', '/', ';', 'css', 'width', '/', '-', 'bootstrap.min.css\">', 'red', '<script'] \n",
            "\n",
            " target:\n",
            "['<unk>', '.', ';', '<!DOCTYPE', '}', 'html>', '</style>', '<html', '</head>', 'lang=\"en\">', '<body>', '<head>', '<h1>', '<title>', 'Text', 'Bootstrap', '-', 'Example', 'shadow', '</title>', 'effect', '<meta', '!', 'charset=\"utf-8\">', '</h1>', '<meta', '</body>', 'name=\"viewport', '</html>', '\"', '<!DOCTYPE', 'content=\"width', 'html>', '=', '<html>', 'device', '<head>', '-', '<style>', 'width', 'div.ex1', ',', '{', 'initial', 'margin', '-', ':', 'scale=1\">', '20px', '<link', ';', 'rel=\"stylesheet', 'border', '\"', ':', 'href=\"https://maxcdn.bootstrapcdn.com', '1px', '/', 'solid', 'bootstrap/3.4.1', 'black', '/', ';', 'css', 'outline', '/', ':', 'bootstrap.min.css\">', '4px', '<script'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[';', 'src=\"https://ajax.googleapis.com', ';', '/', ';', 'ajax', '}', '/', '-', 'libs', 'offset', '/', ':', 'jquery/3.5.1', '</p>', '/', ';', 'jquery.min.js\">', '}', '</script>', '</style>', '<script', '{', 'src=\"https://maxcdn.bootstrapcdn.com', 'width', '/', ':', 'bootstrap/3.4.1', '0', '/', ';', 'js', '}', '/', '-', 'bootstrap.min.js\">', '15px', '</script>', 'solid', '</head>', '#', '<body>', ';', '<div', '}', 'class=\"container\">', '-', '<h2>', '2px', 'Keyboard', ';', '</h2>', ';', '0', ';', '</h2>', '}', '</h2>', '-', '<h2>', 'style', 'Use', ':', 'Paris', '15px', ',', ';', 'is', '}', 'supported'] \n",
            "\n",
            " target:\n",
            "['solid', 'src=\"https://ajax.googleapis.com', 'red', '/', ';', 'ajax', 'outline', '/', '-', 'libs', 'offset', '/', ':', 'jquery/3.5.1', '15px', '/', ';', 'jquery.min.js\">', '}', '</script>', 'div.ex2', '<script', '{', 'src=\"https://maxcdn.bootstrapcdn.com', 'margin', '/', ':', 'bootstrap/3.4.1', '10px', '/', ';', 'js', 'border', '/', ':', 'bootstrap.min.js\">', '1px', '</script>', 'solid', '</head>', 'black', '<body>', ';', '<div', 'outline', 'class=\"container\">', ':', '<h1>', '5px', '<unk>', 'dashed', ',', 'blue', '<unk>', ';', 'Text', 'outline', '</h1>', '-', '<p>', 'offset', 'The', ':', 'small', '5px', 'element', ';', 'is', '}', 'used'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</style>', 'HTML', '</head>', 'add', '<body>', 'paper', '<p>', 'table', 'The', 'that', 'transition', 'which', '-', '{', 'color', 'that', 'Property', 'the', '</h1>', 'character', '<h2>', '</h1>', '15px', '</p>', 'This', '<p>', 'paragraph', 'The', 'is', ',', 'a', '</h1>', 'right', '<i>', '</div>', 'Heading', ',', '.', '#', '</h4>', ',', '<p>', '.', 'The', '%', 'should', ',', '</h1>', '(', '<i>', 'outline', '</h2>', 'edge', 'is', '.', '</h4>', '</p>', '<p>', '</body>', 'h3', '<div', 'Bootstrap', 'class=\"ex2\">', '</h1>', 'A', '<i>', 'div', '</body>', 'is', 'is'] \n",
            "\n",
            " target:\n",
            "['</style>', 'to', '</head>', 'create', '<body>', 'a', '<h1>', '<unk>', 'The', ',', 'outline', '<unk>', '-', 'text', 'offset', 'in', 'Property', 'any', '</h1>', 'heading', '<div', ':', 'class=\"ex1\">', '</p>', 'This', '<h1>', 'div', 'h1', 'has', 'heading', 'a', '<small>', '4', '<unk>', 'pixels', 'text', 'solid', '</small>', 'red', '</h1>', 'outline', '<h2>', '15', 'h2', 'pixels', 'heading', 'outside', '<small>', 'the', '<unk>', 'border', 'text', 'edge', '</small>', '.', '</h2>', '</div>', '<h3>', '<br>', 'h3', '<div', 'heading', 'class=\"ex2\">', '<small>', 'This', '<unk>', 'div', 'text', 'has', '</small>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['a', '</h3>', '1', '<ul', 'second', '</h3>', ',', 'Bootstrap', ';', '(', ';', '<i>', '.', 'Heading', '.', '-', ',', '</h4>', 'the', '<h5>', 'font', 'html>', 'edge', '<html>', '.', '<head>', '</p>', '<style>', '</body>', 'img', '</html>', '{', '<!DOCTYPE', 'width', 'html>', ':', '<html>', '100', '<head>', ';', '<style>', 'height', 'table', ':', '{', '150px', '</p>', ';', '{', 'object', 'width', '-', '{', 'fit', '}', ':', '</style>', 'cover', '{', ';', '1', '}', '{', '</style>', 'width', '</head>', '{', '<body>', '}', '<h2>'] \n",
            "\n",
            " target:\n",
            "['a', '</h3>', '5', '<h4>', 'pixels', 'h4', 'dashed', 'heading', 'blue', '<small>', 'outline', '<unk>', '5', 'text', 'pixels', '</small>', 'outside', '</h4>', 'the', '<!DOCTYPE', 'border', 'html>', 'edge', '<html>', '.', '<head>', '</div>', '<style>', '</body>', 'img', '</html>', '{', '<!DOCTYPE', 'width', 'html>', ':', '<html>', '200px', '<head>', ';', '<style>', 'height', '<unk>', ':', ':', '300px', 'link', ';', '{', 'object', '<unk>', '-', ';', 'fit', '}', ':', '<unk>', 'none', ':', ';', 'visited', '}', '{', '</style>', '<unk>', '</head>', ';', '<body>', '}', '<h2>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</style>', 'Responsive', '{', 'object', '1', '-', '{', 'fit', 'width', ':', ';', 'contain', '}', ';', '</style>', '</h2>', '{', '<img', 'link', 'src=\"paris.jpg', '{', '\"', 'width', 'alt=\"Paris', '{', '\"', '}', 'width=\"400', '</style>', '\"', '{', 'height=\"300\">', 'link', '</body>', '{', '</html>', 'width', '<!DOCTYPE', '{', 'html>', '}', '<html', '</style>', '<head>', '{', '<style>', '9999', '.flex', '{', '=', 'width', 'text', '-', '\"', 'index', '{', '{', '130px', ';', '=', '}', 'text', '</style>', 'button', '{', '{', '1', 'then', 'with', '='] \n",
            "\n",
            " target:\n",
            "['<unk>', 'Using', ':', 'object', 'hover', '-', '{', 'fit', '<unk>', ':', ';', 'none', '}', ';', '<unk>', '</h2>', ':', '<img', 'link', 'src=\"paris.jpg', '{', '\"', '<unk>', 'alt=\"Paris', ';', '\"', '}', 'width=\"400', '<unk>', '\"', ':', 'height=\"300\">', 'visited', '</body>', '{', '</html>', '<unk>', '<!DOCTYPE', ';', 'html>', '}', '<html>', '<unk>', '<head>', ':', '<style>', 'hover', 'input[type', '{', '=', 'font', 'button', '-', ']', '<unk>', ',', '%', 'input[type', ';', '=', '}', 'submit', '<unk>', ']', ':', ',', 'link', 'input[type', '{', '='] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['background', 'device', '-', ')', '}', 'Selector', '</style>', 'list', '{', ':', 'link', 'color', '{', ':', 'width', 'yellow', '{', '0000ff', '}', ';', '</style>', '}', '{', ':', 'link', 'none', '{', ';', 'width', 'color', '{', ':', '}', 'white', '</style>', ';', '{', '}', 'link', ':', '{', '15px', 'width', ';', ';', ';', '}', 'text', '</style>', '-', '{', 'align', '0', ':', '{', 'none', 'width', ';', '{', 'display', '}', ':', '</style>', '0', '{', ';', '1', ';', '{', '}'] \n",
            "\n",
            " target:\n",
            "['<unk>', 'reset', ';', ']', '}', '{', '<unk>', 'background', ':', '-', 'visited', 'color', '{', ':', '<unk>', '#', ';', '4CAF50', '}', ';', '<unk>', 'border', ':', ':', 'hover', 'none', '{', ';', '<unk>', 'color', ';', ':', '}', 'white', '<unk>', ';', ':', 'padding', 'link', ':', '{', '16px', '<unk>', '32px', ';', ';', '}', 'text', '<unk>', '-', ':', 'decoration', 'visited', ':', '{', 'none', '<unk>', ';', ';', 'margin', '}', ':', '<unk>', '4px', ':', '2px', 'hover', ';', '{', 'cursor'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['background', ':', '-', 'pointer', 'size', ';', ':', '}', '\"', '.button1', ';', '</head>', '}', '<body>', '.header', '<h2>', '{', 'Note', '</p>', 'Google', 'will', 'color', 'margin', '(', ';', '</p>', 'index', '<form>', ':', 'type=\"radio', '</p>', '\"', ';', 'class=\"btn', '}', '\"', '</style>', 'type=\"submit', '{', '\"', 'link', 'from', '{', '\"', 'width', 'type=\"number', ';', '\"', 'width', 'value=\"Submit\">', ':', '</form>', 'link', '</html>', ';', '<!DOCTYPE', '}', 'html>', '</style>', '<html>', ';', '<head>', '1', '<h2>', '{', 'Paris', 'width', '<strong>', '-', 'with'] \n",
            "\n",
            " target:\n",
            "['font', ':', '-', 'pointer', 'family', ';', ':', '}', 'monospace', '</style>', ';', '</head>', '}', '<body>', '<unk>', '<p>', ':', 'Styled', 'link', 'input', '{', 'buttons', '<unk>', '.', '-', '</p>', 'decoration', '<input', ':', 'type=\"button', 'none', '\"', ';', '<unk>', '}', '<input', '<unk>', '<unk>', ':', '\"', 'visited', '<unk>', '{', '<input', '<unk>', 'type=\"submit', '-', '\"', 'decoration', 'value=\"Submit\">', ':', '</body>', 'none', '</html>', ';', '<!DOCTYPE', '}', 'html>', '<unk>', '<html>', ':', '<body>', 'hover', '<h2>', '{', 'The', 'text', 'button', '-', 'Element'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', '</h2>', ':', '<p>', 'none', 'type=\"button', ';', '\"', '}', 'class=\"btn', 'a', 'World', '</head>', '\"', '<body>', 'Me', '<h2>', '</button>', '<b>', \"'\", 'over', '</body>', 'the', '</html>', 'two', '<!DOCTYPE', 'will', 'html>', 'a', '<html>', 'it', '<head>', 'inside', '<h2>', 'the', 'The', '.', 'link', '</p>', 'multiple', '<span', 'Page', '<strong>', '</h1>', 'Note', '<p>', 'href=\"default.asp', 'The', '\"', 'link', 'src=\"ocean.jpg', '\"', '\"', '</h1>', 'target=\"_blank\">', 'how', 'This', 'link', 'is', '\"', '</a>', ':', 'a', '\">', ':', 'the', '</b>', 'element', '</p>', 'multiple'] \n",
            "\n",
            " target:\n",
            "['decoration', '</h2>', ':', '<button', 'underline', 'type=\"button', ';', '\"', '}', 'onclick=\"alert(\\'Hello', '</style>', '<unk>', '</head>', 'Click', '<body>', 'Me', '<p>', '!', 'Mouse', '</button>', 'over', '</body>', 'the', '</html>', 'links', '<!DOCTYPE', 'and', 'html>', 'watch', '<html>', 'them', '<body>', 'change', '<h1>', 'layout', 'The', ':', 'input', '</p>', '<unk>', '<p>', 'attribute', '<b>', '</h1>', '<a', '<p>', 'class=\"one', 'The', '\"', '<unk>', 'href=\"default.asp', 'attribute', '\"', 'specifies', 'target=\"_blank\">', 'the', 'This', '<unk>', 'link', 'number', 'changes', '<unk>', 'color', 'for', '</a>', 'an', '</b>', 'input', '</p>', 'element'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<p>', ',', 'Save', '</p>', 'Note', '<div', 'result', 'action=\"/action_page.php\">', '\"', '<label', ':', 'for=\"favcolor\">', '\"', ':', 'target=\"_blank\">', '</th>', 'This', '</label>', 'is', '<input', ':', '<td>', 'the', '\"', '-', 'id=\"quantity', 'size', '\"', ':', 'checked', '</b>', '\"', 'This', 'from', '<p>', '\"', 'The', 'type=\"text', 'Note', '\"', 'href=\"default.asp', 'value=\"Submit\">', '\"', '</form>', 'target=\"_blank\">', '</body>', '\"', '</html>', 'target=\"_blank\">', '<!DOCTYPE', 'This', 'html>', 'is', '<html>', '</a>', '<head>', 'the', '<h2>', '-', '<strong>', 'color', 'not', ':', 'display', '</b>', ';', 'This', 'the', '<p>', '\"'] \n",
            "\n",
            " target:\n",
            "['<p>', '.', '<b>', '</p>', '<a', '<form', 'class=\"two', 'action=\"/action_page.php\">', '\"', '<label', 'href=\"default.asp', '<unk>', '\"', 'Points', 'target=\"_blank\">', ':', 'This', '</label>', 'link', '<input', 'changes', 'type=\"number', 'font', '\"', '-', '<unk>', 'size', '\"', '</a>', '<unk>', '</b>', '\"', '</p>', '<unk>', '<p>', '<input', '<b>', 'type=\"submit', '<a', '\"', '<unk>', 'value=\"Submit\">', '\"', '</form>', 'href=\"default.asp', '</body>', '\"', '</html>', 'target=\"_blank\">', '<!DOCTYPE', 'This', 'html>', 'link', '<html>', 'changes', '<body>', 'background', '<p>', '-', 'Do', 'color', 'not', '</a>', '<unk>', '</b>', 'to', '</p>', '<unk>', '<p>', '<mark>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['The', '.', 'Note', '.', 'Note', '.', '\"', ':', 'target=\"_blank\">', '</p>', '\"', '</div>', 'target=\"_blank\">', '</html>', 'This', '<!DOCTYPE', 'is', 'html>', '</a>', '<html>', 'the', '<head>', '-', '<style>', 'size', 'img', ':', '{', '</b>', 'margin', '</p>', ':', '<p>', 'column', '<b>', ';', 'Note', 'unicode', 'href=\"default.asp', '</style>', '\"', '-', 'target=\"_blank\">', 'bidi', '\"', '{', 'target=\"_blank\">', 'width', 'This', ':', 'is', 'first', '</a>', '-', 'the', 'flex', 'is', ';', 'shadow', '}', ':', ':', '</b>', 'flex', '</p>', ';', '<p>', 'width', 'html>', ':'] \n",
            "\n",
            " target:\n",
            "['<b>', '<unk>', '<a', '</mark>', '<unk>', '<unk>', '\"', '.', 'href=\"default.asp', '</p>', '\"', '</body>', 'target=\"_blank\">', '</html>', 'This', '<!DOCTYPE', 'link', 'html>', 'changes', '<html>', 'font', '<head>', '-', '<style>', 'family', 'body', '</a>', '{', '</b>', 'direction', '</p>', ':', '<p>', 'rtl', '<b>', ';', '<a', '}', '<unk>', '.flex', '\"', '-', 'href=\"default.asp', 'container', '\"', '{', 'target=\"_blank\">', 'display', 'This', ':', 'link', '-webkit', 'changes', '-', 'text', 'flex', '-', ';', 'decoration', 'display', '</a>', ':', '</b>', 'flex', '</p>', ';', '<!DOCTYPE', 'width', 'html>', ':'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<html>', '5px', '<head>', ';', '<style>', 'height', 'img', ':', '-', '250px', 'container', ';', '{', 'background', 'display', '-', ':', 'color', '-webkit', ':', '-', 'lightgrey', 'flex', ';', ';', '}', 'display', '.flex', ':', '-', 'flex', 'item', ';', '{', '-webkit', 'background', '-', '-', 'justify', 'color', '-', ':', 'items', 'cornflowerblue', ':', ';', 'flex', 'width', ';', ':', 'width', '100px', '-', ';', 'items', 'margin', ':', ':', 'flex', '100px', ';', ';', 'width', 'margin', ':', ':', '400px', '10px', ';', ';'] \n",
            "\n",
            " target:\n",
            "['<html>', '400px', '<head>', ';', '<style>', 'height', '.flex', ':', '-', '250px', 'container', ';', '{', 'background', 'display', '-', ':', 'color', '-webkit', ':', '-', 'lightgrey', 'flex', ';', ';', '}', 'display', '.flex', ':', '-', 'flex', 'item', ';', '{', '-webkit', 'background', '-', '-', 'align', 'color', '-', ':', 'items', 'cornflowerblue', ':', ';', 'center', 'width', ';', ':', 'align', '100px', '-', ';', 'items', 'height', ':', ':', 'center', '100px', ';', ';', 'width', 'margin', ':', ':', '400px', '10px', ';', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', '}', ':', '</style>', '100px', '</head>', ';', '<body>', 'background', '<p>', '-', 'class=\"newspaper\">', 'color', '-', ':', 'container\">', 'lightgrey', '<div', ';', 'class=\"flex', '}', '-', '.flex', 'item\">', '-', 'flex', 'item', 'item', '{', '1', 'background', '</div>', '-', '<div', 'color', 'class=\"flex', ':', '-', 'cornflowerblue', 'item\">', ';', 'flex', 'width', 'item', ':', '2', '100px', '</div>', ';', '<div', 'margin', 'class=\"flex', ':', '-', '10px', 'item\">', ';', 'flex', '}', 'item', '</style>', '3', '</head>', '</div>', '<body>', '</div>', '<div', '</div>', 'class=\"flex', '</html>'] \n",
            "\n",
            " target:\n",
            "['height', '}', ':', '</style>', '250px', '</head>', ';', '<body>', 'background', '<div', '-', 'class=\"flex', 'color', '-', ':', 'container\">', 'lightgrey', '<div', ';', 'class=\"flex', '}', '-', '.flex', 'item\">', '-', 'flex', 'item', 'item', '{', '1', 'background', '</div>', '-', '<div', 'color', 'class=\"flex', ':', '-', 'cornflowerblue', 'item\">', ';', 'flex', 'width', 'item', ':', '2', '100px', '</div>', ';', '<div', 'margin', 'class=\"flex', ':', '-', '10px', 'item\">', ';', 'flex', '}', 'item', '</style>', '3', '</head>', '</div>', '<body>', '</div>', '<div', '</body>', 'class=\"flex', '</html>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', '<!DOCTYPE', 'item\">', 'html>', '<div', '<html>', 'class=\"flex', '<head>', '-', '<style>', 'item\">', 'div', 'flex', ',', 'item', 'th', '1', ',', '</div>', 'td', '<div', '{', 'class=\"flex', 'border', '-', ':', 'item\">', '1px', 'flex', 'solid', 'item', 'black', '2', ';', '</div>', 'border', '<div', '-', 'class=\"flex', 'collapse', '-', ':', 'item\">', 'collapse', 'flex', ';', 'item', '}', '3', 'th', '</div>', ',', '</div>', 'td', '</body>', '{', '</html>', 'padding', '<!DOCTYPE', ':', 'html>', '5px', '<html>', ';', '<head>', 'text', '<style>', '-', '.pagination', 'align'] \n",
            "\n",
            " target:\n",
            "['-', '<!DOCTYPE', 'container\">', 'html>', '<div', '<html>', 'class=\"flex', '<head>', '-', '<style>', 'item\">', 'table', 'flex', ',', 'item', 'th', '1', ',', '</div>', 'td', '<div', '{', 'class=\"flex', 'border', '-', ':', 'item\">', '1px', 'flex', 'solid', 'item', 'black', '2', ';', '</div>', 'border', '<div', '-', 'class=\"flex', 'collapse', '-', ':', 'item\">', 'collapse', 'flex', ';', 'item', '}', '3', 'th', '</div>', ',', '</div>', 'td', '</body>', '{', '</html>', 'padding', '<!DOCTYPE', ':', 'html>', '5px', '<html>', ';', '<head>', 'text', '<style>', '-', 'ul', 'align'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['list', '-', 'list', 'center', '-', ';', 'style', 'padding', '-', 'table.names', 'none', '</head>', ';', '<body>', ':', '<p>', ';', 'items', 'from', 'padding', ';', 'the', '}', '</h2>', '</style>', 'divs', '</head>', 'or', '<body>', '<p>', '<h2>', 'The', 'The', 'center', 'Lists', 'the', '</h2>', 'source', '<p>', 'contains', 'The', ':', 'list', ',', '-', 'one', 'style', 'of', '-', ':', 'specifies', 'and', 'used', 'the', 'list', 'rgba', 'property', ',', '-', 'attached', 'and', '</p>', 'are', '</body>', 'hidden', 'class=\"table', 'to', '<tr>', 'scroll', '<td>'] \n",
            "\n",
            " target:\n",
            "['{', ':', 'list', 'left', '-', ';', 'style', '}', ':', '</style>', 'square', '</head>', 'inside', '<body>', '<unk>', '<h2>', '\"', 'Cell', ')', 'that', ';', '<unk>', '}', 'two', '</style>', 'rows', '</head>', '</h2>', '<body>', '<p>', '<h2>', 'To', 'CSS', 'make', 'Lists', 'a', '</h2>', 'cell', '<p>', 'span', 'The', 'more', 'list', 'than', '-', 'one', 'style', 'row', 'property', ',', 'is', 'use', 'a', 'the', 'shorthand', '<unk>', 'property', 'attribute', ',', '.', 'which', '</p>', 'is', '<table', 'used', 'style=\"width:100%\">', 'to', '<tr>', 'set', '<th>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['to', 'Firstname', '.', '</th>', 'external', 'Firstname', '.', '<th>', '.', 'Peter', 'one', '</td>', 'declaration', '</td>', '.', '<td>', '</p>', '<tr>', '<p>', '<td>', '<li>', '</td>', 'Coffee', '</td>', '</li>', 'Field', '<li>', '</p>', 'Tea', '</tr>', '</li>', 'Alfreds', '<li>', ';', 'Milk', '<td>', 'Cola', '<tr>', '</li>', '<td>', '</ul>', 'January', '</body>', '</td>', '</html>', '<td>', '<!DOCTYPE', '<tr>', 'html>', '</body>', '<html>', 'html>', '<body>', '<html>', '<style>', 'lang=\"en\">', 'div', '<head>', 'navlist', '<title>', '{', 'Bootstrap', 'height', 'Example', ':', '</title>', '200px', '<meta', ';', 'charset=\"utf-8\">'] \n",
            "\n",
            " target:\n",
            "['all', 'Name', 'the', ':', 'list', '</th>', 'properties', '<td>', 'in', '<unk>', 'one', '<unk>', 'declaration', '</td>', '.', '</tr>', '</p>', '<tr>', '<ul>', '<unk>', '<li>', '<unk>', 'Coffee', 'Telephone', '</li>', ':', '<li>', '</th>', 'Tea', '<td>', '</li>', '<unk>', '<li>', '</td>', 'Coca', '</tr>', 'Cola', '<tr>', '</li>', '<td>', '</ul>', '<unk>', '</body>', '</td>', '</html>', '</tr>', '<!DOCTYPE', '</table>', 'html>', '<!DOCTYPE', '<html>', 'html>', '<head>', '<html', '<style>', 'lang=\"en\">', '#', '<head>', 'grad1', '<title>', '{', 'Bootstrap', 'height', 'Example', ':', '</title>', '200px', '<meta', ';', 'charset=\"utf-8\">'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', '<meta', '-', 'name=\"viewport', 'color', '\"', ':', 'content=\"width', '#', '=', ';', 'device', '/', '-', '*', 'width', 'For', ',', 'browsers', 'initial', 'that', '-', 'do', 'scale=1\">', 'not', '<link', 'support', 'rel=\"stylesheet', 'gradients', '\"', '*', 'href=\"https://maxcdn.bootstrapcdn.com', '/', '/', 'background', 'bootstrap/3.4.1', '-', '/', 'image', 'css', ':', '/', 'radial', 'bootstrap.min.css\">', '-', '<script', 'gradient(0deg', 'src=\"https://ajax.googleapis.com', ',', '/', 'yellow', 'ajax', '10', '/', ';', 'libs', '}', '/', '#', 'jquery/3.5.1', '</head>', '/', '<body>', 'jquery.min.js\">', '<h1>', '</script>', 'Radial', '<script', 'Gradient', 'src=\"https://maxcdn.bootstrapcdn.com'] \n",
            "\n",
            " target:\n",
            "['background', '<meta', '-', 'name=\"viewport', 'color', '\"', ':', 'content=\"width', 'red', '=', ';', 'device', '/', '-', '*', 'width', 'For', ',', 'browsers', 'initial', 'that', '-', 'do', 'scale=1\">', 'not', '<link', 'support', 'rel=\"stylesheet', 'gradients', '\"', '*', 'href=\"https://maxcdn.bootstrapcdn.com', '/', '/', 'background', 'bootstrap/3.4.1', '-', '/', 'image', 'css', ':', '/', 'linear', 'bootstrap.min.css\">', '-', '<script', 'gradient(red', 'src=\"https://ajax.googleapis.com', ',', '/', 'yellow', 'ajax', ')', '/', ';', 'libs', '}', '/', '</style>', 'jquery/3.5.1', '</head>', '/', '<body>', 'jquery.min.js\">', '<h1>', '</script>', 'Linear', '<script', 'Gradient', 'src=\"https://maxcdn.bootstrapcdn.com'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', '/', 'Differently', 'bootstrap/3.4.1', 'Left', '/', 'Right', 'js', 'Left', '/', '<div', 'bootstrap.min.js\">', 'This', '</script>', 'linear', '</head>', '</div>', '<body>', 'starts', '<div', 'h1', 'class=\"container\">', 'at', '<h2>', 'top', 'Stacked', 'left', '</h2>', 'left', 'the', 'transitioning', 'Backgrounds', 'to', '</h2>', 'yellow', '<p>', '(', 'class=\"polaroid\">', 'bottom', 'panel', 'right', 'color', 'right', '<div', '</p>', 'class=\"panel', '<div', 'panel', 'id=\"grad1\">', '-', '</div>', 'default\">', '</body>', '<div', '</html>', 'class=\"panel', '<!DOCTYPE', '-', 'html>', 'heading\">', '<html>', 'Panel', '<body>', 'Heading', '<h2>', 'static', 'This', '-', 'first', 'default\">'] \n",
            "\n",
            " target:\n",
            "['-', '/', 'Top', 'bootstrap/3.4.1', 'to', '/', 'Bottom', 'js', '</h1>', '/', '<p>', 'bootstrap.min.js\">', 'This', '</script>', 'linear', '</head>', 'gradient', '<body>', 'starts', '<div', 'red', 'class=\"container\">', 'at', '<h2>', 'the', '<unk>', 'top', 'with', ',', 'Contextual', 'transitioning', 'Classes', 'to', '</h2>', 'yellow', '<div', 'at', 'class=\"panel', 'the', '-', 'bottom', 'group\">', ':', '<div', '</p>', 'class=\"panel', '<div', 'panel', 'id=\"grad1\">', '-', '</div>', 'default\">', '</body>', '<div', '</html>', 'class=\"panel', '<!DOCTYPE', '-', 'html>', 'heading\">', '<html>', 'Panel', '<body>', 'with', '<h1>', 'panel', 'The', '-', 'input', 'default'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', 'width', ':', ':', ':', '<!DOCTYPE', '<h2>', 'class=\"btn', 'The', '-', 'link', 'body\">', 'is', 'Panel', 'specifies', 'Content', 'the', '</div>', 'the', '<!DOCTYPE', 'link', '<!DOCTYPE', 'field', 'html>', 'must', '<html', 'be', '<head>', 'stack', '<meta', 'a', 'div', 'selector', '{', 'it', 'border', 'first', '-', '.', 'color', '.', ':', '</p>', 'red', '<form>', ';', 'action=\"/action_page.php', '}', '<label', '</style>', 'for=\"fname\">', '{', 'First', 'border', 'name', '-', ':', 'style', '</label>', ':', '<input', 'dotted', '<input', ';', 'type=\"text', '}', '\"', 'p.dashed', 'id=\"fname', '{'] \n",
            "\n",
            " target:\n",
            "['<unk>', 'class', 'attribute', '</div>', '</h1>', '<div', '<p>', 'class=\"panel', 'The', '-', '<unk>', 'body\">', 'attribute', 'Panel', 'specifies', 'Content', 'that', '</div>', 'the', '</div>', 'input', '<!DOCTYPE', 'field', 'html>', 'should', '<html>', 'automatically', '<head>', 'get', '<style>', 'focus', 'p', 'when', '{', 'the', 'outline', 'page', '-', '<unk>', 'color', '.', ':', '</p>', 'red', '<form', ';', 'action=\"/action_page.php\">', '}', '<label', 'p.dotted', 'for=\"fname\">', '{', 'First', 'outline', 'name', '-', ':', 'style', '</label>', ':', '<br>', 'dotted', '<input', ';', 'type=\"text', '}', '\"', 'p.dashed', 'id=\"fname', '{'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['\"', 'background', 'name=\"fname\">', '-', '\"', 'color', 'value=\"John\"><br>', ':', 'Me', 'dotted', 'for=\"lname\">', ';', 'Last', '}', 'name', 'p.ex2', ':', '{', '</label>', 'border', '<input', '-', '<input', 'style', 'type=\"text', ':', '\"', 'solid', 'id=\"lname', ';', '\"', '}', 'name=\"lname', 'p.double', '<input', '{', 'type=\"submit', 'border', '\"', '-', 'value=\"Submit\">', 'style', '<input', ':', '</body>', 'double', '</html>', ';', '<!DOCTYPE', '}', 'html>', 'p.groove', '<html>', '{', '<head>', 'border', '<style>', '-', 'img', 'style', '{', ':', 'width', 'groove', ':', ';', '200px', '}', ';', 'p.ridge'] \n",
            "\n",
            " target:\n",
            "['\"', 'outline', 'name=\"fname', '-', '\"', 'style', '<unk>', ':', '<label', 'dashed', 'for=\"lname\">', ';', 'Last', '}', 'name', 'p.solid', ':', '{', '</label>', 'outline', '<br>', '-', '<input', 'style', 'type=\"text', ':', '\"', 'solid', 'id=\"lname', ';', '\"', '}', 'name=\"lname\"><br><br>', 'p.double', '<input', '{', 'type=\"submit', 'outline', '\"', '-', 'value=\"Submit\">', 'style', '</form>', ':', '</body>', 'double', '</html>', ';', '<!DOCTYPE', '}', 'html>', 'p.groove', '<html>', '{', '<head>', 'outline', '<style>', '-', 'div', 'style', '{', ':', 'width', 'groove', ':', ';', '100px', '}', ';', 'p.ridge'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', '{', ':', 'border', '100px', '-', ';', 'style', 'background', ':', '-', 'ridge', 'color', ';', ':', '}', 'red', 'p.inset', ';', '{', '/', 'border', ':', '-', 'relative', 'style', ';', ':', 'animation', 'inset', '-', ';', 'name', '}', ':', 'p.outset', 'example', '{', ';', 'border', 'animation', '-', '-', 'style', 'duration', ':', ':', 'outset', '4s', ';', ';', '}', 'animation', '</style>', '-', '</head>', 'direction', '<body>', '-', '<h2>', 'count', 'The', ':', 'outline', '3', '-', ';', 'color', '}', 'Property'] \n",
            "\n",
            " target:\n",
            "['height', '{', ':', 'outline', '100px', '-', ';', 'style', 'background', ':', '-', 'ridge', 'color', ';', ':', '}', 'red', 'p.inset', ';', '{', 'position', 'outline', ':', '-', 'relative', 'style', ';', ':', 'animation', 'inset', '-', ';', 'name', '}', ':', 'p.outset', 'example', '{', ';', 'outline', 'animation', '-', '-', 'style', 'duration', ':', ':', 'outset', '4s', ';', ';', '}', 'animation', '</style>', '-', '</head>', 'iteration', '<body>', '-', '<h2>', 'count', 'The', ':', 'outline', '2', '-', ';', 'style', 'animation', 'Property'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', 'property', 'timing', '<p>', ':', 'class=\"dashed\">', 'column', 'A', ';', 'dotted', '}', 'right', '@keyframes', '.', 'myfirst', '<p', '{', 'class=\"dashed\">', 'background', 'A', '%', 'dashed', '{', 'right', 'background', '.', '-', '<p', 'color', 'class=\"solid\">', ':', 'A', 'red', 'solid', ';', 'right', 'left:0px', '.', ';', '<p', 'top:0px', 'class=\"double\">', ';', 'A', '}', 'double', '25', 'right', '%', '.', '{', '<p', 'background', 'class=\"groove\">', '-', 'A', 'color', 'groove', ':', 'right', 'yellow', '.', ';', '</p>', 'left:200px', 'outline', ';', '.', 'top:0px', '<p'] \n",
            "\n",
            " target:\n",
            "['-', '</h2>', 'direction', '<p', ':', 'class=\"dotted\">', 'alternate', 'A', ';', 'dotted', '}', 'outline', '@keyframes', '</p>', 'example', '<p', '{', 'class=\"dashed\">', '0', 'A', '%', 'dashed', '{', 'outline', 'background', '</p>', '-', '<p', 'color', 'class=\"solid\">', ':', 'A', 'red', 'solid', ';', 'outline', 'left:0px', '</p>', ';', '<p', 'top:0px', 'class=\"double\">', ';', 'A', '}', 'double', '25', 'outline', '%', '</p>', '{', '<p', 'background', 'class=\"groove\">', '-', 'A', 'color', 'groove', ':', 'outline', 'yellow', '.', ';', 'The', 'left:200px', 'effect', ';', '<unk>', 'top:0px', 'on'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['{', 'small', '}', 'right', '}', '.', '%', 'width', '{', 'to', 'background', ',', '-', '</p>', 'color', '<p', ':', 'class=\"ex3\">', 'blue', 'A', ';', 'ridge', 'left:200px', 'top', ';', '.', 'top:200px', '</p>', ';', 'width', '}', '.', '75', 'This', '%', 'the', '{', 'first', 'background', '.', '-', 'width', 'color', 'of', ':', 'of', 'green', '</p>', ';', '<p', 'left:0px', '>', ';', 'An', 'top:200px', 'outset', ';', 'bottom', '}', '.', '100', '</p>', '%', 'outline', '{', '.', 'background', 'This', '-', 'the'] \n",
            "\n",
            " target:\n",
            "[';', 'the', '}', 'outline', '50', '-', '%', 'color', '{', 'value', 'background', '.', '-', '</p>', 'color', '<p', ':', 'class=\"ridge\">', 'blue', 'A', ';', 'ridge', 'left:200px', 'outline', ';', '.', 'top:200px', 'The', ';', 'effect', '}', '<unk>', '75', 'on', '%', 'the', '{', 'outline', 'background', '-', '-', 'color', 'color', 'value', ':', '.', 'green', '</p>', ';', '<p', 'left:0px', 'class=\"inset\">', ';', 'An', 'top:200px', 'inset', ';', 'outline', '}', '.', '100', 'The', '%', 'effect', '{', '<unk>', 'background', 'on', '-', 'the'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', 'text', ':', '.', '#', 'color', ';', 'to', 'left:0px', ',', ';', 'The', 'top:0px', '<p', ';', 'class=\"ex3\">', '}', 'An', '25', 'outset', '25', 'bottom', '</head>', '.', '<body>', '</p>', '<p>', 'outline', '<b>', '.', 'Note', 'This', ':', 'the', '</b>', 'first', 'This', '.', 'example', 'width', 'does', 'of', 'not', 'of', 'work', '</p>', 'in', '</body>', 'Internet', '</html>', 'Explorer', '<!DOCTYPE', '9', 'html>', 'and', '<html>', 'earlier', '<head>', 'versions', '<style>', '.', 'html', '</p>', '{', '<div>', 'width', '</div>', '{', '</body>', 'width'] \n",
            "\n",
            " target:\n",
            "['color', 'outline', ':', '-', 'red', 'color', ';', 'value', 'left:0px', '.', ';', '</p>', 'top:0px', '<p', ';', 'class=\"outset\">', '}', 'An', '}', 'outset', '</style>', 'outline', '</head>', '.', '<body>', 'The', '<p>', 'effect', '<b>', '<unk>', 'Note', 'on', ':', 'the', '</b>', 'outline', 'This', '-', 'example', 'color', 'does', 'value', 'not', '.', 'work', '</p>', 'in', '</body>', 'Internet', '</html>', 'Explorer', '<!DOCTYPE', '9', 'html>', 'and', '<html>', 'earlier', '<head>', 'versions', '<style>', '.', '<unk>', '</p>', '-', '<div>', '<unk>', '</div>', '{', '</body>', 'font'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</html>', '-', 'html>', 'size', '<html>', ':', 'lang=\"en\">', '\"', '<head>', ';', '<title>', '}', 'Bootstrap', 'attribute', 'Example', '</p>', '</title>', ';', '<meta', ':', 'charset=\"utf-8\">', '}', '<meta', '</style>', 'name=\"viewport', '{', '\"', 'index', 'content=\"width', '{', '=', 'width', 'device', '-', '-', 'width', 'width', ':', ',', 'oblique', 'initial', ';', '-', '}', 'scale=1\">', 'attribute', '<link', '9999', 'rel=\"stylesheet', ';', '\"', ':', 'href=\"https://maxcdn.bootstrapcdn.com', '}', '/', '-', 'bootstrap/3.4.1', 'index', '/', ':', 'css', 'bold', '/', ';', 'bootstrap.min.css\">', '}', '<script', '</style>', 'src=\"https://ajax.googleapis.com', 'the'] \n",
            "\n",
            " target:\n",
            "['<!DOCTYPE', '-', 'html>', 'family', '<html', ':', 'lang=\"en\">', '<unk>', '<head>', ';', '<title>', 'src', 'Bootstrap', ':', 'Example', '<unk>', '</title>', ')', '<meta', ';', 'charset=\"utf-8\">', '}', '<meta', '<unk>', 'name=\"viewport', '-', '\"', '<unk>', 'content=\"width', '{', '=', 'font', 'device', '-', '-', 'family', 'width', ':', ',', '<unk>', 'initial', ';', '-', 'src', 'scale=1\">', ':', '<link', '<unk>', 'rel=\"stylesheet', ')', '\"', ';', 'href=\"https://maxcdn.bootstrapcdn.com', 'font', '/', '-', 'bootstrap/3.4.1', 'weight', '/', ':', 'css', 'bold', '/', ';', 'bootstrap.min.css\">', '}', '<script', '*', 'src=\"https://ajax.googleapis.com', '{'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['/', 'background', 'ajax', '-', '/', 'size', 'libs', ':', '/', '\"', 'jquery/3.5.1', ';', '/', '}', 'jquery.min.js\">', '.col-2', '</script>', '</head>', '<script', '<body>', 'src=\"https://maxcdn.bootstrapcdn.com', '<h2>', '/', 'The', 'bootstrap/3.4.1', 'link', '/', 'Page', 'js', 'header\">', '/', '{', 'bootstrap.min.js\">', '</h2>', '</script>', '<h2>', '</head>', 'This', '<body>', 'the', '<div', 'first', 'class=\"container\">', 'and', '-', 'of', 'fluid\">', 'be', '<h1>', 'the', 'Push', 'and', '</h1>', 'This', '<p>', '<h2>', 'This', 'when', 'example', 'one', 'demonstrates', 'link', 'a', 'element', '50%/50', 'width', '%', 'attribute', 'split', 'alt=\"HTML5'] \n",
            "\n",
            " target:\n",
            "['/', 'font', 'ajax', '-', '/', 'family', 'libs', ':', '/', '<unk>', 'jquery/3.5.1', ';', '/', '}', 'jquery.min.js\">', '</style>', '</script>', '</head>', '<script', '<body>', 'src=\"https://maxcdn.bootstrapcdn.com', '<h1>', '/', 'The', 'bootstrap/3.4.1', '<unk>', '/', '-', 'js', '<unk>', '/', '<unk>', 'bootstrap.min.js\">', '</h1>', '</script>', '<div>', '</head>', 'With', '<body>', 'CSS', '<div', ',', 'class=\"container', '<unk>', '-', 'can', 'fluid\">', 'use', '<h1>', '<unk>', 'Grid', '>', '</h1>', '<unk>', '<p>', 'other', 'This', 'than', 'example', 'the', 'demonstrates', 'pre', 'a', '-', '50%/50', 'selected', '%', '\"', 'split', 'web'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['on', 'page', 'large', 'item', 'devices', ':', 'medium', 'time(s', 'and', ';', 'large', '</p>', 'devices', '</body>', '.', 'Use', 'On', 'Note', 'extra', ':', 'small', '</b>', 'devices', 'The', ',', 'Explorer', 'it', '10', 'will', 'and', 'automatically', 'earlier', '(', 'versions', '100', 'and', '%', 'not', 'width', 'support', ')', 'the', '.', 'link', '</p>', 'of', '<p>', 'name', 'Resize', 'name', 'the', ':', 'browser', '</p>', 'window', '</body>', 'to', '</html>', 'see', '<!DOCTYPE', 'the', 'html>', 'effect', '<html>', '.', '<head>', '</p>', '<style>', '<div', 'img'] \n",
            "\n",
            " target:\n",
            "['on', '-', 'small', '<unk>', ',', '\"', 'medium', '<unk>', 'and', '.', 'large', '</div>', 'devices', '<p>', '.', '<b>', 'On', 'Note', 'extra', ':', 'small', '</b>', 'devices', 'Internet', ',', 'Explorer', 'it', '8', 'will', 'and', 'stack', 'earlier', '(', ',', '100', 'do', '%', 'not', 'width', 'support', ')', 'the', '.', '<unk>', '</p>', '-', '<p>', '<unk>', 'Resize', 'rule', 'the', '.', 'browser', '</p>', 'window', '</body>', 'to', '</html>', 'see', '<!DOCTYPE', 'the', 'html>', 'effect', '<html>', '.', '<head>', '</p>', '<style>', '<div', '.city'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['class=\"container\">', '\"', '<div', 'background', 'class=\"col', '-', '-', 'color', 'sm-4', ':', 'col', 'tomato', 'style=\"background', ';', '-', 'color', 'color', ':', ':', 'white', 'yellow;\">', ';', 'Lorem', 'padding', 'ipsum', ':', 'dolor', '10px', 'sit', ';', 'amet', '}', ',', '</style>', 'consectetur', '</head>', 'adipisicing', '<body>', 'elit', '<h2>', ',', 'Difference', 'sed', '</h2>', 'do', '</h2>', 'eiusmod', '</h2>', 'tempor', '</h2>', 'incididunt', 'as', 'ut', 'and', 'labore', '<p>', 'et', 'Use', 'dolore', 'a', 'magna', 'the', 'aliqua.<br>', 'link', '<!DOCTYPE', 'paragraphs', 'html>', '.', '<html>', 'with'] \n",
            "\n",
            " target:\n",
            "['class=\"row\">', '{', '<div', 'background', 'class=\"col', '-', '-', 'color', 'sm-6', ':', '\"', 'tomato', 'style=\"background', ';', '-', 'color', 'color', ':', ':', 'white', 'yellow;\">', ';', 'Lorem', 'padding', 'ipsum', ':', 'dolor', '10px', 'sit', ';', 'amet', '}', ',', '</style>', 'consectetur', '</head>', 'adipisicing', '<body>', 'elit', '<h2>', ',', '<unk>', 'sed', 'Elements', 'do', '<unk>', 'eiusmod', '<unk>', 'tempor', 'Same', 'incididunt', 'Class', 'ut', '</h2>', 'labore', '<p>', 'et', '<unk>', 'dolore', 'if', 'magna', 'the', 'aliqua.<br>', 'two', '<!DOCTYPE', 'elements', 'html>', 'do', '<html>', 'not'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<head>', 'work', '<style>', 'better', 'img', 'overflow', '{', 'class', 'background', '.', '-', 'attribute', 'color', 'use', ':', 'and', '#', 'be', '4CAF50', 'the', ';', 'and', '/', 'the', '*', 'link', 'Green', 'place', '*', 'name', '/', 'use', 'border', 'the', ':', 'your', 'none', 'link', ';', 'place', 'color', 'first', ':', '(', 'white', '</p>', ';', '</body>', 'padding', 'class=\"city\">', ':', '<h2>', '15px', '</h2>', '32px', '<!DOCTYPE', ';', '>', 'text', 'Paris', '-', '</h2>', 'align', 'the', ':', 'capital', 'center', 'of', ';', 'France'] \n",
            "\n",
            " target:\n",
            "['<head>', 'have', '<style>', 'the', '.button', 'same', '{', 'tag', 'background', 'name', '-', ',', 'color', '<unk>', ':', 'can', '#', 'both', '4CAF50', '<unk>', ';', 'to', '/', 'the', '*', 'same', 'Green', 'class', '*', ',', '/', 'and', 'border', 'get', ':', 'the', 'none', 'same', ';', 'CSS', 'color', 'styling', ':', ':', 'white', '</p>', ';', '<h2', 'padding', 'class=\"city\">', ':', 'Paris', '15px', '</h2>', '32px', '<p', ';', 'class=\"city\">', 'text', 'Paris', '-', 'is', 'align', 'the', ':', 'capital', 'center', 'of', ';', 'France'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', '{', '-', 'The', 'decoration', '<p', ':', '</html>', 'none', '<!DOCTYPE', ';', 'html>', 'display', '<html>', ':', '<body>', 'inline', '<style>', '-', '.grid', 'block', '{', ';', 'border', 'font', ':', '-', '200px', 'size', ';', ':', 'height', '16px', ':', ';', '200px', 'cursor', ';', ':', 'border', '4px', '-', '2px', 'fit', ';', ':', 'cursor', 'fill', ':', '{', 'pointer', 'position', ';', ';', '}', '}', '.button2', '</style>', '{', '</head>', 'font', '<body>', '-', '<h2>', 'color', 'Using', ':', 'The', 'white', '-'] \n",
            "\n",
            " target:\n",
            "['text', '.', '-', '</p>', 'decoration', '</body>', ':', '</html>', 'none', '<!DOCTYPE', ';', 'html>', 'display', '<html>', ':', '<head>', 'inline', '<style>', '-', 'img', 'block', '{', ';', 'width', 'font', ':', '-', '200px', 'size', ';', ':', 'height', '16px', ':', ';', '300px', 'margin', ';', ':', 'object', '4px', '-', '2px', 'fit', ';', ':', 'cursor', 'scale', ':', '-', 'pointer', 'down', ';', ';', '}', '}', '.button1', '</style>', '{', '</head>', 'background', '<body>', '-', '<h2>', 'color', 'Using', ':', 'object', 'white', '-'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['text', 'color', 'padding', ':', ':', 'contain', '14px', '(', ';', 'box', 'padding', 'the', ':', '}', '2px', '<div', 'solid', 'src=\"paris.jpg', '#', '\"', '73AD21', 'alt=\"Paris', ';', '\"', '}', 'style=\"width:150px\">', '@media', '\"', ':', 'height=\"300\">', 'border', '</body>', '-', '</html>', 'color', '<!DOCTYPE', ':', 'html>', 'white', '<html>', ';', '<head>', 'border', '<style>', ':', 'body', '15px', '{', ';', 'width', 'border', ':', ':', '1px', '1px', 'solid', 'solid', 'black', '#', ';', '008CBA', '}', ';', '-', '}', 'color', '.button2', ':', '{', '#'] \n",
            "\n",
            " target:\n",
            "[';', 'fit', 'color', ':', ':', 'scale', 'black', '-', ';', 'down', 'border', ';', ':', '</h2>', '2px', '<img', 'solid', 'src=\"paris.jpg', '#', '\"', '4CAF50', 'alt=\"Paris', ';', '\"', '}', 'width=\"400', '.button2', '\"', '{', 'height=\"300\">', 'background', '</body>', '-', '</html>', 'color', '<!DOCTYPE', ':', 'html>', 'white', '<html>', ';', '<head>', 'color', '<style>', ':', 'div', 'black', '{', ';', 'border', 'border', ':', ':', '1px', '2px', 'solid', 'solid', 'black', '#', ';', '008CBA', 'background', ';', '-', '}', 'color', '.button3', ':', '{', 'lightblue'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['background', ';', '-', '}', 'color', ':', ':', 'color', '#', ':', ';', '40px', 'padding', ';', ':', '}', 'black', ':', ';', 'spacing', 'padding', ':', ':', '40px', '1px', ';', 'solid', '}', '#', ':', '4CAF50', 'align', ';', ':', 'padding', '20px', '.row', ';', '{', '}', 'float', ':', 'html>', 'align', '<html>', ':', '<body>', '20px', '<style>', ';', '*', '}', '{', '#', 'border', '</head>', '-', '<body>', 'color', '<h1>', ':', 'Heading', 'white', 'individual', 'rcorners3', 'margin', ';', 'of', '}', '</h2>'] \n",
            "\n",
            " target:\n",
            "['background', ';', '-', 'padding', 'color', '-', ':', 'top', 'white', ':', ';', '50px', 'color', ';', ':', 'padding', 'black', '-', ';', 'right', 'border', ':', ':', '30px', '2px', ';', 'solid', 'padding', '#', '-', 'f44336', 'bottom', ';', ':', '}', '50px', '.button4', ';', '{', 'padding', '<!DOCTYPE', '-', 'html>', 'left', '<html>', ':', '<head>', '80px', '<style>', ';', 'div', '}', '{', '</style>', 'background', '</head>', '-', '<body>', 'color', '<h2>', ':', 'Using', '#', 'individual', '4CAF50', 'padding', ';', 'properties', 'padding', '</h2>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', '<p>', '5px', '<p>', ';', 'div', '}', 'element', '.grid', 'has', '{', 'a', 'background', 'top', ':', 'margin', 'rgba(76', 'of', '%', '100px', '}', ',', 'div.second', 'a', '{', 'bottom', 'background', 'margin', ':', 'of', 'rgba(76', '75px', ';', '.', '}', 'a', 'div.third', 'bottom', '{', 'margin', 'background', 'of', ':', 'grid', 'rgba(76', '.', ';', 'and', '}', 'a', '</style>', 'bottom', '</head>', 'margin', '<body>', 'of', '<h2>', '20px', 'The', '.', 'Box', '</div>', '1', '</body>', '<p>', '</html>', 'With', '<!DOCTYPE', 'aligning', 'html>'] \n",
            "\n",
            " target:\n",
            "[':', '<div>', '10px', 'This', ';', 'div', '}', 'element', 'div.first', 'has', '{', 'a', 'opacity', 'top', ':', 'padding', '0.1', 'of', ';', '50px', '}', ',', 'div.second', 'a', '{', 'right', 'opacity', 'padding', ':', 'of', '0.3', '30px', ';', ',', '}', 'a', 'div.third', 'bottom', '{', 'padding', 'opacity', 'of', ':', '50px', '0.6', ',', ';', 'and', '}', 'a', '</style>', 'left', '</head>', 'padding', '<body>', 'of', '<h1>', '80px', 'Transparent', '.', 'Box', '</div>', '</h1>', '</body>', '<p>', '</html>', 'When', '<!DOCTYPE', 'using', 'html>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['HSL', '<html>', 'float', '<head>', 'property', '<style>', ',', 'img', 'add', '{', 'some', 'link', 'to', '{', 'the', 'margin', 'button', '{', 'color', '}', 'the', '</style>', 'image', '{', '(', 'link', 'we', '{', 'the', 'width', 'the', '{', 'current', '}', '(', '</style>', '.', '{', '.', 'link', 'box', '{', 'the', 'width', '.', '{', '</p>', '}', 'is', '</style>', 'be', '{', 'it', '0', 'link', '{', '-', 'width', 'the', '{', 'button', '}', '.', '</style>', 'box', '{', 'with', '1', 'and', '{'] \n",
            "\n",
            " target:\n",
            "['the', '<html>', 'opacity', '<head>', 'property', '<style>', 'to', '<unk>', 'add', ':', 'transparency', 'link', 'to', '{', 'the', '<unk>', 'background', ';', 'of', '}', 'an', '<unk>', 'element', ':', ',', 'visited', 'all', '{', 'of', '<unk>', 'its', ';', 'child', '}', 'elements', '<unk>', '<unk>', ':', 'transparent', 'hover', 'as', '{', '<unk>', '<unk>', '.', ';', 'This', '}', 'can', '<unk>', 'make', ':', 'the', 'link', 'text', '{', 'inside', '<unk>', 'a', ';', '<unk>', '}', 'transparent', '<unk>', 'element', ':', '<unk>', 'visited', 'to', '{'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['see', 'background', 'from', '-', '</p>', '}', '</body>', '</style>', 'class=\"first_test\">', '{', '<p>', 'link', '10', '{', '</p>', 'width', '1', '-', '</div>', 'family', '<h2>', ';', 'style=\"opacity:0.3;\">', ';', '<p>', '}', '30', '</style>', '</p>', '{', ';', 'link', '</div>', '{', '<h2>', 'width', 'class=\"third\">', '{', '<p>', '}', '60', '</style>', '</p>', '{', '<li>', '9999', '</div>', '{', '</body>', 'width', '</div>', '{', '60', '}', '</p>', '</style>', '</div>', '{', ')', '1', ')', '{', ':', 'margin', '</div>', '{', '</body>', '}', '</html>', '</style>'] \n",
            "\n",
            " target:\n",
            "['<unk>', '<unk>', ':', ';', '</p>', '}', '<div', '<unk>', 'class=\"first\">', ':', '<p>', 'hover', 'opacity', '{', '0.1', 'font', '</p>', '-', '</div>', '<unk>', '<div', '%', 'class=\"second\">', ';', '<p>', '}', 'opacity', '<unk>', '0.3', ':', '</p>', 'link', '</div>', '{', '<div', '<unk>', 'class=\"third\">', ';', '<p>', '}', 'opacity', '<unk>', '0.6', ':', '</p>', 'visited', '</div>', '{', '<div>', '<unk>', '<p>', ';', 'opacity', '}', '1', '<unk>', '(', ':', 'default', 'hover', ')', '{', '</p>', '<unk>', '</div>', ';', '</body>', '}', '</html>', '<unk>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<!DOCTYPE', '<h2>', 'html>', '1', '<html>', '</a>', '<head>', 'width', '<style>', ';', 'div', '}', '{', '</style>', 'padding', '{', '-', '1', 'top', '{', '{', 'width', ';', ';', '}', '}', 'p.padding2', '</style>', '{', '{', 'padding', '0', '-', '{', 'top', 'width', '{', '-', ';', 'Notice', '}', ':', '</style>', 'link', '</head>', ';', '<body>', '}', '<h1>', '</style>', 'The', ';', 'padding', '</p>', '-', '.', 'top', 'width', 'Property', ';', '</h1>', '01', '<p>', ':', 'This', '</p>', 'is', ';', 'a', '}'] \n",
            "\n",
            " target:\n",
            "['<!DOCTYPE', ':', 'html>', 'link', '<html>', '{', '<head>', '<unk>', '<style>', ';', 'p.padding', '}', '{', '<unk>', 'padding', ':', '-', 'visited', '<unk>', '{', 'cm', '<unk>', ';', ';', '}', '}', 'p.padding2', '<unk>', '{', ':', 'padding', 'hover', '-', '{', '<unk>', 'font', '%', '-', ';', 'family', '}', ':', '</style>', 'monospace', '</head>', ';', '<body>', '}', '<h1>', '<unk>', 'The', ':', 'padding', 'link', '-', '{', 'bottom', '<unk>', 'Property', '-', '</h1>', 'decoration', '<p>', ':', 'This', 'none', 'is', ';', 'a', '}'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['paragraph', '</style>', '.', '{', 'no', '1', 'left', '{', 'padding', 'width', '.', '{', '</p>', '01', 'is', ':', 'a', 'link', 'text', ';', 'with', '}', 'no', '</style>', 'top', '{', 'padding', '0', '.', '{', 'This', 'width', 'is', '-', 'a', 'align', 'text', ':', 'with', 'none', 'no', ';', 'top', '}', 'padding', '</style>', '.', '</head>', 'This', '<body>', '<p', '<h2>', 'class=\"padding\">', '<b>', 'This', 'over', 'text', 'the', 'has', 'link', 'a', 'will', 'top', 'a', 'padding', 'it', 'of', 'horizontally', '2', 'the'] \n",
            "\n",
            " target:\n",
            "['text', '<unk>', 'with', ':', 'no', 'visited', 'bottom', '{', 'padding', '<unk>', '.', '-', 'This', 'decoration', 'is', ':', 'a', 'none', 'text', ';', 'with', '}', 'no', '<unk>', 'bottom', ':', 'padding', 'hover', '.', '{', 'This', 'text', 'is', '-', 'a', 'decoration', 'text', ':', 'with', 'underline', 'no', ';', 'bottom', '}', 'padding', '</style>', '.', '</head>', '</p>', '<body>', '<p', '<p>', 'class=\"padding\">', 'Mouse', 'This', 'over', 'text', 'the', 'has', 'links', 'a', 'and', 'bottom', 'watch', 'padding', 'them', 'of', 'change', '2', 'layout'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</h2>', '.', ';', 'The', 'This', '<p', 'text', 'The', 'has', 'overflow', 'a', 'result', 'top', '\"', 'padding', 'target=\"_top\">', 'of', '\"', '2', 'target=\"_blank\">', 'cm', 'This', '.', 'is', 'This', '</a>', 'text', 'the', 'has', ':', 'a', '</b>', 'top', 'The', 'padding', '<p>', 'of', '<b>', '2', 'Note', 'cm', 'href=\"default.asp', '.', '\"', 'This', 'src=\"ocean.jpg', '<p', '\"', 'class=\"padding2\">', 'target=\"_blank\">', 'This', 'This', 'text', 'is', 'has', ':', 'a', 'the', 'top', '-', 'padding', 'family', 'of', ':', '50', '</b>', '%', 'The', '.', '<p>'] \n",
            "\n",
            " target:\n",
            "['cm', ':', '.', '</p>', 'This', '<p>', 'text', '<b>', 'has', '<a', 'a', 'class=\"one', 'bottom', '\"', 'padding', 'href=\"default.asp', 'of', '\"', '2', 'target=\"_blank\">', 'cm', 'This', '.', 'link', 'This', 'changes', 'text', 'color', 'has', '</a>', 'a', '</b>', 'bottom', '</p>', 'padding', '<p>', 'of', '<b>', '2', '<a', 'cm', 'class=\"two', '.', '\"', '</p>', 'href=\"default.asp', '<p', '\"', 'class=\"padding2\">', 'target=\"_blank\">', 'This', 'This', 'text', 'link', 'has', 'changes', 'a', 'font', 'bottom', '-', 'padding', 'size', 'of', '</a>', '50', '</b>', '%', '</p>', '.', '<p>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</p>', 'The', 'is', 'Note', 'is', 'Note', 'a', '\"', 'top', 'target=\"_blank\">', 'padding', '\"', 'of', 'target=\"_blank\">', '75px', 'This', '%', 'is', '.', '</a>', 'This', 'the', 'text', '-', 'has', 'color', 'a', ':', 'top', '</b>', 'padding', '</p>', 'of', '<p>', '50', '<b>', '%', 'Note', '.', 'href=\"default.asp', 'This', '\"', '</body>', 'target=\"_blank\">', '</html>', '\"', '<!DOCTYPE', 'target=\"_blank\">', 'html>', 'This', '<html>', 'is', '<head>', '</a>', '<meta', 'the', 'div', '-', '{', 'family', 'background', 'is', '-', '</b>', 'color', '</p>', ':', '<p>', '#', '<b>'] \n",
            "\n",
            " target:\n",
            "['This', '<b>', 'text', '<a', 'has', '<unk>', 'a', '\"', 'bottom', 'href=\"default.asp', 'padding', '\"', 'of', 'target=\"_blank\">', '50', 'This', '%', 'link', '.', 'changes', 'This', 'background', 'text', '-', 'has', 'color', 'a', '</a>', 'bottom', '</b>', 'padding', '</p>', 'of', '<p>', '50', '<b>', '%', '<a', '.', '<unk>', '</p>', '\"', '</body>', 'href=\"default.asp', '</html>', '\"', '<!DOCTYPE', 'target=\"_blank\">', 'html>', 'This', '<html>', 'link', '<head>', 'changes', '<style>', 'font', '.button', '-', '{', 'family', 'background', '</a>', '-', '</b>', 'color', '</p>', ':', '<p>', '#', '<b>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['grad2', 'Note', ';', ':', '/', '\"', '*', 'target=\"_blank\">', 'Green', '\"', '*', 'target=\"_blank\">', '/', 'This', 'border', 'is', ':', '</a>', 'none', 'the', ';', 'is', 'color', 'align', ':', ':', 'white', '</b>', ';', '</p>', 'padding', '<p>', ':', 'html>', '15px', '<html>', '32px', '<head>', ';', '<style>', 'text', 'html', '-', ',', 'align', 'td', ':', ',', 'center', 'td', ';', '{', 'text', 'border', '-', ':', 'decoration', '1px', ':', 'solid', 'none', 'black', ';', ';', 'display', '}', ':', '-', 'inline', 'collapse'] \n",
            "\n",
            " target:\n",
            "['4CAF50', '<a', ';', '<unk>', '/', '\"', '*', 'href=\"default.asp', 'Green', '\"', '*', 'target=\"_blank\">', '/', 'This', 'border', 'link', ':', 'changes', 'none', 'text', ';', '-', 'color', 'decoration', ':', '</a>', 'white', '</b>', ';', '</p>', 'padding', '<!DOCTYPE', ':', 'html>', '15px', '<html>', '32px', '<head>', ';', '<style>', 'text', 'table', '-', ',', 'align', 'th', ':', ',', 'center', 'td', ';', '{', 'text', 'border', '-', ':', 'decoration', '1px', ':', 'solid', 'none', 'black', ';', ';', 'display', 'border', ':', '-', 'inline', 'collapse'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', ';', 'block', 'collapse', ';', ';', 'font', '}', '-', 'th', 'size', ',', ':', 'td', '16px', '{', ';', 'padding', 'margin', ':', ':', '5px', '4px', ';', '2px', 'text', ';', '-', 'cursor', 'align', ':', ':', 'pointer', 'left', ';', ';', '}', '}', '-', 'table.names', 'align', '</head>', '-', '<body>', 'duration', '<h2>', ':', 'Table', '4s', 'padding', ';', 'the', 'cursor', '</h2>', '-', 'paragraphs', '-', 'and', '10', '<p>', '/', 'Use', 'position', 'add', '-', 'the', 'timing', 'source', ':', 'content'] \n",
            "\n",
            " target:\n",
            "['-', ':', 'block', 'collapse', ';', ';', 'font', '}', '-', 'th', 'size', ',', ':', 'td', '16px', '{', ';', 'padding', 'margin', ':', ':', '5px', '4px', ';', '2px', 'text', ';', '-', 'cursor', 'align', ':', ':', 'pointer', 'left', ';', ';', '-webkit', '}', '-', '</style>', 'transition', '</head>', '-', '<body>', 'duration', '<h2>', ':', 'Cell', '0.4s', 'that', ';', '<unk>', '/', 'two', '*', 'columns', 'Safari', '</h2>', '*', '<p>', '/', 'To', 'transition', 'make', '-', 'a', 'duration', 'cell', ':', 'span'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['5px', '</code>', '-', ',', 'cursor', '768px', 'input[type', 'value', '{', '-', 'width', 'and', '-', 'the', 'shadow', 'div', ':', 'and', '0', ':', '4px', '</p>', '0', '</body>', '0px', 'class=\"table', '4px', '<tr>', ')', '<th>', ';', 'Firstname', '1', '</th>', ';', '</tr>', '20px', '</th>', '0', '</th>', 'rgba(0', 'Field', ';', '</tr>', ';', '<tr>', '}', '<td>', '</style>', 'Maria', '{', '</td>', '50', '</td>', '{', '<td>', 'color', '600', '-', '<h2>', 'shadow', '<td>', ':', '600', '0', '</td>', '0', '<td>', '0', '<tr>'] \n",
            "\n",
            " target:\n",
            "['0.4s', 'more', ';', 'than', '}', 'one', '.button1', 'column', '{', ',', 'box', 'use', '-', 'the', 'shadow', '<unk>', ':', 'attribute', '0', '.', '8px', '</p>', '16px', '<table', '0', 'style=\"width:100%\">', 'rgba(0,0,0,0.2', '<tr>', ')', '<th>', ',', 'Name', '0', '</th>', '6px', '<unk>', '20px', '<unk>', '0', 'Telephone', '<unk>', '</th>', ')', '</tr>', ';', '<tr>', '}', '<td>', '.button2', '<unk>', ':', '<unk>', 'hover', '</td>', '{', '<td>', 'box', '<unk>', '-', '</td>', 'shadow', '<td>', ':', '<unk>', '0', '</td>', '12px', '</tr>', '16px', '</table>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[';', '</body>', '4px', '</html>', ';', 'html>', ';', '<html>', '+', '<head>', ';', '<style>', ';', 'div.sticky', ';', ',', '}', 'border', '</style>', '-', '</head>', 'collapse', '<body>', ':', '<h2>', 'collapse', 'The', ';', '</h2>', 'width', '</h2>', ':', '<p>', '100', 'The', '%', 'the', ';', 'original', '}', '-', 'th', 'sizing', ',', 'property', 'td', 'to', '{', 'be', 'padding', 'rounded', ':', '</th>', '8px', 'the', ';', 'link', 'text', '(', '-', '</p>', 'align', '</body>', ':', 'class=\"button\">', 'left', 'button4\">', ';', '2px', '}'] \n",
            "\n",
            " target:\n",
            "['0', '</body>', '<unk>', '<!DOCTYPE', '<unk>', 'html>', '50px', '<html>', '0', '<head>', '<unk>', '<style>', ')', 'table', ';', '{', '}', 'border', '</style>', '-', '</head>', 'collapse', '<body>', ':', '<h2>', 'collapse', '<unk>', ';', 'Buttons', 'width', '</h2>', ':', '<p>', '100', 'Use', '%', 'the', ';', 'box', '}', '-', 'th', 'shadow', ',', 'property', 'td', 'to', '{', 'add', 'padding', '<unk>', ':', 'to', '8px', 'the', ';', 'button', 'text', ':', '-', '</p>', 'align', '<button', ':', 'class=\"button', 'left', 'button1\">', ';', '<unk>', 'border'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', '-', '1', 'box', '</body>', ':', 'html>', '1px', '<html>', 'solid', 'lang=\"en\">', '#', '<head>', 'ddd', '<title>', ';', 'Bootstrap', '}', 'Example', 'tr', '</title>', '</head>', '<meta', '<body>', 'charset=\"utf-8\">', '<h2>', '<meta', 'Centered', 'name=\"viewport', 'Table', '\"', '</h2>', 'content=\"width', '</h2>', '=', '<p>', 'device', '<strong>', '-', 'the', 'width', 'first', ',', 'to', 'initial', 'width', '-', 'left', 'scale=1\">', 'to', '<link', 'the', 'rel=\"stylesheet', 'or', '\"', 'the', 'href=\"https://maxcdn.bootstrapcdn.com', '.', '/', 'q', 'bootstrap/3.4.1', 'alignment', '/', ')', 'css', 'to', '/', '<table', 'bootstrap.min.css\">', '<tr>'] \n",
            "\n",
            " target:\n",
            "['Button', '-', '</button>', 'bottom', '<!DOCTYPE', ':', 'html>', '1px', '<html', 'solid', 'lang=\"en\">', '#', '<head>', 'ddd', '<title>', ';', 'Bootstrap', '}', 'Example', '</style>', '</title>', '</head>', '<meta', '<body>', 'charset=\"utf-8\">', '<h2>', '<meta', 'Bordered', 'name=\"viewport', 'Table', '\"', '<unk>', 'content=\"width', '</h2>', '=', '<p>', 'device', 'Add', '-', 'the', 'width', 'border', ',', '-', 'initial', 'bottom', '-', 'property', 'scale=1\">', 'to', '<link', 'th', 'rel=\"stylesheet', 'and', '\"', 'td', 'href=\"https://maxcdn.bootstrapcdn.com', 'for', '/', 'horizontal', 'bootstrap/3.4.1', 'dividers', '/', ':', 'css', '</p>', '/', '<table>', 'bootstrap.min.css\">', '<tr>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<script', '<td>', 'src=\"https://ajax.googleapis.com', 'Firstname', '/', '</th>', 'ajax', '<th>', '/', 'Lastname', 'libs', '</th>', '/', '<th>', 'jquery/3.5.1', 'Age', '/', '</th>', 'jquery.min.js\">', '</tr>', '</script>', '<tr>', '<script', '<td>', 'src=\"https://maxcdn.bootstrapcdn.com', 'Peter', '/', '</td>', 'bootstrap/3.4.1', '<td>', '/', 'Griffin', 'js', '</td>', '/', '<td>', 'bootstrap.min.js\">', '$', '</script>', '100', '</head>', '</td>', '<body>', '</tr>', '<div', '<!DOCTYPE', 'class=\"container\">', '<!DOCTYPE', '-', '$', 'fluid\">', '</td>', '<h1>', '</tr>', 'Hello', 'Griffin', 'World', '</td>', '!', '</tr>', '</h1>', 'html>', '<p>', '<html>', 'Resize', 'lang=\"en\">', 'the', '<head>', 'browser', '<title>'] \n",
            "\n",
            " target:\n",
            "['<script', '<th>', 'src=\"https://ajax.googleapis.com', 'Firstname', '/', '</th>', 'ajax', '<th>', '/', 'Lastname', 'libs', '</th>', '/', '<th>', 'jquery/3.5.1', 'Savings', '/', '</th>', 'jquery.min.js\">', '</tr>', '</script>', '<tr>', '<script', '<td>', 'src=\"https://maxcdn.bootstrapcdn.com', 'Peter', '/', '</td>', 'bootstrap/3.4.1', '<td>', '/', 'Griffin', 'js', '</td>', '/', '<td>', 'bootstrap.min.js\">', '$', '</script>', '100', '</head>', '</td>', '<body>', '</tr>', '<div', '<tr>', 'class=\"container', '<td>', '-', 'Lois', 'fluid\">', '</td>', '<h1>', '<td>', 'Hello', 'Griffin', 'World', '</td>', '!', '<!DOCTYPE', '</h1>', 'html>', '<p>', '<html', 'Resize', 'lang=\"en\">', 'the', '<head>', 'browser', '<title>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['will', 'Bootstrap', 'to', 'Example', 'see', '</title>', 'the', '<meta', 'effect', 'charset=\"utf-8\">', '.', '<meta', '</p>', 'name=\"viewport', '<p>', '\"', 'class=\"row\">', 'content=\"width', '<div', '=', 'class=\"col', 'device', '-', '-', 'xs-7', 'width', 'col', ',', 'style=\"background', 'initial', '-', '-', 'color', 'scale=1\">', ':', '<link', 'lavender;\">', 'rel=\"stylesheet', '.col', '\"', '-', 'href=\"https://maxcdn.bootstrapcdn.com', 'sm-4', '/', '\"', 'bootstrap/3.4.1', '<div', '/', 'class=\"col', 'css', '-', '/', 'md-6', 'bootstrap.min.css\">', 'col', '<script', 'style=\"background', 'src=\"https://ajax.googleapis.com', '-', '/', 'color', 'ajax', ':', '/', 'yellow;\">', 'libs', '.col', '/', '-', 'jquery/3.5.1'] \n",
            "\n",
            " target:\n",
            "['window', 'Bootstrap', 'to', 'Example', 'see', '</title>', 'the', '<meta', 'effect', 'charset=\"utf-8\">', '.', '<meta', '</p>', 'name=\"viewport', '<div', '\"', 'class=\"row\">', 'content=\"width', '<div', '=', 'class=\"col', 'device', '-', '-', 'sm-3', 'width', '\"', ',', 'style=\"background', 'initial', '-', '-', 'color', 'scale=1\">', ':', '<link', 'lavender;\">', 'rel=\"stylesheet', '.col', '\"', '-', 'href=\"https://maxcdn.bootstrapcdn.com', 'sm-3', '/', '</div>', 'bootstrap/3.4.1', '<div', '/', 'class=\"col', 'css', '-', '/', 'sm-6', 'bootstrap.min.css\">', '\"', '<script', 'style=\"background', 'src=\"https://ajax.googleapis.com', '-', '/', 'color', 'ajax', ':', '/', 'lavenderblush;\">', 'libs', '.col', '/', '-', 'jquery/3.5.1'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', '/', 'col', 'jquery.min.js\">', '<div', '</script>', 'style=\"background', '<script', '-', 'src=\"https://maxcdn.bootstrapcdn.com', 'lg-8', '/', 'col', 'bootstrap/3.4.1', 'style=\"background', '/', '-', 'js', 'color', '/', ':', 'bootstrap.min.js\">', 'yellow;\">', '</script>', '.col', '</head>', '-', '<body>', 'sm-4', '<div', 'col', 'class=\"container\">', '<div', '<h2>', 'html>', 'Simple', '<html>', '</h2>', '<head>', '</h2>', '<style>', '<p>', '.right', 'class=\"center\">', '-', '</h2>', 'container', '</h2>', '{', 'name', 'display', 'Small', ':', '</button>', '-webkit', '</div>', '-', '</body>', 'flex', 'class=\"well\">', ';', 'Basic', 'display', 'Button', ':', '</div>', 'flex', '</body>', ';', 'class=\"well\">'] \n",
            "\n",
            " target:\n",
            "['sm-6', '/', '</div>', 'jquery.min.js\">', '<div', '</script>', 'class=\"col', '<script', '-', 'src=\"https://maxcdn.bootstrapcdn.com', 'sm-3', '/', '\"', 'bootstrap/3.4.1', 'style=\"background', '/', '-', 'js', 'color', '/', ':', 'bootstrap.min.js\">', 'lavender;\">', '</script>', '.col', '</head>', '-', '<body>', 'sm-3', '<div', '</div>', 'class=\"container\">', '<!DOCTYPE', '<h2>', 'html>', 'Well', '<html>', 'Size', '<head>', '</h2>', '<style>', '<div', '.flex', '<unk>', '-', '<unk>', 'container', '-', '{', 'sm\">', 'display', 'Small', ':', 'Well', '-webkit', '</div>', '-', '<div', 'flex', 'class=\"well\">', ';', 'Normal', 'display', 'Well', ':', '</div>', 'flex', '<div', ';', '<unk>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', '<h2>', '-', '<h2>', 'order', 'width', '-', '<label', 'content', '</button>', ':', '</div>', 'center', '</body>', '-', '</body>', 'content', 'html>', ';', '<html>', 'align', '<head>', '-', '<h2>', 'content', 'The', ':', 'allows', 'center', '</h2>', '-', '<p>', 'content', 'The', ';', 'allows', 'justify', 'with', ':', 'ignored', 'center', 'with', ';', 'the', 'height', 'link', ':', 'tag', '250px', '.', ';', '</p>', 'background', '<img', '-', 'src=\"/images', 'color', '\"', ':', 'id=\"lname', 'lightgrey', '\"', ';', 'style=\"width:104px;height:142px;\">', '}', '\"', '.flex', 'style=\"width:104px;height:142px;\">', '-', '\"'] \n",
            "\n",
            " target:\n",
            "['-webkit', '<unk>', '-', '-', 'justify', 'lg\">', '-', 'Large', 'content', 'Well', ':', '</div>', 'flex', '</div>', '-', '<!DOCTYPE', 'end', 'html>', ';', '<html>', 'justify', '<body>', '-', '<h2>', 'content', 'HTML', ':', 'Images', 'flex', '</h2>', '-', '<p>', 'end', 'HTML', ';', 'images', 'width', 'are', ':', 'defined', '400px', 'with', ';', 'the', 'height', 'img', ':', 'tag', '250px', ':', ';', '</p>', 'background', '<img', '-', '<unk>', 'color', '\"', ':', 'alt=\"W3Schools.com', 'lightgrey', '\"', ';', '<unk>', '}', '\"', '.flex', '<unk>', '-', '</body>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', '</html>', '{', '<!DOCTYPE', 'background', 'html>', '-', '<html>', 'color', 'lang=\"en\">', ':', '<head>', 'cornflowerblue', '<title>', ';', 'Bootstrap', 'width', 'Example', ':', '</title>', '100px', '<meta', ';', 'charset=\"utf-8\">', 'height', '<meta', ':', 'name=\"viewport', '100px', '\"', ';', 'content=\"width', 'margin', '=', ':', 'device', '10px', '-', ';', 'width', '}', ',', '</style>', 'initial', '</head>', '-', '<body>', 'scale=1\">', '<div', '<link', 'class=\"flex', 'rel=\"stylesheet', '-', '\"', 'container\">', 'href=\"https://maxcdn.bootstrapcdn.com', '<div', '/', 'class=\"flex', 'bootstrap/3.4.1', '-', '/', 'item\">', 'css', 'flex', '/', 'item', 'bootstrap.min.css\">', '1', '<script'] \n",
            "\n",
            " target:\n",
            "['item', '</html>', '{', '<!DOCTYPE', 'background', 'html>', '-', '<html', 'color', 'lang=\"en\">', ':', '<head>', 'cornflowerblue', '<title>', ';', 'Bootstrap', 'width', 'Example', ':', '</title>', '100px', '<meta', ';', 'charset=\"utf-8\">', 'height', '<meta', ':', 'name=\"viewport', '100px', '\"', ';', 'content=\"width', 'margin', '=', ':', 'device', '10px', '-', ';', 'width', '}', ',', '</style>', 'initial', '</head>', '-', '<body>', 'scale=1\">', '<div', '<link', 'class=\"flex', 'rel=\"stylesheet', '-', '\"', 'container\">', 'href=\"https://maxcdn.bootstrapcdn.com', '<div', '/', 'class=\"flex', 'bootstrap/3.4.1', '-', '/', 'item\">', 'css', 'flex', '/', 'item', 'bootstrap.min.css\">', '1', '<script'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</h3>', 'src=\"https://ajax.googleapis.com', '<div', '/', 'class=\"flex', 'ajax', '-', '/', 'item\">', 'libs', 'flex', '/', 'item', 'jquery/3.5.1', '2', '/', '</div>', 'jquery.min.js\">', '<div', '</script>', 'class=\"flex', '<script', '-', 'src=\"https://maxcdn.bootstrapcdn.com', 'item\">', '/', 'flex', 'bootstrap/3.4.1', 'item', '/', '3', 'js', '</div>', '/', '</div>', 'bootstrap.min.js\">', '</body>', '</script>', '</html>', '</head>', '<!DOCTYPE', '<body>', 'html>', '<div', '<html>', 'class=\"container\">', 'lang=\"en\">', '-', '<head>', 'fluid\">', '<title>', '<h1>', 'Bootstrap', 'Hello', 'Example', 'World', '</title>', '!', '<meta', '</h1>', 'charset=\"utf-8\">', '<p>', '<meta', 'Resize', 'name=\"viewport', 'the', '\"', 'browser', 'content=\"width', 'window'] \n",
            "\n",
            " target:\n",
            "['</div>', 'src=\"https://ajax.googleapis.com', '<div', '/', 'class=\"flex', 'ajax', '-', '/', 'item\">', 'libs', 'flex', '/', 'item', 'jquery/3.5.1', '2', '/', '</div>', 'jquery.min.js\">', '<div', '</script>', 'class=\"flex', '<script', '-', 'src=\"https://maxcdn.bootstrapcdn.com', 'item\">', '/', 'flex', 'bootstrap/3.4.1', 'item', '/', '3', 'js', '</div>', '/', '</div>', 'bootstrap.min.js\">', '</body>', '</script>', '</html>', '</head>', '<!DOCTYPE', '<body>', 'html>', '<div', '<html', 'class=\"container', 'lang=\"en\">', '-', '<head>', 'fluid\">', '<title>', '<h1>', 'Bootstrap', 'Hello', 'Example', 'World', '</title>', '!', '<meta', '</h1>', 'charset=\"utf-8\">', '<p>', '<meta', 'Resize', 'name=\"viewport', 'the', '\"', 'browser', 'content=\"width', 'window'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['=', 'to', 'device', 'see', '-', 'the', 'width', 'effect', ',', '.', 'initial', '</p>', '-', '</body>', 'scale=1\">', 'class=\"row\">', '<link', '<div', 'rel=\"stylesheet', 'class=\"col', '\"', '-', 'href=\"https://maxcdn.bootstrapcdn.com', 'xs-7', '/', '\"', 'bootstrap/3.4.1', 'style=\"background', '/', '-', 'css', 'color', '/', ':', 'bootstrap.min.css\">', 'lavenderblush;\">', '<script', ';', 'src=\"https://ajax.googleapis.com', 'Notice', '/', '\"', 'ajax', 'class=\"col', '/', '<div', 'libs', 'class=\"col', '/', '-', 'jquery/3.5.1', 'color', '/', 'col', 'jquery.min.js\">', 'style=\"background', '</script>', '-', '<script', 'color', 'src=\"https://maxcdn.bootstrapcdn.com', ':', '/', 'yellow;\">', 'bootstrap/3.4.1', '.col', '/', '-', 'js', 'sm-5'] \n",
            "\n",
            " target:\n",
            "['=', 'to', 'device', 'see', '-', 'the', 'width', 'effect', ',', '.', 'initial', '</p>', '-', '<div', 'scale=1\">', 'class=\"row\">', '<link', '<div', 'rel=\"stylesheet', 'class=\"col', '\"', '-', 'href=\"https://maxcdn.bootstrapcdn.com', 'sm-8', '/', '\"', 'bootstrap/3.4.1', 'style=\"background', '/', '-', 'css', 'color', '/', ':', 'bootstrap.min.css\">', '<unk>', '<script', '-', 'src=\"https://ajax.googleapis.com', 'sm-8', '/', '<div', 'ajax', 'class=\"row\">', '/', '<div', 'libs', 'class=\"col', '/', '-', 'jquery/3.5.1', 'sm-6', '/', '\"', 'jquery.min.js\">', 'style=\"background', '</script>', '-', '<script', 'color', 'src=\"https://maxcdn.bootstrapcdn.com', ':', '/', 'lightcyan;\">', 'bootstrap/3.4.1', '.col', '/', '-', 'js', 'sm-6'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['/', 'col', 'bootstrap.min.js\">', '<!DOCTYPE', '</script>', 'html>', '</head>', '<html>', '<body>', '<head>', '<div', '<style>', 'class=\"container\">', '*', '<h2>', '{', 'Rounded', 'background', 'Example', '-', '</h2>', '2px', '<div', 'solid', 'id=\"myCarousel', 'powderblue', '\"', ';', 'class=\"carousel', '}', 'slide', '-', '\"', 'solid', 'data', 'ffffff', '-', ';', 'to=\"0', 'powderblue', '<!--', 'solid', 'Indicators', '}', '-->', ':', '<ol', '15px', 'class=\"carousel', ';', '-', '}', 'slide', ':', '<li', '5px', 'data', ';', '-', '}', 'slide', '-', '\"', 'align', 'data', ':', '-', 'center', 'slide', ';'] \n",
            "\n",
            " target:\n",
            "['/', '</div>', 'bootstrap.min.js\">', '<!DOCTYPE', '</script>', 'html>', '</head>', '<html>', '<body>', '<head>', '<div', '<style>', 'class=\"container\">', 'p', '<h2>', '{', 'Carousel', 'border', 'Example', ':', '</h2>', '2px', '<div', 'solid', 'id=\"myCarousel', 'black', '\"', ';', 'class=\"carousel', 'outline', 'slide', ':', '\"', '#', 'data', '4CAF50', '-', 'solid', 'ride=\"carousel\">', '10px', '<!--', ';', 'Indicators', 'margin', '-->', ':', '<ol', 'auto', 'class=\"carousel', ';', '-', 'padding', 'indicators\">', ':', '<li', '20px', 'data', ';', '-', 'text', 'target=\"#myCarousel', '-', '\"', 'align', 'data', ':', '-', 'center', 'slide', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['\"', '}', 'to=\"1\">', '</style>', '\"', '</head>', 'class=\"active\">', '<body>', '<a', '<p>', '<li', 'The', 'data', 'Overflow', '-', '</h2>', 'target=\"#myCarousel', '<p>', '\"', 'The', 'data', 'is', '-', 'is', 'slide', 'a', '-', 'top', 'to=\"0', 'solid', '</li>', 'border', '<!DOCTYPE', 'is', 'html>', 'the', '<html>', 'top', 'lang=\"en\">', 'margin', '<head>', '.', '<title>', 'the', 'Bootstrap', 'top', 'Example', 'of', '</title>', 'the', '<meta', ';', 'charset=\"utf-8\">', '</p>', '<meta', '<p', 'name=\"viewport', '</html>', '\"', '<!DOCTYPE', 'content=\"width', 'html>', '=', '<html>', 'device', '<head>', '-', '<meta', 'width', 'img'] \n",
            "\n",
            " target:\n",
            "['-', '}', 'to=\"0', '</style>', '\"', '</head>', 'class=\"active\">', '<body>', '</li>', '<h2>', '<li', 'CSS', 'data', '<unk>', '-', '</h2>', 'target=\"#myCarousel', '<p>', '\"', 'This', 'data', 'element', '-', 'has', 'slide', 'a', '-', '2px', 'to=\"1\">', 'black', '</li>', 'border', '<!DOCTYPE', 'and', 'html>', 'a', '<html', 'green', 'lang=\"en\">', 'outline', '<head>', 'with', '<title>', 'a', 'Bootstrap', 'width', 'Example', 'of', '</title>', '10px', '<meta', '.', 'charset=\"utf-8\">', '</p>', '<meta', '</body>', 'name=\"viewport', '</html>', '\"', '<!DOCTYPE', 'content=\"width', 'html>', '=', '<html>', 'device', '<head>', '-', '<style>', 'width', 'img'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[',', '{', 'initial', 'width', '-', ':', 'scale=1\">', 'absolute', '<link', ';', 'rel=\"stylesheet', 'top', '\"', ':', 'href=\"https://maxcdn.bootstrapcdn.com', '0px', '/', ';', 'bootstrap/3.4.1', 'border', '/', '</style>', 'css', '</head>', '/', '<body>', 'bootstrap.min.css\">', '<h1>', '<script', '0px', 'src=\"https://ajax.googleapis.com', 'is', '/', 'a', 'ajax', 'heading', '/', '</h1>', 'libs', '<img', '/', 'src=\"smiley.gif', 'jquery/3.5.1', '\"', '/', 'width=\"42', 'jquery.min.js\">', '\"', '</script>', 'height=\"42\">', '<script', '</body>', 'src=\"https://maxcdn.bootstrapcdn.com', '</html>', '/', '<!DOCTYPE', 'bootstrap/3.4.1', 'html>', '/', '<html>', 'js', '<head>', '/', '<h1>', 'bootstrap.min.js\">', '{', '</script>', '9', '</head>', '\"'] \n",
            "\n",
            " target:\n",
            "[',', '{', 'initial', 'position', '-', ':', 'scale=1\">', 'absolute', '<link', ';', 'rel=\"stylesheet', 'left', '\"', ':', 'href=\"https://maxcdn.bootstrapcdn.com', '50px', '/', ';', 'bootstrap/3.4.1', '}', '/', '</style>', 'css', '</head>', '/', '<body>', 'bootstrap.min.css\">', '<h1>', '<script', 'This', 'src=\"https://ajax.googleapis.com', 'is', '/', 'a', 'ajax', 'heading', '/', '</h1>', 'libs', '<img', '/', 'src=\"smiley.gif', 'jquery/3.5.1', '\"', '/', 'width=\"42', 'jquery.min.js\">', '\"', '</script>', 'height=\"42\">', '<script', '</body>', 'src=\"https://maxcdn.bootstrapcdn.com', '</html>', '/', '<!DOCTYPE', 'bootstrap/3.4.1', 'html>', '/', '<html>', 'js', '<body>', '/', '<unk>', 'bootstrap.min.js\">', 'IE', '</script>', '<unk>', '</head>', 'is'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<body>', 'some', '<div', '.', 'class=\"container\">', '.', '<h2>', 'br>', 'Pagination', '.', 'Group', 'in', 'With', '.', 'Linked', '.', '</h2>', 'one', '<a', '.', 'class=\"list', '.', '-', 'br>', 'group', '.', '<li', '.', 'class=\"list', '.', '-', 'wide', 'group', 'one', '-', '.', 'item\">', '.', 'Second', 'br>', '</span>', '.', 'class=\"label', '.', '5', '.', '-', '</td>', '</a>', 'important', '<li', '.', 'class=\"active\">', '.', '-', '<!DOCTYPE', 'group\">', '<!DOCTYPE', '-', '<!DOCTYPE', 'item\">', '9', 'Second', '.', '\">', 'one', 'class=\"label', '9', '1', 'and'] \n",
            "\n",
            " target:\n",
            "['<body>', 'IE', '<div', '5', 'class=\"container\">', '<', '<h2>', '<unk>', 'List', '<unk>', 'Group', 'IE', 'With', '<unk>', 'Badges', 'is', '</h2>', 'IE', '<ul', '6', 'class=\"list', '<', '-', '<unk>', 'group\">', '<unk>', '<li', 'IE', 'class=\"list', '<unk>', '-', 'is', 'group', 'IE', '-', '7', 'item\">', '<', 'New', '<unk>', '<span', '<unk>', 'class=\"badge\">', 'IE', '12', '<unk>', '</span>', 'is', '</li>', 'IE', '<li', '8', 'class=\"list', '<', '-', '<unk>', 'group', '<unk>', '-', 'IE', 'item\">', '<unk>', '<unk>', 'is', '<span', 'IE', 'class=\"badge\">', '9', '5', '<'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['%', 'br>', 'in', '<h2>', '<!DOCTYPE', '</html>', '>', '<!DOCTYPE', '-', 'html>', 'group', '<html>', '-', '<head>', 'item\">', '<style>', '6', 'img', '</div>', '{', 'class=\"label', 'width', '7', '-', '</span>', 'fit', '</div>', ':', '<!DOCTYPE', '100', '</body>', ';', 'html>', 'width', '<html>', '</style>', 'lang=\"en\">', '{', '<head>', 'width', '<title>', '-', 'Bootstrap', 'width', 'Example', ':', '</title>', '100', '<meta', ';', 'charset=\"utf-8\">', '}', '<meta', '</style>', 'name=\"viewport', '{', '\"', 'margin', 'content=\"width', '-', '=', 'position', 'device', ':', '-', '</p>', 'width', ';', ',', '}'] \n",
            "\n",
            " target:\n",
            "['</span>', '<unk>', '</li>', '</body>', '<li', '</html>', 'class=\"list', '<!DOCTYPE', '-', 'html>', 'group', '<html>', '-', '<head>', 'item\">', '<style>', '<unk>', '<unk>', '<span', '{', 'class=\"badge\">', 'object', '3', '-', '</span>', 'fit', '</li>', ':', '</ul>', 'fill', '<!DOCTYPE', ';', 'html>', '}', '<html', '<unk>', 'lang=\"en\">', '{', '<head>', 'object', '<title>', '-', 'Bootstrap', 'fit', 'Example', ':', '</title>', 'contain', '<meta', ';', 'charset=\"utf-8\">', '}', '<meta', '<unk>', 'name=\"viewport', '{', '\"', 'object', 'content=\"width', '-', '=', 'fit', 'device', ':', '-', 'cover', 'width', ';', ',', '}'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['initial', '</style>', '-', '{', 'scale=1\">', 'area', '<link', 'the', 'rel=\"stylesheet', 'width', '\"', '-', 'href=\"https://maxcdn.bootstrapcdn.com', 'fit', '/', ':', 'bootstrap/3.4.1', 'cover', '/', '(', 'css', 'position', '/', ';', 'bootstrap.min.css\">', '}', '<script', '</style>', 'src=\"https://ajax.googleapis.com', '{', '/', 'width', 'ajax', '-', '/', 'position', 'libs', ':', '/', '100', 'jquery/3.5.1', ';', '/', '}', 'jquery.min.js\">', '</style>', '</script>', '</head>', '<script', '<body>', 'src=\"https://maxcdn.bootstrapcdn.com', '<h2>', '/', 'The', 'bootstrap/3.4.1', '<strong>', '/', '-', 'js', 'position', '/', ':', 'bootstrap.min.js\">', '</h1>', '</script>', '<h2>', '</head>', 'The', '<body>', 'background'] \n",
            "\n",
            " target:\n",
            "['initial', '<unk>', '-', '-', 'scale=1\">', 'down', '<link', '{', 'rel=\"stylesheet', 'object', '\"', '-', 'href=\"https://maxcdn.bootstrapcdn.com', 'fit', '/', ':', 'bootstrap/3.4.1', 'scale', '/', '-', 'css', 'down', '/', ';', 'bootstrap.min.css\">', '}', '<script', '<unk>', 'src=\"https://ajax.googleapis.com', '{', '/', 'object', 'ajax', '-', '/', 'fit', 'libs', ':', '/', 'none', 'jquery/3.5.1', ';', '/', '}', 'jquery.min.js\">', '</style>', '</script>', '</head>', '<script', '<body>', 'src=\"https://maxcdn.bootstrapcdn.com', '<h1>', '/', 'The', 'bootstrap/3.4.1', 'object', '/', '-', 'js', 'fit', '/', 'Property', 'bootstrap.min.js\">', '</h1>', '</script>', '<h2>', '</head>', 'No', '<body>', 'object'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<div', '-', 'class=\"container\">', 'fit', '<h2>', ':', 'Basic', 'contain', 'Basic', '<img', '<p>', 'src=\"paris.jpg', 'Use', '\"', '.img', 'alt=\"Paris', '-', '\"', 'responsive', 'width=\"400', 'images', '\"', 'is', 'The', 'a', '\"', 'button', 'fit', 'images', ':', 'the', 'contain', 'buttons', ';', ':', 'like', '</p>', 'paragraph', '<img', 'the', 'class=\"img', ')', '\"', ':', 'class=\"img', '</p>', '-', '<img', 'circle', 'src=\"paris.jpg', 'images', '\"', 'alt=\"Paris', 'type=\"text', 'Terre', '\"', '\"', 'name=\"bdaymonth\">', 'width=\"304', '\"', '\"', 'width=\"400', 'height=\"236\">', '\"', '</div>', 'Paris', '</body>', '\"', '<!DOCTYPE', 'width'] \n",
            "\n",
            " target:\n",
            "['<div', '-', 'class=\"container\">', 'fit', '<h2>', ':', 'Thumbnail', '</h2>', '</h2>', '<img', '<p>', 'src=\"paris.jpg', 'The', '\"', '.img', 'alt=\"Paris', '-', '\"', 'thumbnail', '<unk>', 'class', '<h2>', 'creates', 'object', 'a', '-', 'thumbnail', 'fit', 'of', ':', 'the', 'fill', 'image', '(', ':', 'this', '</p>', 'is', '<img', 'default', 'src=\"cinqueterre.jpg', ')', '\"', ':', 'class=\"img', '</h2>', '-', '<img', 'thumbnail', '<unk>', '\"', '\"', 'alt=\"Cinque', 'src=\"paris.jpg', 'Terre', '\"', '\"', 'alt=\"Paris', 'width=\"304', '\"', '\"', '<unk>', 'height=\"236\">', '<h2>', '</div>', 'object', '</body>', '-', '<!DOCTYPE', 'fit'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['html>', ':', '<html>', 'contain', '<head>', ';', '<style>', 'contain', '.flex', '<img', '{', 'src=\"paris.jpg', 'width', '\"', ':', 'from', '300px', '\"', ';', 'alt=\"Paris', 'height', '\"', ':', 'width=\"400', '100px', '\"', ';', 'The', 'background', '\"', '-', 'header\">', 'color', ':', ':', '</p>', 'yellow', ';', ';', '</h2>', 'border', '<img', ':', 'src=\"paris.jpg', '1px', '\"', 'solid', 'id=\"fname', 'black', '\"', ';', 'href=\"sun.htm\">', '}', '\"', '#', 'width=\"400', '{', '\"', '-ms', 'Paris', '-', '\"', 'transform', 'position', ':', ':', 'skewX(20deg', '</p>', ';', '('] \n",
            "\n",
            " target:\n",
            "['html>', ':', '<html>', 'contain', '<head>', ':', '<style>', '</h2>', 'div', '<img', '{', '<unk>', 'width', '\"', ':', 'src=\"paris.jpg', '300px', '\"', ';', 'alt=\"Paris', 'height', '\"', ':', '<unk>', '100px', '<h2>', ';', 'object', 'background', '-', '-', 'fit', 'color', ':', ':', 'cover', 'yellow', ':', ';', '</h2>', 'border', '<img', ':', '<unk>', '1px', '\"', 'solid', 'src=\"paris.jpg', 'black', '\"', ';', 'alt=\"Paris', '}', '\"', 'div#myDiv', '<unk>', '{', '<h2>', '-ms', 'object', '-', '-', 'transform', 'fit', ':', ':', '<unk>', 'scale', ')', '-'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['{', 'color', '}', 'the', '*', 'fixed', 'Standard', '<p>', '9', 'page', '*', '\"', '/', '01', 'transform', 'from', ':', 'https://www.w3schools.com/images/stickman.gif', 'skewX(20deg', '\"', ';', 'alt=\"Paris', ';', '\"', '}', 'width=\"300', 'transform', '\"', 'Standard', 'The', 'syntax', '\"', '*', 'header\">', '/', ':', '}', '100', '</style>', ';', '</head>', '100', '<body>', '<img', '<h1>', 'id=\"next', 'The', '\"', 'translate', 'id=\"fname', 'Property', '\"', ')', 'alt=\"The', 'Method', '\"', '</h1>', 'width=\"300', '<p>', '\"', 'The', 'html>', 'first', '<html>', 'and', '<head>', '100', '<style>', 'method', 'img'] \n",
            "\n",
            " target:\n",
            "[';', 'down', '/', ':', '*', '</h2>', 'IE', '<img', '9', '<unk>', '*', '-', '/', 'down', 'transform', '\"', ':', 'src=\"paris.jpg', '<unk>', '\"', ')', 'alt=\"Paris', ';', '\"', '/', '<unk>', '*', '<h2>', 'Standard', 'object', 'syntax', '-', '*', 'fit', '/', ':', '}', 'none', '</style>', ':', '</head>', '</h2>', '<body>', '<img', '<h1>', '<unk>', 'The', '\"', '<unk>', 'src=\"paris.jpg', '(', '\"', ')', 'alt=\"Paris', 'Method', '\"', '</h1>', '<unk>', '<p>', '<!DOCTYPE', 'The', 'html>', '<unk>', '<html>', '(', '<head>', ')', '<style>', 'method', 'h1'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', '{', 'an', 'letter', 'element', '-', 'along', 'shadow', 'the', ':', 'specified', 'center', 'degree', ';', '.', 'color', '</p>', 'h2', '<div>', '{', 'This', 'letter', 'a', '-', 'normal', 'decoration', 'div', ':', 'element', 'center', '.', ';', '</div>', '}', '<div', 'p', 'id=\"myDiv\">', '{', 'This', 'font', 'div', '-', 'element', 'size', 'is', ':', 'rotated', '24px', '20', ';', 'degrees', '}', '.', 'h2', 'the', '</head>', 'X', '<body>', '-', '<h1>', 'axis', 'This', '.', '</h1>', 'axis', '</h1>', 'Y', '24px', '%', ';'] \n",
            "\n",
            " target:\n",
            "['skews', '{', 'an', 'text', 'element', '-', 'into', 'align', 'a', ':', 'given', 'center', 'angle', ';', '.', '}', '</p>', 'h2', '<div>', '{', 'This', 'text', 'a', '-', 'normal', 'align', 'div', ':', 'element', 'left', '.', ';', '</div>', '}', '<div', 'h3', 'id=\"myDiv\">', '{', 'This', 'text', 'div', '-', 'element', 'align', 'is', ':', 'skewed', 'right', '20', ';', 'degrees', '}', 'along', '</style>', 'the', '</head>', 'X', '<body>', '-', '<h1>', 'axis', 'Heading', ',', '1', 'and', '(', '10', 'center', 'degrees', ')'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['along', '{', 'the', '<p>', 'Y', 'In', '-', '</h2>', 'axis', '</h2>', '.', 'no', '</div>', ':', '</body>', '</h2>', '</html>', '<div', '<!DOCTYPE', 'Centered', 'html>', '3', '<html>', '</h3>', 'lang=\"en\">', 'no', '<head>', ')', '<title>', '</h3>', 'Bootstrap', '<h4>', 'Example', 'This', '</title>', 'first', '<meta', 'inline', 'charset=\"utf-8\">', ',', '<meta', ',', 'name=\"viewport', 'ignored', '\"', 'with', 'content=\"width', '-', '=', 'your', 'device', ':', '-', 'use', 'width', 'and', ',', 'The', 'initial', '<form>', '-', '</html>', 'scale=1\">', '<!DOCTYPE', '<link', 'html>', 'rel=\"stylesheet', '<html>', '\"', 'lang=\"en\">'] \n",
            "\n",
            " target:\n",
            "['along', '</h1>', 'the', '<h2>', 'Y', 'Heading', '-', '2', 'axis', '(', '.', 'left', '</div>', ')', '</body>', '</h2>', '</html>', '<h3>', '<!DOCTYPE', 'Heading', 'html>', '3', '<html', '(', 'lang=\"en\">', 'right', '<head>', ')', '<title>', '</h3>', 'Bootstrap', '<p>', 'Example', 'The', '</title>', 'three', '<meta', 'headings', 'charset=\"utf-8\">', 'above', '<meta', 'are', 'name=\"viewport', 'aligned', '\"', 'center', 'content=\"width', ',', '=', 'left', 'device', 'and', '-', 'right', 'width', '.', ',', '</p>', 'initial', '</body>', '-', '</html>', 'scale=1\">', '<!DOCTYPE', '<link', 'html>', 'rel=\"stylesheet', '<html', '\"', 'lang=\"en\">'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['content=\"width', '<head>', '/', '<title>', 'bootstrap/3.4.1', 'Bootstrap', '/', 'Example', 'css', '</title>', '/', '<meta', 'bootstrap.min.css\">', 'charset=\"utf-8\">', '<script', '<meta', 'src=\"https://ajax.googleapis.com', 'name=\"viewport', '/', '\"', 'ajax', 'content=\"width', '/', '=', 'libs', 'device', '/', '-', 'jquery/3.5.1', 'width', '/', ',', 'jquery.min.js\">', 'initial', '</script>', '-', '<script', 'scale=1\">', 'src=\"https://maxcdn.bootstrapcdn.com', '<link', '/', 'rel=\"stylesheet', 'bootstrap/3.4.1', '\"', '/', 'href=\"https://maxcdn.bootstrapcdn.com', 'js', '/', '/', 'bootstrap/3.4.1', 'bootstrap.min.js\">', '/', '</script>', 'css', '</head>', '/', '<body>', 'bootstrap.min.css\">', '<div', '<script', 'class=\"container\">', 'src=\"https://ajax.googleapis.com', '<h2>', '/', 'Bordered', 'ajax', 'control', '/', ':', 'libs'] \n",
            "\n",
            " target:\n",
            "['href=\"https://maxcdn.bootstrapcdn.com', '<head>', '/', '<title>', 'bootstrap/3.4.1', 'Bootstrap', '/', 'Example', 'css', '</title>', '/', '<meta', 'bootstrap.min.css\">', 'charset=\"utf-8\">', '<script', '<meta', 'src=\"https://ajax.googleapis.com', 'name=\"viewport', '/', '\"', 'ajax', 'content=\"width', '/', '=', 'libs', 'device', '/', '-', 'jquery/3.5.1', 'width', '/', ',', 'jquery.min.js\">', 'initial', '</script>', '-', '<script', 'scale=1\">', 'src=\"https://maxcdn.bootstrapcdn.com', '<link', '/', 'rel=\"stylesheet', 'bootstrap/3.4.1', '\"', '/', 'href=\"https://maxcdn.bootstrapcdn.com', 'js', '/', '/', 'bootstrap/3.4.1', 'bootstrap.min.js\">', '/', '</script>', 'css', '</head>', '/', '<body>', 'bootstrap.min.css\">', '<div', '<script', 'class=\"container\">', 'src=\"https://ajax.googleapis.com', '<h2>', '/', 'Form', 'ajax', 'control', '/', ':', 'libs'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['5px', '/', ';', 'jquery/3.5.1', '<form', '/', 'An', 'jquery.min.js\">', 'width', '</script>', 'attribute', '<script', 'shows', 'src=\"https://maxcdn.bootstrapcdn.com', 'two', '/', 'specified', 'bootstrap/3.4.1', 'element', '/', 'two', 'js', 'element', '/', '</p>', 'bootstrap.min.js\">', '<form', '</script>', '<input', '</head>', 'class=\"radio\">', '<body>', '-', '<div', 'group\">', 'class=\"container\">', '<label', '<h2>', 'for=\"fname\">', 'Abbreviations', '\"', 'List', '\"', 'With', '9999', '<p>', '<input', 'The', 'name=\"message', 'list', '-', '</h1>', 'control', '</h1>', '\"', 'the', 'id=\"focusedInput', 'link', '\"', '</h2>', 'cols=\"30\">', ':', '\"', '</p>', '<br><br>', '</body>', 'html>', '<dt>', '<html>', 'Coffee'] \n",
            "\n",
            " target:\n",
            "['textarea', '/', '</h2>', 'jquery/3.5.1', '<p>', '/', 'The', 'jquery.min.js\">', 'form', '</script>', 'below', '<script', 'contains', 'src=\"https://maxcdn.bootstrapcdn.com', 'a', '/', 'textarea', 'bootstrap/3.4.1', 'for', '/', '<unk>', 'js', ':', '/', '</p>', 'bootstrap.min.js\">', '<form>', '</script>', '<div', '</head>', 'class=\"form', '<body>', '-', '<div', 'group\">', 'class=\"container\">', '<label', '<h1>', '<unk>', 'Description', '<unk>', 'Lists', ':', '</h1>', '</label>', '<p>', '<textarea', 'The', 'class=\"form', '<unk>', '-', 'element', 'control', 'indicates', '\"', 'a', 'rows=\"5', '<unk>', '\"', 'list', '<unk>', ':', '</textarea>', '</p>', '<!DOCTYPE', '<dl>', 'html>', '<dt>', '<html>', 'Coffee'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<head>', 'Tea', '<style>', 'hot', 'name=\"viewport', '-', '\"', 'black', 'content=\"width', ';', '=', 'drink', 'device', '</dd>', '-', '<dt>', 'width', 'Milk', ',', '</dt>', 'initial', '<dd>', '-', 'html>', 'scale=1\">', '<html>', '<link', '<head>', 'rel=\"stylesheet', '<h2>', '\"', 'This', 'href=\"https://maxcdn.bootstrapcdn.com', 'am', '/', 'a', 'bootstrap/3.4.1', 'div', '/', '</body>', 'css', 'class=\"small\">', '/', ':', 'bootstrap.min.css\">', 'red;\">', '<script', 'A', 'src=\"https://ajax.googleapis.com', 'am', '/', 'a', 'ajax', 'and', '/', '</body>', 'libs', 'class=\"small\">', '/', ':', 'jquery/3.5.1', '</p>', '/', 'A', 'jquery.min.js\">', 'am', '</script>', 'a', '<script', '</del>'] \n",
            "\n",
            " target:\n",
            "['<head>', '</dt>', '<meta', '<dd>', 'name=\"viewport', '-', '\"', 'black', 'content=\"width', 'hot', '=', 'drink', 'device', '</dd>', '-', '<dt>', 'width', 'Milk', ',', '</dt>', 'initial', '<!DOCTYPE', '-', 'html>', 'scale=1\">', '<html>', '<link', '<body>', 'rel=\"stylesheet', '<p>', '\"', 'I', 'href=\"https://maxcdn.bootstrapcdn.com', 'am', '/', 'normal', 'bootstrap/3.4.1', '</p>', '/', '<p', 'css', 'style=\"color', '/', ':', 'bootstrap.min.css\">', 'red;\">', '<script', 'I', 'src=\"https://ajax.googleapis.com', 'am', '/', 'red', 'ajax', '</p>', '/', '<p', 'libs', 'style=\"color', '/', ':', 'jquery/3.5.1', 'blue;\">', '/', 'I', 'jquery.min.js\">', 'am', '</script>', 'blue', '<script', '</p>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['src=\"https://ajax.googleapis.com', '<p>', '/', 'class=\"error\">', 'bootstrap/3.4.1', '-', '/', 'size:160%;\">', 'js', 'This', '/', 'am', 'bootstrap.min.js\">', 'a', '</script>', 'too', '</head>', '</body>', '<body>', '</html>', '<div', '<!DOCTYPE', 'class=\"container\">', 'html>', '<h2>', '<html>', 'Modal', '<head>', '</h2>', '<style>', '<p>', 'p', 'The', '{', 'class', 'width', 'dropdown', '-', 'class', 'color', 'content', ':', 'class', '#', 'content', 'fff', 'corner', ';', 'to', 'color', 'actually', ':', '-', 'none', 'content', ';', '.', '}', 'actually', ':', 'corner', 'white', 'menu', ';', 'a', 'padding', '.dropdown', ':', 'menu', '15px'] \n",
            "\n",
            " target:\n",
            "['src=\"https://maxcdn.bootstrapcdn.com', '<p', '/', 'style=\"font', 'bootstrap/3.4.1', '-', '/', '<unk>', 'js', 'I', '/', 'am', 'bootstrap.min.js\">', '<unk>', '</script>', '</p>', '</head>', '</body>', '<body>', '</html>', '<div', '<!DOCTYPE', 'class=\"container\">', 'html>', '<h2>', '<html>', 'Dropdowns', '<head>', '</h2>', '<style>', '<p>', '.button', 'Add', '{', 'the', 'background', '.dropdown', '-', '-', 'color', 'menu', ':', '-', '#', 'right', '4CAF50', 'class', ';', 'to', 'border', '.dropdown', ':', '-', 'none', 'menu', ';', 'to', 'color', 'right', ':', '-', 'white', 'align', ';', 'the', 'padding', 'dropdown', ':', 'menu', '15px'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['with', 'outside', '</p>', ';', '<p>', 'text', 'class=\"dropdown\">', '-', '<button', 'align', 'class=\"btn', ':', 'btn', 'center', '-', ';', 'default', 'text', 'dropdown', '-', '-', 'decoration', 'toggle', ':', '\"', 'none', 'type=\"button', ';', '\"', 'display', 'data', ':', '-', 'inline', 'toggle=\"dropdown\">Tutorials', '-', 'Example', 'block', '<span', ';', 'class=\"caret\">', '}', '</span>', '-', '</button>', 'size', '<ul', ':', 'class=\"dropdown', '16px', '-', ';', 'menu\">', 'margin', '\"', ':', '-', '4px', 'menu\">', '2px', '\"', ';', 'toggle', 'cursor', 'Add', ':', '<a', 'pointer', 'href=\"#\">', ';'] \n",
            "\n",
            " target:\n",
            "[':', '32px', '</p>', ';', '<div', 'text', 'class=\"dropdown\">', '-', '<button', 'align', 'class=\"btn', ':', 'btn', 'center', '-', ';', 'default', 'text', 'dropdown', '-', '-', 'decoration', 'toggle', ':', '\"', 'none', 'type=\"button', ';', '\"', 'display', 'data', ':', '-', 'inline', 'toggle=\"dropdown\">Dropdown', '-', 'Example', 'block', '<span', ';', 'class=\"caret\">', 'font', '</span>', '-', '</button>', 'size', '<ul', ':', 'class=\"dropdown', '16px', '-', ';', 'menu', 'margin', 'dropdown', ':', '-', '4px', 'menu', '2px', '-', ';', 'right\">', 'cursor', '<li>', ':', '<a', 'pointer', 'href=\"#\">', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['Home', '}', '</a>', '</style>', '</li>', '</head>', '<li>', '<body>', '<a', '<p>', 'href=\"#\">', 'The', 'CSS', 'Overflow', '</a>', '</h2>', '</li>', '<p>', '<!DOCTYPE', '</h2>', 'html>', 'input', '<html>', '1', '<body>', '<input', '<style>', 'href=\"default.asp', 'table', '\"', '{', '#', 'position', '\"', ':', 'class=\"btn', 'relative', 'Button', ';', 'Button', '}', '</a>', '.bottomright', '<button', '{', 'class=\"button\">', 'position', 'Button', ':', '</button>', 'absolute', '<button', ';', 'type=\"button', 'top', '\"', ':', 'class=\"btn', '8px', 'disabled\">', ';', 'class=\"btn', 'right', '</button>', ':', '<input', '16px', '</html>', ';', '<!DOCTYPE'] \n",
            "\n",
            " target:\n",
            "['HTML', '}', '</a>', '</style>', '</li>', '</head>', '<li>', '<body>', '<a', '<h2>', 'href=\"#\">', 'CSS', 'CSS', 'Buttons', '</a>', '</h2>', '</li>', '<unk>', '<!DOCTYPE', 'Default', 'html>', 'Button', '<html>', '</button>', '<head>', '<a', '<style>', 'href=', '.container', '\"', '{', '#', 'position', '\"', ':', 'class=\"button\">', 'relative', 'Link', ';', 'Button', '}', '</a>', '.topright', '<button', '{', 'class=\"button\">', 'position', 'Button', ':', '</button>', 'absolute', '<input', ';', 'type=\"button', 'top', '\"', ':', 'class=\"button', '8px', '\"', ';', 'value=\"Input', 'right', 'Button\">', ':', '</body>', '16px', '</html>', ';', '<!DOCTYPE'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', 'html>', '-', '<html>', 'size', '<head>', ':', '<style>', '16px', '.flex', ';', '{', '}', 'width', 'img', ':', '{', '1px', 'width', 'solid', ':', 'black', '100', ';', '%', '}', ';', ':', 'height', 'top', ':', ':', 'auto', '4px', ';', ';', 'opacity', 'background', ':', '</style>', '0.3', '{', ';', 'border', '}', ':', '</style>', 'style', '</head>', ':', '<body>', '80px', '<h2>', ';', 'Image', '}', 'Text', '</style>', '</h2>', '</head>', '<p>', '<body>', 'Add', '<ul', 'some', 'Rounded', 'text', 'the', 'to', '<ul'] \n",
            "\n",
            " target:\n",
            "['font', 'html>', '-', '<html>', 'size', '<head>', ':', '<style>', '18px', 'div', ';', '{', '}', 'border', 'img', ':', '{', '1px', 'width', 'solid', ':', 'red', '100', ';', '%', 'margin', ';', '-', 'height', 'left', ':', ':', 'auto', '100px', ';', ';', 'opacity', '}', ':', 'p.ex1', '0.3', '{', ';', 'margin', '}', '-', '</style>', 'left', '</head>', ':', '<body>', 'inherit', '<h2>', ';', 'Image', '}', 'Text', '</style>', '</h2>', '</head>', '<p>', '<body>', 'Add', '<h2>', 'some', 'Use', 'text', 'of', 'to', 'the'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['see', 'text', 'image', '*', 'as', '*', 'the', '<ul', 'right', 'The', 'and', 'the', 'corner', 'box', '.', ',', '</p>', 'user', '<div', 'user', 'class=\"container\">', 'of', '<img', '0', 'src=\"img_5terre_wide.jpg', 'first', '\"', 'element', 'alt=\"Cinque', '.', 'Terre', '</p>', '\"', '<p>', 'width=\"1000', 'This', '\"', '>', 'height=\"300\">', 'This', '<div', 'is', 'class=\"center\">', 'has', 'Top', 'a', 'Right', 'input', '</div>', 'This', '</div>', ',', '</body>', 'of', '</html>', 'rtl', '<!DOCTYPE', '0', 'html>', 'page', '<html>', 'is', '<body>', '.', '<p>', ':', 'Right', '</p>', 'code', '</body>'] \n",
            "\n",
            " target:\n",
            "['an', 'inherit', 'image', 'value', 'in', '</h2>', 'the', '<p>', 'top', 'Let', 'right', 'the', 'corner', 'left', ':', 'margin', '</p>', 'be', '<div', '<unk>', 'class=\"container\">', 'from', '<img', 'the', 'src=\"img_5terre_wide.jpg', 'parent', '\"', 'element', 'alt=\"Cinque', ':', 'Terre', '</p>', '\"', '<div>', 'width=\"1000', '<p', '\"', 'class=\"ex1\">', 'height=\"300\">', 'This', '<div', 'paragraph', 'class=\"topright\">', 'has', 'Top', 'an', 'Right', '<unk>', '</div>', 'left', '</div>', 'margin', '</body>', '(', '</html>', 'from', '<!DOCTYPE', 'the', 'html>', 'div', '<html>', 'element', '<body>', ')', '<h2>', '.', 'The', '</p>', '<unk>', '</div>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', '</body>', '</h2>', '</html>', '<p>', '<!DOCTYPE', 'The', 'html>', 'link', '<html>', 'element', '<head>', 'is', '<style>', 'the', '[', 'to', '{', 'the', 'width', 'the', ':', ',', '300px', 'element', ';', 'the', 'background', 'link', '-', '</i>', 'color', ':', ':', '</p>', 'yellow', '</body>', ';', '<strong>', '}', 'This', 'div.ex2', 'the', '{', 'younger', 'width', '</i>', ':', '9999', '300px', '<div', ';', '<strong>', 'padding', 'This', ':', 'paragraph', '25px', 'supported', ';', 'paragraph', 'background', '</p>', '-', '<input', 'shadow', 'and', ':', 'and', 'border'] \n",
            "\n",
            " target:\n",
            "['Element', '</body>', '</h2>', '</html>', '<p>', '<!DOCTYPE', 'The', 'html>', '<unk>', '<html>', 'element', '<head>', 'is', '<style>', 'used', 'div.ex1', 'to', '{', 'define', 'width', '<unk>', ':', 'output', '300px', 'from', ';', 'a', 'background', 'computer', '-', '<unk>', 'color', '.', ':', '</p>', 'yellow', '<p>', ';', '<unk>', '}', 'from', 'div.ex2', 'my', '{', 'computer', 'width', ':', ':', '</p>', '300px', '<p>', ';', '<unk>', 'padding', '<unk>', ':', 'not', '25px', '<unk>', ';', '.', 'box', '<br>', '-', '<unk>', 'sizing', '<unk>', ':', 'to', 'border'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['see', '-', 'is', 'box', 'is', ';', '</body>', '}', '</html>', '-', '<!DOCTYPE', 'color', 'html>', ':', '<html>', '#', '<head>', ';', '<h2>', '}', 'The', '</style>', 'is', '</head>', 'is', '<body>', 'a', '<h2>', 'div', 'The', 'is', 'and', 'the', 'element', 'to', 'width', 'the', '</h2>', 'first', 'width', 'of', 'width', 'element', '-', 'use', 'width', 'still', ':', 'link', '<div', '.', 'class=\"ex1\">', '.', 'This', 'gets', 'div', '</p>', 'is', '</body>', '300px', 'Use', 'wide', 'is', '.', '.', '</div>', 'a', '<br>', 'link', '<div'] \n",
            "\n",
            " target:\n",
            "['continue', '-', '<unk>', 'box', '</p>', ';', '</body>', 'background', '</html>', '-', '<!DOCTYPE', 'color', 'html>', ':', '<html>', 'lightblue', '<body>', ';', '<p>', '}', 'This', '</style>', 'paragraph', '</head>', 'contains', '<body>', 'a', '<h2>', '<unk>', 'Padding', 'of', 'and', 'lines', 'element', 'in', 'width', 'the', '-', 'source', 'with', 'code', 'box', ',', '-', 'but', 'sizing', 'the', '</h2>', 'browser', '<div', '<unk>', 'class=\"ex1\">', 'it', 'This', '.', 'div', '</p>', 'is', '<p>', '300px', 'This', 'wide', 'paragraph', '.', 'contains', '</div>', 'a', '<br>', '<unk>', '<div'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', 'class=\"container\">', 'the', '<h2>', '.', ':', 'the', 'the', 'link', 'div', 'of', 'element', '.', ',', 'use', 'the', 'the', ':', 'link', 'the', 'supports', 'the', 'Page', ',', 'renders', 'the', '</p>', 'link', '</body>', ',', 'In', 'this', 'link', 'width', ':', ':', 'the', 'the', 'are', 'of', 'the', 'of', 'new', 'this', '.', 'the', '.', 'this', 'the', 'width', 'link', '.', 'of', 'width', 'the', ':', 'link', 'border', '.', ':', 'to', 'box', '</p>', ';', 'the', 'is', 'want', '</div>', 'the', '</body>'] \n",
            "\n",
            " target:\n",
            "['of', '<unk>', 'spaces', 'width', 'in', 'of', 'the', 'this', 'source', 'div', 'code', '<unk>', ',', 'at', 'but', '300px', 'the', ',', 'browser', 'in', '<unk>', '<unk>', 'it', 'of', '.', 'the', '</p>', '50px', '<p>', 'of', 'The', 'total', 'number', 'left', 'of', 'and', 'lines', 'right', 'in', 'padding', 'a', ',', 'paragraph', 'because', '<unk>', 'of', 'on', 'the', 'the', 'box', 'size', '-', 'of', 'sizing', 'the', ':', 'browser', 'border', 'window', '-', '.', 'box', 'If', 'property', 'you', '.', 'resize', '</div>', 'the', '</body>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['text', '</html>', 'will', '<!DOCTYPE', 'to', 'html>', 'to', '<html>', 'effect', '<head>', ':', '<style>', 'the', 'img', 'to', '{', 'see', 'width', 'div', ':', '.', '300px', 'break', ';', 'to', 'height', '</p>', ':', '<p>', '100px', '</html>', ';', '<!DOCTYPE', 'background', 'html>', '-', '<html>', 'red', '<body>', ';', '<style>', 'transition', 'h1', ':', '{', 'width', 'width', '2s', ':', 'linear', '1px', 'height', 'solid', '2s', 'black', ';', ';', '}', '}', '@keyframes', ':', '{', '25px', '300px', '50px', '{', ';', 'width', ';', ':'] \n",
            "\n",
            " target:\n",
            "['browser', '</html>', 'window', '<!DOCTYPE', ',', 'html>', 'the', '<html>', 'number', '<head>', 'of', '<style>', 'lines', 'div', 'in', '{', 'this', 'width', 'paragraph', ':', 'will', '100px', 'change', ';', '.', 'height', '</p>', ':', '</body>', '100px', '</html>', ';', '<!DOCTYPE', 'background', 'html>', ':', '<html>', 'red', '<head>', ';', '<style>', 'transition', 'div', ':', '{', 'width', 'border', '2s', ':', ',', '1px', 'height', 'solid', '4s', 'black', ';', ';', '}', 'padding', 'div', ':', ':', '25px', 'hover', '50px', '{', '75px', 'width', '100px', ':'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[';', '5px', 'background', ';', '-', 'background', 'color', ':', ':', '100px', 'yellow', ';', ';', 'background', '}', '</style>', '</style>', '</head>', '</head>', '<body>', '<body>', '<div', '<h2>', 'CSS', 'The', 'resize', 'margin', '-', 'shorthand', '</h1>', 'property', '<div>', '-', 'Let', '2', 'over', 'values', 'the', '</h2>', 'div', '<div>', 'element', 'This', 'below', 'div', ',', 'element', 'to', 'has', 'see', 'a', 'the', 'top', 'transition', 'and', 'effect', 'of', ':', '25px', '</p>', ',', '<div>', 'a', '</div>', 'right', '<p>', 'and', '<b>', 'of', 'Note'] \n",
            "\n",
            " target:\n",
            "[';', '300px', 'background', ';', '-', 'height', 'color', ':', ':', '300px', 'lightblue', ';', ';', '}', '}', '</style>', '</style>', '</head>', '</head>', '<body>', '<body>', '<h1>', '<h2>', 'The', 'The', 'transition', 'padding', 'Property', 'shorthand', '</h1>', 'property', '<p>', '-', 'Hover', '4', 'over', 'values', 'the', '</h2>', 'div', '<div>', 'element', 'This', 'below', 'div', ',', 'element', 'to', 'has', 'see', 'a', 'the', 'top', 'transition', 'padding', 'effect', 'of', ':', '25px', '</p>', ',', '<div>', 'a', '</div>', 'right', '<p>', 'padding', '<b>', 'of', 'Note'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['this', ':', '.', '</b>', 'and', 'The', 'bottom', 'example', 'margin', 'does', ':', 'not', '75px', 'work', '.', 'in', 'and', 'Internet', 'a', 'Explorer', 'bottom', '9', 'margin', 'and', 'of', 'earlier', '75px', 'versions', '.', '.', '</div>', '</p>', '</body>', '<div>', '</html>', '</html>', '<!DOCTYPE', '<!DOCTYPE', 'html>', 'html>', '<html>', '<html>', '<body>', '<head>', '<style>', '<h2>', 'div', 'Images', '{', 'List', 'margin', 'without', '-', 'Square', 'shadow', '</h2>', ':', '</h2>', '3px', '<ul', '4px', 'style=\"list', '4px', '-', ';', 'style', '}', '-', '</style>', 'type'] \n",
            "\n",
            " target:\n",
            "['50px', ':', ',', '</b>', 'a', 'This', 'bottom', 'example', 'padding', 'does', 'of', 'not', '75px', 'work', ',', 'in', 'and', 'Internet', 'a', 'Explorer', 'left', '9', 'padding', 'and', 'of', 'earlier', '100px', 'versions', '.', '.', '</div>', '</p>', '</body>', '</body>', '</html>', '</html>', '<!DOCTYPE', '<!DOCTYPE', 'html>', 'html>', '<html>', '<html>', '<head>', '<body>', '<style>', '<h2>', 'h1', 'Unordered', '{', 'List', 'text', 'with', '-', 'Circle', 'shadow', 'Bullets', ':', '</h2>', '2px', '<ul', '2px', 'style=\"list', 'red', '-', ';', 'style', '}', '-', '</style>', 'type'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</head>', ':', '<body>', 'lower', '<h1>', ';', 'The', 'Tea', '-', '</li>', 'shadow', '<li>', 'effect', 'Tea', '!', '</li>', '</h1>', '<li>', '</body>', 'Coca', '</html>', '</li>', '<!DOCTYPE', '</ol>', 'html>', '</body>', '<html>', '</html>', '<head>', '<!DOCTYPE', '<title>', 'html>', 'body', '<html>', '{', '<head>', 'float', '<style>', ':', 'img', '100', '{', ';', 'width', 'height', ':', ':', 'inline', '150px', '-', ';', 'block', 'object', ';', '-', '}', 'fit', '</style>', ':', 'a', 'cover', '{', ';', 'width', 'object', ':', '-', 'black', 'position', ';'] \n",
            "\n",
            " target:\n",
            "['</head>', ':', '<body>', '<unk>', '<h1>', '<li>', 'Text', 'Coffee', '-', '</li>', 'shadow', '<li>', 'effect', 'Tea', '!', '</li>', '</h1>', '<li>', '</body>', 'Milk', '</html>', '</li>', '<!DOCTYPE', '</ul>', 'html>', '</body>', '<html>', '</html>', '<head>', '<!DOCTYPE', '<style>', 'html>', 'img', '<html>', '{', '<head>', 'width', '<style>', ':', '.pagination', '200px', '{', ';', 'display', 'height', ':', ':', 'inline', '300px', '-', ';', 'block', 'object', ';', '-', '}', 'fit', '.pagination', ':', 'a', 'cover', '{', ';', 'color', 'object', ':', '-', 'black', 'position', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', '}', 'absolute', ':', ')', 'right', ';', ';', '%', 'padding', ';', ':', 'background', '8px', '.dropdown', '16px', '</head>', ';', '<body>', 'text', '<h2>', '-', 'The', 'decoration', 'The', ':', '-', 'none', 'fit', ';', ':', 'transition', '<img', ':', 'src=\"paris.jpg', 'background', '\"', '-', 'alt=\"Paris', 'color', '\"', '.3s', 'width=\"400', ';', '\"', 'border', 'height=\"300\">', ':', '</body>', '1px', '</html>', 'solid', '<!DOCTYPE', '#', 'html>', 'ddd', '<html>', ';', '<body>', '}', '<style>', '.pagination', '*', 'a.active', '-', '{', 'container', 'background', '{', '-'] \n",
            "\n",
            " target:\n",
            "[':', 'float', '80', ':', '%', 'left', '100', ';', '%', 'padding', ';', ':', '}', '8px', '</style>', '16px', '</head>', ';', '<body>', 'text', '<h2>', '-', 'Using', 'decoration', 'object', ':', '-', 'none', 'position', ';', '</h2>', 'transition', '<img', ':', 'src=\"paris.jpg', 'background', '\"', '-', 'alt=\"Paris', 'color', '\"', '.3s', 'width=\"400', ';', '\"', 'border', 'height=\"300\">', ':', '</body>', '1px', '</html>', 'solid', '<!DOCTYPE', '#', 'html>', 'ddd', '<html>', ';', '<head>', '}', '<style>', '.pagination', '.flex', 'a.active', '-', '{', 'container', 'background', '{', '-'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['background', 'color', ':', ':', 'inline', '#', '-', '4CAF50', 'flex', ';', ';', 'color', 'display', ':', ':', 'white', 'flex', ';', ';', 'padding', '-webkit', ':', '-', '1px', 'align', 'solid', '-', '#', 'direction', '4CAF50', ';', ';', '1', '}', ':', '.pagination', ':', 'a', '}', ':', ':', 'hover', 'reverse', ':', ';', 'not(.active', '9999', ')', ':', '{', ':', 'background', '}', '-', '-', 'color', 'index', ':', ':', '#', 'bold', 'ddd', ';', ';', '}', '}', '-', '</style>', 'align', '</head>'] \n",
            "\n",
            " target:\n",
            "['display', 'color', ':', ':', '-webkit', '#', '-', '4CAF50', 'flex', ';', ';', 'color', 'display', ':', ':', 'white', 'flex', ';', ';', 'border', '-webkit', ':', '-', '1px', 'flex', 'solid', '-', '#', '<unk>', '4CAF50', ':', ';', 'row', '}', 'wrap', '.pagination', ';', 'a', 'flex', ':', '-', 'hover', '<unk>', ':', ':', 'not(.active', 'row', ')', 'wrap', '{', ';', 'background', 'font', '-', '-', 'color', 'weight', ':', ':', '#', 'bold', 'ddd', ';', ';', 'text', '}', '-', '</style>', 'align', '</head>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', '<body>', 'center', '<div', ';', 'Change', 'background', 'with', '.city', 'Margins', '-', '</h2>', 'item', '<p>', '{', 'you', 'div', '<a', '{', 'href=\"#\">', 'background', '&', ':', 'laquo', '10px', ';', ';', '</a>', 'font', '<a', ';', 'href=\"#\">', '14px', '1', ';', '</a>', '%', '<a', ';', 'href=', 'background', '\"', '</style>', '#', '{', '\"', 'width', 'class=\"active\">', '-', '2', 'name', '</a>', ':', '<a', '9999', 'href=\"#\">', ';', '3', '}', '</a>', '-', '<a', 'red', 'html>', ';', '<html>', 'width', '<head>', '</style>', '<script>'] \n",
            "\n",
            " target:\n",
            "[':', '<body>', 'center', '<h2>', ';', 'Pagination', '}', 'with', '.flex', 'Borders', '-', '</h2>', 'container', '<div', '>', 'class=\"pagination\">', '*', '<a', '{', 'href=\"#\">', 'padding', '&', ':', 'laquo', '10px', ';', ';', '</a>', 'flex', '<a', ':', 'href=\"#\">', '1', '1', '100', '</a>', '%', '<a', ';', 'href=', '}', '\"', '<unk>', '#', '{', '\"', 'text', 'class=\"active\">', '-', '2', 'align', '</a>', ':', '<a', 'left', 'href=\"#\">', ';', '3', 'background', '</a>', ':', '<!DOCTYPE', 'cornflowerblue', 'html>', ';', '<html>', '}', '<head>', '.header', '<style>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['{', 'h1', 'background', '{', '-', 'list', 'background', '-', ';', 'style', '}', '-', '</style>', 'type', '{', ':', 'background', 'none', '-', ';', 'grey', 'margin', ';', ':', 'color', '0', '.column', ';', '{', 'padding', 'float', ':', '-', '0', '1', ';', '{', 'overflow', '}', ':', '</style>', 'hidden', 'only', ';', ';', 'background', '(', '-', 'bdo', 'color', '-', ':', 'width', '#', ':', '333', '1', ';', ')', '}', '{', '</style>', 'float', '{', '{', 'margin', 'width', ':', ':', 'left'] \n",
            "\n",
            " target:\n",
            "['{', 'ul', 'background', '{', ':', 'list', '<unk>', '-', ';', 'style', '}', '-', '.footer', 'type', '{', ':', 'background', 'none', ':', ';', 'lightgreen', 'margin', ';', ':', '}', '0', '<unk>', ';', '{', 'padding', 'background', ':', ':', '0', '<unk>', ';', ';', 'overflow', '}', ':', '@media', 'hidden', 'all', ';', 'and', 'background', '(', '-', 'min', 'color', '-', ':', 'width', '#', ':', '<unk>', '768px', ';', ')', '}', '{', 'li', '<unk>', '{', '{', 'float', 'flex', ':', ':', 'left'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['5px', ';', ';', 'display', ';', 'table', '}', '{', '</style>', ':', '{', 'display', 'width', ':', ':', 'block', '100', ';', ';', 'color', ';', ':', '}', 'white', '</style>', ';', '{', 'text', 'width', '-', ':', 'align', '0', ':', ';', 'center', '}', ';', '</style>', 'padding', '{', ':', 'width', '14px', ':', ';', '9999', 'text', ';', '-', '}', 'decoration', '</style>', ':', '{', 'none', 'float', ';', ':', 'transition', '1', 'a', ';', 'a', 'color', ':', '.column', 'hover', '.column', ','] \n",
            "\n",
            " target:\n",
            "['1', ';', 'auto', '}', ';', 'li', '}', 'a', '<unk>', '{', '{', 'display', 'flex', ':', ':', 'block', '3', ';', '0px', 'color', ';', ':', '}', 'white', '<unk>', ';', '{', 'text', 'order', '-', ':', 'align', '1', ':', ';', 'center', '}', ';', '<unk>', 'padding', '{', ':', 'order', '16px', ':', ';', '2', 'text', ';', '-', '}', 'decoration', '.footer', ':', '{', 'none', 'order', ';', ':', '}', '4', 'li', ';', 'a', '}', ':', '}', 'hover', '</style>', '{'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</head>', 'background', '<body>', '-', 'html>', 'color', '<html>', ':', '<head>', '#', '<style>', 'eee', 'p::first', ';', 'para1', '}', '{', '.col-2', 'width', '</head>', '-', '<body>', 'family', '<h2>', ':', 'The', 'link', 'Links', ';', '</h3>', 'Helvetica', '<p>', ',', 'The', 'sans', 'this', '-', 'example', 'serif', ',', ';', 'we', '}', 'use', ':', 'the', 'serif', 'text', ':', 'the', '5px', 'an', ';', 'text', '}', 'items', ':', '(', '100', 'we', '%', 'set', ';', 'a', '}', 'green', '.p3', 'and', 'section41', ':'] \n",
            "\n",
            " target:\n",
            "['</head>', 'background', '<!DOCTYPE', '-', 'html>', 'color', '<html>', ':', '<head>', '#', '<style>', '<unk>', '#', ';', '<unk>', '}', '{', '</style>', 'font', '</head>', '-', '<body>', 'family', '<h2>', ':', 'Navigation', 'Arial', 'Menu', ',', '</h2>', 'Helvetica', '<p>', ',', 'In', 'sans', 'this', '-', 'example', 'serif', ',', ';', 'we', 'border', 'use', '-', 'CSS', 'collapse', 'to', ':', 'style', 'collapse', 'the', ';', 'list', 'width', 'horizontally', ':', ',', '100', 'to', '%', 'create', ';', 'a', '}', '<unk>', '#', 'menu', '<unk>', ':'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', '5px', '{', '<div', '0', '<li>', 'navlist', 'Coffee', '{', 'href=\"#\">', '{', 'Home', 'width', '</a>', ':', '</li>', '1px', '<li>', 'solid', 'html>', 'black', '<html>', 'div1', '<head>', ';', '<h2>', '}', 'Browsers', ':', 'the', '0', 'button', '0', 'to', 'text', 'get', '</style>', 'your', 'grad1', 'coordinates', '{', '.', ':', '</p>', '9999', '<p>', '-', 'onclick=\"getLocation()\">', 'child', 'Try', '-', 'It', 'color', '</button>', ':', '<p', '#', 'id=\"demo\">', 'fff', '</p>', '}', '<script>', '}', 'var', '</style>', 'x', 'aaaaaa', '=', '{', 'document.getElementById(\"demo'] \n",
            "\n",
            " target:\n",
            "['td', '</p>', ',', '<ul>', '#', '<li>', '<unk>', '<a', 'th', 'href=\"#home\">', '{', 'Home', 'border', '</a>', ':', '</li>', '1px', '<!DOCTYPE', 'solid', 'html>', '#', '<html>', 'ddd', '<body>', ';', '<p>', 'padding', 'Click', ':', 'the', '8px', 'button', ';', 'to', '}', 'get', '#', 'your', '<unk>', 'coordinates', 'tr', '.', ':', '</p>', 'nth', '<button', '-', 'onclick=\"getLocation()\">', 'child(even){background', 'Try', '-', 'It', 'color', '</button>', ':', '<p', '#', 'id=\"demo\">', 'f2f2f2', '</p>', ';', '<script>', '}', 'var', '#', 'x', '<unk>', '=', 'tr', 'document.getElementById(\"demo'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['tag', ')', 'nth', ')', '{', ';', 'background', 'function', '-', 'showError(error', 'color:#f5f5f5', '(', ':', ')', 'hotpink', '{', '111', 'if', ';', '(', '}', 'navigator.geolocation', '</style>', ')', '666', '{', '{', 'navigator.geolocation.getCurrentPosition(showPosition', '{', ',', 'width', '{', ':', '}', 'color:#f5f5f5', 'else', ':', '{', '0', 'x.innerHTML', ';', '=', '}', '\"', ':', 'Latitude', 'width', 'is', ':', 'not', '8px', 'supported', ';', 'by', 'margin', 'Side', '-', 'browser', 'align', '.', ':', '\"', 'left', ';', ';', '}', 'margin', 'function', '-', 'function'] \n",
            "\n",
            " target:\n",
            "[':', '\"', 'hover', ')', '{', ';', 'background', 'function', '-', 'getLocation', 'color', '(', ':', ')', '#', '{', 'ddd', 'if', ';', '(', '}', 'navigator.geolocation', '#', ')', '<unk>', '{', 'th', 'navigator.geolocation.getCurrentPosition(showPosition', '{', ')', 'padding', ';', '-', '}', 'top', 'else', ':', '{', '12px', 'x.innerHTML', ';', '=', 'padding', '\"', '-', 'Geolocation', 'bottom', 'is', ':', 'not', '12px', 'supported', ';', 'by', 'text', 'this', '-', 'browser', 'align', '.', ':', '\"', 'left', ';', ';', '}', 'background', '}', '-', 'function'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', ':', ':', ')', '#', '{', '4CAF50', 'x.innerHTML=\"Latitude', ';', '=', 'color', '\"', ':', 'Geolocation', 'white', ':', ';', '\"', 'padding', '+', '</style>', 'position.coords.latitude', '</head>', '+', '<body>', '\"', '<h2>', '<br', 'style=\"width:100%\">', '>', '</th>', 'Longitude', '<td>', ':', 'Country', '\"', '</th>', '+', '</tr>', '\"', 'html>', ';', '<html>', '}', '<head>', '</script>', '<style>', '</body>', 'img', '</html>', '-', '<!DOCTYPE', 'container', 'html>', '{', '<html>', 'display', 'lang=\"en\">', ':', '<head>', '-webkit', '<title>', '-', 'Bootstrap', 'flex', 'Example', ';', '</title>', 'width', '<meta'] \n",
            "\n",
            " target:\n",
            "['color', 'showPosition(position', ':', ')', '#', '{', '4CAF50', 'x.innerHTML', ';', '=', 'color', '\"', ':', 'Latitude', 'white', ':', ';', '\"', '}', '+', '</style>', 'position.coords.latitude', '</head>', '+', '<body>', '\"', '<table', '<br', '<unk>', '>', '<tr>', 'Longitude', '<th>', ':', 'Company', '\"', '</th>', '+', '<!DOCTYPE', 'position.coords.longitude', 'html>', ';', '<html>', '}', '<head>', '</script>', '<style>', '</body>', '.flex', '</html>', '-', '<!DOCTYPE', 'container', 'html>', '{', '<html', 'display', 'lang=\"en\">', ':', '<head>', '-webkit', '<title>', '-', 'Bootstrap', 'flex', 'Example', ';', '</title>', 'display', '<meta'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', 'charset=\"utf-8\">', 'inline', '<meta', ';', 'name=\"viewport', '-webkit', '\"', '-', 'content=\"width', 'flex', '=', '-', 'device', 'items', '-', ':', 'width', 'stretch', ',', ';', 'initial', '}', '-', '-', 'scale=1\">', 'items', '<link', ':', 'rel=\"stylesheet', 'flex', '\"', ';', 'href=\"https://maxcdn.bootstrapcdn.com', 'width', '/', ':', 'bootstrap/3.4.1', '100', '/', ';', 'css', '}', '/', ':', 'bootstrap.min.css\">', '100', '<script', ';', 'src=\"https://ajax.googleapis.com', '}', '/', '-', 'ajax', 'color', '/', ':', 'libs', 'lightgrey', '/', ';', 'jquery/3.5.1', '}', '/', '.flex', 'jquery.min.js\">', '-', '</script>', 'item', '<script'] \n",
            "\n",
            " target:\n",
            "[':', 'charset=\"utf-8\">', 'flex', '<meta', ';', 'name=\"viewport', '-webkit', '\"', '-', 'content=\"width', 'align', '=', '-', 'device', 'items', '-', ':', 'width', '<unk>', ',', ';', 'initial', 'align', '-', '-', 'scale=1\">', 'items', '<link', ':', 'rel=\"stylesheet', '<unk>', '\"', ';', 'href=\"https://maxcdn.bootstrapcdn.com', 'width', '/', ':', 'bootstrap/3.4.1', '400px', '/', ';', 'css', 'height', '/', ':', 'bootstrap.min.css\">', '250px', '<script', ';', 'src=\"https://ajax.googleapis.com', 'background', '/', '-', 'ajax', 'color', '/', ':', 'libs', 'lightgrey', '/', ';', 'jquery/3.5.1', '}', '/', '.flex', 'jquery.min.js\">', '-', '</script>', 'item', '<script'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['2', 'src=\"https://ajax.googleapis.com', 'background', '/', '-', 'bootstrap/3.4.1', 'color', '/', ':', 'js', 'cornflowerblue', '/', ';', 'bootstrap.min.js\">', 'width', '</script>', ':', '</head>', '100px', '<body>', ';', '<div', 'height', 'class=\"container\">', ':', '<h2>', '10px', 'Popover', ';', '</h3>', '}', '<ul', '</style>', 'class=\"nav', '</head>', 'nav', '<body>', '-', '<div', 'tabs', 'class=\"flex', '<li', '-', 'class=\"active\">', 'container\">', '<a', '<div', 'href=\"#\">', 'class=\"flex', 'Home', '-', '</a>', 'item\">', '</li>', 'flex', '<li', 'item', '<a', '1', 'href=\"#\">', '</div>', 'Menu', '<div', '1', 'class=\"flex', '</a>', '-', '</li>', 'item\">', '<li'] \n",
            "\n",
            " target:\n",
            "['{', 'src=\"https://maxcdn.bootstrapcdn.com', 'background', '/', '-', 'bootstrap/3.4.1', 'color', '/', ':', 'js', 'cornflowerblue', '/', ';', 'bootstrap.min.js\">', 'width', '</script>', ':', '</head>', '100px', '<body>', ';', '<div', 'margin', 'class=\"container\">', ':', '<h3>', '10px', 'Tabs', ';', '</h3>', '}', '<ul', '</style>', 'class=\"nav', '</head>', 'nav', '<body>', '-', '<div', 'tabs\">', 'class=\"flex', '<li', '-', 'class=\"active\">', 'container\">', '<a', '<div', 'href=\"#\">', 'class=\"flex', 'Home', '-', '</a>', 'item\">', '</li>', 'flex', '<li>', 'item', '<a', '1', 'href=\"#\">', '</div>', 'Menu', '<div', '1', 'class=\"flex', '</a>', '-', '</li>', 'item\">', '<li>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['5', 'Tea', 'item', 'href=\"#\">', '2', 'Home', '</div>', '1', '<div', '</a>', 'class=\"flex', '</li>', '-', '<li>', 'item\">', '<a', 'flex', 'href=\"#\">', 'item', 'Menu', '3', '3', '</div>', '</a>', '</body>', '</li>', '</body>', '<!DOCTYPE', '</html>', 'html>', '<!DOCTYPE', '<html>', 'html>', '<head>', '<html>', '<title>', '<head>', 'name=\"viewport', '<style>', '\"', '#', 'content=\"width', '{', '=', 'width', 'device', ':', '-', '9999', 'width', '{', ',', '}', 'initial', ':', '-', '0', 'scale=1\">', 'solid', '<style>', '1', '[', 'div1', '{', ';', 'margin', '}', '-', '-', 'color'] \n",
            "\n",
            " target:\n",
            "['flex', '<a', 'item', 'href=\"#\">', '2', 'Menu', '</div>', '2', '<div', '</a>', 'class=\"flex', '</li>', '-', '<li>', 'item\">', '<a', 'flex', 'href=\"#\">', 'item', 'Menu', '3', '3', '</div>', '</a>', '</div>', '</li>', '</body>', '<!DOCTYPE', '</html>', 'html>', '<!DOCTYPE', '<html>', 'html>', '<head>', '<html>', '<meta', '<head>', 'name=\"viewport', '<style>', '\"', '<unk>', 'content=\"width', '{', '=', 'width', 'device', ':', '-', '<unk>', 'width', ';', ',', 'border', 'initial', ':', '-', '1px', 'scale=1.0\">', 'solid', '<style>', '#', 'body', '000000', '{', ';', 'background', 'word', '-', '-', 'color'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', ':', ':', '#', 'wrap', ';', '-', '}', 'all', 'a', '-', 'only', '}', 'screen', 'keep', 'and', '</head>', '(', '<body>', 'min', '<h1>', '{', 'The', '</p>', 'drink', '{', '-', '{', 'break', 'width', 'them', '{', '</h1>', 'width', '<p', '-', 'class=\"test1\">', 'color', 'This', ':', 'paragraph', 'blue', 'contains', ';', 'a', '}', 'paragraph', '</style>', 'This', '</style>', 'text', '</head>', 'from', '<body>', 'first', '<h2>', 'paragraph', '<b>', '</p>', 'the', 'link', 'browser', 'text', 'window', 'from', 'to', 'not', '</p>', 'between', 'the'] \n",
            "\n",
            " target:\n",
            "['wrap', ':', ':', 'lightgreen', 'break', ';', '-', '}', 'word', '@media', ';', 'only', '}', 'screen', '</style>', 'and', '</head>', '(', '<body>', '<unk>', '<h1>', ':', 'The', '<unk>', 'word', ')', '-', '{', 'wrap', 'body', 'Property', '{', '</h1>', 'background', '<p', '-', '<unk>', 'color', 'This', ':', 'paragraph', 'lightblue', 'contains', ';', 'a', '}', '<unk>', '}', 'long', '</style>', 'word', '</head>', ':', '<body>', '<unk>', '<p>', '.', 'Resize', 'The', 'the', 'long', 'browser', 'word', 'window', 'will', '.', 'break', 'When', 'and', 'the'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['the', 'text', 'attributes', 'of', 'wrap', 'input', 'wrap', 'div', 'to', 'is', 'height', '\"', '</p>', 'than', '<p>', '768px', '</html>', 'form', '<!DOCTYPE', 'of', 'html>', 'to', '<html>', 'form', '<head>', '-', '<style>', 'to', 'p.normal', 'floated', '{', 'tan', 'width', ',', ':', '_', '300px', '100', ';', ';', 'height', 'gets', ':', 'a', '100px', 'from', ';', '.', 'background', ';', ':', '</p>', '15px', '</body>', ';', '</html>', 'background', '<!DOCTYPE', '-', 'html>', 'color', '<html>', ':', '<head>', 'yellow', '<h2>', ';', 'Use', 'border', 'List'] \n",
            "\n",
            " target:\n",
            "['wrap', 'width', 'to', 'of', 'the', 'this', 'next', 'document', 'line', 'is', '.', 'larger', '</p>', 'than', '</body>', 'the', '</html>', 'height', '<!DOCTYPE', ',', 'html>', 'the', '<html>', 'background', '<head>', 'color', '<style>', 'is', 'div', '\"', '{', 'lightblue', 'width', '\"', ':', ',', '300px', '<unk>', ';', 'it', 'height', 'is', ':', '\"', '100px', 'lightgreen', ';', '\"', 'padding', '.', ':', '</p>', '15px', '</body>', ';', '</html>', 'background', '<!DOCTYPE', '-', 'html>', 'color', '<html>', ':', '<body>', 'yellow', '<h2>', ';', 'Unordered', 'box', 'List'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', '</h2>', 'sizing', 'Lowercase', 'property', '</h2>', '0', '</h2>', 'grey', '<ul', 'grey', 'style=\"list', '}', '-', '</style>', 'style', '</head>', '-', '<body>', 'type', '<p>', ':', 'Text', 'none;\">', 'background', ';', '-', 'Tea', 'shadow', '</li>', 'effect', '<li>', '</h1>', 'Tea', '</body>', '</li>', '</body>', '<li>', 'is', 'Milk', 'a', '</li>', 'text', '</ul>', 'element', '</body>', 'with', '</html>', 'a', '<!DOCTYPE', 'box', 'html>', '-', '<html>', 'shadow', '<head>', '</div>', '<h2>', '</body>', 'Paris', '</html>', 'Field', '<!DOCTYPE', '</h2>', 'html>', '{', '<html>', '<p>', '<head>', 'The'] \n",
            "\n",
            " target:\n",
            "['-', 'with', 'shadow', '<unk>', ':', 'Bullets', '10px', '</h2>', '10px', '<ul', ';', 'style=\"list', '}', '-', '</style>', 'style', '</head>', '-', '<body>', 'type', '<h1>', ':', 'The', '<unk>', 'box', '<li>', '-', 'Coffee', 'shadow', '</li>', 'Property', '<li>', '</h1>', 'Tea', '<div>', '</li>', 'This', '<li>', 'is', 'Milk', 'a', '</li>', 'div', '</ul>', 'element', '</body>', 'with', '</html>', 'a', '<!DOCTYPE', 'box', 'html>', '-', '<html>', 'shadow', '<body>', '</div>', '<h2>', '</body>', 'Date', '</html>', 'Field', '<!DOCTYPE', '<unk>', 'html>', '</h2>', '<html>', '<p>', '<head>', 'Use'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<title>', '-', 'input[type', '.dropdown', '{', '-', 'color', 'add', '-', 'attributes', 'break', 'to', ':', 'add', '3px', 'numeric', ';', 'in', '}', '5', '</style>', ':', '{', '</p>', 'text', '<form', '-', 'action=\"/action_page.php', 'break', '<label', ':', 'for=\"quantity\">', '-3px', 'Enter', ';', 'a', '}', 'phone', '</style>', 'after', '</head>', '2000', '<body>', '-', '<h1>', '01', 'This', '-', 'is', '01', 'heading', '-', '1', '</label>', '</h1>', '<input', '<h2>', 'type=\"date', 'This', '\"', 'is', 'id=\"datemax', 'heading', '\"', '2', 'name=\"datemin', '</h2>', '\"', '<p>', 'min=\"2000'] \n",
            "\n",
            " target:\n",
            "['<style>', 'the', 'h1', 'min', '{', 'and', 'word', 'max', '-', 'attributes', 'spacing', 'to', ':', 'add', '10px', 'restrictions', ';', 'to', '}', '<unk>', 'h2', ':', '{', '</p>', 'word', '<form', '-', 'action=\"/action_page.php\">', 'spacing', '<label', ':', 'for=\"datemin\">', '-5px', 'Enter', ';', 'a', '}', 'date', '</style>', 'after', '</head>', '2000', '<body>', '-', '<h1>', '01', 'This', '-', 'is', '01', 'heading', ':', '1', '</label>', '</h1>', '<input', '<h2>', 'type=\"date', 'This', '\"', 'is', 'id=\"datemin', 'heading', '\"', '2', 'name=\"datemin', '</h2>', '\"', '</body>', 'min=\"2000'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</html>', '-', '<!DOCTYPE', 'end', 'html>', '-', '<html>', '02\"><br><br>', '<head>', '<label', '<p>', 'for=\"quantity\">', '</h2>', 'Enter', '<source', 'a', 'src=\"mov_bbb.ogg', 'week', '{', 'and', 'type=\"video', '1980', '<h2>', '-', 'tag_base.asp\">', '01', 'Your', '-', 'src=\"mov_bbb.ogg', '01', '<h2>', ':', 'type=\"video', '</label>', '<h2>', '<input', 'Height', 'type=\"date', '<h2>', '\"', 'browser', 'id=\"datemax', 'does', '\"', 'not', 'name=\"datemax', 'support', '\"', 'the', 'max=\"1979', 'link', '-', '\"', '12', 'is', '-', '</p>', '12', '<h2>', '<label', '</html>', 'type=\"button', '<!DOCTYPE', '\"', 'html>', 'value=\"Submit\">', '<html>', '</form>', '<head>', '<p>'] \n",
            "\n",
            " target:\n",
            "['</html>', '-', '<!DOCTYPE', '01', 'html>', '-', '<html>', '02\"><br><br>', '<body>', '<label', '<unk>', 'for=\"datemax\">', 'controls>', 'Enter', '<source', 'a', '<unk>', 'date', '\"', 'before', '<unk>', '1980', '/', '-', 'ogg\">', '01', '<source', '-', '<unk>', '01', '\"', ':', '<unk>', '</label>', '/', '<input', '<unk>', 'type=\"date', 'Your', '\"', 'browser', 'id=\"datemax', 'does', '\"', 'not', 'name=\"datemax', 'support', '\"', 'the', 'max=\"1979', '<unk>', '-', 'element', '12', '.', '-', '<unk>', '31\"><br><br>', '</body>', '<input', '</html>', 'type=\"submit', '<!DOCTYPE', '\"', 'html>', 'value=\"Submit\">', '<html>', '</form>', '<body>', '<p>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<div', 'The', 'Click', 'Note', 'This', ':', '.', '</strong>', '</p>', 'type=\"month', 'name=\"x', '\"', '</div>', 'is', '<br><br>', 'not', '<p>', 'supported', 'type=\"button', 'in', '<p>', 'Safari', '<p>', 'or', '<p>', 'Internet', '</body>', 'Explorer', 'class=\"button\">', '11', 'This', '(', 'This', 'or', '<h2>', 'earlier', '</body>', ')', '<strong>', '.', 'Note', '</p>', ':', '</body>', '9999', '</html>', 'The', '<!DOCTYPE', 'Explorer', 'html>', '10', '<html>', '(', '<head>', 'Height', '<h2>', 'versions', 'Images', ',', 'date', 'not', 'List', 'supported', 'with', 'the', '<ul', 'Storage', 'Contextual', '</th>', 'With'] \n",
            "\n",
            " target:\n",
            "['<p>', '<strong>', '<unk>', 'Note', 'numbers', ':', ':', '</strong>', '<output', 'type=\"date', 'id=\"result\">', '\"', '</output>', 'is', '</p>', 'not', '<button', 'supported', '<unk>', 'in', '<unk>', 'Safari', '<unk>', 'or', '</button>', 'Internet', '<button', 'Explorer', '<unk>', '11', '<unk>', '(', '<unk>', 'or', '</button>', 'earlier', '<p>', ')', '<strong>', '.', 'Note', '</p>', ':', '</body>', '</strong>', '</html>', 'Internet', '<!DOCTYPE', 'Explorer', 'html>', '9', '<html>', 'and', '<body>', 'earlier', '<h2>', 'versions', 'A', 'do', 'Nested', 'not', 'List', 'support', '</h2>', 'Web', '<p>', '<unk>', 'Lists', '.', 'can'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['</p>', 'quickly', '<p', 'effective', 'var', 'a', 'x', 'a', '-', ')', 'var', 'a', 'getLocation', ')', ':', ':', 'bdo', '</p>', '{', '<ul>', 'width', '<li>', ':', 'Coffee', ';', '</li>', '=', '<li>', 'ctx.createLinearGradient(0,0,200,0', '>', 'localStorage.getItem(\"lastname', 'Tea', ')', '<ul>', '\"', '<li>', ')', 'Coca', '{', 'tea', 'width', '</li>', '=', '<li', '{', 'Africa', 'About', 'tea', 'ctx.createRadialGradient(75,50,5,90,60,100', '<ul>', 'Latitude', '<li>', '\"', '</body>', ')', '<li>', '{', 'Milk', 'width', '</li>', '-', '</ul>', 'document.getElementById(\"scream', '</body>', 'EventSource(\"demo_sse.php', '</html>', '\"', '<!DOCTYPE', '<br', 'html>'] \n",
            "\n",
            " target:\n",
            "['</p>', 'be', '<script>', 'nested', 'var', '(', 'w', 'list', ';', 'inside', 'function', 'list', '<unk>', ')', '(', ':', ')', '</p>', '{', '<ul>', '<unk>', '<li>', ')', 'Coffee', '!', '</li>', '=', '<li', '=', '>', '\"', 'Tea', 'undefined', '<ul>', '\"', '<li>', ')', 'Black', '{', 'tea', '<unk>', '</li>', ')', '<li>', '=', 'Green', '=', 'tea', '\"', '</li>', 'undefined', '</ul>', '\"', '</li>', ')', '<li>', '{', 'Milk', 'w', '</li>', '=', '</ul>', 'new', '</body>', '<unk>', '</html>', '\"', '<!DOCTYPE', ')', 'html>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['{', '<html>', '}', '<head>', '#', '<h1>', '{', '<h2>', 'About', '<source', '{', 'src=\"movie.mp4', ';', 'This', 'margin', 'type=\"video', '+', '\"', '\"', 'Height', '+', 'Your', '}', 'src=\"mov_bbb.ogg', 'else', '<h2>', '}', 'type=\"video', 'else', '<h2>', '{', 'Height', 'x.innerHTML', '<h2>', '=', 'browser', '\"', 'without', 'Sorry', 'not', ',', 'support', 'your', 'the', 'browser', 'link', 'does', 'from', 'not', 'is', 'support', '</p>', 'Web', '<h2>', '\"', '</html>', '\"', '<!DOCTYPE', '\"', 'html>', ';', '<html>', '}', '<head>', '</style>', '<h2>', 'else', 'Paris', 'showPosition(position', '{'] \n",
            "\n",
            " target:\n",
            "[';', '<html>', '}', '<body>', '<unk>', '<unk>', '=', 'controls>', 'function(event', '<source', ')', '<unk>', '{', '\"', 'document.getElementById(\"result\").innerHTML', '<unk>', '=', '/', 'event.data', 'ogg\">', ';', '<source', '}', '<unk>', ';', '\"', '}', '<unk>', 'else', '/', '{', '<unk>', 'document.getElementById(\"result\").innerHTML', 'Your', '=', 'browser', '\"', 'does', 'Sorry', 'not', ',', 'support', 'your', 'the', 'browser', '<unk>', 'does', 'element', 'not', '.', 'support', '<unk>', 'Web', '</body>', '<unk>', '</html>', '...', '<!DOCTYPE', '\"', 'html>', ';', '<html>', '}', '<body>', '}', '<h2>', 'function', '<unk>', '<unk>', 'Images'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', '/', 'the', '<p>', '{', 'Another', 'width', 'Another', ':', 'images', 'this', 'bottom', ';', ':', '}', 'open', '-', 'bottom', '<output', 'side', '\"', '</p>', '}', '</p>', '</style>', '<div', 'html>', 'Use', '<html>', 'src=\"paris.jpg', '<head>', '\"', '<style>', 'alt=\"HTML', 'img', '\"', '{', '\"', 'width', 'gets', ':', '\"', '70px', 'link', ';', ';', ';', 'link', 'border', 'contains', ':', 'the', '1px', 'link', 'solid', '\"', 'green', 'is', ';', '</p>', '}', 'link', '</style>', 'contains', '</head>', 'the', '<body>', 'link', '<h2>', '\"'] \n",
            "\n",
            " target:\n",
            "['(', '</h2>', ')', '<p>', '{', '<strong>', '<unk>', 'Float', '(', 'the', ')', 'image', ';', 'to', 'w', 'the', '=', 'right', 'undefined', ':', ';', '</strong>', '}', '</p>', '<!DOCTYPE', '<p>', 'html>', '<img', '<html>', 'src=\"smiley.gif', '<head>', '\"', '<style>', '<unk>', '.center', '<unk>', '{', '\"', 'padding', '<unk>', ':', ':', '70px', '<unk>', '0', 'A', ';', 'paragraph', 'border', 'with', ':', 'a', '3px', '<unk>', 'solid', 'image', 'green', '.', ';', 'A', '}', 'paragraph', '</style>', 'with', '</head>', 'a', '<body>', '<unk>', '<h2>', 'image'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['Responsive', 'as', 'Align', 'url(border.png', 'Elements', 'url(border.png', '<p>', '.', 'To', 'the', 'this', 'standard', 'example', 'This', ',', ':', 'the', '</p>', 'use', '</body>', 'margin', 'The', 'link', 'Note', 'and', 'images', 'to', 'link', 'be', ':', 'the', 'the', 'link', 'link', 'element', 'side', ':', '</p>', 'and', '</p>', '</p>', '<div', '<div', 'Use', 'class=\"center\">', 'src=\"html5.gif', '<p>', '\"', 'This', 'width=\"42', 'am', '\"', 'vertically', '\"', 'and', 'is', '.', '\"', '</p>', 'link', '</div>', '\"', '</body>', 'link', '</html>', 'contains', '<!DOCTYPE', 'the', 'html>', 'link'] \n",
            "\n",
            " target:\n",
            "['Center', '.', '<unk>', 'A', '</h2>', 'paragraph', '<p>', 'with', 'In', 'a', 'this', '<unk>', 'example', 'image', ',', '.', 'we', '</p>', 'use', '<p>', 'the', '<strong>', 'padding', 'Float', 'property', 'the', 'to', 'image', 'center', 'to', 'the', 'the', 'div', 'left', 'element', ':', 'vertically', '</strong>', ':', '</p>', '</p>', '<p>', '<div', '<img', 'class=\"center\">', 'src=\"smiley.gif', '<p>', '\"', 'I', '<unk>', 'am', '<unk>', 'vertically', '\"', 'centered', '<unk>', '.', ':', '</p>', '<unk>', '</div>', 'A', '</body>', 'paragraph', '</html>', 'with', '<!DOCTYPE', 'a', 'html>', '<unk>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<html>', '<h2>', 'lang=\"en\">', ':', '<head>', '</p>', '<title>', 'link', 'Bootstrap', '.', 'Example', 'the', '</title>', 'standard', '<meta', 'This', 'charset=\"utf-8\">', ':', '<meta', '</p>', 'name=\"viewport', 'link', '\"', 'contains', 'content=\"width', 'the', '=', 'link', 'device', 'This', '-', 'is', 'width', '</p>', ',', '</body>', 'initial', '</html>', '-', '<!DOCTYPE', 'scale=1\">', 'html>', '<link', '<html>', 'rel=\"stylesheet', '<head>', '\"', '<style>', 'href=\"https://maxcdn.bootstrapcdn.com', 'img', '/', '{', 'bootstrap/3.4.1', 'width', '/', '-', 'css', 'align', '/', ':', 'bootstrap.min.css\">', 'center', '<script', ';', 'src=\"https://ajax.googleapis.com', 'color', '/', ':', 'ajax', 'red'] \n",
            "\n",
            " target:\n",
            "['<html', 'image', 'lang=\"en\">', '.', '<head>', 'A', '<title>', 'paragraph', 'Bootstrap', 'with', 'Example', 'a', '</title>', '<unk>', '<meta', 'image', 'charset=\"utf-8\">', '.', '<meta', 'A', 'name=\"viewport', 'paragraph', '\"', 'with', 'content=\"width', 'a', '=', '<unk>', 'device', 'image', '-', '.', 'width', '</p>', ',', '</body>', 'initial', '</html>', '-', '<!DOCTYPE', 'scale=1\">', 'html>', '<link', '<html>', 'rel=\"stylesheet', '<head>', '\"', '<style>', 'href=\"https://maxcdn.bootstrapcdn.com', 'p.center', '/', '{', 'bootstrap/3.4.1', 'text', '/', '-', 'css', 'align', '/', ':', 'bootstrap.min.css\">', 'center', '<script', ';', 'src=\"https://ajax.googleapis.com', 'color', '/', ':', 'ajax', 'red'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['/', ';', 'libs', '}', '/', '</style>', 'jquery/3.5.1', '</head>', '/', '<body>', 'jquery.min.js\">', '<h1>', '</script>', 'class=\"center\">', '<script', 'This', 'src=\"https://maxcdn.bootstrapcdn.com', 'heading', '/', 'will', 'bootstrap/3.4.1', 'not', '/', 'be', 'js', 'affected', '/', '</h1>', 'bootstrap.min.js\">', '<p', '</script>', 'class=\"center\">', '</head>', 'This', '<body>', 'paragraph', '<div', 'will', 'class=\"container\">', 'be', '<h2>', 'red', 'Pills', 'and', 'Pills', 'center', 'With', '-', '<ul', 'aligned', 'Lorem', '.', 'the', '</p>', 'tabs', '<p', 'li', '</html>', 'group\">', '<!DOCTYPE', 'progress', 'html>', 'to', '<html>', 'see', 'lang=\"en\">', '(', '<head>', 'on', '<title>'] \n",
            "\n",
            " target:\n",
            "['/', ';', 'libs', '}', '/', '</style>', 'jquery/3.5.1', '</head>', '/', '<body>', 'jquery.min.js\">', '<h1', '</script>', 'class=\"center\">', '<script', 'This', 'src=\"https://maxcdn.bootstrapcdn.com', 'heading', '/', 'will', 'bootstrap/3.4.1', 'not', '/', 'be', 'js', 'affected', '/', '</h1>', 'bootstrap.min.js\">', '<p', '</script>', 'class=\"center\">', '</head>', 'This', '<body>', 'paragraph', '<div', 'will', 'class=\"container\">', 'be', '<h3>', 'red', 'Vertical', 'and', 'Pills', 'center', '</h3>', '-', '<p>', 'aligned', 'Use', '.', 'the', '</p>', '.nav', '</body>', '-', '</html>', 'stacked', '<!DOCTYPE', 'class', 'html>', 'to', '<html', 'vertically', 'lang=\"en\">', 'stack', '<head>', 'pills', '<title>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['20px', 'Bootstrap', '20px', 'Template', 'top', '</title>', 'top', '<meta', 'nav', 'charset=\"utf-8\">', '-', '<meta', 'tabs\">', 'name=\"viewport', 'nav', '\"', '-', 'content=\"width', 'pills\">', '=', '<li', 'device', 'class=\"active\">', '-', '<a', 'width', 'href=\"#\">', ',', 'Home', 'initial', '</a>', '-', '</li>', 'scale=1\">', '<li', '<link', '<a', '*', 'href=\"#\">', '{', 'Private', 'box', '1', '-', '</a>', 'sizing', '</li>', ':', '<li', 'border', '<a', '-', 'href=\"#\">', 'box', 'Menu', ';', '2', '}', '</a>', 'body', '</li>', '{', '<li', 'font', 'html>', '-', '<html>', 'family', '<head>', ':'] \n",
            "\n",
            " target:\n",
            "[':', 'CSS', '</p>', 'Template', '<ul', '</title>', 'class=\"nav', '<meta', 'nav', 'charset=\"utf-8\">', '-', '<meta', 'pills', 'name=\"viewport', 'nav', '\"', '-', 'content=\"width', 'stacked\">', '=', '<li', 'device', 'class=\"active\">', '-', '<a', 'width', 'href=\"#\">', ',', 'Home', 'initial', '</a>', '-', '</li>', 'scale=1\">', '<li>', '<style>', '<a', '*', 'href=\"#\">', '{', 'Menu', 'box', '1', '-', '</a>', 'sizing', '</li>', ':', '<li>', 'border', '<a', '-', 'href=\"#\">', 'box', 'Menu', ';', '2', '}', '</a>', 'body', '</li>', '{', '<!DOCTYPE', 'font', 'html>', '-', '<html>', 'family', '<head>', ':'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<title>', '5px', 'input[type', ';', '{', 'sans', 'width', ',', ':', 'sans', '100px', '-', ';', 'serif', 'height', ';', ':', '}', '100px', '.header', ';', '{', 'background', 'text', '-', ':', 'color', 'color', ':', ':', 'red', 'red', ';', '666', 'transition', ';', ':', 'padding', 'relative', ':', ';', '30px', 'animation', ';', '-', 'text', 'name', '-', ':', 'align', 'example', ':', ';', 'center', 'animation', ';', '-', 'font', 'duration', '-', ':', 'size', '4s', ':', ';', '30px', 'animation', ';', '-', 'color'] \n",
            "\n",
            " target:\n",
            "['<style>', 'Arial', 'div', ',', '{', 'Helvetica', 'width', ',', ':', 'sans', '100px', '-', ';', 'serif', 'height', ';', ':', '}', '100px', 'header', ';', '{', 'background', 'background', '-', '-', 'color', 'color', ':', ':', 'red', '#', ';', '666', 'position', ';', ':', 'padding', 'relative', ':', ';', '30px', 'animation', ';', '-', 'text', 'name', '-', ':', 'align', 'example', ':', ';', 'center', 'animation', ';', '-', 'font', 'duration', '-', ':', 'size', '4s', ':', ';', '35px', 'animation', ';', '-', 'color'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['color', ':', ':', '#', '1s', ';', ';', 'padding', '}', '.button2', 'div', '{', 'example', '-ms', '{', ':', 'background', '1', '%', ';', '{', '-ms', 'background', ':', '-', '1', 'color', '%', ':', ';', '#', '}', ';', ':', '}', '</p>', ';', ';', 'top:0px', '}', ';', '*', '}', 'IE', '25', 'screen', '%', 'some', '{', ';', 'background', '0', '-', 'scroll', 'color', 'closed', ':', '<h2>', 'yellow', 'the', ';', 'icon?family', 'left:200px', ':', ';', '1', 'top:0px', 'rcorners3', ';', ';'] \n",
            "\n",
            " target:\n",
            "['delay', ':', ':', 'white', '2s', ';', ';', '}', '}', 'nav', '@keyframes', '{', 'example', 'float', '{', ':', '0', 'left', '%', ';', '{', 'width', 'background', ':', '-', '30', 'color', '%', ':', ';', 'red', 'height', ';', ':', 'left:0px', '300px', ';', ';', 'top:0px', '/', ';', '*', '}', 'only', '25', 'for', '%', '<unk>', '{', ',', 'background', 'should', '-', 'be', 'color', '<unk>', ':', '*', 'yellow', '/', ';', 'background', 'left:200px', ':', ';', '#', 'top:0px', 'ccc', ';', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['}', '}', '</style>', ':', '%', '20px', '{', ';', 'background', 'width', '-', '@media', 'color', 'html>', ':', '<html>', 'blue', '<head>', ';', '<style>', 'left:200px', '@media', ';', '-', 'top:200px', 'container', ';', '{', '}', 'display', '75', ':', '%', '-webkit', '{', '-', 'background', 'flex', '-', ';', 'color', 'display', ':', ':', 'green', 'flex', ';', ';', 'left:0px', '-webkit', ';', '-', 'top:200px', 'flex', ';', '-', '}', 'direction', '100', ':', '%', 'column', '{', ':', 'background', 'column', '-', ';', 'color', '}'] \n",
            "\n",
            " target:\n",
            "['}', 'padding', '50', ':', '%', '20px', '{', ';', 'background', '}', '-', '<!DOCTYPE', 'color', 'html>', ':', '<html>', 'blue', '<head>', ';', '<style>', 'left:200px', '.flex', ';', '-', 'top:200px', 'container', ';', '{', '}', 'display', '75', ':', '%', '-webkit', '{', '-', 'background', 'flex', '-', ';', 'color', 'display', ':', ':', 'green', 'flex', ';', ';', 'left:0px', '-webkit', ';', '-', 'top:200px', 'flex', ';', '-', '}', 'direction', '100', ':', '%', 'row', '{', '-', 'background', 'reverse', '-', ';', 'color', 'flex'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "[':', ';', '#', 'direction', ';', ':', 'left:0px', 'column', ';', ';', 'top:0px', 'column', ';', ';', '}', '}', '25', ':', '25', '400px', '</head>', ';', '<body>', '}', '<p>', ':', '<b>', '250px', 'Note', ';', ':', 'background', '</b>', '-', 'This', 'color', 'example', ':', 'does', 'lightgrey', 'not', ';', 'work', '}', 'in', '.flex', 'Internet', '-', 'Explorer', 'item', '9', '{', 'and', 'background', 'earlier', '-', 'versions', 'color', '.', ':', '</p>', 'cornflowerblue', '<div>', ';', '</div>', 'width', '</body>', ':', '</html>', '100px'] \n",
            "\n",
            " target:\n",
            "[':', '-', 'red', 'direction', ';', ':', 'left:0px', 'row', ';', '-', 'top:0px', 'reverse', ';', ';', '}', 'width', '}', ':', '</style>', '400px', '</head>', ';', '<body>', 'height', '<p>', ':', '<b>', '250px', 'Note', ';', ':', 'background', '</b>', '-', 'This', 'color', 'example', ':', 'does', 'lightgrey', 'not', ';', 'work', '}', 'in', '.flex', 'Internet', '-', 'Explorer', 'item', '9', '{', 'and', 'background', 'earlier', '-', 'versions', 'color', '.', ':', '</p>', 'cornflowerblue', '<div>', ';', '</div>', 'width', '</body>', ':', '</html>', '100px'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<!DOCTYPE', ';', 'html>', 'background', '<html>', ':', '<head>', '100px', '<style>', ';', 'div', 'background', '{', ':', 'font', '10px', '-', ';', 'variant', '}', ':', '</style>', 'bold', '</head>', ';', '<body>', '}', '<div', 'p.small', 'class=\"flex', '{', '-', 'width', 'container\">', '-', '<div', 'family', 'class=\"flex', ':', '-', 'bold', 'item\">', ';', 'flex', '}', 'item', '</style>', '1', '{', '</div>', 'width', '<div', '-', 'class=\"flex', 'name', '-', ':', 'item\">', 'bold', 'flex', ';', 'item', '}', '2', '</style>', '</div>', '{', '<div', 'width', 'class=\"flex'] \n",
            "\n",
            " target:\n",
            "['<!DOCTYPE', ';', 'html>', 'height', '<html>', ':', '<head>', '100px', '<style>', ';', 'p.normal', 'margin', '{', ':', 'font', '10px', '-', ';', 'weight', '}', ':', '</style>', 'normal', '</head>', ';', '<body>', '}', '<div', '<unk>', 'class=\"flex', '{', '-', 'font', 'container\">', '-', '<div', 'weight', 'class=\"flex', ':', '-', '<unk>', 'item\">', ';', 'flex', '}', 'item', '<unk>', '1', '{', '</div>', 'font', '<div', '-', 'class=\"flex', 'weight', '-', ':', 'item\">', 'bold', 'flex', ';', 'item', '}', '2', '<unk>', '</div>', '{', '<div', 'font', 'class=\"flex'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['-', '-', 'size', 'item\">', ':', 'flex', 'bold', 'item', ';', '3', '}', '</div>', '</style>', '</body>', '</head>', '</body>', '<body>', '</html>', '<div', '<!DOCTYPE', 'class=\"small\">', 'html>', 'This', '<html>', 'is', '<head>', 'a', '<style>', 'paragraph', '.right', '</p>', '{', '</p>', 'background', '</body>', ':', 'class=\"small\">', 'right', 'This', ';', 'is', '0', 'the', ';', 'link', '}', '</p>', '-', '</p>', '#', '</body>', 'ffffff', '>', ';', 'This', '\"', 'is', ')', 'the', ';', 'link', '-', 'contains', 'repeat', '</p>', ':', '</body>', ';', '>', ';'] \n",
            "\n",
            " target:\n",
            "['-', '-', 'weight', 'item\">', ':', 'flex', '<unk>', 'item', ';', '3', '}', '</div>', '</style>', '</div>', '</head>', '</body>', '<body>', '</html>', '<p', '<!DOCTYPE', 'class=\"normal\">', 'html>', 'This', '<html>', 'is', '<head>', 'a', '<style>', 'paragraph', 'body', '.', '{', '</p>', 'margin', '<p', '-', '<unk>', 'left', 'This', ':', 'is', '200px', 'a', ';', 'paragraph', 'background', '.', ':', '</p>', '#', '<p', '<unk>', '<unk>', 'url(\"img_tree.png', 'This', '\"', 'is', ')', 'a', 'no', 'paragraph', '-', '.', 'repeat', '</p>', 'top', '<p', 'left', '<unk>', ';'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['<h2>', '}', 'is', '</style>', 'the', '{', 'link', 'width', '.', ':', '</p>', 'link', '</body>', 'solid', '</html>', '#', '<!DOCTYPE', ';', 'html>', 'margin', '<html>', ':', '<head>', 'child', '<style>', ':', 'ul', '0', '-', ';', 'letter', '}', '{', ':', 'color', 'align', ':', ':', '#', '0', '0000ff', ';', ';', '}', 'font', ':', '-', 'auto', 'size', ';', ':', ';', 'xx', '}', '-', '-', 'large', 'color', ';', ':', '}', 'red', 'p::first', 'menulist', '</head>', ';', '<body>', '}', '<h1>', '-'] \n",
            "\n",
            " target:\n",
            "['This', '}', 'is', '<unk>', 'a', '{', 'paragraph', 'border', '.', ':', '</p>', '1px', '</body>', 'solid', '</html>', 'gray', '<!DOCTYPE', ';', 'html>', 'margin', '<html>', '-', '<head>', 'left', '<style>', ':', 'p::first', 'auto', '-', ';', 'letter', 'margin', '{', '-', 'color', 'right', ':', ':', '#', 'auto', 'ff0000', ';', ';', 'width', 'font', ':', '-', '90', 'size', '%', ':', ';', 'xx', 'background', '-', '-', 'large', 'color', ';', ':', '}', '#', '</style>', '<unk>', '</head>', ';', '<body>', 'text', '<p>', '-'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['The', 'color', 'the', ':', 'use', 'center', 'the', ';', ':', '}', '</p>', ':', '</p>', '14px', '-', '16px', 'child', 'text', 'and', 'tr', '-', '</head>', 'elements', '<body>', 'to', '<p>', 'add', 'class=\"center\">', 'a', '</h2>', 'special', 'The', 'effect', 'World', 'to', '!', 'the', '</h1>', 'first', '<h2>', 'line', 'The', '.', 'is', 'a', ',', 'special', 'a', 'field', 'text', '</p>', 'This', '</body>', 'first', '</html>', 'into', '<!DOCTYPE', 'want', 'html>', '.', '<html>', 'supported', '<head>', 'clicked', '<style>', '.', 'div', '.', 'special', '</p>'] \n",
            "\n",
            " target:\n",
            "['You', 'align', 'can', ':', 'use', 'left', 'the', ';', ':', 'padding', ':', ':', 'first', '8px', '-', ';', 'letter', '}', 'pseudo', '</style>', '-', '</head>', 'element', '<body>', 'to', '<div', 'add', '<unk>', 'a', '<h1>', 'special', 'Hello', 'effect', 'World', 'to', '!', 'the', '</h1>', 'first', '<p>', 'character', 'This', 'of', 'example', 'a', 'contains', 'text', 'some', '!', '<unk>', '</p>', 'CSS', '</body>', 'methods', '</html>', 'you', '<!DOCTYPE', '<unk>', 'html>', 'not', '<html>', 'have', '<head>', '<unk>', '<style>', '<unk>', 'a', '.', '{', '<unk>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['background', '<h2>', '-', 'the', 'align', 'use', ':', 'be', 'none', 'and', ';', 'to', 'display', 'into', 'li', 'the', '</head>', 'one', '<body>', '.', '<h2>', 'explains', '<b>', 'the', ':', 'link', 'will', '\"', 'a', '</p>', '-', '<h2>', ';', '</body>', 'active', '</html>', 'href=\"default.asp', '<!DOCTYPE', 'w3schools.com', 'html>', '</a>', '<html>', '</body>', '<head>', '</body>', '<style>', '</html>', 'Page', '<!DOCTYPE', 'link', 'html>', '{', '<html>', 'Title', '<head>', '</title>', '<style>', '<h1>', '.newspaper', '<body>', '{', '<h1>', 'text', 'This', '-', 'link', 'size', 'in', ':', 'the'] \n",
            "\n",
            " target:\n",
            "['text', ',', '-', 'we', 'decoration', 'will', ':', '<unk>', 'none', '<unk>', ';', 'methods', '}', 'in', '</style>', 'a', '</head>', '<unk>', '<body>', 'chapter', '<p>', 'in', 'A', 'the', 'link', 'tutorial', 'with', '.', 'no', '</p>', 'underline', '</div>', ':', '</body>', '<a', '</html>', 'href=\"https://www.w3schools.com\">', '<!DOCTYPE', '<unk>', 'html>', '</a>', '<html>', '</p>', '<head>', '</body>', '<title>', '</html>', 'A', '<!DOCTYPE', '<unk>', 'html>', 'Page', '<html>', 'Title', '<head>', '</title>', '<style>', '</head>', 'body', '<body>', '{', '<p>', 'font', 'The', '-', 'content', 'size', 'of', ':', 'the'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "predicted:\n",
            "['5px', 'text', '%', 'selector', ';', '.', 'text', 'Arial', 'th', '.', '{', 'a', 'font', 'font', '-', '.', 'size', 'to', ':', '</p>', '40px', '<p>', ';', 'The', '/', 'font', 'h2', 'and', '{', 'the', 'font', 'effect', '-', 'attribute', 'size', '.', ':', 'set', '1.875em', 'vertically', ';', 'a', '/', 'head', 'p', \"'s\", '{', 'and', 'font', 'and', '-', 'a', 'size', 'and', ':', 'the', '0.875em', 'the', ';', 'the', '/', 'width', '*', '.', '</head>', 'in', '<body>', '</p>', '<h1>', '</body>'] \n",
            "\n",
            " target:\n",
            "['100', 'body', '%', 'element', ';', 'is', '}', 'displayed', 'h1', 'in', '{', 'the', 'font', 'browser', '-', 'window', 'size', '.', ':', '</p>', '2.5em', '<p>', ';', 'The', '}', 'content', 'h2', 'of', '{', 'the', 'font', 'title', '-', 'element', 'size', 'is', ':', 'displayed', '1.875em', 'in', ';', 'the', '}', 'browser', 'p', 'tab', '{', ',', 'font', 'in', '-', '<unk>', 'size', 'and', ':', 'in', '0.875em', 'search', ';', '-', '}', '<unk>', '</style>', 'results', '</head>', '.', '<body>', '</p>', '<h1>', '</body>'] \n",
            "\n",
            "\n",
            "\n",
            "Predicted:\n",
            "\n",
            "=========================================================================================\n",
            "| End of training | test loss  3.62 | test ppl    37.32\n",
            "=========================================================================================\n"
          ],
          "name": "stdout"
        }
      ]
    }
  ]
}