Load SCRIPTS, HTML,CSS, from a script file

$(document).ready(function () {

});

$(function () {
    var markup = "";
    markup += "<meta name='viewport' content='width=device-width, initial-scale=1.0'>";
    //markup += '<script type="text/javascript" src="../../Style Library/Intranet/Scripts/seattleNEORSD.js"></script>';
    markup += '<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet" />'
    markup += ' <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" crossorigin="anonymous" />'
    markup += ' <link rel="stylesheet" type="text/css" href="'+_spPageContextInfo.webServerRelativeUrl+'/Style Library/Intranet/CSS/bootstrap.min.css" />'
    markup += '<link rel="stylesheet" type="text/css" href="' + _spPageContextInfo.webServerRelativeUrl + '/Style Library/Intranet/CSS/custom_styles.css" />';
    $('head').append(markup);
    var footer = "";
    footer += '<div class="clearfix"></div> <section class="footers bg-light mt-4  mt-3">'
    footer += ' <div class="container-fluid pt-3 pl-4 pr-4  ms-dialogHidden" style="background-color:#ccc;box-sizing: border-box">'
    footer += ' <div class="row">'
    footer += ' <div class="col-sm-6 col-md-4  col-12">'
    footer += ' <div class="input-group">'
    footer += ' <input class="form-control py-2 border-right-0 border" type="search" value="search" id="example-search-input">'
    footer += ' <span class="input-group-append"><div class="input-group-text bg-transparent"><i class="fa fa-search"></i></div></span>'
    footer += ' </div>'
    footer += ' </div>'
    footer += ' <div class="col-sm-6 col-md-8  col-12">'
    footer += ' <h5>Explore </h5>'
    footer += ' <ul class="list-unstyled d-inline-flex">'
    footer += ' <li class="list-inline-item"><a href="#">App</a></li>|&nbsp;'
    footer += ' <li class="list-inline-item"><a href="#">Sitemap</a></li>|&nbsp;'
    footer += ' <li class="list-inline-item"><a href="#">Feedbacks</a></li>|&nbsp;'
    footer += ' <li class="list-inline-item"><a href="#">Test Agreement</a></li>'
    footer += ' </ul></div></div></div></section>'
    $('#contentRow').append(footer);
});

Comments

Popular posts from this blog

My Interview Experience

React Checkbox Control SPFx