<html><head>
        <title>demo :: Welcome</title>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="format-detection" content="telephone=no"> 
                
        <link href="css/build.css" rel="stylesheet" type="text/css">
        <link href="css/style-footers_new.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="//cdn.jsdelivr.net/medium-editor/latest/css/medium-editor.min.css">
        <script src="js/medium-editor.min.js"></script>
        <script src="js/custom-html.js"></script>
</head>
<body>
    <div id="page">
        <footer>
          <div class="footer">  
          <div class="container">
          <div class="row">
          <div class="col-md-4 col-sm-4">
          <ul>
          <li class="title editContent" data-disable-return="true" data-placeholder="Type your text" data-medium-element="true" contenteditable="true">Navigation</li>
          <li><a href="javascript:void(0)">Home</a></li>
          
          <li><a href="javascript:void(0)">Contact</a></li>
          
          </ul>
          </div>
          <div class="col-md-4 col-sm-4">
          <ul>
          <li class="title editContent" data-disable-return="true" data-placeholder="Type your text" data-medium-element="true" contenteditable="true">Get In Touch</li>
          <li class="editContent" data-disable-return="true" data-placeholder="Type your text" data-medium-element="true" contenteditable="true">E-mail: dd@we.nm<br>
                    dddd          </li>
          <li class="editContent" data-disable-return="true" data-placeholder="Type your text" data-medium-element="true" contenteditable="true">Phone:+1 800 559 6580</li>


          </ul>
          </div>
          <div class="col-md-4 col-sm-4">
              <div class="social">
          <ul>
          <li class="title editContent" data-disable-return="true" data-placeholder="Type your text" data-medium-element="true" contenteditable="true">Connect Online</li>
                    <li><a href="javascript:void(0);" class="fa fa-facebook" rel="nofollow">Facebook</a></li>
          <li><a href="javascript:void(0);" class="fa fa-pinterest" rel="nofollow">Pinterest</a></li>
          <li><a href="javascript:void(0);" class="fa fa-google-plus" rel="nofollow">Google_plus</a></li>
          <li><a href="javascript:void(0);" class="fa fa-twitter" rel="nofollow">Twitter</a></li>
          
          </ul></div></div>
          </div>
          </div>
            </div>

          </footer> 
    </div>
    <!-- Load JS here for greater good =============================-->
    <script src="js/build/build.min.js"></script>
    <script>
        window.onload = function () {
        var myEditor = new MediumEditor(".editContent", {
            buttons: [
                "bold"
              , "italic"
              , "underline"
              //, "anchor"
              //, "header1"
              //, "header2"
              //, "quote"
              , "customHtml"
            ]
            , extensions: {
                "customHtml": new CustomHtml({
                    buttonText: "<hr>"
                  , htmlToInsert: "<hr>"
                })
            },
            attributes: {
                    remove: [],
                },
        });
        
        var myEditor = new MediumEditor("nav a", {buttons: ["bold","italic","underline","anchor"]});
        var myEditor = new MediumEditor("a.btn", {buttons: ["bold","italic","underline","anchor"]});
        
    };
    </script>

<div id="medium-editor-toolbar-1" class="medium-editor-toolbar"><ul id="medium-editor-toolbar-actions" class="medium-editor-toolbar-actions clearfix"><li><button class="medium-editor-action medium-editor-action-bold medium-editor-button-first" data-action="bold" data-element="b"><b>B</b></button></li><li><button class="medium-editor-action medium-editor-action-italic" data-action="italic" data-element="i"><b><i>I</i></b></button></li><li><button class="medium-editor-action medium-editor-action-underline" data-action="underline" data-element="u"><b><u>U</u></b></button></li><li><button class="medium-editor-action medium-editor-button-last">&lt;hr&gt;</button></li></ul><div class="medium-editor-toolbar-form-anchor" id="medium-editor-toolbar-form-anchor"><input placeholder="Paste or type a link" type="text"><a href="#">×</a></div></div><div id="medium-editor-anchor-preview-1" class="medium-editor-anchor-preview"><div class="medium-editor-toolbar-anchor-preview" id="medium-editor-toolbar-anchor-preview">    <i class="medium-editor-toolbar-anchor-preview-inner"></i></div></div></body></html>