ASP.NET

USING ASP.NET WITH C#.NET

<pre>import React from 'react';
import { connect } from 'react-redux';
import '../css//bootstrap.css'
import xxxHeader from '../images/header/xxxclassic-ca.png'
import xxxClassicTwitter from '../images/header/xxxclassic-twitter.png'
import xxxx from '../images/header/xxxclassic-linkedin.png'
import CalxxxxInfo from '../images/header/xxxclassic-ytube.png'
import xxxxClassicEmail from '../images/header/xxxclassic-email.png'
import HeaderOrganization from '../images/header/header_organization.png'

const divStyle = {
    display: 'flex',
    alignItems: 'center'
};

const HeaderMenu = (props) => (
    <header>
        <div className="header-top-outer container-fluid" style={divStyle}>
            <div className="container">
                <ul className="header-top" style={divStyle}>
                    <li><a href='http://www.xxxx.xxx' target="_blank"><img src={xxxHeader} alt="California dot gov website" /></a></li>
                    <li><a href='https://twitter.com/xxxxResources' target="_blank"><img src={xxxClassicTwitter} alt="xxxx Resources Board Twitter" /></a></li>
                    <li className="header-top"><a href='https://www.youtube.com/user/calxxxxinfo' target="_blank"><img src={CalxxxxInfo} alt="xxxx Resources Board Youtube" /></a></li>
                    <li className="header-top"><a href='https://www.linkedin.com/company/california-xxxx-resources-board' target="_blank"><img src={xxxx} alt="xxxx Resources Board LinkedIn" /></a></li>
                    <li className="header-top"><a href='https://public.govdelivery.com/accounts/xxxx/subscriber/new?topic_id=listserv' target="_blank"><img src={xxxxClassicEmail} alt="xxxx Resources Board Email" /></a></li>
                </ul>
            </div>
        </div>
        <div className="container">
            <div className="header-bottom clearfix">
                <div className="float-left">
                    <a href="http://xxx.xxxx.xxx"><img src={HeaderOrganization} className="xxxx-logo" alt="California xxxx Resources Board Logo" /></a>
                </div>
                <nav>
                    <ul className="nav float-right" style={divStyle}>
                        <li className="nav-item"><a className="nav-link" href="https://ww2.xxx.xxxx.xxx/community-xxxx-quality-portal">Home</a></li>
                        <li className="nav-item"><a className="nav-link" href="about.html">About</a></li>
                        <li className="nav-item"><a className="nav-link active" href="index.html">Preview</a></li>
                        <li className="nav-item"><a className="nav-link" href="data.html">Access Data</a></li>
                        <li className="nav-item"><a className="nav-link" href="mailto:aqview@xxx.xxxx.xxx">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
);

export default connect()(HeaderMenu);

<div class="comment-section">
    <div class="row">
        <div class="col-md-12">
            <div class="survey-monkey container">
                <script>
                    (function (t, e, s, n) {
                        var o, a, c;
                        t.SMCX = t.SMCX || [], e.getElementById(n) || (o = e.getElementsByTagName(s), a = o[o.length - 1], c = e.createElement(s), c.type = "text/javascript", c.async = !0, c.id = n, c.src = ["https:" === location.protocol ? "https://" : "http://", "widget.surveymonkey.com/collect/website/js/tRaiETqnLgj758hTBazgdzgtBo_2F6tfoVOyv2tOWZS06jxcEDEbnlRlhzBZ5fovBO.js"].join(""), a.parentNode.insertBefore(c, a))
                    })(window, document, "script", "smcx-sdk");</script>
            </div>
        </div>
    </div>
</div>

function (t, e, s, n)

const images = importAll(require.context('./images', false, '/\.png/'));

import React from 'react';
import { connect } from 'react-redux';
import '../css//bootstrap.css'
import ArbHeader from '../images/header/arbclassic-ca.png'
import ArbClassicTwitter from '../images/header/arbclassic-twitter.png'
import xxxx from '../images/header/arbclassic-linkedin.png'
import CalxxxInfo from '../images/header/arbclassic-ytube.png'
import xxxClassicEmail from '../images/header/arbclassic-email.png'
import HeaderOrganization from '../images/header/header_organization.png'
import ARBFooterTwitter from '../images/footer/twitter.png'
import ARBFooterYouTube from '../images/footer/youtube.png'
import ARBFooterLinkedIn from '../images/footer/linkedin.png'
import ARBFooterEmail from '../images/footer/email.png'

let url = '../images/header';


const Dashboard = (props) => (
    function importAll(r) {
        let images = {};
        r.keys().map((item, index) => { images[item.replace('./', '')] = r(item); });
        return images;
    }

const images = importAll(require.context('./images', false, '/\.png/'));

    <React.Fragment>
        <header>
            <div className="header-top-outer container-fluid">
                <div className="container">
                    <ul className="header-top">
                        <li><a href='http://www.ca.gov' target="_blank"><img src={ArbHeader} alt="California dot gov website" /></a></li>
                        <li><a href='https://twitter.com/xxxResources' target="_blank"><img src={ArbClassicTwitter} alt="xxx Resources Board Twitter" /></a></li>
                        <li><a href='https://www.youtube.com/user/calxxxinfo' target="_blank"><img src={CalxxxInfo} alt="xxx Resources Board Youtube" /></a></li>
                        <li><a href='https://www.linkedin.com/company/california-xxx-resources-board' target="_blank"><img src={xxxx} alt="xxx Resources Board LinkedIn" /></a></li>
                        <li><a href='https://public.govdelivery.com/accounts/xxxx/subscriber/new?topic_id=listserv' target="_blank"><img src={xxxClassicEmail} alt="xxx Resources Board Email" /></a></li>
                    </ul>
                </div>
            </div>
            <div className="container">
                <div className="header-bottom clearfix">
                    <div className="float-left">
                        <a href="http://arb.ca.gov"><img src={HeaderOrganization} className="xxxx-logo" alt="California xxx Resources Board Logo" /></a>
                    </div>
                    <nav>
                        <ul className="nav float-right">
                            <li className="nav-item"><a className="nav-link" href="https://ww2.arb.ca.gov/community-xxx-quality-portal">Home</a></li>
                            <li className="nav-item"><a className="nav-link" href="about.html">About</a></li>
                            <li className="nav-item"><a className="nav-link active" href="index.html">Preview</a></li>
                            <li className="nav-item"><a className="nav-link" href="data.html">Access Data</a></li>
                            <li className="nav-item"><a className="nav-link" href="mailto:aqview@arb.ca.gov">Contact</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>

        <footer>
            <div className="footer-outer container-fluid">
                <div className="footer-container container">
                    <div className="row">
                        <div className="footer-left col-md-6">
                            <h2>Contact Us</h2>
                            <a href="tel:8002424450">(800) 242-4450</a> | <a href="mailto:helpline@arb.ca.gov">helpline@arb.ca.gov</a>
                            <p>1001 I Street, Sacramento, CA 95814</p>
                            <p>P.O. Box 2815, Sacramento, CA 95812</p>
                            <p className="version">AQView Version 1.0</p>
                        </div>
                        <div className="footer-right col-md-6">
                            <div className="footer-right-social-outer container-fluid">
                                <ul className="footer-right-social">
                                    <li><a href="https://twitter.com/xxxResources" target="_blank"><img src={ARBFooterTwitter} alt="Link to ARB Twitter" /></a></li>
                                    <li><a href="https://www.youtube.com/user/calxxxinfo" target="_blank"><img src={ARBFooterYouTube} alt="Link to ARB YouTube" /></a></li>
                                    <li><a href="https://www.linkedin.com/company/california-xxx-resources-board" target="_blank"><img src={ARBFooterLinkedIn} alt="Link to ARB LinkedIn" /></a></li>
                                    <li><a href="https://public.govdelivery.com/accounts/xxxx/subscriber/new?topic_id=listserv" target="_blank"><img src={ARBFooterEmail} alt="Link to ARB Email" /></a></li>
                                </ul>
                            </div>
                            <ul className="footer-nav">
                                <li><a href="https://ww2.arb.ca.gov/accessibility">Accessibility</a></li>
                                <li><a href="https://ww2.arb.ca.gov/xxxxis-privacy-and-conditions-use">Privacy Policy</a></li>
                                <li><a href="https://ww2.arb.ca.gov/xxxxis-privacy-and-conditions-use">Conditions of Use</a></li>
                                <li><a href="https://www.arb.ca.gov/capcoa/roster.htm">Local xxx Districts</a></li>
                                <li><a href="http://registertovote.ca.gov/" target="_blank">Register to Vote</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </React.Fragment>
);

export default connect()(Dashboard);