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);